monobill-mintui 0.6.607 → 0.6.609

package/dist/index.js

@@ -5083,7 +5083,7 @@ var w = class extends HTMLElement {
 customElements.get("mint-time-picker") || customElements.define("mint-time-picker", w);
 //#endregion
 //#region src/components/select/Select.ts
-var T = class extends HTMLElement {
+var T = "data-mint-select-part", E = class e extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"name",
@@ -5099,17 +5099,31 @@ var T = class extends HTMLElement {
 			"loading"
 		];
 	}
+	static {
+		this._lightDomOptionHideStylesInjected = !1;
+	}
+	static _ensureLightDomOptionHideStyles() {
+		if (e._lightDomOptionHideStylesInjected || typeof document > "u") return;
+		e._lightDomOptionHideStylesInjected = !0;
+		let t = document.createElement("style");
+		t.setAttribute("data-mint-select-light-dom", ""), t.textContent = "/* Framework-driven <option>/<optgroup> stay on the host for DOM reconciliation; the visible control is the inner <select>. */\nmint-select > option,\nmint-select > optgroup {\n  display: none !important;\n}", document.head.appendChild(t);
+	}
 	constructor() {
-		super(), this._select = null, this._wrapper = null, this._caretUpIcon = null, this._caretDownIcon = null, this._changeHandler = null, this._optionObserver = null, this._childrenObserver = null;
+		super(), this._select = null, this._wrapper = null, this._caretUpIcon = null, this._caretDownIcon = null, this._changeHandler = null, this._optionObserver = null, this._childrenObserver = null, this._hostOptionsObserverRaf = null;
 	}
 	connectedCallback() {
-		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "inline-block", "w-full"), this.getLabel() || console.error("mint-select: The \"label\" attribute is required. Please provide a label for the select."), this.render(), this._childrenObserver && this._childrenObserver.disconnect(), this._childrenObserver = new MutationObserver((e) => {
-			e.some((e) => {
-				let t = Array.from(e.addedNodes).some((e) => e.nodeType === Node.ELEMENT_NODE && (e.tagName === "OPTION" || e.tagName === "OPTGROUP")) || Array.from(e.removedNodes).some((e) => e.nodeType === Node.ELEMENT_NODE && (e.tagName === "OPTION" || e.tagName === "OPTGROUP")), n = e.type === "attributes" && e.target.nodeType === Node.ELEMENT_NODE && (e.target.tagName === "OPTION" || e.target.tagName === "OPTGROUP");
-				return t || n;
-			}) && requestAnimationFrame(() => {
-				this.render();
-			});
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "inline-block", "w-full"), this.getLabel() || console.error("mint-select: The \"label\" attribute is required. Please provide a label for the select."), e._ensureLightDomOptionHideStyles(), this.render(), this._childrenObserver && this._childrenObserver.disconnect(), this._childrenObserver = new MutationObserver((e) => {
+			if (e.some((e) => {
+				let t = e.target;
+				if (this._select && (t === this._select || this._select.contains(t))) return !1;
+				let n = Array.from(e.addedNodes).some((e) => e.nodeType === Node.ELEMENT_NODE && (e.tagName === "OPTION" || e.tagName === "OPTGROUP")) || Array.from(e.removedNodes).some((e) => e.nodeType === Node.ELEMENT_NODE && (e.tagName === "OPTION" || e.tagName === "OPTGROUP")), r = e.type === "attributes" && e.target.nodeType === Node.ELEMENT_NODE && (e.target.tagName === "OPTION" || e.target.tagName === "OPTGROUP");
+				return n || r;
+			})) {
+				if (this._hostOptionsObserverRaf !== null) return;
+				this._hostOptionsObserverRaf = requestAnimationFrame(() => {
+					this._hostOptionsObserverRaf = null, this.isConnected && this.render();
+				});
+			}
 		}), this._childrenObserver.observe(this, {
 			childList: !0,
 			subtree: !0,
@@ -5122,7 +5136,7 @@ var T = class extends HTMLElement {
 		});
 	}
 	disconnectedCallback() {
-		this._select && this._changeHandler && (this._select.removeEventListener("change", this._changeHandler), this._changeHandler = null), this._optionObserver &&= (this._optionObserver.disconnect(), null), this._childrenObserver &&= (this._childrenObserver.disconnect(), null);
+		this._select && this._changeHandler && (this._select.removeEventListener("change", this._changeHandler), this._changeHandler = null), this._optionObserver &&= (this._optionObserver.disconnect(), null), this._childrenObserver &&= (this._childrenObserver.disconnect(), null), this._hostOptionsObserverRaf !== null && (cancelAnimationFrame(this._hostOptionsObserverRaf), this._hostOptionsObserverRaf = null);
 	}
 	isLoading() {
 		return this.getAttribute("loading") === "true";
@@ -5251,55 +5265,55 @@ var T = class extends HTMLElement {
 		].filter(Boolean).join(" ");
 	}
 	render() {
-		let e = this.isLoading(), t = [];
+		this._hostOptionsObserverRaf !== null && (cancelAnimationFrame(this._hostOptionsObserverRaf), this._hostOptionsObserverRaf = null);
+		let e = this.isLoading(), t = this.isMultiple(), n = this.getValue(), r = [];
 		this._select && Array.from(this._select.children).forEach((e) => {
-			(e.tagName === "OPTION" || e.tagName === "OPTGROUP") && t.push(e.cloneNode(!0));
-		});
-		let n = Array.from(this.children).filter((e) => e.tagName === "OPTION" || e.tagName === "OPTGROUP").map((e) => e.cloneNode(!0));
-		for (; this.firstChild;) this.removeChild(this.firstChild);
-		this._wrapper = null, this._select = null;
-		let r = this.getLabel(), i = this.getInfo(), a = this.getId(), o = this.getName(), s = this.getValue(), c = this.isDisabled(), l = this.isMultiple(), u = this.hasError();
-		if (r) {
+			(e.tagName === "OPTION" || e.tagName === "OPTGROUP") && r.push(e.cloneNode(!0));
+		}), Array.from(this.children).forEach((e) => {
+			e instanceof HTMLElement && e.hasAttribute(T) && e.remove();
+		}), this._wrapper = null, this._select = null;
+		let i = Array.from(this.children).filter((e) => e.tagName === "OPTION" || e.tagName === "OPTGROUP").map((e) => e.cloneNode(!0)), a = this.getLabel(), o = this.getInfo(), s = this.getId(), c = this.getName(), l = this.isDisabled(), u = this.hasError();
+		if (a) {
 			let e = document.createElement("label");
-			e.className = "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", a && e.setAttribute("for", a);
-			let t = document.createTextNode(r);
+			e.setAttribute(T, "label"), e.className = "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", s && e.setAttribute("for", s);
+			let t = document.createTextNode(a);
 			e.appendChild(t), this.appendChild(e);
 		}
-		this._wrapper = document.createElement("div"), this._wrapper.className = "relative w-full", this.appendChild(this._wrapper), this._select = document.createElement("select"), this._select.className = this.getSelectClasses(), a && (this._select.id = a), o && (this._select.name = o), c && (this._select.disabled = !0), l && (this._select.multiple = !0), this._select.setAttribute("aria-invalid", u ? "true" : "false");
-		let d = n.length > 0 ? n : t;
+		this._wrapper = document.createElement("div"), this._wrapper.setAttribute(T, "wrapper"), this._wrapper.className = "relative w-full", this.appendChild(this._wrapper), this._select = document.createElement("select"), this._select.className = this.getSelectClasses(), s && (this._select.id = s), c && (this._select.name = c), l && (this._select.disabled = !0), t && (this._select.multiple = !0), this._select.setAttribute("aria-invalid", u ? "true" : "false");
+		let d = i.length > 0 ? i : r;
 		if (d.length > 0 && d.forEach((e) => {
 			this._select.appendChild(e);
 		}), this._select.options.length === 0) {
 			let e = document.createElement("option");
 			e.value = "", e.textContent = "Select an option", e.disabled = !0, e.selected = !0, this._select.appendChild(e);
 		}
-		if (l) {
+		if (t) {
 			let e = [];
 			try {
-				let t = s ? JSON.parse(s) : [];
+				let t = n ? JSON.parse(n) : [];
 				e = Array.isArray(t) ? t.map((e) => String(e)) : [];
 			} catch {
-				e = s ? [String(s)] : [];
+				e = n ? [String(n)] : [];
 			}
 			Array.from(this._select.options).forEach((t) => {
 				t.selected = e.includes(t.value);
 			});
-		} else this._select.value = s || "";
+		} else this._select.value = n || "";
 		if (this._changeHandler && this._select && this._select.removeEventListener("change", this._changeHandler), this._changeHandler = (e) => {
-			let t = e.target, n = l ? Array.from(t.selectedOptions).map((e) => e.value) : t.value, r = l ? JSON.stringify(n) : String(n || "");
-			(this.getAttribute("value") || "") !== r && (r ? this.setAttribute("value", r) : this.removeAttribute("value"));
-			let i = new Event("input", {
+			let n = e.target, r = t ? Array.from(n.selectedOptions).map((e) => e.value) : n.value, i = t ? JSON.stringify(r) : String(r || "");
+			(this.getAttribute("value") || "") !== i && (i ? this.setAttribute("value", i) : this.removeAttribute("value"));
+			let a = new Event("input", {
 				bubbles: !0,
 				cancelable: !0,
 				composed: !0
 			});
-			this.dispatchEvent(i), this.dispatchEvent(new CustomEvent("input", {
-				detail: { value: n },
+			this.dispatchEvent(a), this.dispatchEvent(new CustomEvent("input", {
+				detail: { value: r },
 				bubbles: !0,
 				cancelable: !0,
 				composed: !0
 			})), this.dispatchEvent(new CustomEvent("change", {
-				detail: { value: n },
+				detail: { value: r },
 				bubbles: !0,
 				cancelable: !0,
 				composed: !0
@@ -5307,7 +5321,7 @@ var T = class extends HTMLElement {
 		}, this._select.addEventListener("change", this._changeHandler), this._optionObserver && this._optionObserver.disconnect(), this._optionObserver = new MutationObserver(() => {
 			let e = this.getAttribute("value") || this.value || "";
 			this._select && e && requestAnimationFrame(() => {
-				if (this._select) if (l) {
+				if (this._select) if (t) {
 					let t = [];
 					try {
 						let n = JSON.parse(e);
@@ -5323,14 +5337,14 @@ var T = class extends HTMLElement {
 		}), this._optionObserver.observe(this._select, {
 			childList: !0,
 			subtree: !0
-		}), this._wrapper.appendChild(this._select), l) this._caretUpIcon = null, this._caretDownIcon = null;
+		}), this._wrapper.appendChild(this._select), t) this._caretUpIcon = null, this._caretDownIcon = null;
 		else {
 			let e = document.createElement("div");
 			e.className = "absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none z-10 flex flex-col", this._caretUpIcon = document.createElement("mint-icon"), this._caretUpIcon.setAttribute("name", "caret-up"), this._caretUpIcon.className = "w-[.9em] h-[.9em] text-gray-400 dark:text-gray-500 mb-[-.2rem]", e.appendChild(this._caretUpIcon), this._caretDownIcon = document.createElement("mint-icon"), this._caretDownIcon.setAttribute("name", "caret-down"), this._caretDownIcon.className = "w-[.9em] h-[.9em] text-gray-400 dark:text-gray-500 mt-[-.2rem]", e.appendChild(this._caretDownIcon), this._wrapper.appendChild(e);
 		}
-		if (i) {
+		if (o) {
 			let e = document.createElement("div");
-			e.className = "mt-1 text-xs text-gray-500 dark:text-gray-400", e.textContent = i, this.appendChild(e);
+			e.setAttribute(T, "info"), e.className = "mt-1 text-xs text-gray-500 dark:text-gray-400", e.textContent = o, this.appendChild(e);
 		}
 		this._renderErrorState(), this._renderSkeleton(e);
 	}
@@ -5349,13 +5363,13 @@ var T = class extends HTMLElement {
 	}
 	_renderErrorState() {
 		let e = this.hasError(), t = this.getErrorMessage(), n = this.querySelector(".mint-select-error");
-		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();
+		e && t ? (n ? n.hasAttribute(T) || n.setAttribute(T, "error") : (n = document.createElement("div"), n.setAttribute(T, "error"), 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", T);
+customElements.get("mint-select") || customElements.define("mint-select", E);
 //#endregion
 //#region src/components/dropzone/Dropzone.ts
-var E = class extends HTMLElement {
+var D = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"label",
@@ -5693,10 +5707,10 @@ var E = 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", E);
+customElements.get("mint-dropzone") || customElements.define("mint-dropzone", D);
 //#endregion
 //#region src/components/form/Form.ts
-var D = class extends HTMLElement {
+var O = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"action",
@@ -5810,7 +5824,11 @@ var D = class extends HTMLElement {
 				...r
 			});
 		}
-		if (!this._validate(r, t)) {
+		let i = this._collectLiveControlValues();
+		if (r = {
+			...r,
+			...i
+		}, !this._validate(r, t)) {
 			this.dispatchEvent(new CustomEvent("invalid", {
 				detail: { errors: this._errors },
 				bubbles: !0,
@@ -5819,7 +5837,7 @@ var D = class extends HTMLElement {
 			}));
 			return;
 		}
-		let i = new CustomEvent("submit", {
+		let a = new CustomEvent("submit", {
 			detail: {
 				formData: n,
 				values: r,
@@ -5829,8 +5847,8 @@ var D = class extends HTMLElement {
 			cancelable: !0,
 			composed: !0
 		});
-		this.dispatchEvent(i), i.form = this;
-		let a = new CustomEvent("mintFormSubmit", {
+		this.dispatchEvent(a), a.form = this;
+		let o = new CustomEvent("mintFormSubmit", {
 			detail: {
 				formData: n,
 				values: r,
@@ -5840,9 +5858,9 @@ var D = class extends HTMLElement {
 			cancelable: !0,
 			composed: !0
 		});
-		if (a.form = this, this.dispatchEvent(a), i.defaultPrevented || a.defaultPrevented) return;
-		let o = this.getAttribute("action"), s = this.getAttribute("method");
-		if (!(!o || !s)) {
+		if (o.form = this, this.dispatchEvent(o), a.defaultPrevented || o.defaultPrevented) return;
+		let s = this.getAttribute("action"), c = this.getAttribute("method");
+		if (!(!s || !c)) {
 			this._setButtonsSubmitting();
 			try {
 				let e = await this._submitData(n, r);
@@ -6027,6 +6045,32 @@ var D = class extends HTMLElement {
 			}
 		})), t;
 	}
+	_isControlDisabledForSubmit(e) {
+		let t = e;
+		for (; t && t !== this._form;) {
+			if ((t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement || t instanceof HTMLButtonElement) && t.disabled) return !0;
+			let e = t.getAttribute("disabled");
+			if (e !== null && e !== "false") return !0;
+			t = t.parentElement;
+		}
+		return !1;
+	}
+	_collectLiveControlValues() {
+		let e = {};
+		if (!this._form) return e;
+		let t = /* @__PURE__ */ new Set();
+		for (let e of Array.from(this._form.querySelectorAll("[name]"))) {
+			let n = e.getAttribute("name");
+			!n || this._isControlDisabledForSubmit(e) || t.add(n);
+		}
+		for (let n of t) {
+			let t = this._getFieldElements(n).filter((e) => !this._isControlDisabledForSubmit(e));
+			if (t.length !== 0) try {
+				e[n] = this._extractFieldValue(t);
+			} catch {}
+		}
+		return e;
+	}
 	_collectValidationRules() {
 		let e = {};
 		return this._form && Array.from(this._form.querySelectorAll("[name][validation]")).forEach((t) => {
@@ -6640,7 +6684,7 @@ var D = class extends HTMLElement {
 		this._reactiveDataObserver !== null && (cancelAnimationFrame(this._reactiveDataObserver), this._reactiveDataObserver = null), this._reactiveDataProxy = null, this._lastDataSnapshot = null, this._lastAppliedDataSnapshot = null;
 	}
 };
-customElements.get("mint-form") || customElements.define("mint-form", D), typeof window < "u" && (window.mintForm = window.mintForm || {
+customElements.get("mint-form") || customElements.define("mint-form", O), 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) {
@@ -6651,7 +6695,7 @@ customElements.get("mint-form") || customElements.define("mint-form", D), typeof
 }));
 //#endregion
 //#region src/components/table/Table.ts
-var O = class extends HTMLElement {
+var k = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._observer = null;
 	}
@@ -6774,10 +6818,10 @@ var O = class extends HTMLElement {
 		e.className = "", t.filter(Boolean).forEach((t) => e.classList.add(...t.split(" ")));
 	}
 };
-customElements.get("mint-table") || customElements.define("mint-table", O);
+customElements.get("mint-table") || customElements.define("mint-table", k);
 //#endregion
 //#region src/components/chip/Chip.ts
-var k = class extends HTMLElement {
+var A = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._root = null, this._textWrap = null, this._dismissBtn = null, this._clickHandler = null;
 	}
@@ -6840,10 +6884,10 @@ var k = class extends HTMLElement {
 		}, e.addEventListener("click", this._clickHandler), this._dismissBtn = e;
 	}
 };
-customElements.get("mint-chip") || customElements.define("mint-chip", k);
+customElements.get("mint-chip") || customElements.define("mint-chip", A);
 //#endregion
 //#region src/components/tags/Tags.ts
-var A = class extends HTMLElement {
+var j = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._container = null, this._chipsWrap = null, this._input = null, this._tags = [], this._predefinedTags = [], this._placeholder = "Add tag", this._predefinedPopoverOpenListenersAttached = !1, this._predefinedBlurCloseTimer = null, this._suppressNextPredefinedBlurClose = !1, this._dragIndex = null, this._dragChip = null, this._isPointerDragging = !1, this._pointerMoveHandler = null, this._pointerUpHandler = null, this._containerFocusRingListeners = !1, this._predefinedFieldResizeObserver = null, this._predefinedPopoverBodyEl = null;
 	}
@@ -7312,10 +7356,10 @@ var A = class extends HTMLElement {
 		}
 	}
 };
-customElements.get("mint-tags") || customElements.define("mint-tags", A);
+customElements.get("mint-tags") || customElements.define("mint-tags", j);
 //#endregion
 //#region src/components/clickable/Clickable.ts
-var j = class extends HTMLElement {
+var ee = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._clickHandler = null, this._keydownHandler = null;
 	}
@@ -7362,10 +7406,10 @@ var j = 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", j);
+customElements.get("mint-clickable") || customElements.define("mint-clickable", ee);
 //#endregion
 //#region src/components/alert/Alert.ts
-var ee = class extends HTMLElement {
+var M = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"heading",
@@ -7463,10 +7507,10 @@ var ee = class extends HTMLElement {
 		}), this.appendChild(this._headerWrapper), this.appendChild(this._bodyWrapper);
 	}
 };
-customElements.get("mint-alert") || customElements.define("mint-alert", ee);
+customElements.get("mint-alert") || customElements.define("mint-alert", M);
 //#endregion
 //#region src/components/resource-table/ResourceTable.ts
-var M = class extends HTMLElement {
+var te = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"configuration",
@@ -8567,10 +8611,10 @@ var M = 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", M);
+customElements.get("mint-resource-table") || customElements.define("mint-resource-table", te);
 //#endregion
 //#region src/components/resource-table/ResourceTableContextMenu.ts
-var te = 550, ne = 12, re = { passive: !0 }, ie = class extends HTMLElement {
+var ne = 550, re = 12, ie = { passive: !0 }, ae = 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();
@@ -8597,7 +8641,7 @@ var te = 550, ne = 12, re = { passive: !0 }, ie = 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 > ne * ne && (this._clearTouchTimer(), this._touchStart = null);
+			n * n + r * r > re * re && (this._clearTouchTimer(), this._touchStart = null);
 		}, this._onTouchEnd = () => {
 			this._clearTouchTimer(), this._touchStart = null;
 		};
@@ -8620,7 +8664,7 @@ var te = 550, ne = 12, re = { passive: !0 }, ie = class extends HTMLElement {
 	}
 	_longPressMs() {
 		let e = parseInt(this.getAttribute("long-press-ms") || "", 10);
-		return !Number.isNaN(e) && e > 100 ? e : te;
+		return !Number.isNaN(e) && e > 100 ? e : ne;
 	}
 	_resolveTable() {
 		let e = this.getAttribute("for")?.trim();
@@ -8674,12 +8718,12 @@ var te = 550, ne = 12, re = { passive: !0 }, ie = class extends HTMLElement {
 		return this._elementIsScrollContainer(e) && r(e), t;
 	}
 	_detachScrollCloseListeners() {
-		for (let e of this._scrollCloseTargets) e.removeEventListener("scroll", this._onScrollClose, re);
+		for (let e of this._scrollCloseTargets) e.removeEventListener("scroll", this._onScrollClose, ie);
 		this._scrollCloseTargets = [];
 	}
 	_attachScrollCloseListeners(e) {
 		this._detachScrollCloseListeners(), this._scrollCloseTargets = this._collectScrollCloseTargets(e);
-		for (let e of this._scrollCloseTargets) e.addEventListener("scroll", this._onScrollClose, re);
+		for (let e of this._scrollCloseTargets) e.addEventListener("scroll", this._onScrollClose, ie);
 	}
 	_closePopover() {
 		if (this._detachScrollCloseListeners(), !this._popover?.hasAttribute("open")) return;
@@ -8720,10 +8764,10 @@ var te = 550, ne = 12, re = { passive: !0 }, ie = class extends HTMLElement {
 		l && this._attachScrollCloseListeners(l);
 	}
 };
-customElements.get("mint-resource-table-context-menu") || customElements.define("mint-resource-table-context-menu", ie);
+customElements.get("mint-resource-table-context-menu") || customElements.define("mint-resource-table-context-menu", ae);
 //#endregion
 //#region src/components/off-canvas/OffCanvas.ts
-var ae = class extends HTMLElement {
+var oe = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"id",
@@ -8899,10 +8943,10 @@ var ae = class extends HTMLElement {
 		}
 	}
 };
-customElements.get("mint-off-canvas") || customElements.define("mint-off-canvas", ae);
+customElements.get("mint-off-canvas") || customElements.define("mint-off-canvas", oe);
 //#endregion
 //#region src/components/tabs/Tab.ts
-var oe = class extends HTMLElement {
+var N = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"active",
@@ -8966,10 +9010,10 @@ var oe = class extends HTMLElement {
 		})));
 	}
 };
-customElements.get("mint-tab") || customElements.define("mint-tab", oe);
+customElements.get("mint-tab") || customElements.define("mint-tab", N);
 //#endregion
 //#region src/components/tabs/TabList.ts
-var N = class extends HTMLElement {
+var P = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["position"];
 	}
@@ -8990,10 +9034,10 @@ var N = 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", N);
+customElements.get("mint-tab-list") || customElements.define("mint-tab-list", P);
 //#endregion
 //#region src/components/tabs/TabContent.ts
-var P = class extends HTMLElement {
+var F = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["id"];
 	}
@@ -9029,10 +9073,10 @@ var P = class extends HTMLElement {
 	}
 	render() {}
 };
-customElements.get("mint-tab-content") || customElements.define("mint-tab-content", P);
+customElements.get("mint-tab-content") || customElements.define("mint-tab-content", F);
 //#endregion
 //#region src/components/tabs/Tabs.ts
-var F = class extends HTMLElement {
+var I = class extends HTMLElement {
 	constructor() {
 		super(), this._tabClickHandler = null, this._mutationObserver = null;
 	}
@@ -9110,10 +9154,10 @@ var F = class extends HTMLElement {
 		}), n && this.showContent(n));
 	}
 };
-customElements.get("mint-tabs") || customElements.define("mint-tabs", F);
+customElements.get("mint-tabs") || customElements.define("mint-tabs", I);
 //#endregion
 //#region src/components/chart/Chart.ts
-var I = class e extends HTMLElement {
+var L = class e extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"type",
@@ -10390,10 +10434,10 @@ var I = class e extends HTMLElement {
 		});
 	}
 };
-customElements.get("mint-chart") || customElements.define("mint-chart", I);
+customElements.get("mint-chart") || customElements.define("mint-chart", L);
 //#endregion
 //#region src/components/side-navigation/SideNavigationLink.ts
-var L = class extends HTMLElement {
+var R = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._trigger = null, this._submenuContainer = null, this._contentObserver = null, this._renderFrame = null;
 	}
@@ -10568,10 +10612,10 @@ var L = class extends HTMLElement {
 		this._hasSubmenu() && !this._isSubmenuItem() ? this._buildDropdownLink() : this._buildSimpleLink();
 	}
 };
-customElements.get("mint-sidenav-link") || customElements.define("mint-sidenav-link", L);
+customElements.get("mint-sidenav-link") || customElements.define("mint-sidenav-link", R);
 //#endregion
 //#region src/components/side-navigation/SideNavigationLinks.ts
-var R = 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();
 	}
@@ -10650,10 +10694,10 @@ var R = class extends HTMLElement {
 		});
 	}
 };
-customElements.get("mint-sidenav-links") || customElements.define("mint-sidenav-links", R);
+customElements.get("mint-sidenav-links") || customElements.define("mint-sidenav-links", z);
 //#endregion
 //#region src/components/side-navigation/SideNavigationActionLinks.ts
-var z = class extends HTMLElement {
+var B = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["separated"];
 	}
@@ -10670,10 +10714,10 @@ var z = 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", z);
+customElements.get("mint-sidenav-action-links") || customElements.define("mint-sidenav-action-links", B);
 //#endregion
 //#region src/components/side-navigation/SideNavigationActionMenu.ts
-var B = class extends HTMLElement {
+var V = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._wrapper = null, this._trigger = null, this._popover = null, this._triggerId = "", this._contentObserver = null, this._renderFrame = null;
 	}
@@ -10732,15 +10776,15 @@ var B = 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", B);
+customElements.get("mint-sidenav-action-menu") || customElements.define("mint-sidenav-action-menu", V);
 //#endregion
 //#region src/components/side-navigation/SideNavigation.ts
-var V = "mint:url-change";
+var H = "mint:url-change";
 function se() {
 	if (window.__mintUrlChangePatched) return;
 	window.__mintUrlChangePatched = !0;
 	let e = () => {
-		window.dispatchEvent(new Event(V));
+		window.dispatchEvent(new Event(H));
 	}, t = (t) => {
 		let n = history[t].bind(history);
 		history[t] = ((...t) => {
@@ -10750,7 +10794,7 @@ function se() {
 	};
 	t("pushState"), t("replaceState");
 }
-var H = class extends HTMLElement {
+var U = 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;
@@ -10814,10 +10858,10 @@ var H = class extends HTMLElement {
 	_attachUrlChangeListener() {
 		this._urlChangeHandler || (se(), this._urlChangeHandler = () => {
 			this._mediaQuery?.matches || this._isOpen() && this.removeAttribute("open");
-		}, window.addEventListener("popstate", this._urlChangeHandler), window.addEventListener("hashchange", this._urlChangeHandler), window.addEventListener(V, this._urlChangeHandler));
+		}, window.addEventListener("popstate", this._urlChangeHandler), window.addEventListener("hashchange", this._urlChangeHandler), window.addEventListener(H, this._urlChangeHandler));
 	}
 	_detachUrlChangeListener() {
-		this._urlChangeHandler &&= (window.removeEventListener("popstate", this._urlChangeHandler), window.removeEventListener("hashchange", this._urlChangeHandler), window.removeEventListener(V, this._urlChangeHandler), null);
+		this._urlChangeHandler &&= (window.removeEventListener("popstate", this._urlChangeHandler), window.removeEventListener("hashchange", this._urlChangeHandler), window.removeEventListener(H, this._urlChangeHandler), null);
 	}
 	_observeContentMutations() {
 		this._contentObserver ||= new MutationObserver(() => {
@@ -10922,10 +10966,10 @@ var H = 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", H);
+customElements.get("mint-side-navigation") || customElements.define("mint-side-navigation", U);
 //#endregion
 //#region src/components/top-navigation/TopNavigation.ts
-var U = class extends HTMLElement {
+var W = 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;
 	}
@@ -11211,10 +11255,10 @@ var U = class extends HTMLElement {
 		this._searchPanelInput && (this._searchPanelInput.placeholder = this._getSearchPlaceholder()), this._syncSearchPanelVisibility(), this._positionSearchPanel();
 	}
 };
-customElements.get("mint-top-navigation") || customElements.define("mint-top-navigation", U);
+customElements.get("mint-top-navigation") || customElements.define("mint-top-navigation", W);
 //#endregion
 //#region src/components/search/Search.ts
-var W = class e extends HTMLElement {
+var G = 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;
 	}
@@ -11816,10 +11860,10 @@ var W = 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", W);
+customElements.get("mint-search") || customElements.define("mint-search", G);
 //#endregion
 //#region src/components/bottom-navigation/BottomNavigation.ts
-var G = class extends HTMLElement {
+var K = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._lastScrollY = 0, this._scrollHandler = null;
 	}
@@ -11844,10 +11888,10 @@ var G = class extends HTMLElement {
 		this._scrollHandler &&= (window.removeEventListener("scroll", this._scrollHandler), null);
 	}
 };
-customElements.get("mint-bottom-navigation") || customElements.define("mint-bottom-navigation", G);
+customElements.get("mint-bottom-navigation") || customElements.define("mint-bottom-navigation", K);
 //#endregion
 //#region src/components/bottom-navigation/BottomNavItem.ts
-var K = class extends HTMLElement {
+var q = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._root = null;
 	}
@@ -11889,10 +11933,10 @@ var K = 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", K);
+customElements.get("mint-bottom-nav-item") || customElements.define("mint-bottom-nav-item", q);
 //#endregion
 //#region src/components/toast/Toast.ts
-var q = class extends HTMLElement {
+var ce = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._messageEl = null, this._hideTimer = null, this._hideResolve = null, this._bottomNavObserver = null, this._bodyObserver = null;
 	}
@@ -11965,10 +12009,10 @@ var q = class extends HTMLElement {
 		this.classList.toggle("opacity-100", e), this.classList.toggle("translate-y-0", e), this.classList.toggle("opacity-0", !e), this.classList.toggle("translate-y-2", !e), this._messageEl ||= (this.innerHTML = "<div class=\"rounded-md bg-[#202223] px-4 py-2 text-sm font-medium text-white shadow-[0_8px_24px_rgba(0,0,0,0.25)] min-[1100px]:px-5 min-[1100px]:py-3 min-[1100px]:text-base dark:bg-[#0f1113]\">\n          <span data-mint-toast-message></span>\n        </div>", this.querySelector("[data-mint-toast-message]")), this._messageEl && (this._messageEl.textContent = t);
 	}
 };
-customElements.get("mint-toast") || customElements.define("mint-toast", q);
+customElements.get("mint-toast") || customElements.define("mint-toast", ce);
 //#endregion
 //#region src/components/confirm-action/ConfirmAction.ts
-var ce = class extends HTMLElement {
+var le = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this._modal = null, this._confirmButton = null, this._cancelButton = null, this._pendingResolve = null, this._modalObserver = null, this._lastAction = null, this._onConfirmClick = null, this._onCancelClick = null;
 	}
@@ -12014,11 +12058,11 @@ var ce = class extends HTMLElement {
 		}));
 	}
 };
-customElements.get("mint-confirm-action") || customElements.define("mint-confirm-action", ce);
+customElements.get("mint-confirm-action") || customElements.define("mint-confirm-action", le);
 //#endregion
 //#region src/components/toast/ToastApi.ts
-var le = 2200, J = [], Y = !1, X = null;
-function ue() {
+var ue = 2200, J = [], Y = !1, X = null;
+function de() {
 	return typeof document > "u" || document.body ? Promise.resolve() : new Promise((e) => {
 		if (typeof window > "u") {
 			e();
@@ -12029,14 +12073,14 @@ function ue() {
 		}, { once: !0 });
 	});
 }
-async function de() {
-	if (await ue(), typeof document > "u") throw Error("mintui.toast is only available in browser environments.");
+async function fe() {
+	if (await de(), typeof document > "u") throw Error("mintui.toast is only available in browser environments.");
 	let e = document.querySelector("mint-toast[data-mint-toast-root=\"true\"]");
 	if (e) return e;
 	let t = document.createElement("mint-toast");
 	return t.setAttribute("data-mint-toast-root", "true"), document.body.appendChild(t), t;
 }
-async function fe() {
+async function pe() {
 	if (!Y) {
 		Y = !0;
 		try {
@@ -12045,9 +12089,9 @@ async function fe() {
 				if (!e) continue;
 				let t = e.message.trim().slice(0, 120);
 				if (!t) continue;
-				let n = await de();
+				let n = await fe();
 				X = n;
-				let r = e.options?.duration ?? le;
+				let r = e.options?.duration ?? ue;
 				await n.showToast(t, r);
 			}
 		} finally {
@@ -12059,9 +12103,9 @@ function Z(e, t) {
 	typeof window > "u" || (J.push({
 		message: e,
 		options: t
-	}), Y && X && X.hideToast(), fe());
+	}), Y && X && X.hideToast(), pe());
 }
-var pe = { toast: Z };
+var me = { toast: Z };
 if (typeof window < "u") {
 	let e = window.mintui || {};
 	e.toast = Z, window.mintui = e;
@@ -12069,7 +12113,7 @@ if (typeof window < "u") {
 //#endregion
 //#region src/components/confirm-action/ConfirmActionApi.ts
 var Q = [], $ = !1;
-function me() {
+function he() {
 	return typeof document > "u" || document.body ? Promise.resolve() : new Promise((e) => {
 		if (typeof window > "u") {
 			e();
@@ -12078,26 +12122,26 @@ function me() {
 		window.addEventListener("DOMContentLoaded", () => e(), { once: !0 });
 	});
 }
-async function he() {
-	if (await me(), typeof document > "u") throw Error("mintui.confirm is only available in browser environments.");
+async function ge() {
+	if (await he(), typeof document > "u") throw Error("mintui.confirm is only available in browser environments.");
 	let e = document.querySelector("mint-confirm-action[data-mint-confirm-action-root=\"true\"]");
 	if (e) return e;
 	let t = document.createElement("mint-confirm-action");
 	return t.setAttribute("data-mint-confirm-action-root", "true"), document.body.appendChild(t), t;
 }
-function ge(e) {
+function _e(e) {
 	let t = (e || "action").toString().trim().toLowerCase().replace(/^tone:\s*/, "");
 	return t === "action" || t === "info" || t === "warning" || t === "danger" ? t : "action";
 }
-async function _e() {
+async function ve() {
 	if (!$) {
 		$ = !0;
 		try {
 			for (; Q.length > 0;) {
 				let e = Q.shift();
-				e && (await (await he()).showConfirm({
+				e && (await (await ge()).showConfirm({
 					question: e.question,
-					tone: ge(e.tone),
+					tone: _e(e.tone),
 					confirmLabel: e.confirmLabel || "Confirm",
 					cancelLabel: e.cancelLabel || "Cancel"
 				}) ? e.confirmed?.() : e.cancelled?.());
@@ -12107,7 +12151,7 @@ async function _e() {
 		}
 	}
 }
-function ve(e, t, n, r = "action", i = "Confirm", a = "Cancel") {
+function ye(e, t, n, r = "action", i = "Confirm", a = "Cancel") {
 	typeof window > "u" || (Q.push({
 		question: e,
 		confirmed: t,
@@ -12115,11 +12159,11 @@ function ve(e, t, n, r = "action", i = "Confirm", a = "Cancel") {
 		tone: r,
 		confirmLabel: i,
 		cancelLabel: a
-	}), _e());
+	}), ve());
 }
 if (typeof window < "u") {
 	let e = window.mintui || {};
-	e.confirm = ve, window.mintui = e;
+	e.confirm = ye, window.mintui = e;
 }
 //#endregion
-export { ee as Alert, p as BackButton, K as BottomNavItem, G as BottomNavigation, r as Button, r as default, d as Card, I as Chart, y as Checkbox, k as Chip, x as Choice, j as Clickable, v as Collapsible, ce as ConfirmAction, C as DatePicker, E as Dropzone, D as Form, h as Grid, n as Icon, S as Input, f as Link, g as Modal, ae as OffCanvas, m as Page, _ as Popover, M as ResourceTable, W as Search, T as Select, H as SideNavigation, z as SideNavigationActionLinks, B as SideNavigationActionMenu, L as SideNavigationLink, R as SideNavigationLinks, u as Sortable, t as Spinner, o as Stack, i as Switch, oe as Tab, P as TabContent, N as TabList, O as Table, F as Tabs, A as Tags, a as Text, w as TimePicker, q as Toast, U as TopNavigation, ve as confirm, pe as mintui, Z as toast };
+export { M as Alert, p as BackButton, q as BottomNavItem, K as BottomNavigation, r as Button, r as default, d as Card, L as Chart, y as Checkbox, A as Chip, x as Choice, ee as Clickable, v as Collapsible, le as ConfirmAction, C as DatePicker, D as Dropzone, O as Form, h as Grid, n as Icon, S as Input, f as Link, g as Modal, oe as OffCanvas, m as Page, _ as Popover, te as ResourceTable, G as Search, E as Select, U as SideNavigation, B as SideNavigationActionLinks, V as SideNavigationActionMenu, R as SideNavigationLink, z as SideNavigationLinks, u as Sortable, t as Spinner, o as Stack, i as Switch, N as Tab, F as TabContent, P as TabList, k as Table, I as Tabs, j as Tags, a as Text, w as TimePicker, ce as Toast, W as TopNavigation, ye as confirm, me as mintui, Z as toast };