monobill-mintui 0.6.0 → 0.6.2

package/dist/index.js

@@ -1130,7 +1130,8 @@ var o = class extends HTMLElement {
 		return [
 			"direction",
 			"text-align",
-			"gap"
+			"gap",
+			"align-content"
 		];
 	}
 	constructor() {
@@ -1170,42 +1171,21 @@ var o = class extends HTMLElement {
 			"justify"
 		].includes(e) ? e : "";
 	}
+	getAlignContent() {
+		let e = (this.getAttribute("align-content") || "").trim().toLowerCase();
+		return e === "left" || e === "right" || e === "center" ? e : "";
+	}
 	getStackClasses() {
-		let e = this.getDirection(), t = this.getTextAlign(), n = this.getGap(), r = [
+		let e = this.getDirection(), t = this.getTextAlign(), n = this.getGap(), r = this.getAlignContent(), i = [
 			"flex",
 			e === "horizontal" ? "flex-row" : "flex-col",
 			`gap-${n}`
 		];
-		return t && (r.push(`text-${t}`), r.push(`[&>*]:text-${t}`), r.push(`[&>*_.mint-button-content]:text-${t}`), t === "left" ? (r.push("[&>mint-button]:!justify-start"), r.push("[&>mint-button>button]:!justify-start")) : t === "right" ? (r.push("[&>mint-button]:!justify-end"), r.push("[&>mint-button>button]:!justify-end")) : t === "center" && (r.push("[&>mint-button]:!justify-center"), r.push("[&>mint-button>button]:!justify-center"))), r.join(" ");
+		return r && (e === "horizontal" ? r === "left" ? i.push("justify-start") : r === "right" ? i.push("justify-end") : i.push("justify-center") : r === "left" ? i.push("items-start") : r === "right" ? i.push("items-end") : i.push("items-center")), t && (i.push(`text-${t}`), i.push(`[&>*]:text-${t}`), i.push(`[&>*_.mint-button-content]:text-${t}`), t === "left" ? (i.push("[&>mint-button]:!justify-start"), i.push("[&>mint-button>button]:!justify-start")) : t === "right" ? (i.push("[&>mint-button]:!justify-end"), i.push("[&>mint-button>button]:!justify-end")) : t === "center" && (i.push("[&>mint-button]:!justify-center"), i.push("[&>mint-button>button]:!justify-center"))), i.join(" ");
 	}
 	render() {
 		let e = this.getStackClasses(), t = this.getTextAlign();
-		[
-			"flex",
-			"flex-row",
-			"flex-col",
-			"gap-1",
-			"gap-2",
-			"gap-3",
-			"text-left",
-			"text-center",
-			"text-right",
-			"text-justify",
-			"[&>*]:text-left",
-			"[&>*]:text-center",
-			"[&>*]:text-right",
-			"[&>*]:text-justify",
-			"[&>*_.mint-button-content]:text-left",
-			"[&>*_.mint-button-content]:text-center",
-			"[&>*_.mint-button-content]:text-right",
-			"[&>*_.mint-button-content]:text-justify",
-			"[&>mint-button]:!justify-start",
-			"[&>mint-button]:!justify-center",
-			"[&>mint-button]:!justify-end",
-			"[&>mint-button>button]:!justify-start",
-			"[&>mint-button>button]:!justify-center",
-			"[&>mint-button>button]:!justify-end"
-		].forEach((e) => this.classList.remove(e)), e.split(" ").forEach((e) => {
+		(/* @__PURE__ */ "flex,flex-row,flex-col,gap-1,gap-2,gap-3,gap-4,gap-5,gap-6,gap-7,gap-8,gap-9,gap-10,gap-11,gap-12,items-start,items-end,items-center,justify-start,justify-end,justify-center,text-left,text-center,text-right,text-justify,[&>*]:text-left,[&>*]:text-center,[&>*]:text-right,[&>*]:text-justify,[&>*_.mint-button-content]:text-left,[&>*_.mint-button-content]:text-center,[&>*_.mint-button-content]:text-right,[&>*_.mint-button-content]:text-justify,[&>mint-button]:!justify-start,[&>mint-button]:!justify-center,[&>mint-button]:!justify-end,[&>mint-button>button]:!justify-start,[&>mint-button>button]:!justify-center,[&>mint-button>button]:!justify-end".split(",")).forEach((e) => this.classList.remove(e)), e.split(" ").forEach((e) => {
 			e && this.classList.add(e);
 		}), [
 			"box-border",
@@ -1245,8 +1225,327 @@ var o = class extends HTMLElement {
 };
 customElements.get("mint-stack") || customElements.define("mint-stack", o);
 //#endregion
+//#region src/components/sortable/Sortable.ts
+var s = "mint-sortable-placeholder", c = "mint-sortable-dragging";
+function l(e, t, n, r) {
+	let i = [
+		"flex",
+		e === "horizontal" ? "flex-row" : "flex-col",
+		`gap-${Number.isFinite(n) ? Math.min(12, Math.max(1, Math.round(n))) : 3}`,
+		"box-border",
+		"m-0",
+		"p-0",
+		"border-0",
+		"align-baseline",
+		"min-w-0"
+	];
+	return r && (e === "horizontal" ? r === "left" ? i.push("justify-start") : r === "right" ? i.push("justify-end") : i.push("justify-center") : r === "left" ? i.push("items-start") : r === "right" ? i.push("items-end") : i.push("items-center")), t && (i.push(`text-${t}`), i.push(`[&>*]:text-${t}`), i.push(`[&>*_.mint-button-content]:text-${t}`), t === "left" ? i.push("[&>mint-button]:!justify-start", "[&>mint-button>button]:!justify-start") : t === "right" ? i.push("[&>mint-button]:!justify-end", "[&>mint-button>button]:!justify-end") : t === "center" && i.push("[&>mint-button]:!justify-center", "[&>mint-button>button]:!justify-center")), i;
+}
+var u = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"direction",
+			"gap",
+			"text-align",
+			"align-content",
+			"scroll-max-height",
+			"disabled",
+			"handle-selector",
+			"scroll-sensitivity",
+			"scroll-speed",
+			"animation-duration",
+			"item-key-attribute"
+		];
+	}
+	constructor() {
+		super(), this._pointerId = null, this._dragEl = null, this._placeholder = null, this._listRoot = this, this._startIndex = 0, this._pointerStartX = 0, this._pointerStartY = 0, this._dragStartLeft = 0, this._dragStartTop = 0, this._scrollRaf = null, this._childObserver = null, this._pointerBoundRoot = null, this._restoreAfter = null, this._onListPointerDown = (e) => {
+			let t = e;
+			if (this._isDisabled() || this._pointerId !== null || t.button !== 0) return;
+			let n = t.target;
+			if (!n || !this.contains(n)) return;
+			let r = this._closestSortableItem(n);
+			if (!r || !this._listRoot.contains(r) || r.hasAttribute("data-sortable-disabled")) return;
+			let i = this._getHandleSelector();
+			if (i) {
+				let e = t.target.closest(i);
+				if (!e || !r.contains(e)) return;
+			}
+			t.preventDefault(), this._startDrag(t, r);
+		}, this._boundPointerMove = this._onPointerMove.bind(this), this._boundPointerUp = this._onPointerUp.bind(this), this._boundPointerCancel = this._onPointerCancel.bind(this);
+	}
+	connectedCallback() {
+		this.classList.add("relative", "block"), this._syncInnerStackAttributes(), this._applyHostScrollAndLayout(), this._observeInnerStack();
+	}
+	disconnectedCallback() {
+		this._unobserveInnerStack(), this._teardownDrag(), this._pointerBoundRoot &&= (this._pointerBoundRoot.removeEventListener("pointerdown", this._onListPointerDown), null);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (this._syncInnerStackAttributes(), this._applyHostScrollAndLayout());
+	}
+	_observeInnerStack() {
+		this._childObserver || (this._childObserver = new MutationObserver(() => {
+			this._pointerId === null && (this._syncInnerStackAttributes(), this._applyHostScrollAndLayout());
+		}), this._childObserver.observe(this, { childList: !0 }));
+	}
+	_unobserveInnerStack() {
+		this._childObserver &&= (this._childObserver.disconnect(), null);
+	}
+	_getInnerStack() {
+		for (let e = 0; e < this.children.length; e++) {
+			let t = this.children[e];
+			if (t.nodeType === Node.ELEMENT_NODE && t.tagName === "MINT-STACK") return t;
+		}
+		return null;
+	}
+	_resolveListRoot() {
+		return this._getInnerStack() ?? this;
+	}
+	_getItemKeyAttribute() {
+		return this.getAttribute("item-key-attribute")?.trim() || "data-sortable-id";
+	}
+	_collectOrderedKeys() {
+		let e = this._resolveListRoot(), t = this._getItemKeyAttribute(), n = [];
+		for (let r = 0; r < e.children.length; r++) {
+			let i = e.children[r];
+			if (i.nodeType !== Node.ELEMENT_NODE) continue;
+			let a = i;
+			a.classList.contains(s) || n.push(a.getAttribute(t) ?? "");
+		}
+		return n;
+	}
+	_syncInnerStackAttributes() {
+		let e = this._getInnerStack();
+		if (!e) return;
+		let t = this.getDirection(), n = this.getGap(), r = this.getTextAlign();
+		e.setAttribute("direction", t), e.setAttribute("gap", String(n)), r ? e.setAttribute("text-align", r) : e.removeAttribute("text-align");
+		let i = this.getAlignContent();
+		i ? e.setAttribute("align-content", i) : e.removeAttribute("align-content");
+	}
+	_applyHostScrollAndLayout() {
+		this._listRoot = this._resolveListRoot();
+		let e = this.getAttribute("scroll-max-height");
+		e ? (this.style.maxHeight = e, this.style.overflowY = "auto", this.style.overflowX = "hidden", this.classList.add("overscroll-y-contain")) : (this.style.maxHeight = "", this.style.overflowY = "", this.style.overflowX = "", this.classList.remove("overscroll-y-contain"));
+		let t = this._getInnerStack();
+		this._stripHostLayoutClasses(), t || l(this.getDirection(), this.getTextAlign(), this.getGap(), this.getAlignContent()).forEach((e) => {
+			e && this.classList.add(e);
+		}), this._ensureListPointerBinding();
+	}
+	_stripHostLayoutClasses() {
+		Array.from(this.classList).filter((e) => e === "flex" || e === "flex-row" || e === "flex-col" || e.startsWith("gap-") || e === "items-start" || e === "items-end" || e === "items-center" || e === "justify-start" || e === "justify-end" || e === "justify-center" || e.startsWith("text-") || e.startsWith("[&")).forEach((e) => this.classList.remove(e));
+	}
+	getDirection() {
+		return (this.getAttribute("direction") || "vertical") === "horizontal" ? "horizontal" : "vertical";
+	}
+	getGap() {
+		let e = this.getAttribute("gap") || "3", t = parseFloat(e);
+		return Number.isFinite(t) ? t : 3;
+	}
+	getTextAlign() {
+		let e = this.getAttribute("text-align") || "";
+		return [
+			"left",
+			"center",
+			"right",
+			"justify"
+		].includes(e) ? e : "";
+	}
+	getAlignContent() {
+		let e = (this.getAttribute("align-content") || "").trim().toLowerCase();
+		return e === "left" || e === "right" || e === "center" ? e : "";
+	}
+	_isDisabled() {
+		return this.hasAttribute("disabled") && this.getAttribute("disabled") !== "false";
+	}
+	_getHandleSelector() {
+		let e = this.getAttribute("handle-selector");
+		return e && e.trim() ? e.trim() : null;
+	}
+	_getScrollSensitivity() {
+		let e = parseFloat(this.getAttribute("scroll-sensitivity") || "48");
+		return Number.isFinite(e) ? e : 48;
+	}
+	_getScrollSpeed() {
+		let e = parseFloat(this.getAttribute("scroll-speed") || "12");
+		return Number.isFinite(e) ? e : 12;
+	}
+	_getAnimationDurationMs() {
+		let e = parseFloat(this.getAttribute("animation-duration") || "220");
+		return Number.isFinite(e) ? Math.max(0, e) : 220;
+	}
+	_ensureListPointerBinding() {
+		let e = this._resolveListRoot();
+		this._pointerBoundRoot !== e && (this._pointerBoundRoot && this._pointerBoundRoot.removeEventListener("pointerdown", this._onListPointerDown), e.addEventListener("pointerdown", this._onListPointerDown), this._pointerBoundRoot = e, this._listRoot = e);
+	}
+	_closestSortableItem(e) {
+		let t = e;
+		for (; t && t !== this._listRoot;) {
+			if (t.nodeType === Node.ELEMENT_NODE) {
+				let e = t;
+				if (e.classList.contains(s) || e.classList.contains(c)) return null;
+				if (t.parentElement === this._listRoot) return e;
+			}
+			t = t.parentElement;
+		}
+		return null;
+	}
+	_startDrag(e, t) {
+		this._listRoot = this._resolveListRoot(), this._restoreAfter = t.nextElementSibling, this._dragEl = t, this._pointerId = e.pointerId, this._startIndex = this._indexOfItem(t);
+		let n = t.getBoundingClientRect();
+		this._pointerStartX = e.clientX, this._pointerStartY = e.clientY, this._dragStartLeft = n.left, this._dragStartTop = n.top;
+		let r = document.createElement("div");
+		r.className = [
+			s,
+			"box-border",
+			"shrink-0",
+			"rounded-lg",
+			"border-2",
+			"border-dashed",
+			"border-gray-300",
+			"bg-gray-50/80",
+			"dark:border-mint-divider",
+			"dark:bg-mint-hover/40"
+		].join(" "), r.style.minHeight = `${n.height}px`, r.style.minWidth = `${n.width}px`, r.setAttribute("aria-hidden", "true"), this._placeholder = r, this._listRoot.insertBefore(r, t), t.classList.add(c), t.style.position = "fixed", t.style.left = `${n.left}px`, t.style.top = `${n.top}px`, t.style.width = `${n.width}px`, t.style.height = `${n.height}px`, t.style.margin = "0", t.style.zIndex = "10000", t.style.boxSizing = "border-box", t.style.pointerEvents = "none", t.style.touchAction = "none", t.style.willChange = "transform, left, top", t.setPointerCapture(e.pointerId);
+		let i = this._collectOrderedKeys(), a = {
+			index: this._startIndex,
+			keys: i
+		};
+		this.dispatchEvent(new CustomEvent("mint-sortable-start", {
+			bubbles: !0,
+			composed: !0,
+			detail: a
+		})), this.dispatchEvent(new CustomEvent("sort-start", {
+			bubbles: !0,
+			composed: !0,
+			detail: a
+		})), window.addEventListener("pointermove", this._boundPointerMove, { passive: !1 }), window.addEventListener("pointerup", this._boundPointerUp), window.addEventListener("pointercancel", this._boundPointerCancel);
+	}
+	_indexOfItem(e) {
+		let t = 0;
+		for (let n = 0; n < this._listRoot.children.length; n++) {
+			let r = this._listRoot.children[n];
+			if (r.nodeType !== Node.ELEMENT_NODE) continue;
+			let i = r;
+			if (!i.classList.contains(s)) {
+				if (i === e) return t;
+				t++;
+			}
+		}
+		return -1;
+	}
+	_getLayoutChildren() {
+		return Array.from(this._listRoot.children).filter((e) => e.nodeType === Node.ELEMENT_NODE);
+	}
+	_onPointerMove(e) {
+		if (e.pointerId !== this._pointerId || !this._dragEl || !this._placeholder) return;
+		e.preventDefault();
+		let t = e.clientX - this._pointerStartX, n = e.clientY - this._pointerStartY;
+		this._dragEl.style.left = `${this._dragStartLeft + t}px`, this._dragEl.style.top = `${this._dragStartTop + n}px`, this._autoScroll(e), this._maybeMovePlaceholder(e);
+	}
+	_autoScroll(e) {
+		let t = this;
+		if (!t.style.maxHeight) return;
+		let n = this._getScrollSensitivity(), r = this._getScrollSpeed(), i = t.getBoundingClientRect();
+		this._scrollRaf !== null && cancelAnimationFrame(this._scrollRaf), this._scrollRaf = requestAnimationFrame(() => {
+			this._scrollRaf = null;
+			let a = 0;
+			e.clientY < i.top + n ? a = -r : e.clientY > i.bottom - n && (a = r), a !== 0 && (t.scrollTop += a, this._maybeMovePlaceholder(e));
+		});
+	}
+	_maybeMovePlaceholder(e) {
+		let t = this._placeholder, n = this._dragEl;
+		if (!t || !n) return;
+		let r = this.getDirection() === "horizontal", i = r ? e.clientX : e.clientY, a = Array.from(this._listRoot.children).filter((e) => e.nodeType === Node.ELEMENT_NODE && e !== n && e !== t), o = null;
+		for (let e of a) {
+			let t = e.getBoundingClientRect();
+			if (i < (r ? t.left + t.width / 2 : t.top + t.height / 2)) {
+				o = e;
+				break;
+			}
+		}
+		let s = Array.from(this._listRoot.children).filter((e) => e.nodeType === Node.ELEMENT_NODE && e !== n), c = s.length > 0 && s[s.length - 1] === t;
+		(o ? !(t.nextSibling === o && t.parentNode === this._listRoot) : !c) && this._flipAnimate(() => {
+			o ? this._listRoot.insertBefore(t, o) : this._listRoot.appendChild(t);
+		});
+	}
+	_flipAnimate(e) {
+		let t = this._dragEl, n = this._getAnimationDurationMs(), r = this._getLayoutChildren().filter((e) => e !== t), i = /* @__PURE__ */ new Map();
+		r.forEach((e) => i.set(e, e.getBoundingClientRect())), e(), !(n <= 0) && r.forEach((e) => {
+			let t = i.get(e);
+			if (!t) return;
+			let r = e.getBoundingClientRect(), a = t.left - r.left, o = t.top - r.top;
+			Math.abs(a) < .5 && Math.abs(o) < .5 || (e.style.transition = "none", e.style.transform = `translate(${a}px, ${o}px)`, requestAnimationFrame(() => {
+				e.style.transition = `transform ${n}ms cubic-bezier(0.2, 0.8, 0.2, 1)`, e.style.transform = "";
+				let t = () => {
+					e.removeEventListener("transitionend", t), e.style.transition = "", e.style.transform = "";
+				};
+				e.addEventListener("transitionend", t, { once: !0 }), setTimeout(t, n + 40);
+			}));
+		});
+	}
+	_onPointerUp(e) {
+		e.pointerId === this._pointerId && this._finishDrag(!1);
+	}
+	_onPointerCancel(e) {
+		e.pointerId === this._pointerId && this._finishDrag(!0);
+	}
+	_finishDrag(e) {
+		let t = this._dragEl, n = this._placeholder;
+		if (!t || this._pointerId === null) {
+			this._teardownDrag();
+			return;
+		}
+		try {
+			t.releasePointerCapture(this._pointerId);
+		} catch {}
+		if (window.removeEventListener("pointermove", this._boundPointerMove), window.removeEventListener("pointerup", this._boundPointerUp), window.removeEventListener("pointercancel", this._boundPointerCancel), e) {
+			let e = this._restoreAfter;
+			e && e.parentNode === this._listRoot ? this._listRoot.insertBefore(t, e) : this._listRoot.appendChild(t);
+		} else n?.parentNode && this._listRoot.insertBefore(t, n);
+		n?.remove(), this._placeholder = null, t.classList.remove(c), t.style.cssText = "";
+		let r = this._indexOfItem(t), i = this._startIndex;
+		this._pointerId = null, this._dragEl = null, this._restoreAfter = null;
+		let a = this._collectOrderedKeys(), o = {
+			oldIndex: i,
+			newIndex: r,
+			cancelled: e,
+			keys: a
+		};
+		this.dispatchEvent(new CustomEvent("mint-sortable-end", {
+			bubbles: !0,
+			composed: !0,
+			detail: o
+		})), this.dispatchEvent(new CustomEvent("sort-stop", {
+			bubbles: !0,
+			composed: !0,
+			detail: o
+		})), !e && r !== i && (this.dispatchEvent(new CustomEvent("mint-sortable-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				oldIndex: i,
+				newIndex: r,
+				keys: a
+			}
+		})), this.dispatchEvent(new CustomEvent("mint-sortable-order", {
+			bubbles: !0,
+			composed: !0,
+			detail: { keys: a }
+		})));
+	}
+	_teardownDrag() {
+		if (this._scrollRaf !== null && (cancelAnimationFrame(this._scrollRaf), this._scrollRaf = null), window.removeEventListener("pointermove", this._boundPointerMove), window.removeEventListener("pointerup", this._boundPointerUp), window.removeEventListener("pointercancel", this._boundPointerCancel), this._dragEl) {
+			try {
+				this._pointerId !== null && this._dragEl.releasePointerCapture(this._pointerId);
+			} catch {}
+			this._dragEl.classList.remove(c), this._dragEl.style.cssText = "";
+		}
+		this._placeholder?.remove(), this._placeholder = null, this._dragEl = null, this._pointerId = null, this._restoreAfter = null;
+	}
+};
+customElements.get("mint-sortable") || customElements.define("mint-sortable", u);
+//#endregion
 //#region src/components/card/Card.ts
-var s = class extends HTMLElement {
+var d = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["heading"];
 	}
@@ -1271,10 +1570,10 @@ var s = class extends HTMLElement {
 		e ? (this._headingElement || (this._headingElement = document.createElement("mint-text"), this._headingElement.setAttribute("size", "sub-heading"), this.insertBefore(this._headingElement, this.firstChild)), this._headingElement.textContent = e) : this._headingElement && this._headingElement.parentNode && (this._headingElement.remove(), this._headingElement = null);
 	}
 };
-customElements.get("mint-card") || customElements.define("mint-card", s);
+customElements.get("mint-card") || customElements.define("mint-card", d);
 //#endregion
 //#region src/components/link/Link.ts
-var c = class extends HTMLElement {
+var f = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["href", "target"];
 	}
@@ -1343,10 +1642,10 @@ var c = class extends HTMLElement {
 		});
 	}
 };
-customElements.get("mint-link") || customElements.define("mint-link", c);
+customElements.get("mint-link") || customElements.define("mint-link", f);
 //#endregion
 //#region src/components/back-button/BackButton.ts
-var l = class extends HTMLElement {
+var p = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["href", "fallback-href"];
 	}
@@ -1396,10 +1695,10 @@ var l = class extends HTMLElement {
 		this._button || (this._button = document.createElement("mint-button"), this._button.setAttribute("variant", "neutral"), this._button.setAttribute("icon", "arrow-left"), this._button.addEventListener("click", (e) => this.handleClick(e)), this.appendChild(this._button));
 	}
 };
-customElements.get("mint-back-button") || customElements.define("mint-back-button", l);
+customElements.get("mint-back-button") || customElements.define("mint-back-button", p);
 //#endregion
 //#region src/components/page/Page.ts
-var u = class extends HTMLElement {
+var m = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"heading",
@@ -1491,10 +1790,10 @@ var u = class extends HTMLElement {
 		this._backButtonHandler &&= (this.removeEventListener("back", this._backButtonHandler, !0), null);
 	}
 };
-customElements.get("mint-page") || customElements.define("mint-page", u);
+customElements.get("mint-page") || customElements.define("mint-page", m);
 //#endregion
 //#region src/components/grid/Grid.ts
-var d = class extends HTMLElement {
+var h = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"columns",
@@ -1552,10 +1851,10 @@ var d = class extends HTMLElement {
 		});
 	}
 };
-customElements.get("mint-grid") || customElements.define("mint-grid", d);
+customElements.get("mint-grid") || customElements.define("mint-grid", h);
 //#endregion
 //#region src/components/modal/Modal.ts
-var f = class extends HTMLElement {
+var g = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"id",
@@ -1567,7 +1866,7 @@ var f = class extends HTMLElement {
 		super(), this._overlay = null, this._modal = null, this._header = null, this._headingSlot = null, this._bodySlot = null, this._actionsSlot = null, this._closeButton = null, this._darkModeObserver = null, this._contentObserver = null, this._renderFrame = null;
 	}
 	connectedCallback() {
-		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "fixed", "inset-0", "z-50"), this.isOpen() || this.classList.add("hidden"), this.render(), this._observeDarkMode(), this._observeContentMutations();
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "fixed", "inset-0", "z-[120]"), this.isOpen() || this.classList.add("hidden"), this.render(), this._observeDarkMode(), this._observeContentMutations();
 	}
 	disconnectedCallback() {
 		this._darkModeObserver &&= (this._darkModeObserver.disconnect(), null), this._contentObserver &&= (this._contentObserver.disconnect(), null), this._renderFrame !== null && (cancelAnimationFrame(this._renderFrame), this._renderFrame = null);
@@ -1597,7 +1896,7 @@ var f = class extends HTMLElement {
 	}
 	render() {
 		let e = this.getId(), t = this.getHeading(), n = this.isOpen();
-		if (e && (this.id = e), this._overlay || (this._overlay = document.createElement("div"), this._overlay.className = "fixed inset-0 bg-black/50 transition-opacity duration-200 z-40", this._overlay.addEventListener("click", () => this.close()), this.appendChild(this._overlay)), this._modal || (this._modal = document.createElement("div"), this._modal.className = "fixed inset-0 flex items-center justify-center p-2 pointer-events-none z-50", this.appendChild(this._modal)), n) {
+		if (e && (this.id = e), this._overlay || (this._overlay = document.createElement("div"), this._overlay.className = "fixed inset-0 bg-black/50 transition-opacity duration-200 z-[120]", this._overlay.addEventListener("click", () => this.close()), this.appendChild(this._overlay)), this._modal || (this._modal = document.createElement("div"), this._modal.className = "fixed inset-0 flex items-center justify-center p-2 pointer-events-none z-[130]", this.appendChild(this._modal)), n) {
 			let e = this._modal.querySelector(".modal-content");
 			e || (e = document.createElement("div"), e.className = "modal-content bg-white dark:bg-mint-elevated dark:border dark:border-mint-divider rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] flex flex-col pointer-events-auto transform", this._modal.appendChild(e)), this._animateEnter();
 		} else this._animateExit();
@@ -1659,10 +1958,10 @@ var f = class extends HTMLElement {
 		}, 200);
 	}
 };
-customElements.get("mint-modal") || customElements.define("mint-modal", f);
+customElements.get("mint-modal") || customElements.define("mint-modal", g);
 //#endregion
 //#region src/components/popover/Popover.ts
-var p = class extends HTMLElement {
+var _ = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"id",
@@ -2001,10 +2300,10 @@ var p = class extends HTMLElement {
 		});
 	}
 };
-customElements.get("mint-popover") || customElements.define("mint-popover", p);
+customElements.get("mint-popover") || customElements.define("mint-popover", _);
 //#endregion
 //#region src/components/checkbox/Checkbox.ts
-var m = class extends HTMLElement {
+var v = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"checked",
@@ -2248,10 +2547,10 @@ var m = class extends HTMLElement {
 		i && (i.className = `mint-checkbox-wrapper ${this.getCheckboxClasses()}`);
 	}
 };
-customElements.get("mint-checkbox") || customElements.define("mint-checkbox", m);
+customElements.get("mint-checkbox") || customElements.define("mint-checkbox", v);
 //#endregion
 //#region src/components/choice/ChoiceOption.ts
-var h = class extends HTMLElement {
+var y = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"value",
@@ -2494,10 +2793,10 @@ var h = class extends HTMLElement {
 		}
 	}
 };
-customElements.get("mint-choice-option") || customElements.define("mint-choice-option", h);
+customElements.get("mint-choice-option") || customElements.define("mint-choice-option", y);
 //#endregion
 //#region src/components/choice/Choice.ts
-var g = class extends HTMLElement {
+var b = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"label",
@@ -2651,10 +2950,10 @@ var g = class extends HTMLElement {
 		e && t ? (n || (n = document.createElement("div"), n.className = "mint-choice-error mt-1 text-xs text-red-600 dark:text-red-400", this.appendChild(n)), n.textContent = t) : n && n.remove();
 	}
 };
-customElements.get("mint-choice") || customElements.define("mint-choice", g);
+customElements.get("mint-choice") || customElements.define("mint-choice", b);
 //#endregion
 //#region src/components/input/Input.ts
-var _ = class extends HTMLElement {
+var x = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"type",
@@ -3026,10 +3325,10 @@ var _ = class extends HTMLElement {
 		} else t && (t.style.display = "none"), this._element && (this._element.style.opacity = "1", this._element.style.pointerEvents = "auto"), this._colorTextInput && (this._colorTextInput.style.opacity = "1", this._colorTextInput.style.pointerEvents = "auto");
 	}
 };
-customElements.get("mint-input") || customElements.define("mint-input", _);
+customElements.get("mint-input") || customElements.define("mint-input", x);
 //#endregion
 //#region src/components/date-picker/DatePicker.ts
-var v = class extends HTMLElement {
+var S = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"value",
@@ -4276,10 +4575,10 @@ var v = class extends HTMLElement {
 		this._focusTrapHandler &&= (document.removeEventListener("keydown", this._focusTrapHandler, !0), null), this._escapeHandler &&= (document.removeEventListener("keydown", this._escapeHandler, !0), null);
 	}
 };
-customElements.get("mint-date-picker") || customElements.define("mint-date-picker", v);
+customElements.get("mint-date-picker") || customElements.define("mint-date-picker", S);
 //#endregion
 //#region src/components/select/Select.ts
-var y = class extends HTMLElement {
+var C = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"name",
@@ -4499,10 +4798,10 @@ var y = class extends HTMLElement {
 		e && t ? (n || (n = document.createElement("div"), n.className = "mint-select-error mt-1 text-xs text-red-600 dark:text-red-400", this.appendChild(n)), n.textContent = t) : n && n.remove();
 	}
 };
-customElements.get("mint-select") || customElements.define("mint-select", y);
+customElements.get("mint-select") || customElements.define("mint-select", C);
 //#endregion
 //#region src/components/dropzone/Dropzone.ts
-var b = class extends HTMLElement {
+var w = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"label",
@@ -4840,10 +5139,10 @@ var b = class extends HTMLElement {
 		return this._selectedFiles.some((t) => t.name === e.name && t.size === e.size && t.lastModified === e.lastModified);
 	}
 };
-customElements.get("mint-dropzone") || customElements.define("mint-dropzone", b);
+customElements.get("mint-dropzone") || customElements.define("mint-dropzone", w);
 //#endregion
 //#region src/components/form/Form.ts
-var x = class extends HTMLElement {
+var T = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"action",
@@ -5673,7 +5972,7 @@ var x = class extends HTMLElement {
 		this._reactiveDataObserver !== null && (cancelAnimationFrame(this._reactiveDataObserver), this._reactiveDataObserver = null), this._reactiveDataProxy = null, this._lastDataSnapshot = null;
 	}
 };
-customElements.get("mint-form") || customElements.define("mint-form", x), typeof window < "u" && (window.mintForm = window.mintForm || {
+customElements.get("mint-form") || customElements.define("mint-form", T), typeof window < "u" && (window.mintForm = window.mintForm || {
 	defaults: { headers: { common: {} } },
 	interceptors: { response: { handlers: [] } }
 }, window.mintForm.interceptors.response.use || (window.mintForm.interceptors.response.use = function(e, t) {
@@ -5684,7 +5983,7 @@ customElements.get("mint-form") || customElements.define("mint-form", x), typeof
 }));
 //#endregion
 //#region src/components/table/Table.ts
-var S = class extends HTMLElement {
+var E = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._observer = null;
 	}
@@ -5807,10 +6106,10 @@ var S = class extends HTMLElement {
 		e.className = "", t.filter(Boolean).forEach((t) => e.classList.add(...t.split(" ")));
 	}
 };
-customElements.get("mint-table") || customElements.define("mint-table", S);
+customElements.get("mint-table") || customElements.define("mint-table", E);
 //#endregion
 //#region src/components/chip/Chip.ts
-var C = class extends HTMLElement {
+var D = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._root = null, this._textWrap = null, this._dismissBtn = null, this._clickHandler = null;
 	}
@@ -5873,10 +6172,10 @@ var C = class extends HTMLElement {
 		}, e.addEventListener("click", this._clickHandler), this._dismissBtn = e;
 	}
 };
-customElements.get("mint-chip") || customElements.define("mint-chip", C);
+customElements.get("mint-chip") || customElements.define("mint-chip", D);
 //#endregion
 //#region src/components/tags/Tags.ts
-var w = class extends HTMLElement {
+var O = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._container = null, this._chipsWrap = null, this._input = null, this._tags = [], this._placeholder = "Add tag", this._dragIndex = null, this._dragChip = null, this._isPointerDragging = !1, this._pointerMoveHandler = null, this._pointerUpHandler = null;
 	}
@@ -6198,10 +6497,10 @@ var w = class extends HTMLElement {
 		}
 	}
 };
-customElements.get("mint-tags") || customElements.define("mint-tags", w);
+customElements.get("mint-tags") || customElements.define("mint-tags", O);
 //#endregion
 //#region src/components/clickable/Clickable.ts
-var T = class extends HTMLElement {
+var k = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._clickHandler = null, this._keydownHandler = null;
 	}
@@ -6248,10 +6547,10 @@ var T = class extends HTMLElement {
 		e === "disabled" && (n === "true" ? (this.classList.remove("cursor-pointer"), this.classList.add("opacity-50", "cursor-not-allowed"), this.setAttribute("aria-disabled", "true")) : (this.classList.remove("opacity-50", "cursor-not-allowed"), this.classList.add("cursor-pointer"), this.removeAttribute("aria-disabled")));
 	}
 };
-customElements.get("mint-clickable") || customElements.define("mint-clickable", T);
+customElements.get("mint-clickable") || customElements.define("mint-clickable", k);
 //#endregion
 //#region src/components/alert/Alert.ts
-var E = class extends HTMLElement {
+var A = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"heading",
@@ -6349,10 +6648,10 @@ var E = class extends HTMLElement {
 		}), this.appendChild(this._headerWrapper), this.appendChild(this._bodyWrapper);
 	}
 };
-customElements.get("mint-alert") || customElements.define("mint-alert", E);
+customElements.get("mint-alert") || customElements.define("mint-alert", A);
 //#endregion
 //#region src/components/resource-table/ResourceTable.ts
-var D = class extends HTMLElement {
+var j = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"configuration",
@@ -7446,10 +7745,10 @@ var D = class extends HTMLElement {
 		e !== null && (this._currentPage = e, this._offset = (this._currentPage - 1) * this._perPage);
 	}
 };
-customElements.get("mint-resource-table") || customElements.define("mint-resource-table", D);
+customElements.get("mint-resource-table") || customElements.define("mint-resource-table", j);
 //#endregion
 //#region src/components/resource-table/ResourceTableContextMenu.ts
-var O = 550, k = 12, A = { passive: !0 }, j = class extends HTMLElement {
+var M = 550, N = 12, P = { passive: !0 }, F = 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();
@@ -7476,7 +7775,7 @@ var O = 550, k = 12, A = { passive: !0 }, j = class extends HTMLElement {
 			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);
+			n * n + r * r > N * N && (this._clearTouchTimer(), this._touchStart = null);
 		}, this._onTouchEnd = () => {
 			this._clearTouchTimer(), this._touchStart = null;
 		};
@@ -7499,7 +7798,7 @@ var O = 550, k = 12, A = { passive: !0 }, j = class extends HTMLElement {
 	}
 	_longPressMs() {
 		let e = parseInt(this.getAttribute("long-press-ms") || "", 10);
-		return !Number.isNaN(e) && e > 100 ? e : O;
+		return !Number.isNaN(e) && e > 100 ? e : M;
 	}
 	_resolveTable() {
 		let e = this.getAttribute("for")?.trim();
@@ -7553,12 +7852,12 @@ var O = 550, k = 12, A = { passive: !0 }, j = class extends HTMLElement {
 		return this._elementIsScrollContainer(e) && r(e), t;
 	}
 	_detachScrollCloseListeners() {
-		for (let e of this._scrollCloseTargets) e.removeEventListener("scroll", this._onScrollClose, A);
+		for (let e of this._scrollCloseTargets) e.removeEventListener("scroll", this._onScrollClose, P);
 		this._scrollCloseTargets = [];
 	}
 	_attachScrollCloseListeners(e) {
 		this._detachScrollCloseListeners(), this._scrollCloseTargets = this._collectScrollCloseTargets(e);
-		for (let e of this._scrollCloseTargets) e.addEventListener("scroll", this._onScrollClose, A);
+		for (let e of this._scrollCloseTargets) e.addEventListener("scroll", this._onScrollClose, P);
 	}
 	_closePopover() {
 		if (this._detachScrollCloseListeners(), !this._popover?.hasAttribute("open")) return;
@@ -7599,10 +7898,10 @@ var O = 550, k = 12, A = { passive: !0 }, j = class extends HTMLElement {
 		l && this._attachScrollCloseListeners(l);
 	}
 };
-customElements.get("mint-resource-table-context-menu") || customElements.define("mint-resource-table-context-menu", j);
+customElements.get("mint-resource-table-context-menu") || customElements.define("mint-resource-table-context-menu", F);
 //#endregion
 //#region src/components/off-canvas/OffCanvas.ts
-var M = class extends HTMLElement {
+var I = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"id",
@@ -7778,10 +8077,10 @@ var M = class extends HTMLElement {
 		}
 	}
 };
-customElements.get("mint-off-canvas") || customElements.define("mint-off-canvas", M);
+customElements.get("mint-off-canvas") || customElements.define("mint-off-canvas", I);
 //#endregion
 //#region src/components/tabs/Tab.ts
-var N = class extends HTMLElement {
+var L = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"active",
@@ -7845,10 +8144,10 @@ var N = class extends HTMLElement {
 		})));
 	}
 };
-customElements.get("mint-tab") || customElements.define("mint-tab", N);
+customElements.get("mint-tab") || customElements.define("mint-tab", L);
 //#endregion
 //#region src/components/tabs/TabList.ts
-var P = class extends HTMLElement {
+var R = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["position"];
 	}
@@ -7869,10 +8168,10 @@ var P = 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", P);
+customElements.get("mint-tab-list") || customElements.define("mint-tab-list", R);
 //#endregion
 //#region src/components/tabs/TabContent.ts
-var F = class extends HTMLElement {
+var z = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["id"];
 	}
@@ -7908,10 +8207,10 @@ var F = class extends HTMLElement {
 	}
 	render() {}
 };
-customElements.get("mint-tab-content") || customElements.define("mint-tab-content", F);
+customElements.get("mint-tab-content") || customElements.define("mint-tab-content", z);
 //#endregion
 //#region src/components/tabs/Tabs.ts
-var I = class extends HTMLElement {
+var B = class extends HTMLElement {
 	constructor() {
 		super(), this._tabClickHandler = null, this._mutationObserver = null;
 	}
@@ -7989,10 +8288,10 @@ var I = class extends HTMLElement {
 		}), n && this.showContent(n));
 	}
 };
-customElements.get("mint-tabs") || customElements.define("mint-tabs", I);
+customElements.get("mint-tabs") || customElements.define("mint-tabs", B);
 //#endregion
 //#region src/components/chart/Chart.ts
-var L = class e extends HTMLElement {
+var V = class e extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"type",
@@ -9269,10 +9568,10 @@ var L = class e extends HTMLElement {
 		});
 	}
 };
-customElements.get("mint-chart") || customElements.define("mint-chart", L);
+customElements.get("mint-chart") || customElements.define("mint-chart", V);
 //#endregion
 //#region src/components/side-navigation/SideNavigationLink.ts
-var R = class extends HTMLElement {
+var H = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._trigger = null, this._submenuContainer = null, this._contentObserver = null, this._renderFrame = null;
 	}
@@ -9447,10 +9746,10 @@ var R = class extends HTMLElement {
 		this._hasSubmenu() && !this._isSubmenuItem() ? this._buildDropdownLink() : this._buildSimpleLink();
 	}
 };
-customElements.get("mint-sidenav-link") || customElements.define("mint-sidenav-link", R);
+customElements.get("mint-sidenav-link") || customElements.define("mint-sidenav-link", H);
 //#endregion
 //#region src/components/side-navigation/SideNavigationLinks.ts
-var z = class extends HTMLElement {
+var U = 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();
 	}
@@ -9529,10 +9828,10 @@ var z = class extends HTMLElement {
 		});
 	}
 };
-customElements.get("mint-sidenav-links") || customElements.define("mint-sidenav-links", z);
+customElements.get("mint-sidenav-links") || customElements.define("mint-sidenav-links", U);
 //#endregion
 //#region src/components/side-navigation/SideNavigationActionLinks.ts
-var B = class extends HTMLElement {
+var W = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["separated"];
 	}
@@ -9549,10 +9848,10 @@ var B = 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", B);
+customElements.get("mint-sidenav-action-links") || customElements.define("mint-sidenav-action-links", W);
 //#endregion
 //#region src/components/side-navigation/SideNavigationActionMenu.ts
-var V = class extends HTMLElement {
+var G = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._wrapper = null, this._trigger = null, this._popover = null, this._triggerId = "", this._contentObserver = null, this._renderFrame = null;
 	}
@@ -9611,15 +9910,15 @@ var V = 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", V);
+customElements.get("mint-sidenav-action-menu") || customElements.define("mint-sidenav-action-menu", G);
 //#endregion
 //#region src/components/side-navigation/SideNavigation.ts
-var H = "mint:url-change";
-function U() {
+var K = "mint:url-change";
+function q() {
 	if (window.__mintUrlChangePatched) return;
 	window.__mintUrlChangePatched = !0;
 	let e = () => {
-		window.dispatchEvent(new Event(H));
+		window.dispatchEvent(new Event(K));
 	}, t = (t) => {
 		let n = history[t].bind(history);
 		history[t] = ((...t) => {
@@ -9629,7 +9928,7 @@ function U() {
 	};
 	t("pushState"), t("replaceState");
 }
-var W = class extends HTMLElement {
+var J = 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, this._accordionHandler = null, this._urlChangeHandler = null, this._contentObserver = null, this._renderFrame = null, this._onMobileNavNavigateClick = (e) => {
 			if (this._mediaQuery?.matches) return;
@@ -9691,12 +9990,12 @@ var W = class extends HTMLElement {
 		this._accordionHandler &&= (this.removeEventListener("mint-sidenav-accordion", this._accordionHandler), null);
 	}
 	_attachUrlChangeListener() {
-		this._urlChangeHandler || (U(), this._urlChangeHandler = () => {
+		this._urlChangeHandler || (q(), this._urlChangeHandler = () => {
 			this._mediaQuery?.matches || this._isOpen() && this.removeAttribute("open");
-		}, window.addEventListener("popstate", this._urlChangeHandler), window.addEventListener("hashchange", this._urlChangeHandler), window.addEventListener(H, this._urlChangeHandler));
+		}, window.addEventListener("popstate", this._urlChangeHandler), window.addEventListener("hashchange", this._urlChangeHandler), window.addEventListener(K, this._urlChangeHandler));
 	}
 	_detachUrlChangeListener() {
-		this._urlChangeHandler &&= (window.removeEventListener("popstate", this._urlChangeHandler), window.removeEventListener("hashchange", this._urlChangeHandler), window.removeEventListener(H, this._urlChangeHandler), null);
+		this._urlChangeHandler &&= (window.removeEventListener("popstate", this._urlChangeHandler), window.removeEventListener("hashchange", this._urlChangeHandler), window.removeEventListener(K, this._urlChangeHandler), null);
 	}
 	_observeContentMutations() {
 		this._contentObserver ||= new MutationObserver(() => {
@@ -9801,10 +10100,10 @@ var W = 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", W);
+customElements.get("mint-side-navigation") || customElements.define("mint-side-navigation", J);
 //#endregion
 //#region src/components/top-navigation/TopNavigation.ts
-var G = class extends HTMLElement {
+var Y = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._bar = null, this._menuButton = null, this._logoLink = null, this._menuClickHandler = null, this._darkModeObserver = null, this._contentObserver = 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, this._renderFrame = null;
 	}
@@ -10090,10 +10389,10 @@ var G = class extends HTMLElement {
 		this._searchPanelInput && (this._searchPanelInput.placeholder = this._getSearchPlaceholder()), this._syncSearchPanelVisibility(), this._positionSearchPanel();
 	}
 };
-customElements.get("mint-top-navigation") || customElements.define("mint-top-navigation", G);
+customElements.get("mint-top-navigation") || customElements.define("mint-top-navigation", Y);
 //#endregion
 //#region src/components/search/Search.ts
-var K = class e extends HTMLElement {
+var X = 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, this._contentObserver = null, this._renderFrame = null;
 	}
@@ -10695,10 +10994,10 @@ var K = 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", K);
+customElements.get("mint-search") || customElements.define("mint-search", X);
 //#endregion
 //#region src/components/bottom-navigation/BottomNavigation.ts
-var q = class extends HTMLElement {
+var Z = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._lastScrollY = 0, this._scrollHandler = null;
 	}
@@ -10723,10 +11022,10 @@ var q = class extends HTMLElement {
 		this._scrollHandler &&= (window.removeEventListener("scroll", this._scrollHandler), null);
 	}
 };
-customElements.get("mint-bottom-navigation") || customElements.define("mint-bottom-navigation", q);
+customElements.get("mint-bottom-navigation") || customElements.define("mint-bottom-navigation", Z);
 //#endregion
 //#region src/components/bottom-navigation/BottomNavItem.ts
-var J = class extends HTMLElement {
+var Q = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._root = null;
 	}
@@ -10768,6 +11067,6 @@ var J = 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", J);
+customElements.get("mint-bottom-nav-item") || customElements.define("mint-bottom-nav-item", Q);
 //#endregion
-export { E as Alert, l as BackButton, J as BottomNavItem, q 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, K as Search, y as Select, W 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, G as TopNavigation };
+export { A as Alert, p as BackButton, Q as BottomNavItem, Z as BottomNavigation, r as Button, r as default, d as Card, V as Chart, v as Checkbox, D as Chip, b as Choice, k as Clickable, S as DatePicker, w as Dropzone, T as Form, h as Grid, n as Icon, x as Input, f as Link, g as Modal, I as OffCanvas, m as Page, _ as Popover, j as ResourceTable, X as Search, C as Select, J as SideNavigation, W as SideNavigationActionLinks, G as SideNavigationActionMenu, H as SideNavigationLink, U as SideNavigationLinks, u as Sortable, t as Spinner, o as Stack, i as Switch, L as Tab, z as TabContent, R as TabList, E as Table, B as Tabs, O as Tags, a as Text, Y as TopNavigation };