monobill-mintui 0.5.91 → 0.5.93

package/dist/index.js

@@ -1,4 +1,4 @@
-import { m as e } from "./search-CzN2cZZy.js";
+import { _ as e } from "./search-RbD9n2_q.js";
 //#region src/components/spinner/Spinner.ts
 var t = class extends HTMLElement {
 	static get observedAttributes() {
@@ -162,7 +162,7 @@ var n = class extends HTMLElement {
 		let r = this.closest("mint-button") || this.parentElement?.closest("mint-button"), i = this.closest("mint-switch") || this.parentElement?.closest("mint-switch"), a = this.closest("mint-select") || this.parentElement?.closest("mint-select"), o = !!this.closest("mint-sidenav-link") && !r && !i && !a;
 		if (!Array.from(this.classList).some((e) => e.startsWith("w-") || e.startsWith("h-")) && !a) {
 			let e;
-			e = i ? "w-3 h-3" : r || o ? "w-[1em] h-[1em]" : "w-[1.3em] h-[1.3em]", this.classList.remove("w-4", "h-4", "w-5", "h-5", "w-[1em]", "h-[1em]", "w-[1.3em]", "h-[1.3em]", "w-3", "h-3", "w-[0.875em]", "h-[0.875em]"), e.split(" ").forEach((e) => {
+			e = i ? "w-3 h-3" : r || o ? "w-[1em] h-[1em]" : "w-[1.3em] h-[1.3em]", this.classList.remove("w-4", "h-4", "w-5", "h-5", "w-[1em]", "h-[1em]", "w-[1.12em]", "h-[1.12em]", "w-[1.3em]", "h-[1.3em]", "w-[1.65em]", "h-[1.65em]", "w-3", "h-3", "w-[0.875em]", "h-[0.875em]"), e.split(" ").forEach((e) => {
 				e && this.classList.add(e);
 			});
 		}
@@ -204,7 +204,7 @@ var r = class e extends HTMLElement {
 		this._activeShadowStyleInjected = !1;
 	}
 	constructor() {
-		super(), this._button = null, this._clickHandler = null, this._isHandlingClick = !1, this._handleMouseDown = () => {
+		super(), this._button = null, this._clickHandler = null, this._isHandlingClick = !1, this._hostChildObserver = null, this._hostRenderFromObserverRaf = null, this._handleMouseDown = () => {
 			this._button && !this.isDisabled() && !this.isLoading() && this._button.classList.add("mint-button-active");
 		}, this._handleMouseUp = () => {
 			this._button && (this.isActive() || this._button.classList.remove("mint-button-active"));
@@ -232,7 +232,7 @@ var r = class e extends HTMLElement {
 		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "inline-block"), this.render(), this._button && this.setupEventListeners(), this.isFullWidth() && this.classList.add("w-full");
 	}
 	disconnectedCallback() {
-		this.removeEventListeners();
+		this._disconnectHostChildObserver(), this._hostRenderFromObserverRaf !== null && (cancelAnimationFrame(this._hostRenderFromObserverRaf), this._hostRenderFromObserverRaf = null), this.removeEventListeners();
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && this.render();
@@ -437,6 +437,38 @@ var r = class e extends HTMLElement {
 			]
 		}[e] || [];
 	}
+	_disconnectHostChildObserver() {
+		this._hostChildObserver?.disconnect();
+	}
+	_connectHostChildObserver() {
+		this.isConnected && (this._hostChildObserver ||= new MutationObserver((e) => {
+			this._onLightDomMutation(e);
+		}), this._hostChildObserver.disconnect(), this._hostChildObserver.observe(this, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}));
+	}
+	_onLightDomMutation(e) {
+		if (this.isConnected) {
+			if (this._button && !this._button.isConnected) {
+				this._button = null, this._scheduleRenderFromHostObserver();
+				return;
+			}
+			for (let t of e) {
+				let e = t.target;
+				if (!(this._button && (e === this._button || this._button.contains(e)))) {
+					this._scheduleRenderFromHostObserver();
+					return;
+				}
+			}
+		}
+	}
+	_scheduleRenderFromHostObserver() {
+		this._hostRenderFromObserverRaf === null && (this._hostRenderFromObserverRaf = requestAnimationFrame(() => {
+			this._hostRenderFromObserverRaf = null, this.isConnected && this.render();
+		}));
+	}
 	getButtonClasses() {
 		let e = this.isIconOnly(), t = this.getVariant(), n = this.getAlignment(), r = "justify-center";
 		n === "left" ? r = "justify-start" : n === "right" && (r = "justify-end");
@@ -657,69 +689,76 @@ var r = class e extends HTMLElement {
 		return this.isFullWidth() && c.push("w-full"), c.join(" ");
 	}
 	render() {
-		let e = this.isDisabled() || this.isLoading(), t = this.getType();
-		if (!this._button) {
-			let e = this.firstElementChild;
-			if (e instanceof HTMLButtonElement) this._button = e;
-			else {
-				for (this._button = document.createElement("button"); this.firstChild;) this._button.appendChild(this.firstChild);
-				this.appendChild(this._button);
+		this._disconnectHostChildObserver(), this._button && !this._button.isConnected && (this._button = null);
+		try {
+			let e = this.isDisabled() || this.isLoading(), t = this.getType();
+			if (!this._button) {
+				let e = this.firstElementChild;
+				if (e instanceof HTMLButtonElement) this._button = e;
+				else {
+					for (this._button = document.createElement("button"); this.firstChild;) this._button.appendChild(this.firstChild);
+					this.appendChild(this._button);
+				}
+				this.setupEventListeners();
 			}
-			this.setupEventListeners();
-		}
-		this._button.type = t, this._button.disabled = e;
-		let n = this._button.querySelector("mint-spinner"), r = this.isLoading();
-		if (r) if (n) n.setAttribute("data-button-variant", this.getVariant()), n.setAttribute("data-button-tone", this.getTone()), "render" in n && typeof n.render == "function" && n.render();
-		else {
-			let e = document.createElement("span");
-			e.className = "mr-2 inline-flex items-center";
-			let t = document.createElement("mint-spinner");
-			t.setAttribute("size", "default"), t.setAttribute("data-button-variant", this.getVariant()), t.setAttribute("data-button-tone", this.getTone()), t.style.width = "0.875rem", t.style.height = "0.875rem", e.appendChild(t), this._button.insertBefore(e, this._button.firstChild);
-		}
-		else n && n.parentElement?.remove();
-		for (; this.firstChild && this.firstChild !== this._button;) this._button.appendChild(this.firstChild);
-		let i = this.getIcon(), a = this._getGeneratedIcon();
-		i ? (a || (a = document.createElement("mint-icon"), a.setAttribute("data-generated-icon", "true"), a.className = "mint-button-icon"), a.setAttribute("name", i)) : a && a.tagName === "MINT-ICON" && (a.remove(), a = null);
-		let o = this.getIconPosition(), s = this._button.querySelector(".mint-button-content");
-		if (s) {
-			s.className = this._getContentWrapperClass(s);
-			let e = a && a.tagName === "MINT-ICON";
-			if (a && !a.parentElement) {
-				let t = this._button.querySelector("mint-spinner")?.parentElement;
-				e || o === "left" ? t ? t.insertAdjacentElement("afterend", a) : this._button.insertBefore(a, s) : s.insertAdjacentElement("afterend", a);
-			} else if (a && (e || o === "left") && a.nextSibling !== s) {
-				a.remove();
-				let e = this._button.querySelector("mint-spinner")?.parentElement;
-				e ? e.insertAdjacentElement("afterend", a) : this._button.insertBefore(a, s);
-			} else a && !e && o === "right" && a.previousSibling !== s && (a.remove(), s.insertAdjacentElement("afterend", a));
-		} else {
-			let e = [];
-			for (let t = this._button.firstChild; t; t = t.nextSibling) {
-				if (t.nodeType !== Node.ELEMENT_NODE) {
-					e.push(t);
-					continue;
+			this._button.type = t, this._button.disabled = e;
+			let n = this._button.querySelector("mint-spinner"), r = this.isLoading();
+			if (r) if (n) n.setAttribute("data-button-variant", this.getVariant()), n.setAttribute("data-button-tone", this.getTone()), "render" in n && typeof n.render == "function" && n.render();
+			else {
+				let e = document.createElement("span");
+				e.className = "mr-2 inline-flex items-center";
+				let t = document.createElement("mint-spinner");
+				t.setAttribute("size", "default"), t.setAttribute("data-button-variant", this.getVariant()), t.setAttribute("data-button-tone", this.getTone()), t.style.width = "0.875rem", t.style.height = "0.875rem", e.appendChild(t), this._button.insertBefore(e, this._button.firstChild);
+			}
+			else n && n.parentElement?.remove();
+			for (; this.firstChild && this.firstChild !== this._button;) this._button.appendChild(this.firstChild);
+			let i = this.getIcon(), a = this._getGeneratedIcon();
+			i ? (a || (a = document.createElement("mint-icon"), a.setAttribute("data-generated-icon", "true"), a.className = "mint-button-icon"), a.setAttribute("name", i)) : a && a.tagName === "MINT-ICON" && (a.remove(), a = null);
+			let o = this.getIconPosition(), s = this._button.querySelector(".mint-button-content");
+			if (s) {
+				s.className = this._getContentWrapperClass(s);
+				let e = a && a.tagName === "MINT-ICON";
+				if (a && !a.parentElement) {
+					let t = this._button.querySelector("mint-spinner")?.parentElement;
+					e || o === "left" ? t ? t.insertAdjacentElement("afterend", a) : this._button.insertBefore(a, s) : s.insertAdjacentElement("afterend", a);
+				} else if (a && (e || o === "left") && a.nextSibling !== s) {
+					a.remove();
+					let e = this._button.querySelector("mint-spinner")?.parentElement;
+					e ? e.insertAdjacentElement("afterend", a) : this._button.insertBefore(a, s);
+				} else a && !e && o === "right" && a.previousSibling !== s && (a.remove(), s.insertAdjacentElement("afterend", a));
+			} else {
+				let e = [];
+				for (let t = this._button.firstChild; t; t = t.nextSibling) {
+					if (t.nodeType !== Node.ELEMENT_NODE) {
+						e.push(t);
+						continue;
+					}
+					let n = t;
+					n.tagName !== "MINT-SPINNER" && !n.querySelector("mint-spinner") && t !== a && !n.hasAttribute("slot") && !(n.className === "mr-2" && n.querySelector("mint-spinner")) && e.push(t);
 				}
-				let n = t;
-				n.tagName !== "MINT-SPINNER" && !n.querySelector("mint-spinner") && t !== a && !n.hasAttribute("slot") && !(n.className === "mr-2" && n.querySelector("mint-spinner")) && e.push(t);
-			}
-			if (e.length > 0) {
-				s = document.createElement("span"), s.className = this._getContentWrapperClass(s), e.forEach((e) => {
-					s.appendChild(e);
-				}), s.className = this._getContentWrapperClass(s);
-				let t = this._button.querySelector("mint-spinner")?.parentElement;
-				a && o === "left" ? t ? (t.insertAdjacentElement("afterend", a), a.insertAdjacentElement("afterend", s)) : (this._button.insertBefore(a, this._button.firstChild), a.insertAdjacentElement("afterend", s)) : a && o === "right" ? t ? (t.insertAdjacentElement("afterend", s), s.insertAdjacentElement("afterend", a)) : (this._button.insertBefore(s, this._button.firstChild), s.insertAdjacentElement("afterend", a)) : t ? t.insertAdjacentElement("afterend", s) : this._button.insertBefore(s, this._button.firstChild);
-			} else if (a && a.tagName === "MINT-ICON" && !a.parentElement) {
+				if (e.length > 0) {
+					s = document.createElement("span"), s.className = this._getContentWrapperClass(s), e.forEach((e) => {
+						s.appendChild(e);
+					}), s.className = this._getContentWrapperClass(s);
+					let t = this._button.querySelector("mint-spinner")?.parentElement;
+					a && o === "left" ? t ? (t.insertAdjacentElement("afterend", a), a.insertAdjacentElement("afterend", s)) : (this._button.insertBefore(a, this._button.firstChild), a.insertAdjacentElement("afterend", s)) : a && o === "right" ? t ? (t.insertAdjacentElement("afterend", s), s.insertAdjacentElement("afterend", a)) : (this._button.insertBefore(s, this._button.firstChild), s.insertAdjacentElement("afterend", a)) : t ? t.insertAdjacentElement("afterend", s) : this._button.insertBefore(s, this._button.firstChild);
+				} else if (a && a.tagName === "MINT-ICON" && !a.parentElement) {
+					let e = this._button.querySelector("mint-spinner")?.parentElement;
+					e ? e.insertAdjacentElement("afterend", a) : this._button.insertBefore(a, this._button.firstChild);
+				}
+			}
+			let c = this.isIconOnly();
+			if (a && (a.classList.contains("mint-button-icon") || a.classList.add("mint-button-icon"), r ? a.style.display = "none" : a.style.display = "", a.classList.remove("mr-1.5", "ml-1.5"), c ? a.tagName === "MINT-ICON" ? (a.style.width = "1em", a.style.height = "1em", a.style.maxWidth = "1em", a.style.maxHeight = "1em", a.style.flexShrink = "0") : (a.style.maxWidth = "1em", a.style.maxHeight = "1em", a.style.flexShrink = "0", a.tagName === "svg" && (a.style.width = "1em", a.style.height = "1em")) : o === "left" ? a.classList.add("mr-1.5") : a.classList.add("ml-1.5")), r) {
 				let e = this._button.querySelector("mint-spinner")?.parentElement;
-				e ? e.insertAdjacentElement("afterend", a) : this._button.insertBefore(a, this._button.firstChild);
+				e && (c ? (e.classList.remove("mr-2"), e.classList.add("mr-0")) : e.classList.contains("mr-2") || (e.classList.remove("mr-0"), e.classList.add("mr-2")));
 			}
+			let l = this.getButtonClasses();
+			this._button.className = l, this.setAttribute("data-variant", this.getVariant()), this.setAttribute("data-tone", this.getTone()), this._button.setAttribute("data-variant", this.getVariant()), r ? this._button.setAttribute("data-loading", "true") : this._button.removeAttribute("data-loading"), this.isActive() ? this._button.classList.add("mint-button-active") : this._button.classList.remove("mint-button-active");
+		} finally {
+			queueMicrotask(() => {
+				this.isConnected && this._connectHostChildObserver();
+			});
 		}
-		let c = this.isIconOnly();
-		if (a && (a.classList.contains("mint-button-icon") || a.classList.add("mint-button-icon"), r ? a.style.display = "none" : a.style.display = "", a.classList.remove("mr-1.5", "ml-1.5"), c ? a.tagName === "MINT-ICON" ? (a.style.width = "1em", a.style.height = "1em", a.style.maxWidth = "1em", a.style.maxHeight = "1em", a.style.flexShrink = "0") : (a.style.maxWidth = "1em", a.style.maxHeight = "1em", a.style.flexShrink = "0", a.tagName === "svg" && (a.style.width = "1em", a.style.height = "1em")) : o === "left" ? a.classList.add("mr-1.5") : a.classList.add("ml-1.5")), r) {
-			let e = this._button.querySelector("mint-spinner")?.parentElement;
-			e && (c ? (e.classList.remove("mr-2"), e.classList.add("mr-0")) : e.classList.contains("mr-2") || (e.classList.remove("mr-0"), e.classList.add("mr-2")));
-		}
-		let l = this.getButtonClasses();
-		this._button.className = l, this.setAttribute("data-variant", this.getVariant()), this.setAttribute("data-tone", this.getTone()), this._button.setAttribute("data-variant", this.getVariant()), r ? this._button.setAttribute("data-loading", "true") : this._button.removeAttribute("data-loading"), this.isActive() ? this._button.classList.add("mint-button-active") : this._button.classList.remove("mint-button-active");
 	}
 	setupEventListeners() {
 		this._button && !this._clickHandler && (this._clickHandler = this.handleClick.bind(this), this._clickHandler && this._button.addEventListener("click", this._clickHandler, !0), this._button.addEventListener("mousedown", this._handleMouseDown), this._button.addEventListener("mouseup", this._handleMouseUp), this._button.addEventListener("mouseleave", this._handleMouseLeave), this._button.addEventListener("touchstart", this._handleTouchStart), this._button.addEventListener("touchend", this._handleTouchEnd), this._button.addEventListener("touchcancel", this._handleTouchCancel));
@@ -1840,9 +1879,9 @@ var p = class extends HTMLElement {
 		}
 		this.isHoverEnabled() && this._attachHoverListeners();
 		let r = this._popover.querySelector(".popover-content");
-		if (!r) r = document.createElement("div"), r.className = `popover-content bg-white dark:bg-mint-elevated dark:border dark:border-mint-divider rounded-lg shadow-xl ${n} transform`, this._popover.appendChild(r);
+		if (!r) r = document.createElement("div"), r.className = `popover-content bg-white dark:bg-mint-elevated border border-gray-200 dark:border-mint-divider rounded-lg shadow-xl ${n} transform`, this._popover.appendChild(r);
 		else {
-			let e = r.className.split(" "), t = [
+			let e = r.className.split(/\s+/).filter(Boolean), t = [
 				"p-0",
 				"p-0.5",
 				"p-1",
@@ -1860,8 +1899,13 @@ var p = class extends HTMLElement {
 				"p-16",
 				"p-20",
 				"p-24"
-			], i = e.filter((e) => !t.includes(e));
-			r.className = [...i, n].join(" ");
+			], i = e.filter((e) => !t.includes(e)), a = [
+				"border",
+				"border-gray-200",
+				"dark:border-mint-divider"
+			], o = [...i];
+			for (let e of a) o.includes(e) || o.push(e);
+			r.className = [...o, n].join(" ");
 		}
 		Array.from(this.children).forEach((e) => {
 			e !== this._overlay && e !== this._popover && e.parentElement === this && r.appendChild(e);
@@ -1876,7 +1920,7 @@ var p = class extends HTMLElement {
 	_updateBackgroundColor() {
 		if (!this._popover) return;
 		let e = document.documentElement.classList.contains("dark"), t = this._popover.querySelector(".popover-content");
-		t && (e ? (t.classList.remove("bg-white"), t.classList.add("bg-mint-elevated", "border", "border-mint-divider")) : (t.classList.remove("bg-mint-elevated", "border", "border-mint-divider"), t.classList.add("bg-white")));
+		t && (e ? (t.classList.remove("bg-white"), t.classList.add("bg-mint-elevated")) : (t.classList.remove("bg-mint-elevated"), t.classList.add("bg-white")));
 	}
 	_observeDarkMode() {
 		this._darkModeObserver || (this._darkModeObserver = new MutationObserver(() => {
@@ -5582,20 +5626,14 @@ var S = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._observer = null;
 	}
-	static get observedAttributes() {
-		return ["collapse", "scroll"];
-	}
 	connectedCallback() {
-		this.classList.add("box-border", "m-0", "p-0", "align-baseline", "block", "w-full", "overflow-x-auto"), this.hasAttribute("collapse") && !this.hasAttribute("scroll") && this._ensureResponsiveStyles(), this._observeChanges(), this._applyStyles(), requestAnimationFrame(() => {
+		this.classList.add("box-border", "m-0", "p-0", "align-baseline", "block", "w-full", "rounded-lg", "border", "border-gray-200", "dark:border-mint-divider"), this.hasAttribute("data-mint-rt-scroll-inner") ? this.classList.add("min-w-0", "overflow-x-visible", "overflow-y-visible") : this.classList.add("min-w-0", "overflow-x-auto"), this._observeChanges(), this._applyStyles(), requestAnimationFrame(() => {
 			this._applyStyles(), setTimeout(() => this._applyStyles(), 0);
 		});
 	}
 	disconnectedCallback() {
 		this._observer &&= (this._observer.disconnect(), null);
 	}
-	attributeChangedCallback() {
-		this.hasAttribute("collapse") && !this.hasAttribute("scroll") && this._ensureResponsiveStyles(), this._applyStyles();
-	}
 	_observeChanges() {
 		this._observer = new MutationObserver(() => this._applyStyles()), this._observer.observe(this, {
 			childList: !0,
@@ -5605,28 +5643,28 @@ var S = class extends HTMLElement {
 	}
 	_applyStyles() {
 		this._observer && this._observer.disconnect();
-		let e = this.querySelector("table");
-		if (!e) {
+		let e = Array.from(this.querySelectorAll("table"));
+		if (e.length === 0) {
 			this._observer && this._observeChanges();
 			return;
 		}
-		let t = this.hasAttribute("collapse") && !this.hasAttribute("scroll"), n = this.hasAttribute("scroll");
-		n ? this.classList.add("relative") : this.classList.remove("relative");
-		let r = [], i = e.querySelector("thead tr");
-		i && i.querySelectorAll("th").forEach((e) => r.push((e.textContent || "").trim())), this._setClasses(e, [
-			"w-full",
-			n ? "min-w-[1200px]" : "",
-			"border-collapse",
-			"text-sm",
-			"font-medium",
-			"overflow-hidden"
-		]);
-		let a = e.querySelector("thead");
-		if (a) {
-			this._setClasses(a, ["bg-[#F7F7F7]", "dark:bg-mint-elevated"]);
-			let e = a.querySelectorAll("th");
+		let t = e.find((e) => e.querySelector("thead")) ?? e[0], n = e.find((e) => e.querySelector("tbody")) ?? e[0];
+		e.forEach((e) => {
+			let t = !!e.closest("[id^=\"mint-rt-vscroll-\"]"), n = !!e.closest("mint-resource-table[data-mint-rt-fixed-header]"), r = t || n, i = [
+				"w-full",
+				r ? "border-separate border-spacing-0" : "border-collapse",
+				"text-sm",
+				"font-medium",
+				...r ? [] : ["overflow-hidden"]
+			];
+			this._setClasses(e, i);
+		});
+		let r = t.querySelector("thead");
+		if (r) {
+			r.classList.add("bg-[#F7F7F7]", "dark:bg-mint-nav");
+			let e = r.querySelectorAll("th");
 			e.forEach((t, n) => {
-				let r = t.querySelector("mint-icon"), i = r?.getAttribute("name") || "", a = r !== null && i !== "ellipsis";
+				let r = t.querySelector("mint-icon"), i = r?.getAttribute("name") || "", a = t.hasAttribute("data-mint-rt-sortable") || r !== null && i !== "ellipsis";
 				this._setClasses(t, [
 					"text-left",
 					"font-semibold",
@@ -5636,39 +5674,51 @@ var S = class extends HTMLElement {
 					"py-2",
 					"border-b",
 					"border-gray-200",
-					"dark:border-mint-divider"
-				]), a && t.classList.add("cursor-pointer", "bg-[#F7F7F7]", "dark:bg-mint-elevated", "hover:bg-gray-100", "dark:hover:bg-mint-hover"), n === 0 && t.classList.add("pl-6"), n === e.length - 1 && t.classList.add("pr-6");
+					"dark:border-mint-divider",
+					"bg-[#F7F7F7]",
+					"dark:bg-mint-nav"
+				]), a && t.classList.add("cursor-pointer", "hover:bg-gray-100", "dark:hover:bg-mint-hover"), n === 0 && t.classList.add("pl-3"), n === e.length - 1 && t.classList.add("pr-3");
+				let o = t.closest("table"), s = o?.closest("mint-resource-table"), c = !!s?.hasAttribute("data-mint-rt-fixed-header"), l = !!s?.hasAttribute("data-mint-rt-fixed-controls");
+				if (o?.closest("[id^=\"mint-rt-vscroll-\"]") || c) {
+					let e = c && l ? "top-[var(--mint-rt-fixed-controls-h,0px)]" : "top-0";
+					t.classList.add("sticky", e, "z-30", "bg-[#F7F7F7]", "dark:bg-mint-nav", "shadow-sm");
+				}
 			});
 		}
-		let o = e.querySelector("tbody");
-		if (o) {
-			let e = Array.from(o.querySelectorAll("tr"));
+		let i = n.querySelector("tbody");
+		if (i) {
+			let e = Array.from(i.querySelectorAll("tr")), t = !!n.closest("[id^=\"mint-rt-vscroll-\"]") || !!n.closest("mint-resource-table")?.hasAttribute("data-mint-rt-fixed-header"), r = e.findIndex((e) => e.getAttribute("data-mint-rt-spacer") === "bottom");
 			e.forEach((n, i) => {
-				let a = n.hasAttribute("data-row-clickable");
-				this._setClasses(n, [
+				let a = n.hasAttribute("data-mint-rt-spacer"), o = n.hasAttribute("data-row-clickable");
+				a || t ? this._setClasses(n, ["bg-white", "dark:bg-mint-canvas"]) : this._setClasses(n, [
 					"bg-white",
 					"dark:bg-mint-canvas",
 					"border-b",
 					"border-gray-200",
 					"dark:border-mint-divider"
-				]), a && n.classList.add("cursor-pointer", "hover:bg-gray-50", "dark:hover:bg-mint-elevated"), i === e.length - 1 && n.classList.remove("border-b");
-				let o = n.querySelectorAll("td");
-				o.forEach((e, n) => {
-					this._setClasses(e, [
+				]), o && !a && n.classList.add("cursor-pointer", "hover:bg-gray-50", "dark:hover:bg-mint-elevated"), !t && i === e.length - 1 && n.classList.remove("border-b");
+				let s = n.querySelectorAll("td");
+				s.forEach((o, c) => {
+					let l = [
 						"text-gray-900",
 						"dark:text-gray-100",
 						"px-3",
 						"py-2"
-					]), n === 0 && e.classList.add("pl-6"), n === o.length - 1 && e.classList.add("pr-6"), t ? this._applyMobileCell(e, r) : this._restoreCell(e);
+					];
+					if (t && !a) {
+						let t = n.hasAttribute("data-mint-rt-last-row"), a = r === -1 && i === e.length - 1;
+						!t && !a && l.push("border-b", "border-gray-200", "dark:border-mint-divider");
+					}
+					this._setClasses(o, l), c === 0 && o.classList.add("pl-3"), c === s.length - 1 && o.classList.add("pr-3"), this._restoreCell(o);
 				});
 			});
 		}
-		let s = e.querySelector("tfoot");
-		s && (this._setClasses(s, [
+		let a = n.querySelector("tfoot");
+		a && (this._setClasses(a, [
 			"bg-[#F7F7F7]",
-			"dark:bg-mint-elevated",
+			"dark:bg-mint-nav",
 			"font-semibold"
-		]), s.querySelectorAll("td").forEach((e) => {
+		]), a.querySelectorAll("td").forEach((e) => {
 			this._setClasses(e, [
 				"text-gray-900",
 				"dark:text-gray-100",
@@ -5680,21 +5730,6 @@ var S = class extends HTMLElement {
 			]), this._restoreCell(e);
 		})), this._observer && this._observeChanges();
 	}
-	_applyMobileCell(e, t) {
-		if (e.closest("tfoot") || e.dataset.mtProcessed === "true") return;
-		let n = t[e.cellIndex] || "", r = {};
-		Array.from(e.attributes).forEach((e) => {
-			e.name.startsWith("data-") && e.name !== "data-original" && e.name !== "data-mt-processed" && (r[e.name] = e.value);
-		});
-		let i = e.getAttribute("data-original"), a = i === null ? e.innerHTML : i;
-		e.setAttribute("data-original", a), e.dataset.mtProcessed = "true", e.innerHTML = "";
-		let o = document.createElement("span");
-		o.className = "mt-label font-semibold text-gray-700 dark:text-gray-200 hidden", o.textContent = n;
-		let s = document.createElement("span");
-		s.className = "mt-value text-gray-900 dark:text-gray-100 text-right md:text-left w-full", s.innerHTML = a, e.appendChild(o), e.appendChild(s), Object.entries(r).forEach(([t, n]) => {
-			e.setAttribute(t, n);
-		});
-	}
 	_restoreCell(e) {
 		if (e.dataset.mtProcessed !== "true") return;
 		let t = {};
@@ -5709,11 +5744,6 @@ var S = class extends HTMLElement {
 	_setClasses(e, t) {
 		e.className = "", t.filter(Boolean).forEach((t) => e.classList.add(...t.split(" ")));
 	}
-	_ensureResponsiveStyles() {
-		if (document.getElementById("mint-table-responsive-style")) return;
-		let e = document.createElement("style");
-		e.id = "mint-table-responsive-style", e.textContent = "\n@media (max-width: 640px) {\n  mint-table[collapse] {\n    display: block;\n  }\n  mint-table[collapse] table {\n    display: block;\n    width: 100%;\n    border-collapse: collapse;\n  }\n  mint-table[collapse] thead {\n    display: none;\n  }\n  mint-table[collapse] tbody {\n    display: block;\n    width: 100%;\n  }\n  mint-table[collapse] tr {\n    display: block;\n    width: 100%;\n    border-bottom: 1px solid #e5e7eb;\n    padding: 0.5rem 0;\n  }\n  mint-table[collapse] tr:last-child {\n    border-bottom: none;\n  }\n  mint-table[collapse] td,\n  mint-table[collapse] th {\n    display: flex;\n    width: 100%;\n    padding-top: 0.3rem !important;\n    padding-bottom: 0.3rem !important;\n    border: none;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 0.75rem;\n  }\n  mint-table[collapse] td .mt-label {\n    display: inline-flex;\n    flex: 1 1 50%;\n    margin: 0;\n  }\n  mint-table[collapse] td .mt-value {\n    display: inline-flex;\n    flex: 1 1 50%;\n    text-align: left;\n  }\n\n  /* Keep footer in normal table layout */\n  mint-table[collapse] tfoot {\n    display: table-footer-group;\n  }\n  mint-table[collapse] tfoot tr {\n    display: table-row;\n    border: none;\n    padding: 0;\n  }\n  mint-table[collapse] tfoot td {\n    display: table-cell;\n    padding: 0.5rem 0.75rem;\n    border: inherit;\n  }\n}\n    ", document.head.appendChild(e);
-	}
 };
 customElements.get("mint-table") || customElements.define("mint-table", S);
 //#endregion
@@ -6262,10 +6292,18 @@ customElements.get("mint-alert") || customElements.define("mint-alert", E);
 //#region src/components/resource-table/ResourceTable.ts
 var D = class extends HTMLElement {
 	static get observedAttributes() {
-		return ["configuration"];
+		return [
+			"configuration",
+			"virtual-scroll",
+			"virtual-scroll-root",
+			"virtual-row-height",
+			"virtual-max-height",
+			"fixed-header",
+			"fixed-controls"
+		];
 	}
 	constructor() {
-		super(), this._configuration = null, this._rows = [], this._search = "", this._currentPage = 1, this._perPage = 15, this._totalRows = 0, this._lastPage = 0, this._offset = 0, this._rowsToShow = 15, this._loaded = !1, this._fetching = !1, this._loading = !1, this._loadingPage = null, this._fetchError = null, this._searching = !1, this._sorting = !1, this._sortingColumn = null, this._type = "provided", this._searchTimeoutId = null, this._sortTimeoutId = null, this._searchColumns = [], this._exportColumns = {}, this._columns = [], this._tableId = "", this._searchInput = null, this._tableContainer = null, this._paginationContainer = null, this._skeletonContainer = null, this._inMintCard = !1;
+		super(), this._configuration = null, this._rows = [], this._search = "", this._currentPage = 1, this._perPage = 15, this._totalRows = 0, this._lastPage = 0, this._offset = 0, this._loaded = !1, this._fetching = !1, this._loading = !1, this._loadingPage = null, this._fetchError = null, this._searching = !1, this._sorting = !1, this._sortingColumn = null, this._type = "provided", this._searchTimeoutId = null, this._sortTimeoutId = null, this._searchColumns = [], this._exportColumns = {}, this._columns = [], this._tableId = "", this._searchInput = null, this._tableContainer = null, this._paginationContainer = null, this._skeletonContainer = null, this._inMintCard = !1, this._virtualBodyScrollEl = null, this._virtualScrollHandler = null, this._virtualWindowRaf = null, this._virtualLastRangeStart = -1, this._virtualLastRangeEnd = -1, this._virtualLastRangeCacheSig = "", this._virtualResizeObserver = null, this._virtualWindowResizeHandler = null, this._virtualRowCache = /* @__PURE__ */ new Map(), this._virtualRangeFetching = !1, this._mobileListMql = null, this._boundMobileListMqlListener = null, this._virtualFetchGeneration = 0, this._virtualAjaxPrefetchTimer = null, this._fixedChromeResizeObserver = null;
 	}
 	get inMintCard() {
 		return this._inMintCard;
@@ -6274,19 +6312,19 @@ var D = class extends HTMLElement {
 		return this._configuration;
 	}
 	set configuration(e) {
-		e && typeof e == "object" && !Array.isArray(e) ? (this._configuration = e, this._tableId = this._configuration.id || `mint-resource-table-${Date.now()}`, this._perPage = this._configuration.perPage || 15, this._rowsToShow = this._perPage, this._type = typeof this._configuration.data == "string" ? "ajax" : "provided", this._loaded = !1, this._currentPage = 1, this._offset = 0, this._type === "provided" && Array.isArray(this._configuration.data) && (this._rows = [...this._configuration.data], this._totalRows = this._configuration.data.length), this._initializeColumns(), this._loadColumnVisibility(), this.isConnected && this.render()) : e == null ? this._configuration = null : this._parseConfiguration();
+		e && typeof e == "object" && !Array.isArray(e) ? (this._configuration = e, this._tableId = this._configuration.id || `mint-resource-table-${Date.now()}`, this._perPage = this._configuration.perPage || 15, this._type = typeof this._configuration.data == "string" ? "ajax" : "provided", this._loaded = !1, this._currentPage = 1, this._offset = 0, this._type === "provided" && Array.isArray(this._configuration.data) && (this._rows = [...this._configuration.data], this._totalRows = this._configuration.data.length), this._initializeColumns(), this.isConnected && this.render()) : e == null ? this._configuration = null : this._parseConfiguration();
 	}
 	connectedCallback() {
-		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "block", "w-full"), this._inMintCard = this.parentElement?.tagName?.toLowerCase() === "mint-card", this._configuration || this._parseConfiguration(), this._initializeColumns(), this._loadColumnVisibility(), this._loadPageFromUrl(), this._attachRowClickHandler(), this.render();
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "block", "w-full"), this._inMintCard = this.parentElement?.tagName?.toLowerCase() === "mint-card", this._configuration || this._parseConfiguration(), this._initializeColumns(), this._loadPageFromUrl(), this._attachRowClickHandler(), this.render();
 	}
 	disconnectedCallback() {
-		this._searchTimeoutId && clearTimeout(this._searchTimeoutId), this._rowClickHandler &&= (this.removeEventListener("click", this._rowClickHandler, !0), null), this._scrollHandler &&= (window.removeEventListener("scroll", this._scrollHandler), null);
+		this._searchTimeoutId && clearTimeout(this._searchTimeoutId), this._detachVirtualScroll(), this._detachFixedChromeResize(), this._detachMobileListMql(), this._rowClickHandler &&= (this.removeEventListener("click", this._rowClickHandler, !0), null), this._scrollHandler &&= (window.removeEventListener("scroll", this._scrollHandler), null);
 	}
 	attributeChangedCallback(e, t, n) {
-		e === "configuration" && t !== n && (!this._configuration || typeof n == "string") && (this._parseConfiguration(), this.render());
+		e === "configuration" && t !== n ? (!this._configuration || typeof n == "string") && (this._parseConfiguration(), this.render()) : t !== n && (e === "virtual-scroll" || e === "virtual-scroll-root" || e === "virtual-row-height" || e === "virtual-max-height" || e === "fixed-header" || e === "fixed-controls") && this._configuration && this.isConnected && this.render();
 	}
 	refresh() {
-		this._configuration && (this._type === "ajax" ? this._configuration.loadMore ? (this._offset = 0, this._currentPage = 1, this._rowsToShow = this._perPage, this._rows = [], this._fetchData(void 0, !0, this._perPage, 0)) : this._fetchData(void 0, !0, this._perPage, this._offset) : this.render());
+		this._configuration && (this._type === "ajax" ? this._fetchData(void 0, !0, this._perPage, this._offset) : this.render());
 	}
 	_parseConfiguration() {
 		let e = this.getAttribute("configuration");
@@ -6295,39 +6333,11 @@ var D = class extends HTMLElement {
 			return;
 		}
 		try {
-			this._configuration = JSON.parse(e), this._tableId = this._configuration.id || `mint-resource-table-${Date.now()}`, this._perPage = this._configuration.perPage || 15, this._rowsToShow = this._perPage, this._type = typeof this._configuration.data == "string" ? "ajax" : "provided", this._loaded = !1, this._currentPage = this._getPageFromUrl() || 1, this._offset = (this._currentPage - 1) * this._perPage, this._type === "provided" && Array.isArray(this._configuration.data) && (this._rows = [...this._configuration.data], this._totalRows = this._configuration.data.length), this._initializeColumns(), this._loadColumnVisibility();
+			this._configuration = JSON.parse(e), this._tableId = this._configuration.id || `mint-resource-table-${Date.now()}`, this._perPage = this._configuration.perPage || 15, this._type = typeof this._configuration.data == "string" ? "ajax" : "provided", this._loaded = !1, this._currentPage = this._getPageFromUrl() || 1, this._offset = (this._currentPage - 1) * this._perPage, this._type === "provided" && Array.isArray(this._configuration.data) && (this._rows = [...this._configuration.data], this._totalRows = this._configuration.data.length), this._initializeColumns();
 		} catch (e) {
 			console.error("mint-resource-table: Invalid configuration JSON", e);
 		}
 	}
-	_getColumnVisibilityStorageKey() {
-		return `mrtc-${this._tableId}`;
-	}
-	_saveColumnVisibility() {
-		if (!this._configuration) return;
-		let e = {};
-		this._configuration.columns.forEach((t, n) => {
-			e[n] = t.hidden || !1;
-		});
-		try {
-			localStorage.setItem(this._getColumnVisibilityStorageKey(), JSON.stringify(e));
-		} catch (e) {
-			console.warn("Failed to save column visibility to localStorage:", e);
-		}
-	}
-	_loadColumnVisibility() {
-		if (this._configuration) try {
-			let e = localStorage.getItem(this._getColumnVisibilityStorageKey());
-			if (e) {
-				let t = JSON.parse(e);
-				this._configuration.columns.forEach((e, n) => {
-					t[n] !== void 0 && (e.hidden = t[n]);
-				});
-			}
-		} catch (e) {
-			console.warn("Failed to load column visibility from localStorage:", e);
-		}
-	}
 	_initializeColumns() {
 		this._configuration && (this._searchColumns = [], this._exportColumns = {}, this._columns = [], this._configuration.columns.forEach((e) => {
 			e.searchable && e.data && this._searchColumns.push(e.data), e.export && e.data && (this._exportColumns[e.data] = e.label), e.data && this._columns.push(e.data);
@@ -6339,6 +6349,7 @@ var D = class extends HTMLElement {
 		if (!i || this._fetching || this._loading) return;
 		t && (this._fetching = !0, this._loaded ? this._updatePagination() : this.render()), this._loading = !0;
 		let a = n || this._perPage, o = r === void 0 ? this._offset : r;
+		this._virtualScrollActive() && this._type === "ajax" && o === 0 && (this._virtualFetchGeneration++, this._virtualRowCache.clear(), this._virtualInvalidate());
 		try {
 			let e = new URLSearchParams({
 				perPage: a.toString(),
@@ -6352,22 +6363,28 @@ var D = class extends HTMLElement {
 			this._configuration.headers && (t.headers = this._configuration.headers);
 			let n = await fetch(`${i}?${e.toString()}`, t);
 			if (!n.ok) throw Error(`HTTP error! status: ${n.status}`);
-			let r = await n.json(), s = r.content?.rows || [], c = r.content?.total || 0;
-			if (this._configuration.loadMore && o !== 0) this._rows = this._rows.concat(s);
-			else {
-				let e = s;
-				this._configuration.predefinedData ? (e = [...this._configuration.predefinedData, ...s], this._totalRows = c + this._configuration.predefinedData.length) : this._totalRows = c, this._rows = e;
-			}
-			let l = Math.floor(o / a) + 1;
-			this._configuration.loadMore || (r.content?.current_page !== void 0 && r.content.current_page === l ? this._currentPage = r.content.current_page : this._currentPage = l, this._offset = (this._currentPage - 1) * a), this._lastPage = r.content?.last_page || 1, this._fetching = !1, this._loaded = !0, this._loading = !1, this._fetchError = null, this._searching = !1;
-			let u = this._sorting;
-			if (u && this._updateSortIcons(), this._sorting = !1, this._sortingColumn = null, u && this._updateSortIcons(), this.dispatchEvent(new CustomEvent("loaded", { detail: { rows: this._rows } })), this._updateSearchIcon(), this.querySelector(`#${this._tableId}`)?.closest("table")?.querySelector("tbody")) {
-				if (u) {
+			let r = await n.json(), s = r.content?.rows || [], c = r.content?.total || 0, l = s;
+			this._configuration.predefinedData ? (l = [...this._configuration.predefinedData, ...s], this._totalRows = c + this._configuration.predefinedData.length) : this._totalRows = c, this._rows = l;
+			let u = Math.floor(o / a) + 1;
+			r.content?.current_page !== void 0 && r.content.current_page === u ? this._currentPage = r.content.current_page : this._currentPage = u, this._offset = (this._currentPage - 1) * a, this._lastPage = r.content?.last_page || 1, this._fetching = !1, this._loaded = !0, this._loading = !1, this._fetchError = null, this._searching = !1;
+			let d = this._sorting;
+			d && this._updateSortIcons(), this._sorting = !1, this._sortingColumn = null, d && this._updateSortIcons(), this.dispatchEvent(new CustomEvent("loaded", { detail: { rows: this._rows } })), this._updateSearchIcon();
+			let f = `tbody[data-mint-rt-tbody="${this._tableId}"]`, p = !!this.querySelector(f);
+			if (this._virtualScrollActive() && this._type === "ajax") p || this.render(), s.forEach((e, t) => {
+				this._virtualRowCache.set(o + t, e);
+			}), this._virtualInvalidate(), o === 0 ? queueMicrotask(() => this._scrollVirtualTableTopIntoView()) : this._scheduleVirtualWindowSync(), this._loadingPage, this._loadingPage = null, this._updatePagination(), setTimeout(() => {
+				let e = this._paginationMountedRoot();
+				e && e.querySelectorAll("mint-button[data-action=\"page\"]").forEach((e) => {
+					"render" in e && typeof e.render == "function" && e.render();
+				});
+			}, 0);
+			else if (this.querySelector(`#${this._tableId}`)?.closest("table")?.querySelector("tbody")) {
+				if (d) {
 					let e = this._loading, t = this._fetching;
 					this._loading = !1, this._fetching = !1, this._updateTableBody(), this._loading = e, this._fetching = t;
 				} else this._updateTableBody();
 				this._loadingPage, this._loadingPage = null, this._updatePagination(), setTimeout(() => {
-					let e = this.querySelector("nav")?.closest(".flex.justify-end");
+					let e = this._paginationMountedRoot();
 					e && e.querySelectorAll("mint-button[data-action=\"page\"]").forEach((e) => {
 						"render" in e && typeof e.render == "function" && e.render();
 					});
@@ -6414,7 +6431,545 @@ var D = class extends HTMLElement {
 				e.page = Math.ceil((t + 1) / this._perPage);
 			}), this._currentPage > t && t > 0 && (this._currentPage = t);
 		}
-		return this._configuration.loadMore ? e.slice(0, this._rowsToShow) : e.filter((e) => !this._perPage || e.page === this._currentPage);
+		return e.filter((e) => !this._perPage || e.page === this._currentPage);
+	}
+	_getAllFilteredRowsSorted() {
+		if (!this._configuration || this._type !== "provided") return [];
+		let e = [...this._rows], t = this._configuration.sortBy || "id", n = this._configuration.sort || "asc";
+		if (this._search) {
+			let t = this._search.toLowerCase().trim().split(/\s+/);
+			e = e.filter((e) => {
+				let n = Object.values(e).map((e) => String(e).toLowerCase()).join(" ");
+				return t.every((e) => n.includes(e));
+			});
+		}
+		if (e.sort((e, r) => {
+			let i = e[t], a = r[t];
+			if (i == null && a == null) return 0;
+			if (i == null) return 1;
+			if (a == null) return -1;
+			let o = typeof i == "number" ? i : typeof i == "string" && !isNaN(Number(i)) && i.trim() !== "" ? Number(i) : null, s = typeof a == "number" ? a : typeof a == "string" && !isNaN(Number(a)) && a.trim() !== "" ? Number(a) : null;
+			if (o !== null && s !== null) {
+				let e = o - s;
+				return n === "asc" ? e : -e;
+			}
+			let c = i instanceof Date ? i : typeof i == "string" ? new Date(i) : null, l = a instanceof Date ? a : typeof a == "string" ? new Date(a) : null;
+			if (c && l && !isNaN(c.getTime()) && !isNaN(l.getTime())) {
+				let e = c.getTime() - l.getTime();
+				return n === "asc" ? e : -e;
+			}
+			let u = String(i).localeCompare(String(a), void 0, {
+				numeric: !0,
+				sensitivity: "base"
+			});
+			return n === "asc" ? u : -u;
+		}), this._perPage) {
+			let t = Math.ceil(e.length / this._perPage);
+			this._lastPage = t, e.forEach((e, t) => {
+				e.page = Math.ceil((t + 1) / this._perPage);
+			}), this._currentPage > t && t > 0 && (this._currentPage = t);
+		}
+		return e.filter((e) => !this._perPage || e.page === this._currentPage);
+	}
+	_virtualInvalidate() {
+		this._virtualLastRangeStart = -1, this._virtualLastRangeEnd = -1, this._virtualLastRangeCacheSig = "";
+	}
+	_getRowDataForEventIndex(e) {
+		if (this._configuration) {
+			if (!this._virtualScrollActive()) return this._getRows()[e];
+			if (this._type === "provided") return this._getAllFilteredRowsSorted()[e];
+			if (this._type === "ajax") return this._virtualRowCache.get(e);
+		}
+	}
+	getRowByIndex(e) {
+		return this._getRowDataForEventIndex(e);
+	}
+	_virtualScrollActive() {
+		return this._configuration ? (this.getAttribute("virtual-scroll") || "").toLowerCase().trim() === "true" : !1;
+	}
+	_virtualScrollRoot() {
+		let e = (this.getAttribute("virtual-scroll-root") || "").toLowerCase().trim();
+		return e === "table-body" || e === "body" || this._configuration?.virtualScrollRoot === "table-body" ? "table-body" : "document";
+	}
+	_virtualBodyScrollDisablesDocumentFixedChrome() {
+		return this._virtualScrollActive() && this._virtualScrollRoot() === "table-body";
+	}
+	_fixedHeader() {
+		if (this._virtualBodyScrollDisablesDocumentFixedChrome() || !this.hasAttribute("fixed-header")) return !1;
+		let e = (this.getAttribute("fixed-header") || "").toLowerCase().trim();
+		return e !== "false" && e !== "0";
+	}
+	_fixedControls() {
+		if (this._virtualBodyScrollDisablesDocumentFixedChrome() || !this.hasAttribute("fixed-controls")) return !1;
+		let e = (this.getAttribute("fixed-controls") || "").toLowerCase().trim();
+		return e !== "false" && e !== "0";
+	}
+	_virtualRowHeightPx() {
+		let e = parseInt(this.getAttribute("virtual-row-height") || "", 10);
+		if (!isNaN(e) && e > 0) return e;
+		let t = this._configuration?.virtualRowHeight;
+		return typeof t == "number" && t > 0 ? t : 48;
+	}
+	_virtualRowHeightPxForSync(e) {
+		let t = this._virtualRowHeightPx();
+		if (!this._configuration) return t;
+		if (e) {
+			let e = this._mobileThumbnailColumn();
+			if (e) {
+				let n = this._thumbnailMobilePx(e);
+				return Math.max(t, n + 36);
+			}
+			return Math.max(t, 80);
+		}
+		let n = this._mobileThumbnailColumn();
+		if (n) {
+			let e = this._thumbnailDesktopPx(n);
+			return Math.max(t, e + 28);
+		}
+		return t;
+	}
+	_virtualMaxHeightCss() {
+		let e = this.getAttribute("virtual-max-height");
+		if (e && e.trim()) return e.trim();
+		let t = this._configuration?.virtualMaxHeight;
+		return t && String(t).trim() ? String(t).trim() : "min(70dvh, 28rem)";
+	}
+	_virtualColspan() {
+		return this._configuration ? Math.max(1, this._configuration.columns.filter((e) => !e.hidden).length) : 1;
+	}
+	_ensureMobileListMql() {
+		typeof window > "u" || !window.matchMedia || this._mobileListMql || (this._mobileListMql = window.matchMedia("(max-width: 767px)"), this._boundMobileListMqlListener = () => {
+			this._configuration && this.isConnected && this.render();
+		}, this._mobileListMql.addEventListener("change", this._boundMobileListMqlListener));
+	}
+	_detachMobileListMql() {
+		this._mobileListMql && this._boundMobileListMqlListener && this._mobileListMql.removeEventListener("change", this._boundMobileListMqlListener), this._mobileListMql = null, this._boundMobileListMqlListener = null;
+	}
+	_useMobileListLayout() {
+		return !!this._mobileListMql?.matches;
+	}
+	_paginationHostPlaceholderHtml() {
+		if (!this._configuration?.perPage || this._virtualScrollActive()) return "";
+		let e = this._lastPage || Math.ceil(this._rows.length / this._perPage);
+		if ((this._lastPage > 0 ? this._lastPage : e) <= 1) return "";
+		let t = [
+			"mint-rt-pagination-host",
+			"w-full min-w-0 overflow-x-auto overflow-y-hidden overscroll-x-contain",
+			"flex justify-center [-webkit-overflow-scrolling:touch] md:justify-end",
+			this._inMintCard ? "border-t border-gray-200 px-3.5 pb-3.5 pt-3 dark:border-mint-divider md:border-t-0 md:pt-0" : "border-t border-gray-200 px-2 py-3 dark:border-mint-divider md:border-t-0 md:py-0 md:mt-4"
+		].join(" ");
+		return `<div id="mint-rt-pagination-host-${this._tableId}" data-mint-rt-pagination-wrap="" class="${t}"></div>`;
+	}
+	_getPaginationHostEl() {
+		return this.querySelector(`#mint-rt-pagination-host-${this._tableId}`);
+	}
+	_paginationMountedRoot() {
+		return this._getPaginationHostEl() || this.querySelector("nav[data-mint-rt-pagination-nav]")?.parentElement || this.querySelector("nav")?.closest(".flex.justify-end");
+	}
+	_paginationPageButtonLi(e) {
+		let t = this._currentPage === e, n = this._loadingPage === e;
+		return `<li class="shrink-0"><mint-button variant="solid" size="sm"${t ? " active=\"true\"" : ""}${this._loading || this._fetching ? " disabled=\"true\"" : ""}${n ? " loading=\"true\"" : ""} data-action="page" data-page="${e}">${n ? "" : `${e}`}</mint-button></li>`;
+	}
+	_paginationHtmlCompactMiddle(e) {
+		let t = "", n = this._currentPage;
+		if (e <= 5) {
+			for (let n = 1; n <= e; n++) t += this._paginationPageButtonLi(n);
+			return t;
+		}
+		let r = [...new Set([
+			1,
+			e,
+			n - 1,
+			n,
+			n + 1
+		].map((t) => Math.min(e, Math.max(1, t))))].sort((e, t) => e - t), i = 0;
+		for (let e of r) i > 0 && e - i > 1 && (t += "<li class=\"shrink-0\"><span class=\"px-1 text-gray-500 dark:text-gray-400\" aria-hidden=\"true\">…</span></li>"), t += this._paginationPageButtonLi(e), i = e;
+		return t;
+	}
+	_paginationHtmlDesktopMiddle(e) {
+		let t = "", n = e >= 10, r = Math.max(1, this._currentPage - 1), i = Math.min(e, this._currentPage + 1);
+		if (n) {
+			for (let e = 1; e <= 3; e++) t += this._paginationPageButtonLi(e);
+			let n = i <= 3, a = r >= e - 2;
+			if (!n && !a) {
+				r > 4 && (t += "<li class=\"shrink-0\"><span class=\"px-2\">...</span></li>");
+				for (let e = r; e <= i; e++) e <= 3 || (t += this._paginationPageButtonLi(e));
+				i < e - 3 && (t += "<li class=\"shrink-0\"><span class=\"px-2\">...</span></li>");
+			} else (n && !a || !n && a && e - 2 > 4) && (t += "<li class=\"shrink-0\"><span class=\"px-2\">...</span></li>");
+			for (let o = e - 2; o <= e; o++) o <= 3 || !n && !a && o >= r && o <= i || (t += this._paginationPageButtonLi(o));
+		} else for (let n = 1; n <= e; n++) t += this._paginationPageButtonLi(n);
+		return t;
+	}
+	_buildPaginationNavMarkup(e) {
+		let t = this._currentPage === 1 || this._loading || this._fetching, n = "<nav data-mint-rt-pagination-nav=\"\" class=\"w-max max-w-none shrink-0\" aria-label=\"Pagination\">";
+		n += "<ul class=\"flex flex-nowrap items-center gap-1\">", n += `<li class="shrink-0"><mint-button variant="solid" size="sm" icon="caret-left" ${t ? "disabled=\"true\"" : ""} data-action="page-prev"></mint-button></li>`, n += this._useMobileListLayout() ? this._paginationHtmlCompactMiddle(e) : this._paginationHtmlDesktopMiddle(e);
+		let r = this._currentPage >= e || this._loading || this._fetching;
+		return n += `<li class="shrink-0"><mint-button variant="solid" size="sm" icon="caret-right" ${r ? "disabled=\"true\"" : ""} data-action="page-next"></mint-button></li>`, n += "</ul></nav>", n;
+	}
+	_hasSortableColumns() {
+		return !!this._configuration?.columns.some((e) => !e.hidden && e.sortable && e.data);
+	}
+	_getMobileSortTriggerIconName() {
+		return "sort-arrows";
+	}
+	_mobileSortPopoverAffordanceInnerHtml(e) {
+		return e === "spinner" ? "<span class=\"inline-block h-4 w-4 shrink-0 animate-spin rounded-full border-2 border-gray-300 border-t-gray-700 dark:border-gray-600 dark:border-t-gray-200\" aria-hidden=\"true\"></span>" : e === "caret-up" || e === "caret-down" ? `<mint-icon name="${e}" class="h-4 w-4 shrink-0 text-gray-500 dark:text-gray-400"></mint-icon>` : "";
+	}
+	_buildMobileSortPopoverInnerHtml() {
+		if (!this._configuration) return "";
+		let e = "<div class=\"flex w-full min-w-[11rem] flex-col gap-0.5 p-1\">";
+		return this._configuration.columns.forEach((t, n) => {
+			if (t.hidden || !t.sortable || !t.data) return;
+			let r = t.raw ? t.label : this._escapeHtml(t.label), i = this._getSortClass(t), a = this._mobileSortPopoverAffordanceInnerHtml(i), o = ` type="button" variant="ghost" tone="neutral" size="sm" full-width="true" align="left" data-action="mobile-sort" data-column-key="${n}"`;
+			e += `<mint-button${o}>`, e += "<span class=\"flex w-full min-w-0 flex-1 items-center justify-between gap-2\">", e += `<span class="min-w-0 flex-1 truncate text-left">${r}</span>`, e += `<span class="inline-flex shrink-0 items-center justify-end" data-mint-rt-mobile-sort-affordance="">${a}</span>`, e += "</span></mint-button>";
+		}), e += "</div>", e;
+	}
+	_syncMobileSortPopoverIcons() {
+		if (!this._configuration) return;
+		let e = this.querySelector(`#mint-rt-mobile-sort-popover-${this._tableId}`);
+		e && this._configuration.columns.forEach((t, n) => {
+			if (t.hidden || !t.sortable || !t.data) return;
+			let r = e.querySelector(`[data-action="mobile-sort"][data-column-key="${n}"]`);
+			if (!r || r.tagName !== "MINT-BUTTON") return;
+			let i = r.querySelector("[data-mint-rt-mobile-sort-affordance]");
+			if (!i) return;
+			let a = this._getSortClass(t);
+			i.innerHTML = this._mobileSortPopoverAffordanceInnerHtml(a), i.querySelectorAll("mint-icon").forEach((e) => {
+				let t = e;
+				typeof t.render == "function" && t.render();
+			});
+		});
+	}
+	_closeMobileSortPopover() {
+		let e = this.querySelector(`#mint-rt-mobile-sort-popover-${this._tableId}`);
+		e && typeof e.close == "function" ? e.close() : e && e.removeAttribute("open");
+	}
+	_buildMobileSortToolbarHtml() {
+		if (!this._hasSortableColumns()) return "";
+		let e = `mint-rt-mobile-sort-btn-${this._tableId}`, t = `mint-rt-mobile-sort-popover-${this._tableId}`, n = this._sorting ? " loading=\"true\"" : "", r = ` icon="${this._escapeHtml(this._getMobileSortTriggerIconName())}"`, i = "<div class=\"flex shrink-0 items-center md:hidden\">";
+		return i += `<mint-button id="${e}" data-mint-rt-toolbar="mobile-sort" variant="solid" tone="neutral" size="sm"${n}${r}></mint-button>`, i += `<mint-popover id="${t}" trigger-id="${e}" direction="down" padding="0">`, i += this._buildMobileSortPopoverInnerHtml(), i += "</mint-popover></div>", i;
+	}
+	_stripHtml(e) {
+		if (!e) return "";
+		let t = document.createElement("div");
+		return t.innerHTML = e, (t.textContent || t.innerText || "").replace(/\s+/g, " ").trim();
+	}
+	_visibleDataColumns() {
+		return this._configuration ? this._configuration.columns.filter((e) => !e.hidden) : [];
+	}
+	_mobileThumbnailColumn() {
+		return this._visibleDataColumns().find((e) => e.thumbnail) || null;
+	}
+	_thumbnailDesktopPx(e) {
+		let t = typeof e.thumbnailDesktopPx == "number" && e.thumbnailDesktopPx > 0 ? e.thumbnailDesktopPx : void 0, n = this._configuration, r = n && typeof n.thumbnailDesktopPx == "number" && n.thumbnailDesktopPx > 0 ? n.thumbnailDesktopPx : void 0;
+		return Math.round(t ?? r ?? 40);
+	}
+	_thumbnailMobilePx(e) {
+		let t = typeof e.thumbnailMobilePx == "number" && e.thumbnailMobilePx > 0 ? e.thumbnailMobilePx : void 0, n = this._configuration, r = n && typeof n.thumbnailMobilePx == "number" && n.thumbnailMobilePx > 0 ? n.thumbnailMobilePx : void 0;
+		return Math.round(t ?? r ?? 56);
+	}
+	_wrapThumbnailDesktopBox(e, t) {
+		let n = this._thumbnailDesktopPx(t);
+		return `<div class="flex shrink-0 items-stretch overflow-hidden rounded-md border border-gray-200 bg-gray-100 p-0 dark:border-mint-divider dark:bg-mint-hover [&>*]:m-0 [&>*]:min-h-0 [&>*]:min-w-0 [&>*]:w-full [&>*]:max-w-full [&>*]:p-0 [&>span]:flex [&>span]:h-full [&>span]:w-full [&>span]:min-h-0 [&>span]:min-w-0 [&>span]:items-stretch [&>span]:justify-stretch [&_img]:!m-0 [&_img]:!box-border [&_img]:!block [&_img]:!h-full [&_img]:!w-full [&_img]:!min-h-0 [&_img]:!min-w-0 [&_img]:!max-h-full [&_img]:!max-w-full [&_img]:!border-0 [&_img]:!p-0 [&_img]:!rounded-none [&_img]:!object-cover [&_img]:!object-center" style="${`width:${n}px;height:${n}px;min-width:${n}px;min-height:${n}px`}">${e}</div>`;
+	}
+	_mobilePrimaryColumn() {
+		let e = this._visibleDataColumns();
+		return e.find((e) => e.primary) || e.find((e) => (e.data || typeof e.format == "function") && !e.thumbnail && !e.actions) || e[0] || null;
+	}
+	_mobileActionsDropdownColumn() {
+		return this._visibleDataColumns().find((e) => e.actions && e.actionStyle !== "buttons") || null;
+	}
+	_columnPlainSummaryText(e, t) {
+		if (!(!e.show || e.show(this, t)) || e.actions || e.action) return "";
+		try {
+			if (e.raw) {
+				if (typeof e.format == "function") return this._stripHtml(e.format(this, t));
+				if (e.data) return String(t[e.data] ?? "");
+			} else {
+				if (typeof e.format == "function") return this._stripHtml(e.format(this, t));
+				if (e.data) return String(t[e.data] ?? "");
+			}
+		} catch {
+			return "";
+		}
+		return "";
+	}
+	_buildTableCellInnerHtml(e, t, n, r = "table") {
+		if (!this._configuration) return "";
+		let i = n, a = "";
+		if (!(!e.show || e.show(this, t))) return "";
+		if (e.raw) if (e.action) {
+			if (!e.action.show || e.action.show(this, t)) {
+				let n = typeof e.action.label == "function" ? e.action.label(this, t) : e.action.label;
+				a += `<mint-button variant="solid" data-action="column-action" data-row-index="${i}" data-column-key="${this._configuration.columns.indexOf(e)}">${this._escapeHtml(String(n))}</mint-button>`;
+			}
+		} else if (e.actions) if (e.actionStyle !== "buttons") {
+			let n = `actions-popover-${this._tableId}-${i}`, r = `actions-button-${this._tableId}-${i}`;
+			a += `<mint-button id="${r}" variant="link" icon="ellipsis">`, a += "</mint-button>", a += `<mint-popover id="${n}" trigger-id="${r}" direction="down">`, e.actions.forEach((n, r) => {
+				if (!n.show || n.show(this, t)) {
+					let o = typeof n.label == "function" ? n.label(this, t) : n.label;
+					a += `<div class="p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-mint-hover" data-action="row-action" data-row-index="${i}" data-action-index="${r}" data-column-key="${this._configuration.columns.indexOf(e)}">${this._escapeHtml(String(o))}</div>`;
+				}
+			}), a += "</mint-popover>";
+		} else e.actions.forEach((n, r) => {
+			if (!n.show || n.show(this, t)) {
+				let o = n.label ? typeof n.label == "function" ? n.label(this, t) : n.label : "", s = n.icon ? ` icon="${this._escapeHtml(n.icon)}"` : "", c = n.tone ? ` tone="${this._escapeHtml(n.tone)}"` : "";
+				a += `<mint-button variant="link" class="${n.classes || ""}" data-action="row-action" data-row-index="${i}" data-action-index="${r}" data-column-key="${this._configuration.columns.indexOf(e)}"${s}${c}>`, o && (a += this._escapeHtml(String(o))), a += "</mint-button>";
+			}
+		});
+		else typeof e.format == "function" ? a += e.format(this, t) : e.data && (a += this._escapeHtml(String(t[e.data] || "")));
+		else if (e.action) (!e.action.show || e.action.show(this, t)) && (a += `<mint-button variant="solid" data-action="column-action" data-row-index="${i}" data-column-key="${this._configuration.columns.indexOf(e)}">${e.action.label}</mint-button>`);
+		else if (e.actions) if (e.actionStyle !== "buttons") {
+			let n = `actions-popover-${this._tableId}-${i}`, r = `actions-button-${this._tableId}-${i}`;
+			a += `<mint-button id="${r}" variant="link" icon="ellipsis">`, a += "</mint-button>", a += `<mint-popover id="${n}" trigger-id="${r}" direction="down">`, e.actions.forEach((n, r) => {
+				if (!n.show || n.show(this, t)) {
+					let o = typeof n.label == "function" ? n.label(this, t) : n.label;
+					a += `<div class="p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-mint-hover" data-action="row-action" data-row-index="${i}" data-action-index="${r}" data-column-key="${this._configuration.columns.indexOf(e)}">${this._escapeHtml(String(o))}</div>`;
+				}
+			}), a += "</mint-popover>";
+		} else e.actions.forEach((n, r) => {
+			if (!n.show || n.show(this, t)) {
+				let o = n.label ? typeof n.label == "function" ? n.label(this, t) : n.label : "", s = n.icon ? ` icon="${this._escapeHtml(n.icon)}"` : "", c = n.tone ? ` tone="${this._escapeHtml(n.tone)}"` : "";
+				a += `<mint-button variant="link" class="${n.classes || ""}" data-action="row-action" data-row-index="${i}" data-action-index="${r}" data-column-key="${this._configuration.columns.indexOf(e)}"${s}${c}>`, o && (a += this._escapeHtml(String(o))), a += "</mint-button>";
+			}
+		});
+		else typeof e.format == "function" ? a += this._escapeHtml(e.format(this, t)) : e.data && (a += this._escapeHtml(String(t[e.data] || "")));
+		return r === "table" && e.thumbnail && a && !e.actions && !e.action ? this._wrapThumbnailDesktopBox(a, e) : a;
+	}
+	_buildMobileListItemHtml(e, t, n, r = !1) {
+		if (!this._configuration) return "";
+		let i = t, a = typeof this._configuration.onRowClick == "function", o = this._mobileThumbnailColumn(), s = this._mobilePrimaryColumn(), c = this._mobileActionsDropdownColumn(), l = o ? this._buildTableCellInnerHtml(o, e, i, "mobile") : "", u = s ? this._buildTableCellInnerHtml(s, e, i, "mobile") : "", d = c ? this._buildTableCellInnerHtml(c, e, i, "mobile") : "", f = [];
+		for (let t of this._configuration.columns) {
+			if (t.hidden || o && t === o || s && t === s || c && t === c) continue;
+			let n = this._columnPlainSummaryText(t, e);
+			n && f.push(this._escapeHtml(n));
+		}
+		let p = f.join("<span class=\"text-gray-300 dark:text-gray-600\" aria-hidden=\"true\"> · </span>"), m = [
+			"list-none",
+			...r ? [] : [
+				"border-b",
+				"border-gray-200",
+				"dark:border-mint-divider"
+			],
+			"bg-white",
+			"dark:bg-mint-canvas",
+			a ? "cursor-pointer hover:bg-gray-50 dark:hover:bg-mint-elevated" : ""
+		].filter(Boolean).join(" "), h = `<div class="flex items-center gap-3 py-3 pr-4${o ? " pl-0" : " pl-4"}">`;
+		if (o) {
+			let e = this._thumbnailMobilePx(o), t = `width:${e}px;height:${e}px;min-width:${e}px;min-height:${e}px`;
+			h += `<div class="flex shrink-0 items-stretch overflow-hidden rounded-md border border-gray-200 bg-gray-100 p-0 dark:border-mint-divider dark:bg-mint-hover [&>*]:m-0 [&>*]:min-h-0 [&>*]:min-w-0 [&>*]:w-full [&>*]:max-w-full [&>*]:p-0 [&>span]:flex [&>span]:h-full [&>span]:w-full [&>span]:min-h-0 [&>span]:min-w-0 [&>span]:items-stretch [&>span]:justify-stretch [&_img]:!m-0 [&_img]:!box-border [&_img]:!block [&_img]:!h-full [&_img]:!w-full [&_img]:!min-h-0 [&_img]:!min-w-0 [&_img]:!max-h-full [&_img]:!max-w-full [&_img]:!border-0 [&_img]:!p-0 [&_img]:!rounded-none [&_img]:!object-cover [&_img]:!object-center" style="${t}">${l}</div>`;
+		}
+		h += "<div class=\"flex min-w-0 flex-1 flex-col justify-center gap-1\">", h += "<div class=\"flex items-start justify-between gap-2\">", h += `<div class="min-w-0 text-sm font-semibold leading-snug text-gray-900 dark:text-white">${u}</div>`, d && (h += `<div class="shrink-0 -mr-1">${d}</div>`), h += "</div>", p && (h += `<div class="text-xs font-normal leading-snug text-gray-500 dark:text-gray-400">${p}</div>`), h += "</div></div>";
+		let g = typeof n == "number" && n > 0 ? ` style="box-sizing:border-box;min-height:${n}px;max-height:${n}px;height:${n}px;overflow:hidden"` : "";
+		return `<li data-row-index="${i}" ${a ? "data-row-clickable=\"true\" " : ""}class="${m}"${g}>${h}</li>`;
+	}
+	_buildMobileListPlaceholderLi(e, t, n = !1) {
+		let r = this._mobileThumbnailColumn(), i = r ? this._thumbnailMobilePx(r) : 56, a = `width:${i}px;height:${i}px;min-width:${i}px;min-height:${i}px`;
+		return `<li data-row-index="${e}" data-mint-rt-placeholder="true" class="list-none${n ? "" : " border-b border-gray-200 dark:border-mint-divider"} bg-white dark:bg-mint-canvas" style="box-sizing:border-box;min-height:${t}px;max-height:${t}px;height:${t}px;overflow:hidden"><div class="flex h-full min-h-0 items-center gap-3 py-3 pl-0 pr-4"><div class="shrink-0 overflow-hidden rounded-md bg-gray-200 dark:bg-white/15" style="${a}"></div><div class="flex min-h-0 min-w-0 flex-1 flex-col justify-center gap-1 py-0.5"><div class="h-4 w-40 rounded bg-gray-200 dark:bg-white/15"></div><div class="h-3 w-full max-w-xs rounded bg-gray-200 dark:bg-white/15"></div></div></div></li>`;
+	}
+	_renderColgroupHtml() {
+		if (!this._configuration) return "";
+		let e = this._configuration.columns.filter((e) => !e.hidden), t = [], n = 0;
+		for (let r of e) {
+			let e = r.width == null ? "" : String(r.width).trim();
+			e ? /^\d+(\.\d+)?$/.test(e) ? (n += parseFloat(e), t.push("px")) : t.push("lit") : t.push("flex");
+		}
+		let r = t.filter((e) => e === "flex").length, i = t.includes("lit"), a = "";
+		r > 0 && !i && (a = n > 0 ? `width:calc((100% - ${n}px) / ${r});min-width:0` : `width:${100 / r}%;min-width:0`);
+		let o = "<colgroup>";
+		return e.forEach((e, n) => {
+			let r = e.width == null ? "" : String(e.width).trim(), i = t[n], s = "";
+			i === "px" ? s = ` style="width:${r}px;min-width:0"` : i === "lit" ? s = ` style="width:${this._escapeHtml(r)};min-width:0"` : a && (s = ` style="${a}"`), o += `<col${s} />`;
+		}), o += "</colgroup>", o;
+	}
+	_buildDataRowHtml(e, t, n, r = !1) {
+		if (!this._configuration) return "";
+		let i = t, a = n, o = `box-sizing:border-box;min-height:${a}px;max-height:${a}px;height:${a}px;overflow:hidden`, s = "", c = typeof this._configuration.onRowClick == "function", l = c ? "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800" : "", u = c ? " data-row-clickable=\"true\"" : "", d = l ? ` class="${l}"` : "";
+		return s += `<tr data-row-index="${i}"${r ? " data-mint-rt-last-row=\"\"" : ""}${u}${d} style="${o}">`, this._configuration.columns.forEach((t) => {
+			if (t.hidden) return;
+			let n = !t.show || t.show(this, e), r = `${this._getStyle(t)}box-sizing:border-box;max-height:${a}px;overflow:hidden;vertical-align:middle;`;
+			s += `<td style="${r}" class="${this._getClasses(t, !0)}">`, s += n ? this._buildTableCellInnerHtml(t, e, i) : "", s += "</td>";
+		}), s += "</tr>", s;
+	}
+	_getVirtualRowCount() {
+		return !this._virtualScrollActive() || !this._configuration ? 0 : this._type === "provided" ? this._getAllFilteredRowsSorted().length : this._type === "ajax" ? this._totalRows : 0;
+	}
+	_getVirtualRowAt(e) {
+		return this._type === "provided" ? this._getAllFilteredRowsSorted()[e] ?? null : this._type === "ajax" && this._virtualRowCache.has(e) ? this._virtualRowCache.get(e) : null;
+	}
+	_buildVirtualPlaceholderRowHtml(e, t, n = !1) {
+		if (!this._configuration) return "";
+		let r = t, i = `box-sizing:border-box;min-height:${r}px;max-height:${r}px;height:${r}px;overflow:hidden`, a = `<tr data-row-index="${e}" data-mint-rt-placeholder="true"${n ? " data-mint-rt-last-row=\"\"" : ""} class="bg-white dark:bg-mint-canvas" style="${i}">`;
+		return this._configuration.columns.forEach((e) => {
+			if (e.hidden) return;
+			let t = `${this._getStyle(e)}box-sizing:border-box;max-height:${r}px;height:${r}px;overflow:hidden;vertical-align:middle;line-height:0;`;
+			if (a += `<td style="${t}" class="${this._getClasses(e, !0)}">`, e.thumbnail) {
+				let t = this._thumbnailDesktopPx(e);
+				a += `<div class="rounded-md bg-gray-200 dark:bg-white/15" style="width:${t}px;height:${t}px;max-width:100%;box-sizing:border-box"></div>`;
+			} else a += "<div class=\"h-4 max-w-[95%] rounded bg-gray-200 dark:bg-white/15\"></div>";
+			a += "</td>";
+		}), a += "</tr>", a;
+	}
+	_virtualScrollStickyOverlapPx(e) {
+		let t = 0;
+		if (this._fixedControls()) {
+			let e = this.querySelector(`#mint-rt-fixed-controls-${this._tableId}`);
+			if (e) t += Math.ceil(e.getBoundingClientRect().height);
+			else {
+				let e = getComputedStyle(this).getPropertyValue("--mint-rt-fixed-controls-h").trim(), n = parseFloat(e);
+				isNaN(n) || (t += Math.ceil(n));
+			}
+		}
+		if (this._fixedHeader() && e) {
+			let n = e.querySelector("thead");
+			n && (t += Math.ceil(n.getBoundingClientRect().height));
+		}
+		return t;
+	}
+	_scrollVirtualTableTopIntoView() {
+		if (!this._virtualScrollActive() || !this.isConnected) return;
+		if (this._virtualScrollRoot() === "table-body") {
+			let e = this._virtualBodyScrollEl?.isConnected ? this._virtualBodyScrollEl : this.querySelector(`#mint-rt-vscroll-${this._tableId}`), t = this._useMobileListLayout() && e ? e.querySelector(`ul[data-mint-rt-mobile-list="${this._tableId}"]`) : null, n = e?.querySelector("mint-table.table-section") || e?.querySelector("mint-table"), r = n?.querySelector(`#${this._tableId}`)?.closest("table") || n?.querySelector("table"), i = this._virtualScrollStickyOverlapPx(r), a = t || n;
+			if (a && i > 0) {
+				let e = a.getBoundingClientRect(), t = window.scrollY + e.top - i;
+				window.scrollTo({
+					top: Math.max(0, t),
+					behavior: "auto"
+				});
+			}
+			e && (e.scrollTop = 0, this._virtualBodyScrollEl = e, this._virtualInvalidate(), this._scheduleVirtualWindowSync());
+			return;
+		}
+		let e = this.querySelector(`ul[data-mint-rt-mobile-list="${this._tableId}"]`), t = this.querySelector("mint-table.table-section"), n = this.querySelector(`#${this._tableId}`)?.closest("table") || t?.querySelector("table"), r = this._useMobileListLayout() && e ? e : t || n;
+		if (!r) return;
+		let i = this._virtualScrollStickyOverlapPx(n), a = r.getBoundingClientRect(), o = window.scrollY + a.top - i;
+		window.scrollTo({
+			top: Math.max(0, o),
+			behavior: "auto"
+		}), this._virtualInvalidate(), this._scheduleVirtualWindowSync();
+	}
+	_scheduleVirtualWindowSync() {
+		this._virtualScrollActive() && this._virtualWindowRaf === null && (this._virtualWindowRaf = window.requestAnimationFrame(() => {
+			this._virtualWindowRaf = null, this._syncVirtualWindow();
+		}));
+	}
+	_syncVirtualWindow() {
+		if (!this._virtualScrollActive() || !this._configuration) return;
+		let e = this._useMobileListLayout(), t = this.querySelector(`tbody[data-mint-rt-tbody="${this._tableId}"]`), n = this.querySelector(`ul[data-mint-rt-mobile-list="${this._tableId}"]`), r = e ? n : t;
+		if (!r) return;
+		let i = this._getVirtualRowCount(), a = this._virtualRowHeightPxForSync(e), o = this._virtualColspan();
+		if (i === 0) {
+			e ? this._fetchError ? r.innerHTML = `<li class="list-none px-4 py-8 text-center text-sm text-red-500 dark:text-red-400">Failed to load data: ${this._escapeHtml(this._fetchError)}</li>` : r.innerHTML = "<li class=\"list-none px-4 py-8 text-center text-sm\">No records found.</li>" : this._fetchError ? r.innerHTML = `<tr><td colspan="${o}" class="text-center py-8 text-red-500 dark:text-red-400">Failed to load data: ${this._escapeHtml(this._fetchError)}</td></tr>` : r.innerHTML = `<tr><td colspan="${o}" class="text-center py-8">No records found.</td></tr>`, this._virtualLastRangeStart = -1, this._virtualLastRangeEnd = -1, this._virtualLastRangeCacheSig = "";
+			return;
+		}
+		let s = 0, c = window.innerHeight;
+		if (this._virtualScrollRoot() === "table-body") {
+			let e = this._virtualBodyScrollEl;
+			if ((!e || !e.isConnected) && (e = this.querySelector(`#mint-rt-vscroll-${this._tableId}`), this._virtualBodyScrollEl = e), !e) return;
+			s = e.scrollTop, c = e.clientHeight || 400;
+		} else {
+			let e = r.getBoundingClientRect();
+			s = Math.max(0, -e.top);
+		}
+		let l = Math.min(Math.max(0, Math.floor(s / a)), Math.max(0, i - 1)), u = Math.ceil(c / a) + 16, d = Math.max(0, l - 8), f = Math.min(i, l + u), p = "";
+		if (this._type === "ajax") for (let e = d; e < f; e++) p += this._virtualRowCache.has(e) ? "1" : "0";
+		if (d === this._virtualLastRangeStart && f === this._virtualLastRangeEnd && (this._type !== "ajax" || p === this._virtualLastRangeCacheSig)) return;
+		this._virtualLastRangeStart = d, this._virtualLastRangeEnd = f, this._virtualLastRangeCacheSig = p;
+		let m = d * a, h = Math.max(0, (i - f) * a), g = "";
+		if (e) {
+			g += `<li aria-hidden="true" class="pointer-events-none m-0 block list-none border-0 p-0" style="height:${m}px"></li>`;
+			for (let e = d; e < f; e++) {
+				let t = this._getVirtualRowAt(e), n = i > 0 && e === i - 1;
+				t ? g += this._buildMobileListItemHtml(t, e, a, n) : g += this._buildMobileListPlaceholderLi(e, a, n);
+			}
+			g += `<li aria-hidden="true" class="pointer-events-none m-0 block list-none border-0 p-0" style="height:${h}px"></li>`;
+		} else {
+			g += `<tr data-mint-rt-spacer="top" aria-hidden="true"><td colspan="${o}" style="height:${m}px;padding:0;border:0;line-height:0;font-size:0"></td></tr>`;
+			for (let e = d; e < f; e++) {
+				let t = this._getVirtualRowAt(e), n = i > 0 && e === i - 1;
+				t ? g += this._buildDataRowHtml(t, e, a, n) : g += this._buildVirtualPlaceholderRowHtml(e, a, n);
+			}
+			g += `<tr data-mint-rt-spacer="bottom" aria-hidden="true"><td colspan="${o}" style="height:${h}px;padding:0;border:0;line-height:0;font-size:0"></td></tr>`;
+		}
+		if (r.innerHTML = g, this.querySelectorAll(`tbody[data-mint-rt-tbody="${this._tableId}"] mint-button[data-action], ul[data-mint-rt-mobile-list="${this._tableId}"] mint-button[data-action]`).forEach((e) => {
+			e.render && e.render();
+		}), this._attachTableEventListeners(), this._attachRowClickHandler(), this._type === "ajax" && this._virtualScrollActive() && this._scheduleVirtualAjaxPrefetch(d, f), this._virtualScrollRoot() === "table-body" && !e) {
+			let e = this._virtualBodyScrollEl;
+			e?.isConnected && requestAnimationFrame(() => {
+				if (!e.isConnected) return;
+				let t = Math.max(0, e.scrollHeight - e.clientHeight);
+				e.scrollTop > t && (e.scrollTop = t);
+			});
+		}
+	}
+	_detachVirtualScroll() {
+		this._virtualScrollHandler &&= (window.removeEventListener("scroll", this._virtualScrollHandler), this._virtualBodyScrollEl?.removeEventListener("scroll", this._virtualScrollHandler), null), this._virtualWindowResizeHandler &&= (window.removeEventListener("resize", this._virtualWindowResizeHandler), null), this._virtualResizeObserver &&= (this._virtualResizeObserver.disconnect(), null), this._virtualBodyScrollEl = null, this._virtualWindowRaf !== null && (window.cancelAnimationFrame(this._virtualWindowRaf), this._virtualWindowRaf = null), this._virtualLastRangeStart = -1, this._virtualLastRangeEnd = -1, this._virtualLastRangeCacheSig = "", this._virtualAjaxPrefetchTimer !== null && (window.clearTimeout(this._virtualAjaxPrefetchTimer), this._virtualAjaxPrefetchTimer = null), this._virtualRangeFetching = !1;
+	}
+	_scheduleVirtualAjaxPrefetch(e, t) {
+		if (this._type !== "ajax" || !this._virtualScrollActive() || !this._configuration) return;
+		let n = !1;
+		for (let r = e; r < t; r++) if (!this._virtualRowCache.has(r)) {
+			n = !0;
+			break;
+		}
+		if (!n) return;
+		this._virtualAjaxPrefetchTimer !== null && window.clearTimeout(this._virtualAjaxPrefetchTimer);
+		let r = e, i = t;
+		this._virtualAjaxPrefetchTimer = window.setTimeout(() => {
+			this._virtualAjaxPrefetchTimer = null, this._fetchVirtualAjaxRange(r, i - r);
+		}, 60);
+	}
+	async _fetchVirtualAjaxRange(e, t) {
+		if (!this._configuration || this._type !== "ajax" || !this._virtualScrollActive()) return;
+		let n = typeof this._configuration.data == "string" ? this._configuration.data : null;
+		if (!n || t <= 0 || this._virtualRangeFetching || e < 0 || e >= this._totalRows) return;
+		this._virtualRangeFetching = !0;
+		let r = this._virtualFetchGeneration, i = Math.min(e, Math.max(0, this._totalRows - 1)), a = Math.min(150, Math.max(this._perPage, t, 15), Math.max(1, this._totalRows - i));
+		try {
+			let e = new URLSearchParams({
+				perPage: a.toString(),
+				offset: i.toString(),
+				search: this._search,
+				sortBy: this._configuration.sortBy || "id",
+				sort: this._configuration.sort || "asc",
+				searchColumns: this._searchColumns.join(","),
+				columns: this._columns.join(",")
+			}), t = {};
+			this._configuration.headers && (t.headers = this._configuration.headers);
+			let o = await fetch(`${n}?${e.toString()}`, t);
+			if (!o.ok) throw Error(`HTTP error! status: ${o.status}`);
+			let s = await o.json();
+			if (r !== this._virtualFetchGeneration) return;
+			(s.content?.rows || []).forEach((e, t) => {
+				let n = i + t;
+				n < this._totalRows && this._virtualRowCache.set(n, e);
+			});
+		} catch (e) {
+			console.error("mint-resource-table: virtual range fetch failed", e);
+		} finally {
+			this._virtualRangeFetching = !1, r === this._virtualFetchGeneration && (this._virtualInvalidate(), this._scheduleVirtualWindowSync());
+		}
+	}
+	_detachFixedChromeResize() {
+		this._fixedChromeResizeObserver?.disconnect(), this._fixedChromeResizeObserver = null, this.style.removeProperty("--mint-rt-fixed-controls-h");
+	}
+	_syncFixedControlsChromeHeight() {
+		if (!this._fixedHeader() || !this._fixedControls()) return;
+		this._fixedChromeResizeObserver?.disconnect(), this._fixedChromeResizeObserver = null;
+		let e = this.querySelector(`#mint-rt-fixed-controls-${this._tableId}`);
+		if (!e) return;
+		let t = () => {
+			let t = Math.ceil(e.getBoundingClientRect().height);
+			this.style.setProperty("--mint-rt-fixed-controls-h", `${t}px`);
+		};
+		t(), this._fixedChromeResizeObserver = new ResizeObserver(t), this._fixedChromeResizeObserver.observe(e);
+	}
+	_attachVirtualScrollListeners() {
+		if (this._detachVirtualScroll(), !this._virtualScrollActive()) return;
+		let e = () => {
+			this._scheduleVirtualWindowSync();
+		};
+		this._virtualScrollHandler = e, this._virtualScrollRoot() === "table-body" ? (this._virtualBodyScrollEl = this.querySelector(`#mint-rt-vscroll-${this._tableId}`), this._virtualBodyScrollEl?.addEventListener("scroll", e, { passive: !0 }), this._virtualBodyScrollEl && typeof ResizeObserver < "u" && (this._virtualResizeObserver = new ResizeObserver(() => this._scheduleVirtualWindowSync()), this._virtualResizeObserver.observe(this._virtualBodyScrollEl))) : window.addEventListener("scroll", e, { passive: !0 }), this._virtualWindowResizeHandler = () => this._scheduleVirtualWindowSync(), window.addEventListener("resize", this._virtualWindowResizeHandler, { passive: !0 }), this._scheduleVirtualWindowSync();
 	}
 	_toggleSort(e) {
 		if (!this._configuration || !e.data || !e.sortable) return;
@@ -6422,40 +6977,53 @@ var D = class extends HTMLElement {
 		if (this._sortTimeoutId !== null && (clearTimeout(this._sortTimeoutId), this._sortTimeoutId = null), this._sorting = !0, this._sortingColumn = e, this._updateSortIcons(), this._type === "ajax") this._sortTimeoutId = window.setTimeout(() => {
 			if (this._sortTimeoutId = null, !this._configuration || !t || !e.sortable) return;
 			let n = this._configuration.sort || "asc";
-			this._configuration.sortBy?.toLowerCase() === t.toLowerCase() && (n = n === "desc" ? "asc" : "desc"), this._configuration.sort = n, this._configuration.sortBy = t, this._updateSortIcons(), this._offset = 0, this._currentPage = 1, this._configuration.loadMore && (this._rowsToShow = this._perPage), this._fetching = !1, this._loading = !1, this._configuration.loadMore, this._fetchData(void 0, !1, this._perPage, 0);
+			this._configuration.sortBy?.toLowerCase() === t.toLowerCase() && (n = n === "desc" ? "asc" : "desc"), this._configuration.sort = n, this._configuration.sortBy = t, this._updateSortIcons(), this._offset = 0, this._currentPage = 1, this._fetching = !1, this._loading = !1, this._fetchData(void 0, !1, this._perPage, 0);
 		}, 10);
 		else {
 			let e = this._configuration.sort || "asc";
-			this._configuration.sortBy?.toLowerCase() === t.toLowerCase() && (e = e === "desc" ? "asc" : "desc"), this._configuration.sort = e, this._configuration.sortBy = t, this._currentPage = 1, this._sorting = !1, this._sortingColumn = null, this._updateSortIcons(), this.render();
+			this._configuration.sortBy?.toLowerCase() === t.toLowerCase() && (e = e === "desc" ? "asc" : "desc"), this._configuration.sort = e, this._configuration.sortBy = t, this._currentPage = 1, this._sorting = !1, this._sortingColumn = null, this._updateSortIcons(), this.render(), this._virtualScrollActive() && queueMicrotask(() => this._scrollVirtualTableTopIntoView());
 		}
 	}
 	_getSortClass(e) {
 		return this._sorting && this._sortingColumn === e ? "spinner" : this._configuration?.sortBy?.toLowerCase() === e.data?.toLowerCase() ? this._configuration?.sort?.toLowerCase() === "desc" ? "caret-down" : "caret-up" : "";
 	}
 	_updateSortIcons() {
-		this._configuration && this._configuration.columns.forEach((e, t) => {
+		if (!this._configuration) return;
+		this._configuration.columns.forEach((e, t) => {
 			if (!e.sortable || e.hidden) return;
 			let n = this.querySelector(`th[data-column-key="${t}"]`);
 			if (!n) return;
-			let r = n.querySelector(".ml-2.flex.items-center");
+			let r = n.querySelector(":scope > div.flex.items-center");
 			if (!r) return;
-			let i = r.querySelector("mint-icon"), a = r.querySelector("mint-spinner"), o = this._getSortClass(e);
-			if (o === "spinner") {
-				if (i && i.remove(), !a) {
-					let e = document.createElement("mint-spinner");
-					e.className = "w-4 h-4", r.appendChild(e);
+			let i = r.querySelector(":scope > div.ml-2.flex.items-center"), a = this._getSortClass(e), o = () => {
+				if (!i) {
+					let e = document.createElement("div");
+					e.className = "ml-2 flex items-center", r.appendChild(e), i = e;
 				}
-			} else if (a && a.remove(), i) i.setAttribute("name", o), i.className = `w-4 h-4 ${o === "sort-arrows" ? "text-gray-400" : ""}`;
-			else {
-				let e = document.createElement("mint-icon");
-				e.setAttribute("name", o), e.className = `w-4 h-4 ${o === "sort-arrows" ? "text-gray-400" : ""}`, r.appendChild(e);
-			}
-		});
+				return i;
+			}, s = () => {
+				i &&= (i.remove(), null);
+			};
+			if (a === "spinner") {
+				let e = o();
+				if (e.querySelector("mint-icon")?.remove(), !e.querySelector("mint-spinner")) {
+					let t = document.createElement("mint-spinner");
+					t.className = "w-4 h-4", e.appendChild(t);
+				}
+			} else if (a === "caret-up" || a === "caret-down") {
+				let e = o();
+				e.querySelector("mint-spinner")?.remove();
+				let t = e.querySelector("mint-icon");
+				t || (t = document.createElement("mint-icon"), e.appendChild(t)), t.setAttribute("name", a), t.className = "w-4 h-4";
+			} else s();
+		}), this._syncMobileSortPopoverIcons();
+		let e = this.querySelector(`#mint-rt-mobile-sort-btn-${this._tableId}`);
+		e && (e.setAttribute("icon", this._getMobileSortTriggerIconName()), this._sorting ? e.setAttribute("loading", "true") : e.removeAttribute("loading"), typeof e.render == "function" && e.render());
 	}
 	_showFetchingState() {}
 	_triggerSearch() {
 		this._searchTimeoutId && clearTimeout(this._searchTimeoutId), this._searching = !0, this._type === "ajax" && this._updateSearchIcon(), this._type !== "ajax" && (this._currentPage = 1), this._updateTableBody(), this._type !== "ajax" && this._updatePagination(), this._searchTimeoutId = window.setTimeout(() => {
-			this._type === "ajax" ? (this._offset = 0, this._fetchData(void 0, !1, this._perPage, 0)) : this._searching = !1;
+			this._type === "ajax" ? (this._offset = 0, this._fetchData(void 0, !1, this._perPage, 0)) : (this._searching = !1, this._virtualScrollActive() && queueMicrotask(() => this._scrollVirtualTableTopIntoView()));
 		}, 400);
 	}
 	_updateSearchIcon() {
@@ -6483,113 +7051,72 @@ var D = class extends HTMLElement {
 	}
 	_updateTableBody() {
 		if (!this._configuration) return;
-		let e = this._getRows(), t = this.querySelector(`#${this._tableId}`)?.closest("table")?.querySelector("tbody");
-		if (!t) {
+		let e = this.querySelector(`tbody[data-mint-rt-tbody="${this._tableId}"]`), t = this.querySelector(`#${this._tableId}`)?.closest("table")?.querySelector("tbody");
+		if (this._virtualScrollActive() && (this._type === "provided" || this._type === "ajax")) {
+			if (!(e || t)) {
+				this.render();
+				return;
+			}
+			let n = this.querySelector(`#search-${this._tableId}`), r = document.activeElement === n || n?.querySelector("input") === document.activeElement, i = this._search;
+			if ((this._fetching || this._loading) && !this._loaded && !this._sorting) return;
+			if (this._virtualInvalidate(), this._syncVirtualWindow(), r && n) {
+				let e = n.querySelector("input") || n._element;
+				e ? (e.value = i, setTimeout(() => {
+					e.focus(), e.setSelectionRange(i.length, i.length);
+				}, 0)) : n.value !== void 0 && (n.value = i, setTimeout(() => {
+					n.focus();
+				}, 0));
+			}
+			return;
+		}
+		let n = this._getRows(), r = t;
+		if (!r) {
 			this.render();
 			return;
 		}
-		let n = this.querySelector(`#search-${this._tableId}`), r = document.activeElement === n || n?.querySelector("input") === document.activeElement, i = this._search, a = "";
-		if (!((this._fetching || this._loading) && !this._loaded && !this._sorting) && (e.forEach((e, t) => {
-			let n = typeof this._configuration.onRowClick == "function", r = n ? "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800" : "";
-			a += `<tr data-row-index="${t}" ${n ? "data-row-clickable=\"true\"" : ""}${r ? ` class="${r}"` : ""}>`, this._configuration.columns.forEach((n, r) => {
+		let i = this.querySelector(`#search-${this._tableId}`), a = document.activeElement === i || i?.querySelector("input") === document.activeElement, o = this._search, s = "", c = "";
+		if ((this._fetching || this._loading) && !this._loaded && !this._sorting) return;
+		n.forEach((e, t) => {
+			c += this._buildMobileListItemHtml(e, t, void 0, t === n.length - 1);
+			let r = typeof this._configuration.onRowClick == "function", i = r ? "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800" : "";
+			s += `<tr data-row-index="${t}" ${r ? "data-row-clickable=\"true\"" : ""}${i ? ` class="${i}"` : ""}>`, this._configuration.columns.forEach((n) => {
 				if (n.hidden) return;
-				let i = !n.show || n.show(this, e);
-				if (a += `<td style="${this._getStyle(n)}" class="${this._getClasses(n, !0)}">`, i) if (n.raw) if (n.action) (!n.action.show || n.action.show(this, e)) && (a += `<mint-button variant="solid" data-action="column-action" data-row-index="${t}" data-column-key="${this._configuration.columns.indexOf(n)}">${n.action.label}</mint-button>`);
-				else if (n.actions) if (n.actionStyle !== "buttons") {
-					let r = `actions-popover-${this._tableId}-${t}`, i = `actions-button-${this._tableId}-${t}`;
-					a += `<mint-button id="${i}" variant="link" icon="ellipsis">`, a += "</mint-button>", a += `<mint-popover id="${r}" trigger-id="${i}" direction="down">`, n.actions.forEach((r, i) => {
-						if (!r.show || r.show(this, e)) {
-							let o = typeof r.label == "function" ? r.label(this, e) : r.label;
-							a += `<div class="p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-mint-hover" data-action="row-action" data-row-index="${t}" data-action-index="${i}" data-column-key="${this._configuration.columns.indexOf(n)}">${o}</div>`;
-						}
-					}), a += "</mint-popover>";
-				} else n.actions.forEach((r, i) => {
-					if (!r.show || r.show(this, e)) {
-						let o = r.label ? typeof r.label == "function" ? r.label(this, e) : r.label : "", s = r.icon ? ` icon="${this._escapeHtml(r.icon)}"` : "", c = r.tone ? ` tone="${this._escapeHtml(r.tone)}"` : "";
-						a += `<mint-button variant="link" class="${r.classes || ""}" data-action="row-action" data-row-index="${t}" data-action-index="${i}" data-column-key="${this._configuration.columns.indexOf(n)}"${s}${c}>`, o && (a += this._escapeHtml(String(o))), a += "</mint-button>";
-					}
-				});
-				else typeof n.format == "function" ? a += n.format(this, e) : n.data && (a += this._escapeHtml(String(e[n.data] || "")));
-				else if (n.action) {
-					if (!n.action.show || n.action.show(this, e)) {
-						let r = typeof n.action.label == "function" ? n.action.label(this, e) : n.action.label;
-						a += `<mint-button variant="solid" data-action="column-action" data-row-index="${t}" data-column-key="${this._configuration.columns.indexOf(n)}">${this._escapeHtml(String(r))}</mint-button>`;
-					}
-				} else if (n.actions) if (n.actionStyle !== "buttons") {
-					let r = `actions-popover-${this._tableId}-${t}`, i = `actions-button-${this._tableId}-${t}`;
-					a += `<mint-button id="${i}" variant="link" icon="ellipsis">`, a += "</mint-button>", a += `<mint-popover id="${r}" trigger-id="${i}" direction="down">`, n.actions.forEach((r, i) => {
-						if (!r.show || r.show(this, e)) {
-							let o = typeof r.label == "function" ? r.label(this, e) : r.label;
-							a += `<div class="p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-mint-hover" data-action="row-action" data-row-index="${t}" data-action-index="${i}" data-column-key="${this._configuration.columns.indexOf(n)}">${o}</div>`;
-						}
-					}), a += "</mint-popover>";
-				} else n.actions.forEach((r, i) => {
-					if (!r.show || r.show(this, e)) {
-						let o = r.label ? typeof r.label == "function" ? r.label(this, e) : r.label : "", s = r.icon ? ` icon="${this._escapeHtml(r.icon)}"` : "", c = r.tone ? ` tone="${this._escapeHtml(r.tone)}"` : "";
-						a += `<mint-button variant="link" class="${r.classes || ""}" data-action="row-action" data-row-index="${t}" data-action-index="${i}" data-column-key="${this._configuration.columns.indexOf(n)}"${s}${c}>`, o && (a += this._escapeHtml(String(o))), a += "</mint-button>";
-					}
-				});
-				else typeof n.format == "function" ? a += this._escapeHtml(n.format(this, e)) : n.data && (a += this._escapeHtml(String(e[n.data] || "")));
-				a += "</td>";
-			}), a += "</tr>";
-		}), e.length === 0 && (this._fetchError ? a += `<tr><td colspan="${this._configuration.columns.filter((e) => !e.hidden).length}" class="text-center py-8 text-red-500 dark:text-red-400">Failed to load data: ${this._escapeHtml(this._fetchError)}</td></tr>` : a += `<tr><td colspan="${this._configuration.columns.filter((e) => !e.hidden).length}" class="text-center py-8">No records found.</td></tr>`), t.innerHTML = a, this._attachTableEventListeners(), this._attachRowClickHandler(), r && n)) {
-			let e = n.querySelector("input") || n._element;
-			e ? (e.value = i, setTimeout(() => {
-				e.focus(), e.setSelectionRange(i.length, i.length);
-			}, 0)) : n.value !== void 0 && (n.value = i, setTimeout(() => {
-				n.focus();
+				let r = !n.show || n.show(this, e);
+				s += `<td style="${this._getStyle(n)}" class="${this._getClasses(n, !0)}">`, r && (s += this._buildTableCellInnerHtml(n, e, t, "table")), s += "</td>";
+			}), s += "</tr>";
+		}), n.length === 0 && (this._fetchError ? (s += `<tr><td colspan="${this._configuration.columns.filter((e) => !e.hidden).length}" class="text-center py-8 text-red-500 dark:text-red-400">Failed to load data: ${this._escapeHtml(this._fetchError)}</td></tr>`, c += `<li class="list-none px-4 py-8 text-center text-sm text-red-500 dark:text-red-400">Failed to load data: ${this._escapeHtml(this._fetchError)}</li>`) : (s += `<tr><td colspan="${this._configuration.columns.filter((e) => !e.hidden).length}" class="text-center py-8">No records found.</td></tr>`, c += "<li class=\"list-none px-4 py-8 text-center text-sm\">No records found.</li>")), r.innerHTML = s;
+		let l = this.querySelector(`ul[data-mint-rt-mobile-list="${this._tableId}"]`);
+		if (l && (l.innerHTML = c), this._attachTableEventListeners(), this._attachRowClickHandler(), a && i) {
+			let e = i.querySelector("input") || i._element;
+			e ? (e.value = o, setTimeout(() => {
+				e.focus(), e.setSelectionRange(o.length, o.length);
+			}, 0)) : i.value !== void 0 && (i.value = o, setTimeout(() => {
+				i.focus();
 			}, 0));
 		}
 	}
 	_updatePagination() {
 		if (!this._configuration) return;
-		let e = this._lastPage || Math.ceil(this._rows.length / this._perPage);
-		if (!this._configuration.perPage || this._configuration.loadMore || e <= 1) {
-			let e = this.querySelector("nav")?.closest(".flex.justify-end");
-			e && e.remove();
+		let e = this._lastPage || Math.ceil(this._rows.length / this._perPage), t = () => {
+			let e = this.querySelector("mint-table"), t = e?.nextElementSibling;
+			e && t && t.id !== `mint-rt-pagination-host-${this._tableId}` && !t.classList.contains("mint-rt-pagination-host") && t.querySelector?.("[data-action=\"page\"]") && t.remove();
+		};
+		if (!this._configuration.perPage || e <= 1 || this._virtualScrollActive()) {
+			this._getPaginationHostEl()?.replaceChildren(), t();
 			return;
 		}
-		let t = this.querySelector("nav")?.closest(".flex.justify-end");
-		if (!t) {
-			let e = this.querySelector("mint-table");
+		let n = this._getPaginationHostEl();
+		if (!n) {
+			let e = this.querySelector(`[data-mint-rt-mobile-list="${this._tableId}"]`) || this.querySelector("mint-table");
 			if (!e) {
 				this.render();
 				return;
 			}
-			t = document.createElement("div"), t.className = "flex justify-end " + (this._inMintCard ? "p-3.5" : "mt-4"), e.insertAdjacentElement("afterend", t);
+			n = document.createElement("div"), n.id = `mint-rt-pagination-host-${this._tableId}`, n.setAttribute("data-mint-rt-pagination-wrap", ""), n.className = "mint-rt-pagination-host w-full min-w-0 overflow-x-auto overflow-y-hidden overscroll-x-contain flex justify-center [-webkit-overflow-scrolling:touch] md:justify-end " + (this._inMintCard ? "border-t border-gray-200 px-3.5 pb-3.5 pt-3 dark:border-mint-divider md:border-t-0 md:pt-0" : "border-t border-gray-200 px-2 py-3 dark:border-mint-divider md:border-t-0 md:py-0 md:mt-4"), e.insertAdjacentElement("afterend", n);
 		}
-		let n = "<nav>";
-		n += "<ul class=\"flex gap-1\">";
-		let r = this._currentPage === 1 || this._loading || this._fetching;
-		n += `<li><mint-button variant="solid" size="sm" icon="caret-left" ${r ? "disabled=\"true\"" : ""} data-action="page-prev"></mint-button></li>`;
-		let i = e >= 10, a = Math.max(1, this._currentPage - 1), o = Math.min(e, this._currentPage + 1);
-		if (i) {
-			for (let e = 1; e <= 3; e++) {
-				let t = this._currentPage === e, r = this._loadingPage === e, i = t ? " active=\"true\"" : "", a = this._loading || this._fetching ? " disabled=\"true\"" : "", o = r ? " loading=\"true\"" : "", s = r ? "" : `${e}`;
-				n += `<li><mint-button variant="solid" size="sm"${i}${a}${o} data-action="page" data-page="${e}">${s}</mint-button></li>`;
-			}
-			let t = o <= 3, r = a >= e - 2;
-			if (!t && !r) {
-				a > 4 && (n += "<li><span class=\"px-2\">...</span></li>");
-				for (let e = a; e <= o; e++) {
-					if (e <= 3) continue;
-					let t = this._currentPage === e, r = this._loadingPage === e, i = t ? " active=\"true\"" : "", a = this._loading || this._fetching ? " disabled=\"true\"" : "", o = r ? " loading=\"true\"" : "", s = r ? "" : `${e}`;
-					n += `<li><mint-button variant="solid" size="sm"${i}${a}${o} data-action="page" data-page="${e}">${s}</mint-button></li>`;
-				}
-				o < e - 3 && (n += "<li><span class=\"px-2\">...</span></li>");
-			} else (t && !r || !t && r && e - 2 > 4) && (n += "<li><span class=\"px-2\">...</span></li>");
-			for (let i = e - 2; i <= e; i++) {
-				if (i <= 3 || !t && !r && i >= a && i <= o) continue;
-				let e = this._currentPage === i, s = this._loadingPage === i, c = e ? " active=\"true\"" : "", l = this._loading || this._fetching ? " disabled=\"true\"" : "", u = s ? " loading=\"true\"" : "", d = s ? "" : `${i}`;
-				n += `<li><mint-button variant="solid" size="sm"${c}${l}${u} data-action="page" data-page="${i}">${d}</mint-button></li>`;
-			}
-		} else for (let t = 1; t <= e; t++) {
-			let e = this._currentPage === t, r = this._loadingPage === t, i = e ? " active=\"true\"" : "", a = this._loading || this._fetching ? " disabled=\"true\"" : "", o = r ? " loading=\"true\"" : "", s = r ? "" : `${t}`;
-			n += `<li><mint-button variant="solid" size="sm"${i}${a}${o} data-action="page" data-page="${t}">${s}</mint-button></li>`;
-		}
-		let s = this._currentPage >= e || this._loading || this._fetching;
-		n += `<li><mint-button variant="solid" size="sm" icon="caret-right" ${s ? "disabled=\"true\"" : ""} data-action="page-next"></mint-button></li>`, n += "</ul>", n += "</nav>", t.innerHTML = n, setTimeout(() => {
-			this._attachPaginationListeners(), t.querySelectorAll("mint-button[data-action=\"page\"]").forEach((e) => {
+		let r = this._buildPaginationNavMarkup(e);
+		n.innerHTML = r, setTimeout(() => {
+			this._attachPaginationListeners(), n.querySelectorAll("mint-button[data-action=\"page\"]").forEach((e) => {
 				let t = e.getAttribute("data-page"), n = t && this._loadingPage === parseInt(t), r = e._button || e.querySelector("button");
 				if (r) if (n) {
 					let e = [], t = document.createTreeWalker(r, NodeFilter.SHOW_TEXT, null), n;
@@ -6613,14 +7140,11 @@ var D = class extends HTMLElement {
 					let e = r.querySelector("span.mr-2");
 					e && e.querySelector("mint-spinner") && (e.classList.remove("mr-2"), e.classList.add("mr-0"));
 				}
-			}), t.querySelectorAll("mint-button[data-action=\"page-prev\"], mint-button[data-action=\"page-next\"]").forEach((e) => {
+			}), n.querySelectorAll("mint-button[data-action=\"page-prev\"], mint-button[data-action=\"page-next\"]").forEach((e) => {
 				"render" in e && typeof e.render == "function" && e.render();
 			}), this._loadingPage !== null && !this._loading && !this._fetching && this._updatePagination();
 		}, 0);
 	}
-	_loadMore() {
-		this._loading || this._fetching || (this._type === "ajax" ? this._lastPage > 0 && this._currentPage < this._lastPage : this._totalRows > 0 && this._rowsToShow < this._totalRows) && (this._offset += this._perPage, this._currentPage += 1, this._rowsToShow += this._perPage, this._type === "ajax" ? this._fetchData() : this.render());
-	}
 	_goToPage(e) {
 		let t = this._lastPage || Math.ceil(this._rows.length / this._perPage);
 		e > t && (e = t), e < 1 && (e = 1), e !== this._currentPage && (this._currentPage = e, this._offset = (e - 1) * this._perPage, this._updatePageInUrl(e), this._type === "ajax" ? (this._loadingPage = e, this._updatePagination(), this._fetchData()) : this.render());
@@ -6641,28 +7165,20 @@ var D = class extends HTMLElement {
 	}
 	_downloadCSV() {
 		if (!this._configuration) return;
-		let e = this.querySelector("table");
+		let e = this.querySelector(`#${this._tableId}`) || this.querySelector("table");
 		if (!e) return;
-		let t = e.querySelectorAll("tr"), n = "data:text/csv;charset=utf-8,";
-		t.forEach((e) => {
-			let t = [];
+		let t = "data:text/csv;charset=utf-8,", n = (e) => {
+			let n = [];
 			e.querySelectorAll("th, td").forEach((e) => {
-				let n = e.getAttribute("colspan");
-				if (n) for (let e = 0; e < parseInt(n) - 1; e++) t.push("");
-				t.push("\"" + e.textContent?.trim().replace(/"/g, "\"\"") + "\"");
-			}), n += t.join(",") + "\n";
-		});
-		let r = encodeURI(n), i = document.createElement("a");
+				let t = e.getAttribute("colspan");
+				if (t) for (let e = 0; e < parseInt(t, 10) - 1; e++) n.push("");
+				n.push("\"" + e.textContent?.trim().replace(/"/g, "\"\"") + "\"");
+			}), t += n.join(",") + "\n";
+		};
+		e.querySelectorAll("tr").forEach((e) => n(e));
+		let r = encodeURI(t), i = document.createElement("a");
 		i.setAttribute("href", r), i.setAttribute("download", `${this._configuration.export_name || this._tableId}.csv`), document.body.appendChild(i), i.click(), document.body.removeChild(i);
 	}
-	_columnChange(e, t) {
-		t.hidden = !e.target.checked, this._saveColumnVisibility();
-		let n = `edit-columns-popover-${this._tableId}`, r = this.querySelector(`#${n}`), i = r?.hasAttribute("open");
-		this.render(), i && r && requestAnimationFrame(() => {
-			let e = this.querySelector(`#${n}`);
-			e && typeof e.open == "function" && e.open();
-		});
-	}
 	_getStyle(e) {
 		let t = "";
 		return (e.nowrap || e.actions) && (t += "white-space: nowrap;"), e.offsetLeft && (t += `left: ${e.offsetLeft} !important;`), e.offsetRight && (t += `right: ${e.offsetRight} !important;`), e.width && (t += `min-width: ${e.width}px; max-width: ${e.width}px;`), t;
@@ -6671,107 +7187,102 @@ var D = class extends HTMLElement {
 		let n = [];
 		return e.class && n.push(e.class.trim()), e.sortable && !t && n.push("cursor-pointer"), e.stickLeft && n.push("sticky-left"), e.stickRight && n.push("sticky-right"), n.join(" ");
 	}
+	_renderTheadHtml(e, t, n = !1, r = !1) {
+		if (!this._configuration) return "";
+		let i = ["bg-white", "dark:bg-mint-nav"];
+		e && (i.push("sticky", "z-40"), r ? i.push("top-[var(--mint-rt-fixed-controls-h,0px)]") : i.push("top-0")), t && i.push("border-b", "border-gray-200", "dark:border-mint-divider");
+		let a = `<thead class="${i.join(" ")}"><tr>`;
+		return this._configuration.columns.forEach((e, t) => {
+			if (e.hidden) return;
+			let r = n ? "" : ` width="${e.width || ""}"`, i = e.sortable ? " data-mint-rt-sortable=\"\"" : "";
+			if (a += `<th${r} style="${this._getStyle(e)}" class="${this._getClasses(e)}" data-column-key="${t}"${i}>`, e.showLabel !== !1) {
+				if (a += "<div class=\"flex items-center\">", a += `<div class="flex-1">${e.raw ? e.label : this._escapeHtml(e.label)}</div>`, e.sortable) {
+					let t = this._getSortClass(e);
+					t === "spinner" ? a += "<div class=\"ml-2 flex items-center\"><mint-spinner class=\"w-4 h-4\"></mint-spinner></div>" : (t === "caret-up" || t === "caret-down") && (a += `<div class="ml-2 flex items-center"><mint-icon name="${t}" class="w-4 h-4"></mint-icon></div>`);
+				}
+				a += "</div>";
+			}
+			a += "</th>";
+		}), a += "</tr></thead>", a;
+	}
 	render() {
 		if (!this._configuration) {
 			this.innerHTML = "<div class=\"p-4 text-red-500\">Error: Invalid configuration</div>";
 			return;
 		}
-		let e = !this._loaded || this._rows.length > 0 || this._search.length > 0 || this._searching, t = this._getRows(), n = this._lastPage || Math.ceil(this._rows.length / this._perPage), r = "";
-		if (e) {
-			if (r += "<div class=\"flex " + (this._inMintCard ? "p-3.5" : "mb-3") + "\">", r += "<div class=\"flex-grow-1 flex-1\">", r += "<div class=\"flex gap-2 items-center\">", this._configuration.showSearch !== !1) {
-				let e = `search-${this._tableId}`;
-				r += `<mint-input id="${e}" type="search" label="" placeholder="Search..." class="flex-1" icon="search" value="${this._escapeHtml(this._search)}"></mint-input>`;
-			}
-			if (this._configuration.buttons && this._configuration.buttons.forEach((e) => {
+		this._ensureMobileListMql();
+		let e = String(this._configuration.id || "").trim();
+		e && (this.id = e), this._detachVirtualScroll(), this._detachFixedChromeResize(), this._virtualScrollActive() || this._virtualRowCache.clear();
+		let t = !this._loaded || this._rows.length > 0 || this._search.length > 0 || this._searching, n = this._getRows();
+		this._lastPage || Math.ceil(this._rows.length / this._perPage);
+		let r = "";
+		if (t) {
+			let e = this._fixedControls(), t = [
+				"flex",
+				"items-center",
+				"min-w-0",
+				this._inMintCard ? "p-3.5" : "mb-3",
+				e ? "sticky top-0 z-50 bg-white dark:bg-mint-nav border-b border-gray-200 dark:border-mint-divider" : ""
+			].filter(Boolean).join(" ");
+			if (r += `<div id="mint-rt-fixed-controls-${this._tableId}" class="${t}">`, r += "<div class=\"flex min-w-0 flex-1 items-center gap-2\">", r += this._buildMobileSortToolbarHtml(), this._configuration.showSearch !== !1) {
+				let e = `search-${this._tableId}`, t = this._escapeHtml(this._configuration.searchPlaceholder || "Search...");
+				r += `<mint-input id="${e}" type="search" label="" placeholder="${t}" class="min-w-0 flex-1" icon="search" value="${this._escapeHtml(this._search)}"></mint-input>`;
+			}
+			r += "<div class=\"hidden shrink-0 items-center gap-2 md:flex\">", this._configuration.buttons && this._configuration.buttons.forEach((e) => {
 				let t = e.icon ? ` icon="${this._escapeHtml(e.icon)}"` : "", n = e.tone ? ` tone="${this._escapeHtml(e.tone)}"` : "";
 				r += `<mint-button variant="solid" class="${e.class || ""}" data-button-type="${e.type || "custom"}"${t}${n}>`, e.label && (r += this._escapeHtml(e.label)), r += "</mint-button>";
-			}), r += "</div>", r += "</div>", this._configuration.editColumns !== !1 && this._configuration.columns.some((e) => !e.actions && e.editable !== !1)) {
-				let e = `edit-columns-popover-${this._tableId}`, t = `edit-columns-button-${this._tableId}`;
-				r += "<div class=\"ml-2\">", r += `<mint-button id="${t}" variant="solid" icon="edit"></mint-button>`, r += `<mint-popover id="${e}" trigger-id="${t}" direction="down">`, this._configuration.columns.forEach((e) => {
-					!e.actions && e.editable !== !1 && (r += "<div class=\"p-2\">", r += `<mint-checkbox label="${e.label}" ${e.hidden ? "" : "checked"} data-column-key="${this._configuration.columns.indexOf(e)}"></mint-checkbox>`, r += "</div>");
-				}), r += "</mint-popover>", r += "</div>";
-			}
-			r += "</div>";
+			}), r += "</div>", r += "</div>", r += "</div>";
 		}
 		if (this._type === "ajax" && !this._loaded && !this._fetchError && !this._sorting) {
-			r += "<mint-table class=\"table-section" + (this._inMintCard ? " rounded-t-none" : "") + "\">", r += `<table id="${this._tableId}">`, r += "<thead><tr>", this._configuration.columns.forEach((e, t) => {
-				e.hidden || (r += `<th width="${e.width || ""}" style="${this._getStyle(e)}" class="${this._getClasses(e)}" data-column-key="${t}">`, e.showLabel !== !1 && (r += "<div class=\"flex items-center\">", r += `<div class="flex-1">${e.raw ? e.label : this._escapeHtml(e.label)}</div>`, e.sortable && (r += "<div class=\"ml-2 flex items-center\">", r += "<mint-icon name=\"\" class=\"w-4 h-4 text-gray-400\"></mint-icon>", r += "</div>"), r += "</div>"), r += "</th>");
-			}), r += "</tr></thead>", r += "<tbody>";
-			for (let e = 0; e < 4; e++) r += "<tr>", this._configuration.columns.forEach((e) => {
-				e.hidden || (r += `<td style="${this._getStyle(e)}" class="${this._getClasses(e, !0)}">`, r += "<div class=\"h-4 bg-gray-200 dark:bg-mint-hover rounded animate-pulse\"></div>", r += "</td>");
-			}), r += "</tr>";
-			if (r += "</tbody>", r += "</table>", r += "</mint-table>", this._configuration.perPage && !this._configuration.loadMore && (n > 1 || this._lastPage > 0)) {
-				let e = this._lastPage > 0 ? this._lastPage : n;
-				if (e > 1) {
-					r += "<div class=\"flex justify-end " + (this._inMintCard ? "p-3.5" : "mt-4") + "\">", r += "<nav>", r += "<ul class=\"flex gap-1\">", r += `<li><mint-button variant="solid" size="sm" icon="caret-left" ${this._currentPage === 1 ? "disabled=\"true\"" : ""} data-action="page-prev"></mint-button></li>`;
-					for (let t = 1; t <= Math.min(2, e); t++) {
-						let e = this._currentPage === t ? " disabled=\"true\"" : "";
-						r += `<li><mint-button variant="solid" size="sm"${e} data-action="page" data-page="${t}">${t}</mint-button></li>`;
-					}
-					if (e > 2 && (r += "<li><span class=\"px-2\">...</span></li>"), this._currentPage > 2 && this._currentPage < e - 1 && (r += `<li><mint-button variant="solid" size="sm" data-action="page" data-page="${this._currentPage - 1}">${this._currentPage - 1}</mint-button></li>`, r += `<li><mint-button variant="solid" size="sm" disabled="true" data-action="page" data-page="${this._currentPage}">${this._currentPage}</mint-button></li>`, r += `<li><mint-button variant="solid" size="sm" data-action="page" data-page="${this._currentPage + 1}">${this._currentPage + 1}</mint-button></li>`), e > 2) for (let t = Math.max(e - 1, this._currentPage + 2); t <= e; t++) {
-						let e = this._currentPage === t ? " disabled=\"true\"" : "";
-						r += `<li><mint-button variant="solid" size="sm"${e} data-action="page" data-page="${t}">${t}</mint-button></li>`;
-					}
-					r += `<li><mint-button variant="solid" size="sm" icon="caret-right" ${this._currentPage >= e ? "disabled=\"true\"" : ""} data-action="page-next"></mint-button></li>`, r += "</ul>", r += "</nav>", r += "</div>";
-				}
-			}
-		} else t.length > 0 || this._search.length > 0 || this._searching || this._fetchError ? (r += "<mint-table class=\"table-section" + (this._inMintCard ? " rounded-t-none" : "") + "\">", r += `<table id="${this._tableId}">`, r += "<thead><tr>", this._configuration.columns.forEach((e, t) => {
-			if (!e.hidden) {
-				if (r += `<th width="${e.width || ""}" style="${this._getStyle(e)}" class="${this._getClasses(e)}" data-column-key="${t}">`, e.showLabel !== !1) {
+			let e = this._fixedHeader() ? " data-mint-rt-scroll-inner=\"\"" : "", t = this._fixedHeader() && this._fixedControls(), n = this._fixedHeader() ? t ? "sticky top-[var(--mint-rt-fixed-controls-h,0px)] z-40 " : "sticky top-0 z-40 " : "sticky top-0 z-20 ";
+			r += "<div class=\"min-w-0\">", r += "<mint-table class=\"table-section" + (this._inMintCard ? " rounded-t-none" : "") + "\"" + e + ">", r += `<table id="${this._tableId}">`, r += "<thead class=\"" + n + "bg-white dark:bg-mint-nav border-b border-gray-200 dark:border-mint-divider\"><tr>", this._configuration.columns.forEach((e, t) => {
+				if (e.hidden) return;
+				let n = e.sortable ? " data-mint-rt-sortable=\"\"" : "";
+				if (r += `<th width="${e.width || ""}" style="${this._getStyle(e)}" class="${this._getClasses(e)}" data-column-key="${t}"${n}>`, e.showLabel !== !1) {
 					if (r += "<div class=\"flex items-center\">", r += `<div class="flex-1">${e.raw ? e.label : this._escapeHtml(e.label)}</div>`, e.sortable) {
-						r += "<div class=\"ml-2 flex items-center\">";
 						let t = this._getSortClass(e);
-						t === "spinner" ? r += "<mint-spinner class=\"w-4 h-4\"></mint-spinner>" : r += `<mint-icon name="${t}" class="w-4 h-4 ${t === "sort-arrows" ? "text-gray-400" : ""}"></mint-icon>`, r += "</div>";
+						t === "spinner" ? r += "<div class=\"ml-2 flex items-center\"><mint-spinner class=\"w-4 h-4\"></mint-spinner></div>" : (t === "caret-up" || t === "caret-down") && (r += `<div class="ml-2 flex items-center"><mint-icon name="${t}" class="w-4 h-4"></mint-icon></div>`);
 					}
 					r += "</div>";
 				}
 				r += "</th>";
-			}
-		}), r += "</tr></thead>", r += "<tbody>", !this._fetching && !this._loading && t.forEach((e, t) => {
-			let n = typeof this._configuration.onRowClick == "function", i = n ? "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800" : "";
-			r += `<tr data-row-index="${t}" ${n ? "data-row-clickable=\"true\"" : ""}${i ? ` class="${i}"` : ""}>`, this._configuration.columns.forEach((n, i) => {
-				if (n.hidden) return;
-				let a = !n.show || n.show(this, e);
-				if (r += `<td style="${this._getStyle(n)}" class="${this._getClasses(n, !0)}">`, a) if (n.raw) if (n.action) {
-					if (!n.action.show || n.action.show(this, e)) {
-						let i = typeof n.action.label == "function" ? n.action.label(this, e) : n.action.label;
-						r += `<mint-button variant="solid" data-action="column-action" data-row-index="${t}" data-column-key="${this._configuration.columns.indexOf(n)}">${this._escapeHtml(String(i))}</mint-button>`;
-					}
-				} else if (n.actions) if (n.actionStyle !== "buttons") {
-					let i = `actions-popover-${this._tableId}-${t}`, a = `actions-button-${this._tableId}-${t}`;
-					r += `<mint-button id="${a}" variant="link" icon="ellipsis">`, r += "</mint-button>", r += `<mint-popover id="${i}" trigger-id="${a}" direction="down">`, n.actions.forEach((i, a) => {
-						if (!i.show || i.show(this, e)) {
-							let o = typeof i.label == "function" ? i.label(this, e) : i.label;
-							r += `<div class="p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-mint-hover" data-action="row-action" data-row-index="${t}" data-action-index="${a}" data-column-key="${this._configuration.columns.indexOf(n)}">${this._escapeHtml(String(o))}</div>`;
-						}
-					}), r += "</mint-popover>";
-				} else n.actions.forEach((i, a) => {
-					if (!i.show || i.show(this, e)) {
-						let o = i.label ? typeof i.label == "function" ? i.label(this, e) : i.label : "", s = i.icon ? ` icon="${this._escapeHtml(i.icon)}"` : "", c = i.tone ? ` tone="${this._escapeHtml(i.tone)}"` : "";
-						r += `<mint-button variant="link" class="${i.classes || ""}" data-action="row-action" data-row-index="${t}" data-action-index="${a}" data-column-key="${this._configuration.columns.indexOf(n)}"${s}${c}>`, o && (r += this._escapeHtml(String(o))), r += "</mint-button>";
-					}
-				});
-				else typeof n.format == "function" ? r += n.format(this, e) : n.data && (r += this._escapeHtml(String(e[n.data] || "")));
-				else if (n.action) (!n.action.show || n.action.show(this, e)) && (r += `<mint-button variant="solid" data-action="column-action" data-row-index="${t}" data-column-key="${this._configuration.columns.indexOf(n)}">${n.action.label}</mint-button>`);
-				else if (n.actions) if (n.actionStyle !== "buttons") {
-					let i = `actions-popover-${this._tableId}-${t}`, a = `actions-button-${this._tableId}-${t}`;
-					r += `<mint-button id="${a}" variant="link" icon="ellipsis">`, r += "</mint-button>", r += `<mint-popover id="${i}" trigger-id="${a}" direction="down">`, n.actions.forEach((i, a) => {
-						if (!i.show || i.show(this, e)) {
-							let o = typeof i.label == "function" ? i.label(this, e) : i.label;
-							r += `<div class="p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-mint-hover" data-action="row-action" data-row-index="${t}" data-action-index="${a}" data-column-key="${this._configuration.columns.indexOf(n)}">${this._escapeHtml(String(o))}</div>`;
-						}
-					}), r += "</mint-popover>";
-				} else n.actions.forEach((i, a) => {
-					if (!i.show || i.show(this, e)) {
-						let o = i.label ? typeof i.label == "function" ? i.label(this, e) : i.label : "", s = i.icon ? ` icon="${this._escapeHtml(i.icon)}"` : "", c = i.tone ? ` tone="${this._escapeHtml(i.tone)}"` : "";
-						r += `<mint-button variant="link" class="${i.classes || ""}" data-action="row-action" data-row-index="${t}" data-action-index="${a}" data-column-key="${this._configuration.columns.indexOf(n)}"${s}${c}>`, o && (r += this._escapeHtml(String(o))), r += "</mint-button>";
-					}
-				});
-				else typeof n.format == "function" ? r += this._escapeHtml(n.format(this, e)) : n.data && (r += this._escapeHtml(String(e[n.data] || "")));
-				r += "</td>";
+			}), r += "</tr></thead>", r += "<tbody>";
+			for (let e = 0; e < 4; e++) r += "<tr>", this._configuration.columns.forEach((e) => {
+				if (!e.hidden) {
+					if (r += `<td style="${this._getStyle(e)}" class="${this._getClasses(e, !0)}">`, e.thumbnail) {
+						let t = this._thumbnailDesktopPx(e);
+						r += `<div class="rounded-md bg-gray-200 dark:bg-white/15 animate-pulse" style="width:${t}px;height:${t}px;box-sizing:border-box"></div>`;
+					} else r += "<div class=\"h-4 max-w-[95%] rounded bg-gray-200 dark:bg-white/15 animate-pulse\"></div>";
+					r += "</td>";
+				}
 			}), r += "</tr>";
-		}), !this._fetching && !this._loading && t.length === 0 && (this._fetchError ? r += `<tr><td colspan="${this._configuration.columns.filter((e) => !e.hidden).length}" class="text-center py-8 text-red-500 dark:text-red-400">Failed to load data: ${this._escapeHtml(this._fetchError)}</td></tr>` : r += `<tr><td colspan="${this._configuration.columns.filter((e) => !e.hidden).length}" class="text-center py-8">No records found.</td></tr>`), r += "</tbody>", r += "</table>", this._configuration.loadMore && (this._loading || this._fetching ? (r += "<div class=\"flex justify-center " + (this._inMintCard ? "p-3.5" : "mt-4") + "\">", r += "<mint-spinner></mint-spinner>", r += "</div>") : (this._type === "ajax" ? this._lastPage > 0 && this._currentPage < this._lastPage : this._totalRows > 0 && this._rowsToShow < this._totalRows) && (r += "<div class=\"flex justify-center " + (this._inMintCard ? "p-3.5" : "mt-4") + "\">", r += "<mint-button variant=\"ghost\" data-action=\"load-more\">Load more</mint-button>", r += "</div>")), r += "</mint-table>") : r += "<slot name=\"empty\"></slot>";
-		this.innerHTML = r, this._updatePagination(), this.querySelectorAll("mint-button[data-action]").forEach((e) => {
+			r += "</tbody>", r += "</table>", r += "</mint-table>", r += "</div>", r += this._paginationHostPlaceholderHtml();
+		} else if (n.length > 0 || this._search.length > 0 || this._searching || this._fetchError) {
+			let e = this._virtualScrollActive() && (this._type === "provided" || this._type === "ajax" && this._loaded && !this._fetchError), t = e && this._virtualScrollRoot() === "table-body", i = this._escapeHtml(this._virtualMaxHeightCss()), a = t || this._fixedHeader(), o = this._fixedHeader() && this._fixedControls(), s = a ? " data-mint-rt-scroll-inner=\"\"" : "", c = "table-section" + (this._inMintCard ? " rounded-t-none" : ""), l = `m-0 min-h-0 w-full list-none border-collapse overflow-x-hidden bg-white ${this._inMintCard ? "px-3.5 py-3.5" : "py-3"} dark:bg-mint-canvas md:hidden`, u = "";
+			if (t) {
+				let e = this._renderColgroupHtml();
+				r += `<div id="mint-rt-vscroll-${this._tableId}" class="overflow-y-auto overflow-x-auto min-h-0 w-full" style="max-height: ${i}; scrollbar-gutter: stable; overscroll-behavior-x: contain; overscroll-behavior-y: none; overflow-anchor: none;">`, r += "<div class=\"hidden min-h-0 min-w-0 md:block\">", r += `<mint-table class="${c}"${s}>`, r += `<table id="${this._tableId}" class="w-full min-w-0 table-fixed">`, r += e, r += this._renderTheadHtml(!0, !0, !0, o);
+			} else r += "<div class=\"hidden min-h-0 min-w-0 md:block\">", r += `<mint-table class="${c}"${s}>`, r += `<table id="${this._tableId}">`, e && (r += this._renderColgroupHtml()), r += this._renderTheadHtml(!0, !0, !!e, o);
+			if (r += "<tbody" + (e ? ` data-mint-rt-tbody="${this._tableId}"` : "") + ">", !this._fetching && !this._loading && !e && n.forEach((e, t) => {
+				u += this._buildMobileListItemHtml(e, t, void 0, t === n.length - 1);
+				let i = typeof this._configuration.onRowClick == "function", a = i ? "cursor-pointer hover:bg-gray-50 dark:hover:bg-mint-elevated" : "";
+				r += `<tr data-row-index="${t}" ${i ? "data-row-clickable=\"true\"" : ""}${a ? ` class="${a}"` : ""}>`, this._configuration.columns.forEach((n) => {
+					if (n.hidden) return;
+					let i = !n.show || n.show(this, e);
+					r += `<td style="${this._getStyle(n)}" class="${this._getClasses(n, !0)}">`, i && (r += this._buildTableCellInnerHtml(n, e, t, "table")), r += "</td>";
+				}), r += "</tr>";
+			}), !this._fetching && !this._loading && n.length === 0 && !e) if (this._fetchError) {
+				let e = this._configuration.columns.filter((e) => !e.hidden).length;
+				r += `<tr><td colspan="${e}" class="text-center py-8 text-red-500 dark:text-red-400">Failed to load data: ${this._escapeHtml(this._fetchError)}</td></tr>`, u += `<li class="list-none px-4 py-8 text-center text-sm text-red-500 dark:text-red-400">Failed to load data: ${this._escapeHtml(this._fetchError)}</li>`;
+			} else {
+				let e = this._configuration.columns.filter((e) => !e.hidden).length;
+				r += `<tr><td colspan="${e}" class="text-center py-8">No records found.</td></tr>`, u += "<li class=\"list-none px-4 py-8 text-center text-sm\">No records found.</li>";
+			}
+			r += "</tbody>", r += "</table>", r += "</mint-table>", r += "</div>", r += `<ul class="${l}" data-mint-rt-mobile-list="${this._tableId}">${e ? "" : u}</ul>`, e || (r += this._paginationHostPlaceholderHtml()), t && (r += "</div>");
+		} else r += "<slot name=\"empty\"></slot>";
+		this._fixedHeader() ? this.setAttribute("data-mint-rt-fixed-header", "") : this.removeAttribute("data-mint-rt-fixed-header"), this._fixedControls() ? this.setAttribute("data-mint-rt-fixed-controls", "") : this.removeAttribute("data-mint-rt-fixed-controls"), this.innerHTML = r, this._updatePagination(), this.querySelectorAll("mint-button[data-action]").forEach((e) => {
+			e.render && e.render();
+		}), this.querySelectorAll("mint-button[data-mint-rt-toolbar]").forEach((e) => {
 			e.render && e.render();
 		}), this.querySelectorAll("mint-button[data-button-type]").forEach((e) => {
 			e.render && e.render();
@@ -6782,11 +7293,11 @@ var D = class extends HTMLElement {
 		let e = (e) => {
 			let t = e.target;
 			if (t.tagName === "MINT-BUTTON" || t.tagName === "BUTTON" || t.closest("mint-button") || t.closest("button") || t.closest("mint-popover") || t.closest("[data-action]")) return;
-			let n = t.closest("tr[data-row-clickable=\"true\"]");
+			let n = t.closest("tr[data-row-clickable=\"true\"]") || t.closest("li[data-row-clickable=\"true\"]");
 			if (!n) return;
 			let r = n.getAttribute("data-row-index");
 			if (!r) return;
-			let i = parseInt(r), a = this._getRows()[i];
+			let i = parseInt(r), a = this._getRowDataForEventIndex(i);
 			!a || !this._configuration?.onRowClick || (this._configuration.onRowClick.length === 1 ? this._configuration.onRowClick(a) : this._configuration.onRowClick(this, a));
 		};
 		this.addEventListener("click", e, !0), this._rowClickHandler = e;
@@ -6811,13 +7322,13 @@ var D = class extends HTMLElement {
 	_attachTableEventListeners() {
 		this.querySelectorAll("[data-action=\"row-action\"]").forEach((e) => {
 			e.addEventListener("click", () => {
-				let t = parseInt(e.getAttribute("data-row-index") || "0"), n = parseInt(e.getAttribute("data-action-index") || "0"), r = parseInt(e.getAttribute("data-column-key") || "0"), i = this._getRows()[t], a = this._configuration?.columns[r];
-				a && a.actions && a.actions[n] && a.actions[n].onClick(this, i);
+				let t = parseInt(e.getAttribute("data-row-index") || "0"), n = parseInt(e.getAttribute("data-action-index") || "0"), r = parseInt(e.getAttribute("data-column-key") || "0"), i = this._getRowDataForEventIndex(t), a = this._configuration?.columns[r];
+				a && a.actions && a.actions[n] && i !== void 0 && a.actions[n].onClick(this, i);
 			});
 		}), this.querySelectorAll("[data-action=\"column-action\"]").forEach((e) => {
 			e.addEventListener("click", () => {
-				let t = parseInt(e.getAttribute("data-row-index") || "0"), n = parseInt(e.getAttribute("data-column-key") || "0"), r = this._getRows()[t], i = this._configuration?.columns[n];
-				i && i.action && i.action.onClick(this, r);
+				let t = parseInt(e.getAttribute("data-row-index") || "0"), n = parseInt(e.getAttribute("data-column-key") || "0"), r = this._getRowDataForEventIndex(t), i = this._configuration?.columns[n];
+				i && i.action && r !== void 0 && i.action.onClick(this, r);
 			});
 		});
 	}
@@ -6831,39 +7342,25 @@ var D = class extends HTMLElement {
 				this._search = e.value || t.target.value || "", this._triggerSearch();
 			});
 		}
-		if (this._attachTableEventListeners(), this._attachRowClickHandler(), this.querySelectorAll("th[data-column-key]").forEach((e) => {
+		this._attachTableEventListeners(), this._attachRowClickHandler(), this.querySelectorAll("th[data-column-key]").forEach((e) => {
 			e.addEventListener("click", () => {
 				let t = parseInt(e.getAttribute("data-column-key") || "0"), n = this._configuration?.columns[t];
 				n && this._toggleSort(n);
 			});
+		}), this.querySelectorAll("[data-action=\"mobile-sort\"]").forEach((e) => {
+			e.addEventListener("click", (t) => {
+				t.stopPropagation();
+				let n = parseInt(e.getAttribute("data-column-key") || "0", 10), r = this._configuration?.columns[n];
+				r && (this._closeMobileSortPopover(), this._toggleSort(r));
+			});
 		}), this.querySelectorAll("[data-button-type]").forEach((e) => {
 			e.addEventListener("click", () => {
 				let t = e.getAttribute("data-button-type"), n = this._configuration?.buttons?.find((e) => (e.type || "custom") === t);
 				n && this._handleButtonClick(n);
 			});
-		}), this.querySelectorAll("mint-checkbox[data-column-key]").forEach((e) => {
-			e.addEventListener("change", (t) => {
-				t.stopPropagation();
-				let n = parseInt(e.getAttribute("data-column-key") || "0"), r = this._configuration?.columns[n];
-				r && this._columnChange(t, r);
-			}), e.addEventListener("click", (e) => {
-				e.stopPropagation();
-			});
-		}), this._attachPaginationListeners(), this.querySelectorAll("[data-action=\"load-more\"]").forEach((e) => {
-			e.addEventListener("click", () => {
-				this._loadMore();
-			});
-		}), this._configuration?.loadMore) {
-			this._scrollHandler && window.removeEventListener("scroll", this._scrollHandler);
-			let e = () => {
-				let e = window.pageYOffset || document.documentElement.scrollTop, t = window.innerHeight;
-				if (document.documentElement.scrollHeight - e - t <= 100) {
-					let e = this._type === "ajax" ? this._lastPage > 0 && this._currentPage < this._lastPage : this._totalRows > 0 && this._rowsToShow < this._totalRows;
-					!this._loading && !this._fetching && e && this._loadMore();
-				}
-			};
-			this._scrollHandler = e, window.addEventListener("scroll", e);
-		}
+		}), this._attachPaginationListeners(), this._virtualScrollActive() && (this._type === "provided" || this._type === "ajax") && this._attachVirtualScrollListeners(), this._fixedHeader() && this._fixedControls() && queueMicrotask(() => {
+			this._syncFixedControlsChromeHeight(), requestAnimationFrame(() => this._syncFixedControlsChromeHeight());
+		});
 	}
 	_escapeHtml(e) {
 		let t = document.createElement("div");
@@ -6889,8 +7386,161 @@ var D = class extends HTMLElement {
 };
 customElements.get("mint-resource-table") || customElements.define("mint-resource-table", D);
 //#endregion
+//#region src/components/resource-table/ResourceTableContextMenu.ts
+var O = 550, k = 12, A = { passive: !0 }, j = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._table = null, this._anchor = null, this._popover = null, this._menuRoot = null, this._baseId = "", this._touchTimer = null, this._touchStart = null, this._slotObserver = null, this._scrollCloseTargets = [], this._onScrollClose = () => {
+			this._closePopover();
+		}, this._onContextMenu = (e) => {
+			let t = e, n = this._rowTargetFromEventTarget(t.target);
+			n && (t.preventDefault(), this._openAtRowIndex(n.index, t.clientX, t.clientY));
+		}, this._onTouchStart = (e) => {
+			let t = e;
+			if (!t.touches.length) return;
+			let n = this._rowTargetFromEventTarget(t.target);
+			if (!n) return;
+			let r = t.touches[0];
+			this._touchStart = {
+				x: r.clientX,
+				y: r.clientY,
+				rowIndex: n.index
+			}, this._touchTimer !== null && (window.clearTimeout(this._touchTimer), this._touchTimer = null);
+			let i = this._longPressMs();
+			this._touchTimer = window.setTimeout(() => {
+				this._touchTimer = null, this._touchStart &&= (this._openAtRowIndex(this._touchStart.rowIndex, this._touchStart.x, this._touchStart.y), null);
+			}, i);
+		}, this._onTouchMove = (e) => {
+			if (!this._touchStart || this._touchTimer === null) return;
+			let t = e.touches[0];
+			if (!t) return;
+			let n = t.clientX - this._touchStart.x, r = t.clientY - this._touchStart.y;
+			n * n + r * r > k * k && (this._clearTouchTimer(), this._touchStart = null);
+		}, this._onTouchEnd = () => {
+			this._clearTouchTimer(), this._touchStart = null;
+		};
+	}
+	static get observedAttributes() {
+		return ["for", "long-press-ms"];
+	}
+	connectedCallback() {
+		this.classList.add("contents"), this._baseId = this.id?.trim() || `mint-rt-ctx-${Math.random().toString(36).slice(2, 10)}`, this._anchor = document.createElement("div"), this._anchor.id = `${this._baseId}-anchor`, this._anchor.setAttribute("aria-hidden", "true"), this._anchor.className = "pointer-events-none fixed z-0 h-px w-px overflow-hidden p-0 m-0 border-0 opacity-0", document.body.appendChild(this._anchor), this._popover = document.createElement("mint-popover"), this._popover.setAttribute("data-mint-rt-ctx-internal", ""), this._popover.id = `${this._baseId}-popover`, this._popover.setAttribute("trigger-id", this._anchor.id), this._popover.setAttribute("direction", "down"), this._popover.setAttribute("padding", "0"), this._popover.setAttribute("distance", "6px"), this._menuRoot = document.createElement("div"), this._menuRoot.className = "flex min-w-[11rem] flex-col gap-0.5 py-1", this._popover.appendChild(this._menuRoot), this.appendChild(this._popover), this._slotObserver = new MutationObserver(() => {
+			this._hideMenuSlotSources();
+		}), this._slotObserver.observe(this, { childList: !0 }), queueMicrotask(() => {
+			this._hideMenuSlotSources(), this._bindTable();
+		});
+	}
+	disconnectedCallback() {
+		this._slotObserver?.disconnect(), this._slotObserver = null, this._unbindTable(), this._anchor?.remove(), this._anchor = null, this._popover?.remove(), this._popover = null, this._menuRoot = null;
+	}
+	attributeChangedCallback() {
+		this.isConnected && this._bindTable();
+	}
+	_longPressMs() {
+		let e = parseInt(this.getAttribute("long-press-ms") || "", 10);
+		return !Number.isNaN(e) && e > 100 ? e : O;
+	}
+	_resolveTable() {
+		let e = this.getAttribute("for")?.trim();
+		if (e) {
+			let t = document.getElementById(e);
+			return t && t.tagName === "MINT-RESOURCE-TABLE" ? t : null;
+		}
+		let t = this.previousElementSibling;
+		return t && t.tagName === "MINT-RESOURCE-TABLE" ? t : this.parentElement?.querySelector?.("mint-resource-table") ?? null;
+	}
+	_hideMenuSlotSources() {
+		for (let e of Array.from(this.children)) e === this._popover || e.hasAttribute("data-mint-rt-ctx-internal") || e.setAttribute("hidden", "");
+	}
+	_bindTable() {
+		this._unbindTable(), this._table = this._resolveTable(), this._table && (this._table.addEventListener("contextmenu", this._onContextMenu, !0), this._table.addEventListener("touchstart", this._onTouchStart, { passive: !0 }), this._table.addEventListener("touchmove", this._onTouchMove, { passive: !0 }), this._table.addEventListener("touchend", this._onTouchEnd, { passive: !0 }), this._table.addEventListener("touchcancel", this._onTouchEnd, { passive: !0 }));
+	}
+	_unbindTable() {
+		this._closePopover(), this._table &&= (this._table.removeEventListener("contextmenu", this._onContextMenu, !0), this._table.removeEventListener("touchstart", this._onTouchStart), this._table.removeEventListener("touchmove", this._onTouchMove), this._table.removeEventListener("touchend", this._onTouchEnd), this._table.removeEventListener("touchcancel", this._onTouchEnd), null);
+	}
+	_rowTargetFromEventTarget(e) {
+		if (!e || !this._table) return null;
+		let t = e.closest?.("tr[data-row-index], li[data-row-index]");
+		if (!t || !this._table.contains(t) || t.hasAttribute("data-mint-rt-spacer") || t.getAttribute("data-mint-rt-placeholder") === "true") return null;
+		let n = t.getAttribute("data-row-index");
+		if (n == null) return null;
+		let r = parseInt(n, 10);
+		return Number.isNaN(r) ? null : { index: r };
+	}
+	_clearTouchTimer() {
+		this._touchTimer !== null && (window.clearTimeout(this._touchTimer), this._touchTimer = null);
+	}
+	_positionAnchor(e, t) {
+		this._anchor && (this._anchor.style.left = `${Math.round(e)}px`, this._anchor.style.top = `${Math.round(t)}px`);
+	}
+	_slotTemplateElements() {
+		return Array.from(this.children).filter((e) => e !== this._popover && e instanceof HTMLElement && !e.hasAttribute("data-mint-rt-ctx-internal"));
+	}
+	_elementIsScrollContainer(e) {
+		let t = getComputedStyle(e);
+		return t.overflowX === "auto" || t.overflowX === "scroll" || t.overflowY === "auto" || t.overflowY === "scroll";
+	}
+	_collectScrollCloseTargets(e) {
+		let t = [], n = /* @__PURE__ */ new Set(), r = (e) => {
+			!e || n.has(e) || (n.add(e), t.push(e));
+		};
+		r(window), e.querySelectorAll("[id^=\"mint-rt-vscroll-\"]").forEach((e) => {
+			this._elementIsScrollContainer(e) && r(e);
+		});
+		let i = e.querySelector("mint-table");
+		for (; i && i !== e;) this._elementIsScrollContainer(i) && r(i), i = i.parentElement;
+		return this._elementIsScrollContainer(e) && r(e), t;
+	}
+	_detachScrollCloseListeners() {
+		for (let e of this._scrollCloseTargets) e.removeEventListener("scroll", this._onScrollClose, A);
+		this._scrollCloseTargets = [];
+	}
+	_attachScrollCloseListeners(e) {
+		this._detachScrollCloseListeners(), this._scrollCloseTargets = this._collectScrollCloseTargets(e);
+		for (let e of this._scrollCloseTargets) e.addEventListener("scroll", this._onScrollClose, A);
+	}
+	_closePopover() {
+		if (this._detachScrollCloseListeners(), !this._popover?.hasAttribute("open")) return;
+		let e = this._popover;
+		typeof e.close == "function" ? e.close() : this._popover.removeAttribute("open");
+	}
+	_openAtRowIndex(e, t, n) {
+		this._closePopover();
+		let r = this._resolveTable();
+		if (!r || typeof r.getRowByIndex != "function" || !this._popover || !this._menuRoot) return;
+		let i = this._popover, a = this._menuRoot, o = r.getRowByIndex(e);
+		if (o === void 0) return;
+		let s = this._slotTemplateElements();
+		if (!s.length) return;
+		this._positionAnchor(t, n), a.innerHTML = "", s.forEach((t) => {
+			if (t.hasAttribute("data-mint-rt-ctx-if-selection") && !(window.getSelection?.()?.toString?.()?.trim() ?? "")) return;
+			let n = t.cloneNode(!0);
+			n.removeAttribute("hidden"), n.addEventListener("click", (t) => {
+				t.stopPropagation();
+				let r = n.getAttribute("data-context-action") || n.querySelector?.("[data-context-action]")?.getAttribute("data-context-action") || "", i = window.getSelection?.()?.toString?.()?.trim() ?? "";
+				this.dispatchEvent(new CustomEvent("context-action", {
+					bubbles: !0,
+					composed: !0,
+					detail: {
+						action: r,
+						row: o,
+						rowIndex: e,
+						selectedText: i
+					}
+				})), this._closePopover();
+			}), a.appendChild(n);
+			let r = n;
+			typeof r.render == "function" && queueMicrotask(() => r.render());
+		}), i.removeAttribute("open"), i.offsetHeight, i.setAttribute("open", "true");
+		let c = i;
+		typeof c.render == "function" && queueMicrotask(() => c.render());
+		let l = this._resolveTable();
+		l && this._attachScrollCloseListeners(l);
+	}
+};
+customElements.get("mint-resource-table-context-menu") || customElements.define("mint-resource-table-context-menu", j);
+//#endregion
 //#region src/components/off-canvas/OffCanvas.ts
-var O = class extends HTMLElement {
+var M = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"id",
@@ -7052,10 +7702,10 @@ var O = class extends HTMLElement {
 		}
 	}
 };
-customElements.get("mint-off-canvas") || customElements.define("mint-off-canvas", O);
+customElements.get("mint-off-canvas") || customElements.define("mint-off-canvas", M);
 //#endregion
 //#region src/components/tabs/Tab.ts
-var k = class extends HTMLElement {
+var N = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"active",
@@ -7119,10 +7769,10 @@ var k = class extends HTMLElement {
 		})));
 	}
 };
-customElements.get("mint-tab") || customElements.define("mint-tab", k);
+customElements.get("mint-tab") || customElements.define("mint-tab", N);
 //#endregion
 //#region src/components/tabs/TabList.ts
-var A = class extends HTMLElement {
+var P = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["position"];
 	}
@@ -7143,10 +7793,10 @@ var A = class extends HTMLElement {
 		this.classList.remove("flex", "inline-flex", "flex-row", "flex-col", "gap-1", "gap-2", "pb-0", "pr-0", "pl-0", "mb-0", "mr-0", "ml-0", "self-start"), this.classList.add("box-border", "m-0", "p-1", "border", "bg-gray-100", "dark:bg-mint-elevated", "dark:border-mint-divider", "border-gray-200", "w-auto", "rounded-lg", "gap-2"), e === "top" ? this.classList.add("inline-flex", "flex-row", "mb-0", "self-start") : e === "left" ? this.classList.add("flex", "flex-col", "mr-0") : e === "right" && this.classList.add("flex", "flex-col", "ml-0");
 	}
 };
-customElements.get("mint-tab-list") || customElements.define("mint-tab-list", A);
+customElements.get("mint-tab-list") || customElements.define("mint-tab-list", P);
 //#endregion
 //#region src/components/tabs/TabContent.ts
-var j = class extends HTMLElement {
+var F = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["id"];
 	}
@@ -7182,10 +7832,10 @@ var j = class extends HTMLElement {
 	}
 	render() {}
 };
-customElements.get("mint-tab-content") || customElements.define("mint-tab-content", j);
+customElements.get("mint-tab-content") || customElements.define("mint-tab-content", F);
 //#endregion
 //#region src/components/tabs/Tabs.ts
-var M = class extends HTMLElement {
+var I = class extends HTMLElement {
 	constructor() {
 		super(), this._tabClickHandler = null, this._mutationObserver = null;
 	}
@@ -7263,10 +7913,10 @@ var M = class extends HTMLElement {
 		}), n && this.showContent(n));
 	}
 };
-customElements.get("mint-tabs") || customElements.define("mint-tabs", M);
+customElements.get("mint-tabs") || customElements.define("mint-tabs", I);
 //#endregion
 //#region src/components/chart/Chart.ts
-var N = class e extends HTMLElement {
+var L = class e extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"type",
@@ -8488,10 +9138,10 @@ var N = class e extends HTMLElement {
 		});
 	}
 };
-customElements.get("mint-chart") || customElements.define("mint-chart", N);
+customElements.get("mint-chart") || customElements.define("mint-chart", L);
 //#endregion
 //#region src/components/side-navigation/SideNavigationLink.ts
-var P = class extends HTMLElement {
+var R = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._trigger = null, this._submenuContainer = null;
 	}
@@ -8592,10 +9242,10 @@ var P = class extends HTMLElement {
 		this._hasSubmenu() && !this._isSubmenuItem() ? this._buildDropdownLink() : this._buildSimpleLink();
 	}
 };
-customElements.get("mint-sidenav-link") || customElements.define("mint-sidenav-link", P);
+customElements.get("mint-sidenav-link") || customElements.define("mint-sidenav-link", R);
 //#endregion
 //#region src/components/side-navigation/SideNavigationLinks.ts
-var F = class extends HTMLElement {
+var z = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._container = null, this._title = null, this._titleLabel = null, this._titleCaret = null, this._list = null, this._titleClickHandler = null, this._listenerCounts = /* @__PURE__ */ new Map();
 	}
@@ -8674,10 +9324,10 @@ var F = class extends HTMLElement {
 		});
 	}
 };
-customElements.get("mint-sidenav-links") || customElements.define("mint-sidenav-links", F);
+customElements.get("mint-sidenav-links") || customElements.define("mint-sidenav-links", z);
 //#endregion
 //#region src/components/side-navigation/SideNavigationActionLinks.ts
-var I = class extends HTMLElement {
+var B = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["separated"];
 	}
@@ -8694,10 +9344,10 @@ var I = class extends HTMLElement {
 		this.className = this._isSeparated() ? "block w-full mt-2 border-t border-gray-200 pt-2 px-2 pb-2 dark:border-mint-divider" : "block w-full p-2";
 	}
 };
-customElements.get("mint-sidenav-action-links") || customElements.define("mint-sidenav-action-links", I);
+customElements.get("mint-sidenav-action-links") || customElements.define("mint-sidenav-action-links", B);
 //#endregion
 //#region src/components/side-navigation/SideNavigationActionMenu.ts
-var L = class extends HTMLElement {
+var V = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._wrapper = null, this._trigger = null, this._popover = null, this._triggerId = "";
 	}
@@ -8739,10 +9389,10 @@ var L = class extends HTMLElement {
 		}) : a.appendChild(this._createDefaultGroup()), this._popover.appendChild(a), this._wrapper.appendChild(this._trigger), this._wrapper.appendChild(this._popover);
 	}
 };
-customElements.get("mint-sidenav-action-menu") || customElements.define("mint-sidenav-action-menu", L);
+customElements.get("mint-sidenav-action-menu") || customElements.define("mint-sidenav-action-menu", V);
 //#endregion
 //#region src/components/side-navigation/SideNavigation.ts
-var R = class extends HTMLElement {
+var H = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._backdrop = null, this._container = null, this._header = null, this._content = null, this._footer = null, this._escapeHandler = null, this._mediaQuery = null, this._mediaListener = null;
 	}
@@ -8873,10 +9523,10 @@ var R = class extends HTMLElement {
 		this._ensureBackdrop(), this._ensureContainer(), this._syncShell(), this._buildUserHeader(), this._buildContent(), this._buildFooter();
 	}
 };
-customElements.get("mint-side-navigation") || customElements.define("mint-side-navigation", R);
+customElements.get("mint-side-navigation") || customElements.define("mint-side-navigation", H);
 //#endregion
 //#region src/components/top-navigation/TopNavigation.ts
-var z = class extends HTMLElement {
+var U = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._bar = null, this._menuButton = null, this._logoLink = null, this._menuClickHandler = null, this._darkModeObserver = null, this._resizeHandler = null, this._desktopSearchInput = null, this._desktopSearchShell = null, this._mobileSearchButton = null, this._searchPanel = null, this._searchPanelInput = null, this._searchResultsWrap = null, this._searchStateWrap = null, this._searchDebounceId = null, this._searchAbortController = null, this._searchOpen = !1, this._searchQuery = "", this._globalKeydownHandler = null, this._docClickHandler = null;
 	}
@@ -9148,10 +9798,10 @@ var z = class extends HTMLElement {
 		this._searchPanelInput && (this._searchPanelInput.placeholder = this._getSearchPlaceholder()), this._syncSearchPanelVisibility(), this._positionSearchPanel();
 	}
 };
-customElements.get("mint-top-navigation") || customElements.define("mint-top-navigation", z);
+customElements.get("mint-top-navigation") || customElements.define("mint-top-navigation", U);
 //#endregion
 //#region src/components/search/Search.ts
-var B = class e extends HTMLElement {
+var W = class e extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._shell = null, this._desktopInput = null, this._panel = null, this._panelInner = null, this._panelInput = null, this._panelFiltersWrap = null, this._panelFiltersMainRow = null, this._panelFiltersChips = null, this._panelFiltersShowAllWrap = null, this._panelFiltersShowAllBtn = null, this._panelFiltersMorePanel = null, this._filtersMoreOpen = !1, this._filterOverflowObserver = null, this._filterOverflowZeroWidthRetries = 0, this._desktopFilterWrap = null, this._mobileFilterWrap = null, this._resultsWrap = null, this._stateWrap = null, this._customResultsWrap = null, this._query = "", this._searchOpen = !1, this._selectedFilters = [], this._selectedFilterBackspaceArmed = !1, this._debounceId = null, this._abortController = null, this._docPointerDownHandler = null, this._globalKeydownHandler = null, this._focusOutHandler = null, this._resizeHandler = null, this._desktopShortcutHint = null, this._panelSearchBar = null;
 	}
@@ -9739,10 +10389,10 @@ var B = class e extends HTMLElement {
 		this._shell && (this._shell.className = e ? "relative z-[91] hidden h-10 w-full min-[1100px]:flex" : "relative z-[91] flex h-10 w-full"), this._panelSearchBar && (this._panelSearchBar.className = e ? "flex shrink-0 items-center gap-2 border-b border-gray-200 p-3 dark:border-mint-divider min-[1100px]:hidden" : "hidden");
 	}
 };
-customElements.get("mint-search") || customElements.define("mint-search", B);
+customElements.get("mint-search") || customElements.define("mint-search", W);
 //#endregion
 //#region src/components/bottom-navigation/BottomNavigation.ts
-var V = class extends HTMLElement {
+var G = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._lastScrollY = 0, this._scrollHandler = null;
 	}
@@ -9767,10 +10417,10 @@ var V = class extends HTMLElement {
 		this._scrollHandler &&= (window.removeEventListener("scroll", this._scrollHandler), null);
 	}
 };
-customElements.get("mint-bottom-navigation") || customElements.define("mint-bottom-navigation", V);
+customElements.get("mint-bottom-navigation") || customElements.define("mint-bottom-navigation", G);
 //#endregion
 //#region src/components/bottom-navigation/BottomNavItem.ts
-var H = class extends HTMLElement {
+var K = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._root = null;
 	}
@@ -9812,6 +10462,6 @@ var H = class extends HTMLElement {
 		s.className = "block w-full truncate", s.textContent = t, a.appendChild(o), a.appendChild(s), this.replaceChildren(a), this._root = a;
 	}
 };
-customElements.get("mint-bottom-nav-item") || customElements.define("mint-bottom-nav-item", H);
+customElements.get("mint-bottom-nav-item") || customElements.define("mint-bottom-nav-item", K);
 //#endregion
-export { E as Alert, l as BackButton, H as BottomNavItem, V as BottomNavigation, r as Button, r as default, s as Card, N as Chart, m as Checkbox, C as Chip, g as Choice, T as Clickable, v as DatePicker, b as Dropzone, x as Form, d as Grid, n as Icon, _ as Input, c as Link, f as Modal, O as OffCanvas, u as Page, p as Popover, D as ResourceTable, B as Search, y as Select, R as SideNavigation, I as SideNavigationActionLinks, L as SideNavigationActionMenu, P as SideNavigationLink, F as SideNavigationLinks, t as Spinner, o as Stack, i as Switch, k as Tab, j as TabContent, A as TabList, S as Table, M as Tabs, w as Tags, a as Text, z as TopNavigation };
+export { E as Alert, l as BackButton, K as BottomNavItem, G as BottomNavigation, r as Button, r as default, s as Card, L as Chart, m as Checkbox, C as Chip, g as Choice, T as Clickable, v as DatePicker, b as Dropzone, x as Form, d as Grid, n as Icon, _ as Input, c as Link, f as Modal, M as OffCanvas, u as Page, p as Popover, D as ResourceTable, W as Search, y as Select, H as SideNavigation, B as SideNavigationActionLinks, V as SideNavigationActionMenu, R as SideNavigationLink, z as SideNavigationLinks, t as Spinner, o as Stack, i as Switch, N as Tab, F as TabContent, P as TabList, S as Table, I as Tabs, w as Tags, a as Text, U as TopNavigation };