monobill-mintui 0.3.52 → 0.3.53

package/dist/index.js

@@ -148,10 +148,10 @@ class Q extends HTMLElement {
     }
     const i = this.closest("mint-button") || ((o = this.parentElement) == null ? void 0 : o.closest("mint-button")), s = this.closest("mint-switch") || ((c = this.parentElement) == null ? void 0 : c.closest("mint-switch")), n = this.closest("mint-select") || ((d = this.parentElement) == null ? void 0 : d.closest("mint-select"));
     if (!Array.from(this.classList).some(
-      (p) => p.startsWith("w-") || p.startsWith("h-")
+      (u) => u.startsWith("w-") || u.startsWith("h-")
     ) && !n) {
-      let p;
-      s ? p = "w-3 h-3" : i ? p = "w-5 h-5" : p = "w-[1.3em] h-[1.3em]", this.classList.remove("w-4", "h-4", "w-5", "h-5", "w-[1em]", "h-[1em]", "w-[1.3em]", "h-[1.3em]", "w-3", "h-3"), p.split(" ").forEach((h) => {
+      let u;
+      s ? u = "w-3 h-3" : i ? u = "w-5 h-5" : u = "w-[1.3em] h-[1.3em]", this.classList.remove("w-4", "h-4", "w-5", "h-5", "w-[1em]", "h-[1em]", "w-[1.3em]", "h-[1.3em]", "w-3", "h-3"), u.split(" ").forEach((h) => {
         h && this.classList.add(h);
       });
     }
@@ -169,7 +169,7 @@ class Q extends HTMLElement {
   }
 }
 customElements.get("mint-icon") || customElements.define("mint-icon", Q);
-const W = class W extends HTMLElement {
+const j = class j extends HTMLElement {
   constructor() {
     super(), this._button = null, this._clickHandler = null, this._isHandlingClick = !1, this._handleMouseDown = () => {
       this._button && !this.isDisabled() && !this.isLoading() && this._button.classList.add("mint-button-active");
@@ -189,7 +189,7 @@ const W = class W extends HTMLElement {
     return ["variant", "tone", "disabled", "loading", "button-type", "type", "full-width", "icon-position", "icon", "active"];
   }
   connectedCallback() {
-    if (!W._activeShadowStyleInjected) {
+    if (!j._activeShadowStyleInjected) {
       const t = document.createElement("style");
       t.textContent = `
         mint-button .mint-button-active {
@@ -202,7 +202,7 @@ const W = class W extends HTMLElement {
         mint-button[data-variant="link"] .mint-button-active {
           box-shadow: none !important;
         }
-      `, document.head.appendChild(t), W._activeShadowStyleInjected = !0;
+      `, document.head.appendChild(t), j._activeShadowStyleInjected = !0;
     }
     this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "inline-block"), this.render(), this._button && this.setupEventListeners(), this.isFullWidth() && this.classList.add("w-full");
   }
@@ -729,7 +729,7 @@ const W = class W extends HTMLElement {
     return this.isFullWidth() && l.push("w-full"), l.join(" ");
   }
   render() {
-    var d, p, h, f, u, m;
+    var d, u, h, f, p, m;
     const t = this.isDisabled() || this.isLoading(), e = this.getType();
     if (!this._button) {
       for (this._button = document.createElement("button"); this.firstChild; )
@@ -763,7 +763,7 @@ const W = class W extends HTMLElement {
         g || a === "left" ? b ? b.insertAdjacentElement("afterend", r) : this._button.insertBefore(r, l) : l.insertAdjacentElement("afterend", r);
       } else if (r && (g || a === "left") && r.nextSibling !== l) {
         r.remove();
-        const b = (u = this._button.querySelector("mint-spinner")) == null ? void 0 : u.parentElement;
+        const b = (p = this._button.querySelector("mint-spinner")) == null ? void 0 : p.parentElement;
         b ? b.insertAdjacentElement("afterend", r) : this._button.insertBefore(r, l);
       } else r && !g && a === "right" && r.previousSibling !== l && (r.remove(), l.insertAdjacentElement("afterend", r));
     } else {
@@ -773,14 +773,14 @@ const W = class W extends HTMLElement {
           g.push(b);
           continue;
         }
-        const _ = b;
-        _.tagName !== "MINT-SPINNER" && !_.querySelector("mint-spinner") && b !== r && !_.hasAttribute("slot") && !(_.className === "mr-2" && _.querySelector("mint-spinner")) && g.push(b);
+        const v = b;
+        v.tagName !== "MINT-SPINNER" && !v.querySelector("mint-spinner") && b !== r && !v.hasAttribute("slot") && !(v.className === "mr-2" && v.querySelector("mint-spinner")) && g.push(b);
       }
       if (g.length > 0) {
-        l = document.createElement("span"), l.className = "mint-button-content inline-flex items-center", g.forEach((_) => {
-          l.appendChild(_);
+        l = document.createElement("span"), l.className = "mint-button-content inline-flex items-center", g.forEach((v) => {
+          l.appendChild(v);
         });
-        const b = (p = this._button.querySelector("mint-spinner")) == null ? void 0 : p.parentElement;
+        const b = (u = this._button.querySelector("mint-spinner")) == null ? void 0 : u.parentElement;
         r && a === "left" ? b ? (b.insertAdjacentElement("afterend", r), r.insertAdjacentElement("afterend", l)) : (this._button.insertBefore(r, this._button.firstChild), r.insertAdjacentElement("afterend", l)) : r && a === "right" ? b ? (b.insertAdjacentElement("afterend", l), l.insertAdjacentElement("afterend", r)) : (this._button.insertBefore(l, this._button.firstChild), l.insertAdjacentElement("afterend", r)) : b ? b.insertAdjacentElement("afterend", l) : this._button.insertBefore(l, this._button.firstChild);
       } else if (r && r.tagName === "MINT-ICON" && !r.parentElement) {
         const b = (h = this._button.querySelector("mint-spinner")) == null ? void 0 : h.parentElement;
@@ -833,9 +833,9 @@ const W = class W extends HTMLElement {
     });
   }
 };
-W._activeShadowStyleInjected = !1;
-let U = W;
-customElements.get("mint-button") || customElements.define("mint-button", U);
+j._activeShadowStyleInjected = !1;
+let G = j;
+customElements.get("mint-button") || customElements.define("mint-button", G);
 class tt extends HTMLElement {
   constructor() {
     super(), this._button = null, this._checked = !1;
@@ -987,8 +987,8 @@ class tt extends HTMLElement {
       let f = h.querySelector("mint-icon");
       f || (f = document.createElement("mint-icon"), h.appendChild(f)), f.setAttribute("name", r);
     } else d && d.remove();
-    let p = this.querySelector(".mint-switch-info");
-    n ? (p || (p = document.createElement("span"), p.className = "mint-switch-info text-xs text-gray-500 dark:text-gray-400 select-none mt-1 block", l && l.parentElement === this ? this.insertBefore(p, l.nextSibling) : this.appendChild(p)), p.textContent = n, this.isDisabled() ? p.classList.add("opacity-40") : p.classList.remove("opacity-40")) : p && p.remove(), this._renderErrorState(), this._renderSkeleton(t);
+    let u = this.querySelector(".mint-switch-info");
+    n ? (u || (u = document.createElement("span"), u.className = "mint-switch-info text-xs text-gray-500 dark:text-gray-400 select-none mt-1 block", l && l.parentElement === this ? this.insertBefore(u, l.nextSibling) : this.appendChild(u)), u.textContent = n, this.isDisabled() ? u.classList.add("opacity-40") : u.classList.remove("opacity-40")) : u && u.remove(), this._renderErrorState(), this._renderSkeleton(t);
   }
   setupEventListeners() {
     this._button && this._button.addEventListener("click", this.handleToggle.bind(this));
@@ -2074,23 +2074,23 @@ class ht extends HTMLElement {
     }, r.addEventListener("click", c._wrapperClickHandler));
     let d = r.querySelector("mint-icon");
     d || (d = document.createElement("mint-icon"), d.setAttribute("name", "check"), d.className = "w-3.5 h-3.5 text-white pointer-events-none absolute inset-0 m-auto", d.style.transition = "opacity 200ms ease-out, transform 200ms ease-out", d.style.zIndex = "1", r.appendChild(d)), this.updateVisualState();
-    let p = this.querySelector(".mint-checkbox-label-container");
+    let u = this.querySelector(".mint-checkbox-label-container");
     const h = this.querySelector(".mint-checkbox-container");
     if (e || i) {
-      p ? h && p.parentElement !== h && h.appendChild(p) : (p = document.createElement("div"), p.className = "mint-checkbox-label-container flex flex-col gap-0.5 flex-1", h ? h.appendChild(p) : this.appendChild(p));
-      let f = p.querySelector(".mint-checkbox-label");
-      e ? (f || (f = document.createElement("span"), f.className = "mint-checkbox-label text-sm font-medium text-gray-900 dark:text-gray-100 cursor-pointer select-none", p.insertBefore(f, p.firstChild)), f.textContent = e, s ? f.classList.add("opacity-40") : f.classList.remove("opacity-40")) : f && f.remove();
-      let u = p.querySelector(".mint-checkbox-info");
-      if (i ? (u || (u = document.createElement("span"), u.className = "mint-checkbox-info text-xs text-gray-500 dark:text-gray-400 cursor-pointer select-none", p.appendChild(u)), u.textContent = i, s ? u.classList.add("opacity-40") : u.classList.remove("opacity-40")) : u && u.remove(), s)
-        p.style.cursor = "default", p._clickHandler && (p.removeEventListener("click", p._clickHandler), p._clickHandler = null);
+      u ? h && u.parentElement !== h && h.appendChild(u) : (u = document.createElement("div"), u.className = "mint-checkbox-label-container flex flex-col gap-0.5 flex-1", h ? h.appendChild(u) : this.appendChild(u));
+      let f = u.querySelector(".mint-checkbox-label");
+      e ? (f || (f = document.createElement("span"), f.className = "mint-checkbox-label text-sm font-medium text-gray-900 dark:text-gray-100 cursor-pointer select-none", u.insertBefore(f, u.firstChild)), f.textContent = e, s ? f.classList.add("opacity-40") : f.classList.remove("opacity-40")) : f && f.remove();
+      let p = u.querySelector(".mint-checkbox-info");
+      if (i ? (p || (p = document.createElement("span"), p.className = "mint-checkbox-info text-xs text-gray-500 dark:text-gray-400 cursor-pointer select-none", u.appendChild(p)), p.textContent = i, s ? p.classList.add("opacity-40") : p.classList.remove("opacity-40")) : p && p.remove(), s)
+        u.style.cursor = "default", u._clickHandler && (u.removeEventListener("click", u._clickHandler), u._clickHandler = null);
       else {
-        p.style.cursor = "pointer";
-        const m = p._clickHandler;
-        m && p.removeEventListener("click", m), p._clickHandler = (g) => {
+        u.style.cursor = "pointer";
+        const m = u._clickHandler;
+        m && u.removeEventListener("click", m), u._clickHandler = (g) => {
           this._checkbox && (g.target === this._checkbox || this._checkbox.contains(g.target) || g.composedPath().includes(this._checkbox)) || this.toggle();
-        }, p.addEventListener("click", p._clickHandler);
+        }, u.addEventListener("click", u._clickHandler);
       }
-    } else p && p.remove();
+    } else u && u.remove();
     this._renderErrorState(), this._renderSkeleton(t);
   }
   setupEventListeners() {
@@ -2267,19 +2267,19 @@ class dt extends HTMLElement {
     }, this.addEventListener("click", this._clickHandler));
   }
   render() {
-    var u;
+    var p;
     const t = this.isLoading(), e = this.isDisabled(), i = this.getValue(), s = this.closest("mint-choice"), n = (s == null ? void 0 : s.getAttribute("name")) || "";
     let r = "";
     const a = this.querySelector(".mint-choice-option-label");
     if (a)
-      r = ((u = a.textContent) == null ? void 0 : u.trim()) || "";
+      r = ((p = a.textContent) == null ? void 0 : p.trim()) || "";
     else {
       const m = this.querySelector(".mint-choice-option-label-container");
       Array.from(this.childNodes).forEach((g) => {
         var b;
         if (g !== m && g.nodeType === Node.TEXT_NODE) {
-          const _ = (b = g.textContent) == null ? void 0 : b.trim();
-          _ && (r += _);
+          const v = (b = g.textContent) == null ? void 0 : b.trim();
+          v && (r += v);
         }
       });
     }
@@ -2303,9 +2303,9 @@ class dt extends HTMLElement {
       this._radio = document.createElement("input"), this._radio.type = "radio", this._radio.className = "sr-only", this._radio.style.position = "absolute", this._radio.style.width = "1px", this._radio.style.height = "1px", this._radio.style.padding = "0", this._radio.style.margin = "-1px", this._radio.style.overflow = "hidden", this._radio.style.clip = "rect(0, 0, 0, 0)", this._radio.style.whiteSpace = "nowrap", this._radio.style.border = "0", o.appendChild(this._radio), this._changeHandler = (g) => {
         const b = this._checked;
         this._checked = this._radio.checked, this._checked ? this.setAttribute("checked", "true") : this.removeAttribute("checked"), this._updateVisualState(), this._updateGroupState();
-        const _ = this.closest("mint-choice");
-        b !== this._checked && _ && setTimeout(() => {
-          _.dispatchEvent(new CustomEvent("choice-change", {
+        const v = this.closest("mint-choice");
+        b !== this._checked && v && setTimeout(() => {
+          v.dispatchEvent(new CustomEvent("choice-change", {
             detail: { checked: this._checked, value: this.getValue() },
             bubbles: !0,
             cancelable: !0
@@ -2328,14 +2328,14 @@ class dt extends HTMLElement {
     this._radio.name = n, this._radio.value = i, this._radio.checked !== this._checked ? (this._checked = this._radio.checked, this._checked ? this.setAttribute("checked", "true") : this.setAttribute("checked", "false")) : this._radio.checked = this._checked, this._radio.disabled = e, e ? this._radio.setAttribute("tabindex", "-1") : this._radio.removeAttribute("tabindex"), r ? this._radio.setAttribute("aria-label", r) : this._radio.removeAttribute("aria-label"), o.querySelectorAll(".mint-choice-option-indicator").forEach((m, g) => {
       g > 0 && m.remove();
     });
-    let p = o.querySelector(".mint-choice-option-indicator");
-    p || (p = document.createElement("div"), p.className = "mint-choice-option-indicator", o.appendChild(p)), p.className = "mint-choice-option-indicator w-2 h-2 rounded-full bg-white transition-all duration-200 pointer-events-none", p.style.position = "absolute", p.style.top = "50%", p.style.left = "50%", p.style.transform = this._checked ? "translate(-50%, -50%) scale(1)" : "translate(-50%, -50%) scale(0)", p.style.opacity = this._checked ? "1" : "0", this._updateVisualState(), this._renderSkeleton(t);
+    let u = o.querySelector(".mint-choice-option-indicator");
+    u || (u = document.createElement("div"), u.className = "mint-choice-option-indicator", o.appendChild(u)), u.className = "mint-choice-option-indicator w-2 h-2 rounded-full bg-white transition-all duration-200 pointer-events-none", u.style.position = "absolute", u.style.top = "50%", u.style.left = "50%", u.style.transform = this._checked ? "translate(-50%, -50%) scale(1)" : "translate(-50%, -50%) scale(0)", u.style.opacity = this._checked ? "1" : "0", this._updateVisualState(), this._renderSkeleton(t);
     const h = this.getInfo();
     let f = this.querySelector(".mint-choice-option-label-container");
     if (r || h) {
       f || (f = document.createElement("div"), f.className = "mint-choice-option-label-container flex flex-col gap-0.5", this.appendChild(f), Array.from(this.childNodes).forEach((b) => {
-        var _;
-        b.nodeType === Node.TEXT_NODE && ((_ = b.textContent) != null && _.trim()) && b !== f && (b.textContent = "");
+        var v;
+        b.nodeType === Node.TEXT_NODE && ((v = b.textContent) != null && v.trim()) && b !== f && (b.textContent = "");
       }));
       let m = f.querySelector(".mint-choice-option-label");
       r ? (m || (m = document.createElement("span"), m.className = "mint-choice-option-label", f.appendChild(m)), m.className = `mint-choice-option-label text-sm text-gray-900 dark:text-gray-100 ${e ? "opacity-40" : ""}`, m.textContent = r) : m && m.remove();
@@ -2761,9 +2761,9 @@ class pt extends HTMLElement {
     return this.getAttribute("loading") === "true";
   }
   render() {
-    var _, v, k, A;
+    var v, _, k, S;
     this.getType();
-    const t = this._getNormalizedType(), e = this._isTextarea(), i = this._isMoney(), s = this._isColor(), n = this.getPlaceholder(), r = this.isDisabled(), a = this.isReadonly(), l = this.isRequired(), o = this.getId(), c = this.getName(), d = this.getAttribute("value") || (s ? "#000000" : ""), p = this.getRows(), h = this.getIcon(), f = this.getLabel(), u = this.getInfo(), m = this.isLoading();
+    const t = this._getNormalizedType(), e = this._isTextarea(), i = this._isMoney(), s = this._isColor(), n = this.getPlaceholder(), r = this.isDisabled(), a = this.isReadonly(), l = this.isRequired(), o = this.getId(), c = this.getName(), d = this.getAttribute("value") || (s ? "#000000" : ""), u = this.getRows(), h = this.getIcon(), f = this.getLabel(), p = this.getInfo(), m = this.isLoading();
     if (this._renderSkeleton(m), s) {
       this._input && (this._input.remove(), this._input = null), this._textarea && (this._textarea.remove(), this._textarea = null), this._wrapper || (this._wrapper = document.createElement("div"), this._wrapper.className = "relative w-full", this.appendChild(this._wrapper)), this._colorContainer && (this._colorContainer.remove(), this._colorContainer = null), this._colorPickerWrapper && !s && (this._colorPickerWrapper.remove(), this._colorPickerWrapper = null), this._colorPickerWrapper || (this._colorPickerWrapper = document.createElement("div"), this._colorPickerWrapper.className = "mint-color-picker-wrapper absolute left-[.65rem] top-1/2 -translate-y-1/2 w-6 h-6 rounded cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500", this._colorPickerWrapper.style.backgroundColor = d || "#000000", this._wrapper.appendChild(this._colorPickerWrapper), this._colorPicker = document.createElement("input"), this._colorPicker.type = "color", this._colorPicker.className = "absolute inset-0 w-full h-full opacity-0 cursor-pointer", this._colorPicker.style.cssText = "position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 10; pointer-events: auto; margin: 0; padding: 0; border: none;", this._colorPickerWrapper.appendChild(this._colorPicker), this._focusHandler = (y) => {
         this._colorPickerWrapper && this._colorPicker && this._colorPicker.matches(":focus-visible") && requestAnimationFrame(() => {
@@ -2797,10 +2797,10 @@ class pt extends HTMLElement {
           cancelable: !0
         })));
       }), this._colorTextInput.addEventListener("blur", () => {
-        var x, T;
+        var x, A;
         const y = ((x = this._colorTextInput) == null ? void 0 : x.value) || "";
         /^#[0-9A-Fa-f]{6}$/.test(y) ? (this._colorPicker && (this._colorPicker.value = y), this.setAttribute("value", y)) : this._colorPicker && this._colorTextInput && (this._colorTextInput.value = this._colorPicker.value), this.dispatchEvent(new CustomEvent("change", {
-          detail: { value: ((T = this._colorPicker) == null ? void 0 : T.value) || "#000000" },
+          detail: { value: ((A = this._colorPicker) == null ? void 0 : A.value) || "#000000" },
           bubbles: !0,
           cancelable: !0
         }));
@@ -2821,22 +2821,22 @@ class pt extends HTMLElement {
         const y = document.createElement("mint-icon");
         y.setAttribute("name", "caret-down"), y.className = "w-[1rem] h-[1rem]", this._numberDecrementButton.appendChild(y), this._numberSpinnerContainer.appendChild(this._numberDecrementButton), this._numberIncrementButton.addEventListener("click", (x) => {
           if (x.preventDefault(), x.stopPropagation(), this._input && !this._input.disabled && !this._input.readOnly) {
-            const T = parseFloat(this._input.value) || 0, R = parseFloat(this._input.step) || 1, P = this._input.min ? parseFloat(this._input.min) : void 0, $ = this._input.max ? parseFloat(this._input.max) : void 0;
-            let H = T + R;
-            $ !== void 0 && H > $ && (H = $), P !== void 0 && H < P && (H = P), this._input.value = H.toString(), this.setAttribute("value", H.toString()), this._input.dispatchEvent(new Event("input", { bubbles: !0 })), this._input.dispatchEvent(new Event("change", { bubbles: !0 }));
+            const A = parseFloat(this._input.value) || 0, O = parseFloat(this._input.step) || 1, M = this._input.min ? parseFloat(this._input.min) : void 0, N = this._input.max ? parseFloat(this._input.max) : void 0;
+            let D = A + O;
+            N !== void 0 && D > N && (D = N), M !== void 0 && D < M && (D = M), this._input.value = D.toString(), this.setAttribute("value", D.toString()), this._input.dispatchEvent(new Event("input", { bubbles: !0 })), this._input.dispatchEvent(new Event("change", { bubbles: !0 }));
           }
         }), this._numberDecrementButton.addEventListener("click", (x) => {
           if (x.preventDefault(), x.stopPropagation(), this._input && !this._input.disabled && !this._input.readOnly) {
-            const T = parseFloat(this._input.value) || 0, R = parseFloat(this._input.step) || 1, P = this._input.min ? parseFloat(this._input.min) : void 0, $ = this._input.max ? parseFloat(this._input.max) : void 0;
-            let H = T - R;
-            P !== void 0 && H < P && (H = P), $ !== void 0 && H > $ && (H = $), this._input.value = H.toString(), this.setAttribute("value", H.toString()), this._input.dispatchEvent(new Event("input", { bubbles: !0 })), this._input.dispatchEvent(new Event("change", { bubbles: !0 }));
+            const A = parseFloat(this._input.value) || 0, O = parseFloat(this._input.step) || 1, M = this._input.min ? parseFloat(this._input.min) : void 0, N = this._input.max ? parseFloat(this._input.max) : void 0;
+            let D = A - O;
+            M !== void 0 && D < M && (D = M), N !== void 0 && D > N && (D = N), this._input.value = D.toString(), this.setAttribute("value", D.toString()), this._input.dispatchEvent(new Event("input", { bubbles: !0 })), this._input.dispatchEvent(new Event("change", { bubbles: !0 }));
           }
         });
       }
       this._numberIncrementButton && (this._numberIncrementButton.disabled = r || a), this._numberDecrementButton && (this._numberDecrementButton.disabled = r || a);
     } else this._numberSpinnerContainer && (this._numberSpinnerContainer.remove(), this._numberSpinnerContainer = null, this._numberIncrementButton = null, this._numberDecrementButton = null);
     if (e) {
-      if (this._input && (this._input.remove(), this._input = null), this._textarea || (this._textarea = document.createElement("textarea"), this._wrapper.appendChild(this._textarea), this.setupEventListeners()), this._element = this._textarea, this._textarea.placeholder = n, this._textarea.disabled = r, this._textarea.readOnly = a, this._textarea.required = l, this._textarea.rows = p, this._textarea.setAttribute("aria-invalid", this.hasError() ? "true" : "false"), d !== this._textarea.value && (this._textarea.value = d), o ? this._textarea.id = o : this._textarea.removeAttribute("id"), c ? this._textarea.name = c : this._textarea.removeAttribute("name"), this._textarea.className = this.getInputClasses(), this.firstChild && this.firstChild !== this._wrapper && this.firstChild.nodeType === Node.TEXT_NODE) {
+      if (this._input && (this._input.remove(), this._input = null), this._textarea || (this._textarea = document.createElement("textarea"), this._wrapper.appendChild(this._textarea), this.setupEventListeners()), this._element = this._textarea, this._textarea.placeholder = n, this._textarea.disabled = r, this._textarea.readOnly = a, this._textarea.required = l, this._textarea.rows = u, this._textarea.setAttribute("aria-invalid", this.hasError() ? "true" : "false"), d !== this._textarea.value && (this._textarea.value = d), o ? this._textarea.id = o : this._textarea.removeAttribute("id"), c ? this._textarea.name = c : this._textarea.removeAttribute("name"), this._textarea.className = this.getInputClasses(), this.firstChild && this.firstChild !== this._wrapper && this.firstChild.nodeType === Node.TEXT_NODE) {
         const E = this.firstChild.textContent;
         E && !this._textarea.value && (this._textarea.value = E.trim()), this.removeChild(this.firstChild);
       }
@@ -2845,22 +2845,22 @@ class pt extends HTMLElement {
       E && !this._input.value && (this._input.value = E.trim()), this.removeChild(this.firstChild);
     }
     let b = this.querySelector(".mint-input-label-container");
-    if (f || u) {
+    if (f || p) {
       b || (b = document.createElement("div"), b.className = "mint-input-label-container flex flex-col gap-0.5 mb-[.25rem]", this._wrapper && this._wrapper.parentElement === this ? this.insertBefore(b, this._wrapper) : this.insertBefore(b, this.firstChild));
       let E = b.querySelector(".mint-input-label");
       if (f) {
         E || (E = document.createElement("label"), E.className = "mint-input-label text-sm font-medium text-gray-900 dark:text-gray-100 select-none", b.insertBefore(E, b.firstChild)), E.textContent = f;
-        const x = o || ((_ = this._element) == null ? void 0 : _.id) || ((v = this._colorTextInput) == null ? void 0 : v.id) || ((k = this._input) == null ? void 0 : k.id) || ((A = this._textarea) == null ? void 0 : A.id);
+        const x = o || ((v = this._element) == null ? void 0 : v.id) || ((_ = this._colorTextInput) == null ? void 0 : _.id) || ((k = this._input) == null ? void 0 : k.id) || ((S = this._textarea) == null ? void 0 : S.id);
         if (x)
           E.setAttribute("for", x);
         else {
-          const T = `mint-input-${Math.random().toString(36).substr(2, 9)}`;
-          this._element ? this._element.id = T : this._colorTextInput ? this._colorTextInput.id = T : this._input ? this._input.id = T : this._textarea && (this._textarea.id = T), E.setAttribute("for", T);
+          const A = `mint-input-${Math.random().toString(36).substr(2, 9)}`;
+          this._element ? this._element.id = A : this._colorTextInput ? this._colorTextInput.id = A : this._input ? this._input.id = A : this._textarea && (this._textarea.id = A), E.setAttribute("for", A);
         }
         r ? E.classList.add("opacity-40") : E.classList.remove("opacity-40");
       } else E && E.remove();
       let y = b.querySelector(".mint-input-info");
-      u ? (y || (y = document.createElement("span"), y.className = "mint-input-info text-xs text-gray-500 dark:text-gray-400 select-none", b.appendChild(y)), y.textContent = u, r ? y.classList.add("opacity-40") : y.classList.remove("opacity-40")) : y && y.remove();
+      p ? (y || (y = document.createElement("span"), y.className = "mint-input-info text-xs text-gray-500 dark:text-gray-400 select-none", b.appendChild(y)), y.textContent = p, r ? y.classList.add("opacity-40") : y.classList.remove("opacity-40")) : y && y.remove();
     } else b && b.remove();
     this._renderErrorState(), this._renderSkeleton(m);
   }
@@ -3027,7 +3027,10 @@ class ft extends HTMLElement {
   }
   getMode() {
     const t = this.getAttribute("mode");
-    return t === "month" || t === "year" ? t : "default";
+    if (t === "month" || t === "year")
+      return t;
+    const e = this.getFormat().toLowerCase(), i = e.includes("d"), s = e.includes("m");
+    return !i && !s ? "year" : !i && s ? "month" : "default";
   }
   getWeekStartDay() {
     var i;
@@ -3177,13 +3180,13 @@ class ft extends HTMLElement {
         const l = a.relatedTarget, o = l && (this._startPartInputs.includes(l) || this._endPartInputs.includes(l));
         setTimeout(() => {
           var d;
-          if (!(this._startPartInputs.some((p) => p === document.activeElement) || this._endPartInputs.some((p) => p === document.activeElement)) && (o || this._handleBlur(((d = this._hiddenInput) == null ? void 0 : d.value) || ""), this._exitInputMode(), !o && this._hiddenInput)) {
-            const p = new FocusEvent("blur", {
+          if (!(this._startPartInputs.some((u) => u === document.activeElement) || this._endPartInputs.some((u) => u === document.activeElement)) && (o || this._handleBlur(((d = this._hiddenInput) == null ? void 0 : d.value) || ""), this._exitInputMode(), !o && this._hiddenInput)) {
+            const u = new FocusEvent("blur", {
               bubbles: !0,
               cancelable: !0,
               relatedTarget: a.relatedTarget
             });
-            this._hiddenInput.dispatchEvent(p);
+            this._hiddenInput.dispatchEvent(u);
           }
         }, 0);
       });
@@ -3211,25 +3214,26 @@ class ft extends HTMLElement {
   _parseDateString(t, e) {
     const i = /[\/\-\.\s]+/;
     if (i.test(t)) {
-      const m = t.split(i).filter((b) => b.length > 0), g = e.split(/[\/\-\.\s]+/).filter((b) => b.length > 0);
-      if (m.length === g.length) {
-        let b = 0, _ = 0, v = 0;
-        for (let k = 0; k < g.length; k++) {
-          const A = g[k].toLowerCase(), E = m[k];
-          if (A.includes("d"))
-            b = parseInt(E, 10);
-          else if (A.includes("m"))
-            _ = parseInt(E, 10) - 1;
-          else if (A.includes("y")) {
-            let y = parseInt(E, 10);
-            const x = A.length, T = E.length;
-            T === 2 && x === 4 ? y = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + y : T === 2 && x === 2 && (y = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + y), v = y;
+      const v = t.split(i).filter((k) => k.length > 0), _ = e.split(/[\/\-\.\s]+/).filter((k) => k.length > 0);
+      if (v.length === _.length) {
+        let k = 0, S = 0, E = 0;
+        for (let A = 0; A < _.length; A++) {
+          const O = _[A].toLowerCase(), M = v[A];
+          if (O.includes("d"))
+            k = parseInt(M, 10);
+          else if (O.includes("m"))
+            S = parseInt(M, 10) - 1;
+          else if (O.includes("y")) {
+            let N = parseInt(M, 10);
+            const D = O.length, Y = M.length;
+            Y === 2 && D === 4 ? N = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + N : Y === 2 && D === 2 && (N = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + N), E = N;
           }
         }
-        if (b && _ >= 0 && _ <= 11 && v) {
-          const k = new Date(v, _, b);
-          if (!isNaN(k.getTime()) && k.getDate() === b && k.getMonth() === _ && k.getFullYear() === v)
-            return k;
+        const y = _.some((A) => A.toLowerCase().includes("d")), x = _.some((A) => A.toLowerCase().includes("m"));
+        if (y || (k = 1), x || (S = 0), S >= 0 && S <= 11 && E) {
+          const A = new Date(E, S, k);
+          if (!isNaN(A.getTime()))
+            return y && A.getDate() !== k || A.getMonth() !== S || A.getFullYear() !== E ? null : A;
         }
       }
     }
@@ -3239,27 +3243,28 @@ class ft extends HTMLElement {
       { char: "d", index: a },
       { char: "m", index: l },
       { char: "y", index: o }
-    ].sort((m, g) => m.index - g.index);
-    let d = 0, p = 0, h = 0, f = 0;
+    ].sort((v, _) => v.index - _.index);
+    let d = 0, u = 0, h = 0, f = 0;
     r.length, n.length;
-    for (const m of c)
-      if (m.char === "d") {
-        const g = r.lastIndexOf("d") - r.indexOf("d") + 1, b = n.substr(f, g);
-        if (b.length === 0) return null;
-        d = parseInt(b, 10), f += b.length;
-      } else if (m.char === "m") {
-        const g = r.lastIndexOf("m") - r.indexOf("m") + 1, b = n.substr(f, g);
-        if (b.length === 0) return null;
-        p = parseInt(b, 10) - 1, f += b.length;
-      } else if (m.char === "y") {
-        const g = r.lastIndexOf("y") - r.indexOf("y") + 1, b = n.substr(f), _ = Math.min(g, b.length), v = b.substr(0, _);
-        if (v.length === 0) return null;
-        let k = parseInt(v, 10);
-        _ === 2 && g === 4 ? k = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + k : _ === 2 && g === 2 && (k = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + k), h = k, f += _;
+    for (const v of c)
+      if (v.char === "d") {
+        const _ = r.lastIndexOf("d") - r.indexOf("d") + 1, k = n.substr(f, _);
+        if (k.length === 0) return null;
+        d = parseInt(k, 10), f += k.length;
+      } else if (v.char === "m") {
+        const _ = r.lastIndexOf("m") - r.indexOf("m") + 1, k = n.substr(f, _);
+        if (k.length === 0) return null;
+        u = parseInt(k, 10) - 1, f += k.length;
+      } else if (v.char === "y") {
+        const _ = r.lastIndexOf("y") - r.indexOf("y") + 1, k = n.substr(f), S = Math.min(_, k.length), E = k.substr(0, S);
+        if (E.length === 0) return null;
+        let y = parseInt(E, 10);
+        S === 2 && _ === 4 ? y = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + y : S === 2 && _ === 2 && (y = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + y), h = y, f += S;
       }
-    if (!d || p < 0 || p > 11 || !h) return null;
-    const u = new Date(h, p, d);
-    return isNaN(u.getTime()) || u.getDate() !== d || u.getMonth() !== p || u.getFullYear() !== h ? null : u;
+    const p = e.toLowerCase(), m = p.includes("d"), g = p.includes("m");
+    if (m || (d = 1), g || (u = 0), u < 0 || u > 11 || !h) return null;
+    const b = new Date(h, u, d);
+    return isNaN(b.getTime()) || m && b.getDate() !== d || b.getMonth() !== u || b.getFullYear() !== h ? null : b;
   }
   _formatDate(t, e) {
     const i = t.getDate(), s = t.getMonth() + 1, n = t.getFullYear(), r = e.toLowerCase();
@@ -3269,114 +3274,114 @@ class ft extends HTMLElement {
   // PHP-style formatter for display mode
   _formatDatePhp(t, e) {
     const i = t.getDate(), s = t.getMonth() + 1, n = t.getFullYear(), r = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], a = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], l = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], o = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], c = (h, f = 2) => h.toString().padStart(f, "0"), d = (h) => {
-      const f = h % 10, u = h % 100;
-      return f === 1 && u !== 11 ? "st" : f === 2 && u !== 12 ? "nd" : f === 3 && u !== 13 ? "rd" : "th";
+      const f = h % 10, p = h % 100;
+      return f === 1 && p !== 11 ? "st" : f === 2 && p !== 12 ? "nd" : f === 3 && p !== 13 ? "rd" : "th";
     };
-    let p = "";
+    let u = "";
     for (let h = 0; h < e.length; h++) {
       const f = e[h];
       if (f === "\\" && h + 1 < e.length) {
-        p += e[h + 1], h++;
+        u += e[h + 1], h++;
         continue;
       }
       switch (f) {
         case "Y":
-          p += n.toString();
+          u += n.toString();
           break;
         case "y":
-          p += n.toString().slice(-2);
+          u += n.toString().slice(-2);
           break;
         case "m":
-          p += c(s);
+          u += c(s);
           break;
         case "n":
-          p += s.toString();
+          u += s.toString();
           break;
         case "M":
-          p += o[s - 1];
+          u += o[s - 1];
           break;
         case "F":
-          p += l[s - 1];
+          u += l[s - 1];
           break;
         case "d":
-          p += c(i);
+          u += c(i);
           break;
         case "j":
-          p += i.toString();
+          u += i.toString();
           break;
         case "D":
-          p += a[t.getDay()];
+          u += a[t.getDay()];
           break;
         case "l":
-          p += r[t.getDay()];
+          u += r[t.getDay()];
           break;
         case "S":
-          p += d(i);
+          u += d(i);
           break;
         default:
-          p += f;
+          u += f;
           break;
       }
     }
-    return p;
+    return u;
   }
   _validateDateString(t, e) {
     const i = this._parseDateString(t, e);
     return i !== null && !isNaN(i.getTime());
   }
   render() {
-    const t = this.isLoading(), e = this.getLabel(), i = this.getInfo(), s = this.getValue(), n = this.isDisabled(), r = this.isReadonly(), a = this.isRequired(), l = this.getId(), o = this.getName(), c = this.getFormat(), d = this.hasError(), p = this.getErrorMessage(), h = this.getSelectionMode();
+    const t = this.isLoading(), e = this.getLabel(), i = this.getInfo(), s = this.getValue(), n = this.isDisabled(), r = this.isReadonly(), a = this.isRequired(), l = this.getId(), o = this.getName(), c = this.getFormat(), d = this.hasError(), u = this.getErrorMessage(), h = this.getSelectionMode();
     this._isRange = this.isRange() || h === "week" || h === "month", this._input || (this._input = document.createElement("div"), this._input.className = "relative w-full", this.appendChild(this._input));
     let f = this.querySelector(".mint-date-picker-label-container");
     if (e || i) {
       f || (f = document.createElement("div"), f.className = "mint-date-picker-label-container flex flex-col gap-0.5 mb-[.25rem]", this.contains(this._input) ? this.insertBefore(f, this._input) : this.appendChild(f));
-      let v = f.querySelector(".mint-date-picker-label");
-      e ? (v || (v = document.createElement("label"), v.className = "mint-date-picker-label text-sm font-medium text-gray-900 dark:text-gray-100 select-none", f.insertBefore(v, f.firstChild)), v.textContent = e, l && this._textInput && v.setAttribute("for", l)) : v && v.remove();
+      let _ = f.querySelector(".mint-date-picker-label");
+      e ? (_ || (_ = document.createElement("label"), _.className = "mint-date-picker-label text-sm font-medium text-gray-900 dark:text-gray-100 select-none", f.insertBefore(_, f.firstChild)), _.textContent = e, l && this._textInput && _.setAttribute("for", l)) : _ && _.remove();
       let k = f.querySelector(".mint-date-picker-info");
       i ? (k || (k = document.createElement("span"), k.className = "mint-date-picker-info text-xs text-gray-500 dark:text-gray-400 select-none", f.appendChild(k)), k.textContent = i) : k && k.remove();
     } else f && f.remove();
     this._hiddenInput || (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.value = s || "", this._textInput = this._hiddenInput, this._input.appendChild(this._hiddenInput)), l && (this._hiddenInput.id = l), o && (this._hiddenInput.name = o), this._hiddenInput.value = s || "", this._hiddenInput.setAttribute("aria-invalid", d ? "true" : "false");
-    let u = this._input.querySelector(".mint-date-fields");
-    u || (u = document.createElement("div"), this._input.appendChild(u)), this._fieldsContainer = u, this._applyErrorVisuals(d, p, n), u.innerHTML = "", this._displayEl = document.createElement("div");
+    let p = this._input.querySelector(".mint-date-fields");
+    p || (p = document.createElement("div"), this._input.appendChild(p)), this._fieldsContainer = p, this._applyErrorVisuals(d, u, n), p.innerHTML = "", this._displayEl = document.createElement("div");
     const m = r ? "select-text" : "select-none";
     this._displayEl.className = `flex-1 text-gray-900 dark:text-white ${r ? "cursor-default" : "cursor-text"} ${m} focus:outline-none`, this._displayEl.tabIndex = n || r ? -1 : 0, this._displayEl.addEventListener("click", () => {
       n || r || this._enterInputMode();
-    }), this._displayEl.addEventListener("keydown", (v) => {
-      n || r || (v.key === "Enter" || v.key === " ") && (v.preventDefault(), this._enterInputMode());
+    }), this._displayEl.addEventListener("keydown", (_) => {
+      n || r || (_.key === "Enter" || _.key === " ") && (_.preventDefault(), this._enterInputMode());
     }), this._inputsWrapperEl = document.createElement("div"), this._inputsWrapperEl.className = "flex items-center gap-1 w-full";
     const g = this._getFormatTokens(c);
     this._startPartInputs = [], this._endPartInputs = [];
-    const b = (v) => {
+    const b = (_) => {
       const k = document.createDocumentFragment();
-      return g.forEach((A) => {
-        if (A.type === "sep") {
+      return g.forEach((S) => {
+        if (S.type === "sep") {
           const E = document.createElement("span");
-          E.textContent = A.value, E.className = "text-gray-400 dark:text-gray-500 select-none", k.appendChild(E);
+          E.textContent = S.value, E.className = "text-gray-400 dark:text-gray-500 select-none", k.appendChild(E);
         } else {
-          const E = A.part === "d" ? "dd" : A.part === "m" ? "mm" : A.len === 2 ? "yy" : "yyyy", y = this._createPartInput(A.len, E, n, r, a);
-          v === "start" ? this._startPartInputs.push(y) : this._endPartInputs.push(y), k.appendChild(y);
+          const E = S.part === "d" ? "dd" : S.part === "m" ? "mm" : S.len === 2 ? "yy" : "yyyy", y = this._createPartInput(S.len, E, n, r, a);
+          _ === "start" ? this._startPartInputs.push(y) : this._endPartInputs.push(y), k.appendChild(y);
         }
       }), k;
     };
     if (this._inputsWrapperEl.appendChild(b("start")), this._isRange) {
-      const v = document.createElement("span");
-      v.textContent = " - ", v.className = "text-gray-400 dark:text-gray-500 select-none", this._inputsWrapperEl.appendChild(v), this._inputsWrapperEl.appendChild(b("end"));
+      const _ = document.createElement("span");
+      _.textContent = " - ", _.className = "text-gray-400 dark:text-gray-500 select-none", this._inputsWrapperEl.appendChild(_), this._inputsWrapperEl.appendChild(b("end"));
     }
-    const _ = document.createElement("div");
-    if (_.className = "flex flex-col w-full", this._displayEl.style.display = this._isInputMode ? "none" : "flex", this._inputsWrapperEl.style.display = this._isInputMode ? "flex" : "none", _.appendChild(this._displayEl), _.appendChild(this._inputsWrapperEl), u.appendChild(_), u.addEventListener("click", () => {
+    const v = document.createElement("div");
+    if (v.className = "flex flex-col w-full", this._displayEl.style.display = this._isInputMode ? "none" : "flex", this._inputsWrapperEl.style.display = this._isInputMode ? "flex" : "none", v.appendChild(this._displayEl), v.appendChild(this._inputsWrapperEl), p.appendChild(v), p.addEventListener("click", () => {
       this._isInputMode || n || r || this._enterInputMode();
-    }), this._attachPartInputHandlers(this._startPartInputs, g, u), this._isRange && this._attachPartInputHandlers(this._endPartInputs, g, u), this._parseValue(s), this._syncHiddenInput(), this._updateDisplayText(), this._iconButton)
+    }), this._attachPartInputHandlers(this._startPartInputs, g, p), this._isRange && this._attachPartInputHandlers(this._endPartInputs, g, p), this._parseValue(s), this._syncHiddenInput(), this._updateDisplayText(), this._iconButton)
       this._iconButton.disabled = n || r, !n && !r ? this._iconButton.tabIndex = 0 : this._iconButton.tabIndex = -1;
     else {
       this._iconButton = document.createElement("button"), this._iconButton.type = "button", this._iconButton.tabIndex = 0, this._iconButton.className = "absolute left-2 top-[.55rem] text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 cursor-pointer z-10 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500 pointer-events-auto disabled:opacity-40 disabled:cursor-not-allowed flex items-center justify-center rounded-sm";
-      const v = `date-icon-${Math.random().toString(36).substr(2, 9)}`;
-      this._iconButton.id = v;
+      const _ = `date-icon-${Math.random().toString(36).substr(2, 9)}`;
+      this._iconButton.id = _;
       const k = document.createElement("mint-icon");
       k.setAttribute("name", "calendar"), k.className = "w-4 h-4 pointer-events-none", this._iconButton.appendChild(k), this._iconButton.addEventListener("click", () => {
         n || r || this._enterInputMode();
       }), this._input.prepend(this._iconButton), this._iconButton.disabled = n || r;
     }
-    this._renderErrorState(d, p), this._renderSkeleton(t);
+    this._renderErrorState(d, u), this._renderSkeleton(t);
   }
   _renderErrorState(t, e) {
     let i = this.querySelector(".mint-date-picker-error");
@@ -3424,7 +3429,7 @@ class ft extends HTMLElement {
     if (s) {
       const [n, r] = this._splitRangeInput(t, e), a = n ? this._parseDateString(n, e) : null, l = r ? this._parseDateString(r, e) : null;
       if (a && l) {
-        const [o, c] = a <= l ? [a, l] : [l, a], d = this._formatDate(o, e), p = this._formatDate(c, e), h = `${d} - ${p}`;
+        const [o, c] = a <= l ? [a, l] : [l, a], d = this._formatDate(o, e), u = this._formatDate(c, e), h = `${d} - ${u}`;
         this.setValue(h), this._applyDateToParts(o, this._startPartInputs, this._getFormatTokens(e), e), this._applyDateToParts(c, this._endPartInputs, this._getFormatTokens(e), e), this._selectedStartDate = o, this._selectedEndDate = c, this._currentMonth = o.getMonth(), this._currentYear = o.getFullYear();
       } else if (a) {
         const o = this._formatDate(a, e);
@@ -3540,19 +3545,19 @@ class ft extends HTMLElement {
     c.className = "flex-1 min-w-0";
     const d = document.createElement("div");
     d.className = "flex items-center justify-between mb-4";
-    const p = document.createElement("button");
-    p.type = "button", p.tabIndex = 0, p.className = "p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-600 dark:text-gray-300 transition-colors flex items-center focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500", p.setAttribute("data-keep-popover-open", "true");
+    const u = document.createElement("button");
+    u.type = "button", u.tabIndex = 0, u.className = "p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-600 dark:text-gray-300 transition-colors flex items-center focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500", u.setAttribute("data-keep-popover-open", "true");
     const h = document.createElement("mint-icon");
-    h.setAttribute("name", "caret-left"), h.className = "w-4 h-4", p.appendChild(h), p.addEventListener("click", () => {
+    h.setAttribute("name", "caret-left"), h.className = "w-4 h-4", u.appendChild(h), u.addEventListener("click", () => {
       this._currentMonth === 0 ? (this._currentMonth = 11, this._currentYear--) : this._currentMonth--, this._buildCalendar();
-    }), d.appendChild(p);
+    }), d.appendChild(u);
     const f = document.createElement("div");
     f.className = "flex items-center gap-2";
-    const u = document.createElement("button");
-    u.type = "button", u.tabIndex = 0, u.className = "text-sm font-medium text-gray-900 dark:text-gray-100 hover:text-gray-600 dark:hover:text-gray-300 transition-colors flex items-center focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500", u.setAttribute("data-keep-popover-open", "true"), u.textContent = i[this._currentMonth], u.addEventListener("click", () => {
+    const p = document.createElement("button");
+    p.type = "button", p.tabIndex = 0, p.className = "text-sm font-medium text-gray-900 dark:text-gray-100 hover:text-gray-600 dark:hover:text-gray-300 transition-colors flex items-center focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500", p.setAttribute("data-keep-popover-open", "true"), p.textContent = i[this._currentMonth], p.addEventListener("click", () => {
       const C = this.getMode();
       C !== "month" && C !== "year" && (this._viewMode = "month", this._buildCalendar());
-    }), f.appendChild(u);
+    }), f.appendChild(p);
     const m = document.createElement("button");
     m.type = "button", m.tabIndex = 0, m.className = "text-sm font-medium text-gray-900 dark:text-gray-100 hover:text-gray-600 dark:hover:text-gray-300 transition-colors flex items-center focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500", m.setAttribute("data-keep-popover-open", "true"), m.textContent = String(this._currentYear), m.addEventListener("click", () => {
       this.getMode() !== "year" && (this._viewMode = "year", this._buildCalendar());
@@ -3563,46 +3568,46 @@ class ft extends HTMLElement {
     b.setAttribute("name", "caret-right"), b.className = "w-4 h-4", g.appendChild(b), g.addEventListener("click", () => {
       this._currentMonth === 11 ? (this._currentMonth = 0, this._currentYear++) : this._currentMonth++, this._buildCalendar();
     }), d.appendChild(g);
-    const _ = document.createElement("div");
-    _.className = "grid grid-cols-7 mb-2", r.forEach((C) => {
-      const I = document.createElement("div");
-      I.className = "text-xs font-medium text-gray-500 dark:text-gray-400 text-center py-1", I.textContent = C, _.appendChild(I);
-    });
     const v = document.createElement("div");
-    v.className = "grid grid-cols-7";
-    const k = this.getMin() ? this._parseDateString(this.getMin(), this.getFormat()) : null, A = this.getMax() ? this._parseDateString(this.getMax(), this.getFormat()) : null, E = this._currentMonth === 0 ? 11 : this._currentMonth - 1, y = this._currentMonth === 0 ? this._currentYear - 1 : this._currentYear, x = this._getDaysInMonth(E, y), T = this._currentMonth === 11 ? 0 : this._currentMonth + 1, R = this._currentMonth === 11 ? this._currentYear + 1 : this._currentYear, P = e + t, G = Math.ceil(P / 7) * 7 - P, j = (C, I, S) => {
-      const V = this._isToday(C), O = this._isDateSelected(C), q = this._isDateInRange(C), F = k && C < k || A && C > A;
-      let M = "rounded-md";
+    v.className = "grid grid-cols-7 mb-2", r.forEach((C) => {
+      const T = document.createElement("div");
+      T.className = "text-xs font-medium text-gray-500 dark:text-gray-400 text-center py-1", T.textContent = C, v.appendChild(T);
+    });
+    const _ = document.createElement("div");
+    _.className = "grid grid-cols-7";
+    const k = this.getMin() ? this._parseDateString(this.getMin(), this.getFormat()) : null, S = this.getMax() ? this._parseDateString(this.getMax(), this.getFormat()) : null, E = this._currentMonth === 0 ? 11 : this._currentMonth - 1, y = this._currentMonth === 0 ? this._currentYear - 1 : this._currentYear, x = this._getDaysInMonth(E, y), A = this._currentMonth === 11 ? 0 : this._currentMonth + 1, O = this._currentMonth === 11 ? this._currentYear + 1 : this._currentYear, M = e + t, Y = Math.ceil(M / 7) * 7 - M, W = (C, T, L) => {
+      const V = this._isToday(C), $ = this._isDateSelected(C), B = this._isDateInRange(C), q = k && C < k || S && C > S;
+      let P = "rounded-md";
       if (this._isRange && this._selectedStartDate && this._selectedEndDate) {
-        const D = this._isSameDate(C, this._selectedStartDate), L = this._isSameDate(C, this._selectedEndDate);
-        D && L ? M = "rounded-md" : D ? M = "rounded-l-md" : L ? M = "rounded-r-md" : q && (M = "rounded-none");
-      } else O && !this._isRange && (M = "rounded-md");
-      const N = document.createElement("button");
-      N.type = "button", N.disabled = !!F, N.tabIndex = F ? -1 : 0;
-      let B = `w-full h-8 ${M} border-0 text-sm font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500`;
-      return S ? B += O ? " bg-slate-800 dark:bg-slate-600 text-white" : q ? " bg-slate-100 dark:bg-slate-700 text-slate-800 dark:text-slate-200" : V ? " text-gray-900 dark:text-gray-100 font-semibold" : " text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700" : B += O ? " bg-slate-800 dark:bg-slate-600 text-white" : q ? " bg-slate-100 dark:bg-slate-700 text-slate-800 dark:text-slate-200" : " text-gray-400 dark:text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700", B += F ? " opacity-40 cursor-not-allowed" : "", N.className = B, N.textContent = I.toString(), F || N.addEventListener("click", () => {
+        const H = this._isSameDate(C, this._selectedStartDate), I = this._isSameDate(C, this._selectedEndDate);
+        H && I ? P = "rounded-md" : H ? P = "rounded-l-md" : I ? P = "rounded-r-md" : B && (P = "rounded-none");
+      } else $ && !this._isRange && (P = "rounded-md");
+      const F = document.createElement("button");
+      F.type = "button", F.disabled = !!q, F.tabIndex = q ? -1 : 0;
+      let z = `w-full h-8 ${P} border-0 text-sm font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500`;
+      return L ? z += $ ? " bg-slate-800 dark:bg-slate-600 text-white" : B ? " bg-slate-100 dark:bg-slate-700 text-slate-800 dark:text-slate-200" : V ? " text-gray-900 dark:text-gray-100 font-semibold" : " text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700" : z += $ ? " bg-slate-800 dark:bg-slate-600 text-white" : B ? " bg-slate-100 dark:bg-slate-700 text-slate-800 dark:text-slate-200" : " text-gray-400 dark:text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700", z += q ? " opacity-40 cursor-not-allowed" : "", F.className = z, F.textContent = T.toString(), q || F.addEventListener("click", () => {
         this._handleDateClick(C);
-      }), N;
+      }), F;
     };
     for (let C = e - 1; C >= 0; C--) {
-      const I = x - C, S = new Date(y, E, I), V = j(S, I, !1);
-      v.appendChild(V);
+      const T = x - C, L = new Date(y, E, T), V = W(L, T, !1);
+      _.appendChild(V);
     }
     for (let C = 1; C <= t; C++) {
-      const I = new Date(this._currentYear, this._currentMonth, C), S = j(I, C, !0);
-      v.appendChild(S);
+      const T = new Date(this._currentYear, this._currentMonth, C), L = W(T, C, !0);
+      _.appendChild(L);
     }
-    for (let C = 1; C <= G; C++) {
-      const I = new Date(R, T, C), S = j(I, C, !1);
-      v.appendChild(S);
+    for (let C = 1; C <= Y; C++) {
+      const T = new Date(O, A, C), L = W(T, C, !1);
+      _.appendChild(L);
     }
     if (l) {
       const C = document.createElement("div");
       C.className = "mb-4 pb-4 border-b border-gray-200 dark:border-gray-700 md:mb-0 md:pb-0 md:border-b-0 md:border-r md:border-r-gray-200 dark:md:border-r-gray-700 md:pr-6 md:mr-0 md:w-32 md:flex-shrink-0 md:h-full md:flex md:flex-col";
-      const I = document.createElement("div");
-      I.className = "relative md:relative md:flex-1 md:min-h-0";
-      const S = document.createElement("div");
-      S.className = "flex gap-2 overflow-x-auto pb-1 md:flex-col md:overflow-x-visible md:overflow-y-auto md:pb-0 md:gap-2", S.style.scrollbarWidth = "none", S.style.msOverflowStyle = "none", S.style.setProperty("-webkit-overflow-scrolling", "touch");
+      const T = document.createElement("div");
+      T.className = "relative md:relative md:flex-1 md:min-h-0";
+      const L = document.createElement("div");
+      L.className = "flex gap-2 overflow-x-auto pb-1 md:flex-col md:overflow-x-visible md:overflow-y-auto md:pb-0 md:gap-2", L.style.scrollbarWidth = "none", L.style.msOverflowStyle = "none", L.style.setProperty("-webkit-overflow-scrolling", "touch");
       const V = document.createElement("style");
       V.textContent = `
         .mint-date-shortcuts-row::-webkit-scrollbar {
@@ -3628,37 +3633,37 @@ class ft extends HTMLElement {
             background: rgba(255, 255, 255, 0.2);
           }
         }
-      `, S.classList.add("mint-date-shortcuts-row"), document.head.querySelector("style[data-mint-date-shortcuts]") || (V.setAttribute("data-mint-date-shortcuts", "true"), document.head.appendChild(V));
-      const O = document.createElement("div");
-      O.className = "absolute left-0 top-0 bottom-0 w-8 pointer-events-none z-10 bg-gradient-to-r from-white dark:from-gray-800 to-transparent opacity-0 transition-opacity duration-200 md:hidden", I.appendChild(O);
+      `, L.classList.add("mint-date-shortcuts-row"), document.head.querySelector("style[data-mint-date-shortcuts]") || (V.setAttribute("data-mint-date-shortcuts", "true"), document.head.appendChild(V));
+      const $ = document.createElement("div");
+      $.className = "absolute left-0 top-0 bottom-0 w-8 pointer-events-none z-10 bg-gradient-to-r from-white dark:from-gray-800 to-transparent opacity-0 transition-opacity duration-200 md:hidden", T.appendChild($);
+      const B = document.createElement("div");
+      B.className = "absolute right-0 top-0 bottom-0 w-8 pointer-events-none z-10 bg-gradient-to-l from-white dark:from-gray-800 to-transparent opacity-100 transition-opacity duration-200 md:hidden", T.appendChild(B);
       const q = document.createElement("div");
-      q.className = "absolute right-0 top-0 bottom-0 w-8 pointer-events-none z-10 bg-gradient-to-l from-white dark:from-gray-800 to-transparent opacity-100 transition-opacity duration-200 md:hidden", I.appendChild(q);
-      const F = document.createElement("div");
-      F.className = "hidden md:block absolute top-0 left-0 right-0 h-8 pointer-events-none z-10 bg-gradient-to-b from-white dark:from-gray-800 to-transparent opacity-0 transition-opacity duration-200", I.appendChild(F);
-      const M = document.createElement("div");
-      M.className = "hidden md:block absolute bottom-0 left-0 right-0 h-8 pointer-events-none z-10 bg-gradient-to-t from-white dark:from-gray-800 to-transparent opacity-100 transition-opacity duration-200", I.appendChild(M);
-      const N = () => {
+      q.className = "hidden md:block absolute top-0 left-0 right-0 h-8 pointer-events-none z-10 bg-gradient-to-b from-white dark:from-gray-800 to-transparent opacity-0 transition-opacity duration-200", T.appendChild(q);
+      const P = document.createElement("div");
+      P.className = "hidden md:block absolute bottom-0 left-0 right-0 h-8 pointer-events-none z-10 bg-gradient-to-t from-white dark:from-gray-800 to-transparent opacity-100 transition-opacity duration-200", T.appendChild(P);
+      const F = () => {
         if (window.innerWidth >= 768) {
-          const D = S.scrollTop, L = S.scrollHeight, z = S.clientHeight;
-          D > 0 ? F.style.opacity = "1" : F.style.opacity = "0", D + z < L - 1 ? M.style.opacity = "1" : M.style.opacity = "0", O.style.opacity = "0", q.style.opacity = "0";
+          const H = L.scrollTop, I = L.scrollHeight, R = L.clientHeight;
+          H > 0 ? q.style.opacity = "1" : q.style.opacity = "0", H + R < I - 1 ? P.style.opacity = "1" : P.style.opacity = "0", $.style.opacity = "0", B.style.opacity = "0";
         } else {
-          const D = S.scrollLeft, L = S.scrollWidth, z = S.clientWidth;
-          D > 0 ? O.style.opacity = "1" : O.style.opacity = "0", D + z < L - 1 ? q.style.opacity = "1" : q.style.opacity = "0", F.style.opacity = "0", M.style.opacity = "0";
+          const H = L.scrollLeft, I = L.scrollWidth, R = L.clientWidth;
+          H > 0 ? $.style.opacity = "1" : $.style.opacity = "0", H + R < I - 1 ? B.style.opacity = "1" : B.style.opacity = "0", q.style.opacity = "0", P.style.opacity = "0";
         }
       };
-      S.addEventListener("scroll", N), window.addEventListener("resize", N), setTimeout(N, 0), a.forEach((B) => {
-        const D = document.createElement("button");
-        D.type = "button", D.tabIndex = 0, D.className = "px-3 py-1.5 text-xs font-medium rounded-md bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors whitespace-nowrap flex-shrink-0 md:w-full md:text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500", D.textContent = B.label, D.setAttribute("data-keep-popover-open", "true"), D.addEventListener("click", () => {
-          const L = B.action();
-          if (L) {
-            if (this._isRange && "start" in L && "end" in L) {
-              this._selectedStartDate = L.start, this._selectedEndDate = L.end;
-              const z = this.getFormat(), Y = this._formatDate(L.start, z), J = this._formatDate(L.end, z), X = `${Y} - ${J}`;
-              this.setValue(X), this._currentMonth = L.start.getMonth(), this._currentYear = L.start.getFullYear();
-            } else if (L instanceof Date) {
-              this._selectedStartDate = L, this._selectedEndDate = null;
-              const z = this.getFormat(), Y = this._formatDate(L, z);
-              this.setValue(Y), this._currentMonth = L.getMonth(), this._currentYear = L.getFullYear();
+      L.addEventListener("scroll", F), window.addEventListener("resize", F), setTimeout(F, 0), a.forEach((z) => {
+        const H = document.createElement("button");
+        H.type = "button", H.tabIndex = 0, H.className = "px-3 py-1.5 text-xs font-medium rounded-md bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors whitespace-nowrap flex-shrink-0 md:w-full md:text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500", H.textContent = z.label, H.setAttribute("data-keep-popover-open", "true"), H.addEventListener("click", () => {
+          const I = z.action();
+          if (I) {
+            if (this._isRange && "start" in I && "end" in I) {
+              this._selectedStartDate = I.start, this._selectedEndDate = I.end;
+              const R = this.getFormat(), U = this._formatDate(I.start, R), J = this._formatDate(I.end, R), X = `${U} - ${J}`;
+              this.setValue(X), this._currentMonth = I.start.getMonth(), this._currentYear = I.start.getFullYear();
+            } else if (I instanceof Date) {
+              this._selectedStartDate = I, this._selectedEndDate = null;
+              const R = this.getFormat(), U = this._formatDate(I, R);
+              this.setValue(U), this._currentMonth = I.getMonth(), this._currentYear = I.getFullYear();
             }
             this._buildCalendar(), this._popover && typeof this._popover.close == "function" && this._popover.close(), this.dispatchEvent(new CustomEvent("input", {
               detail: { value: this.getValue() },
@@ -3670,10 +3675,10 @@ class ft extends HTMLElement {
               cancelable: !0
             }));
           }
-        }), S.appendChild(D);
-      }), I.appendChild(S), C.appendChild(I), o.appendChild(C);
+        }), L.appendChild(H);
+      }), T.appendChild(L), C.appendChild(T), o.appendChild(C);
     }
-    c.appendChild(d), c.appendChild(_), c.appendChild(v), o.appendChild(c), this._calendarContainer.appendChild(o);
+    c.appendChild(d), c.appendChild(v), c.appendChild(_), o.appendChild(c), this._calendarContainer.appendChild(o);
   }
   _buildMonthView() {
     if (!this._calendarContainer) return;
@@ -3699,10 +3704,10 @@ class ft extends HTMLElement {
     l.className = "grid grid-cols-3 gap-2", t.forEach((o, c) => {
       const d = document.createElement("button");
       d.type = "button", d.tabIndex = 0, d.setAttribute("data-keep-popover-open", "true");
-      const p = this._currentMonth === c;
-      d.className = `p-2 rounded text-sm font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500 ${p ? "bg-slate-800 dark:bg-slate-600 text-white" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`, d.textContent = o, d.addEventListener("click", () => {
+      const u = this._currentMonth === c;
+      d.className = `p-2 rounded text-sm font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500 ${u ? "bg-slate-800 dark:bg-slate-600 text-white" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`, d.textContent = o, d.addEventListener("click", () => {
         if (this.getMode() === "month") {
-          const f = new Date(this._currentYear, c, 1), u = this.getFormat(), m = this._formatDate(f, u);
+          const f = new Date(this._currentYear, c, 1), p = this.getFormat(), m = this._formatDate(f, p);
           this.setValue(m), this._selectedStartDate = f, this._selectedEndDate = null, this._currentMonth = c, this.dispatchEvent(new CustomEvent("input", {
             detail: { value: this.getValue() },
             bubbles: !0,
@@ -3740,11 +3745,11 @@ class ft extends HTMLElement {
     for (let c = t; c <= e; c++) {
       const d = document.createElement("button");
       d.type = "button", d.tabIndex = 0, d.setAttribute("data-keep-popover-open", "true");
-      const p = this._currentYear === c;
-      d.className = `p-2 rounded text-sm font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500 ${p ? "bg-slate-800 dark:bg-slate-600 text-white" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`, d.textContent = String(c), d.addEventListener("click", () => {
+      const u = this._currentYear === c;
+      d.className = `p-2 rounded text-sm font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500 ${u ? "bg-slate-800 dark:bg-slate-600 text-white" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"}`, d.textContent = String(c), d.addEventListener("click", () => {
         const h = this.getMode();
         if (h === "year") {
-          const f = new Date(c, 0, 1), u = this.getFormat(), m = this._formatDate(f, u);
+          const f = new Date(c, 0, 1), p = this.getFormat(), m = this._formatDate(f, p);
           this.setValue(m), this._selectedStartDate = f, this._selectedEndDate = null, this._currentYear = c, this._currentMonth = 0, this.dispatchEvent(new CustomEvent("input", {
             detail: { value: this.getValue() },
             bubbles: !0,
@@ -4075,28 +4080,28 @@ class mt extends HTMLElement {
       h.appendChild(f), this.appendChild(h);
     }
     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(), r && (this._select.id = r), a && (this._select.name = a), o && (this._select.disabled = !0), c && (this._select.multiple = !0), this._select.setAttribute("aria-invalid", d ? "true" : "false");
-    const p = i.length > 0 ? i : e;
-    if (p.length > 0 && p.forEach((h) => {
+    const u = i.length > 0 ? i : e;
+    if (u.length > 0 && u.forEach((h) => {
       this._select.appendChild(h);
     }), this._select.options.length === 0) {
       const h = document.createElement("option");
       h.value = "", h.textContent = "Select an option", h.disabled = !0, h.selected = !0, this._select.appendChild(h);
     }
     if (this._select.value = l || "", this._changeHandler && this._select && this._select.removeEventListener("change", this._changeHandler), this._changeHandler = (h) => {
-      const u = h.target.value;
-      (this.getAttribute("value") || "") !== u && (u ? this.setAttribute("value", u) : this.removeAttribute("value"));
+      const p = h.target.value;
+      (this.getAttribute("value") || "") !== p && (p ? this.setAttribute("value", p) : this.removeAttribute("value"));
       const g = new Event("input", {
         bubbles: !0,
         cancelable: !0,
         composed: !0
       });
       this.dispatchEvent(g), this.dispatchEvent(new CustomEvent("input", {
-        detail: { value: u },
+        detail: { value: p },
         bubbles: !0,
         cancelable: !0,
         composed: !0
       })), this.dispatchEvent(new CustomEvent("change", {
-        detail: { value: u },
+        detail: { value: p },
         bubbles: !0,
         cancelable: !0,
         composed: !0
@@ -4105,7 +4110,7 @@ class mt extends HTMLElement {
       const h = this.getAttribute("value") || this.value || "";
       this._select && h && requestAnimationFrame(() => {
         this._select && Array.from(this._select.options).some(
-          (u) => u.value === h
+          (p) => p.value === h
         ) && this._select.value !== h && (this._select.value = h);
       });
     }), this._optionObserver.observe(this._select, {
@@ -4246,14 +4251,14 @@ class gt extends HTMLElement {
   render() {
     const t = this.isLoading(), e = this.getLabel(), i = this.getAccept(), s = this.isMultiple(), n = this.isDisabled(), r = this.getWidth(), a = this.getHeight(), l = this.getName(), o = this.hasError(), c = this.getErrorMessage();
     this._dropzone || (this._dropzone = document.createElement("div"), this.appendChild(this._dropzone)), this._updateDragStateClass(), this._dropzone.setAttribute("aria-invalid", o ? "true" : "false"), n ? (this._dropzone.setAttribute("tabindex", "-1"), this._dropzone.removeAttribute("role")) : (this._dropzone.setAttribute("tabindex", "0"), this._dropzone.setAttribute("role", "button"), this._dropzone.setAttribute("aria-label", e || "File upload dropzone")), this._dropzone.style.width = r, this._dropzone.style.height = a, this._dropzone.style.minWidth = r, this._dropzone.style.minHeight = a, this._fileInput || (this._fileInput = document.createElement("input"), this._fileInput.type = "file", this._fileInput.style.display = "none", this._fileInput.setAttribute("tabindex", "-1"), this._fileInput.setAttribute("aria-hidden", "true"), this._dropzone.appendChild(this._fileInput)), this._fileInput.accept = i, this._fileInput.multiple = s, this._fileInput.disabled = n, l ? this._fileInput.name = l : this._fileInput.removeAttribute("name"), this._fileInput.setAttribute("aria-invalid", o ? "true" : "false");
-    const d = this._dropzone.querySelector(".mint-dropzone-icon"), p = this._dropzone.querySelector(".mint-dropzone-label");
-    d && d.remove(), p && p.remove();
+    const d = this._dropzone.querySelector(".mint-dropzone-icon"), u = this._dropzone.querySelector(".mint-dropzone-label");
+    d && d.remove(), u && u.remove();
     const h = document.createElement("div");
     h.className = "mint-dropzone-icon flex items-center justify-center mt-2 mb-2 flex-shrink-0";
     const f = document.createElement("mint-icon");
     if (f.setAttribute("name", "upload"), f.className = "w-12 h-12 text-gray-400 dark:text-gray-500", h.appendChild(f), this._dropzone.appendChild(h), e) {
-      const u = document.createElement("div");
-      u.className = "mint-dropzone-label text-sm font-medium text-gray-600 dark:text-gray-400 text-center px-4 flex-shrink-0", u.textContent = e, this._dropzone.appendChild(u);
+      const p = document.createElement("div");
+      p.className = "mint-dropzone-label text-sm font-medium text-gray-600 dark:text-gray-400 text-center px-4 flex-shrink-0", p.textContent = e, this._dropzone.appendChild(p);
     }
     this.setupEventListeners(), this._renderErrorState(o, c), this._renderPreviews(), this._renderSkeleton(t);
   }
@@ -4411,21 +4416,21 @@ class gt extends HTMLElement {
     e.className = "mint-dropzone-previews w-full flex flex-col gap-2 max-h-48 overflow-y-auto overflow-x-hidden px-2 pb-2", this._selectedFiles.forEach((o, c) => {
       const d = document.createElement("div");
       if (d.className = "flex items-center gap-3 p-2 rounded border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900", o.type.startsWith("image/")) {
-        const u = document.createElement("img");
-        u.className = "w-12 h-12 object-cover rounded border border-gray-200 dark:border-gray-700";
+        const p = document.createElement("img");
+        p.className = "w-12 h-12 object-cover rounded border border-gray-200 dark:border-gray-700";
         const m = URL.createObjectURL(o);
-        this._previewUrls.push(m), u.src = m, d.appendChild(u);
+        this._previewUrls.push(m), p.src = m, d.appendChild(p);
       } else {
-        const u = document.createElement("mint-icon");
-        u.setAttribute("name", "attach"), u.className = "w-5 h-5 text-gray-500 dark:text-gray-300", d.appendChild(u);
+        const p = document.createElement("mint-icon");
+        p.setAttribute("name", "attach"), p.className = "w-5 h-5 text-gray-500 dark:text-gray-300", d.appendChild(p);
       }
-      const p = document.createElement("div");
-      p.className = "flex-1 text-sm text-gray-800 dark:text-gray-100 truncate", p.textContent = o.name, d.appendChild(p);
+      const u = document.createElement("div");
+      u.className = "flex-1 text-sm text-gray-800 dark:text-gray-100 truncate", u.textContent = o.name, d.appendChild(u);
       const h = document.createElement("button");
       h.type = "button", h.className = "text-gray-500 hover:bg-red-100 dark:hover:bg-red-900/30 transition-colors flex items-center justify-center w-6 h-6 rounded-full";
       const f = document.createElement("mint-icon");
-      f.setAttribute("name", "close"), f.className = "w-4 h-4", h.appendChild(f), h.addEventListener("click", (u) => {
-        u.preventDefault(), u.stopPropagation(), this._removeFileAt(c);
+      f.setAttribute("name", "close"), f.className = "w-4 h-4", h.appendChild(f), h.addEventListener("click", (p) => {
+        p.preventDefault(), p.stopPropagation(), this._removeFileAt(c);
       }), d.appendChild(h), e.appendChild(d);
     });
     const i = this.hasError(), s = this._isDragging;
@@ -4623,7 +4628,7 @@ class bt extends HTMLElement {
     }
   }
   async _submitData(t, e) {
-    var d, p, h;
+    var d, u, h;
     const i = this.getAttribute("action"), s = this.getAttribute("method"), n = this.getAttribute("enctype") || "application/x-www-form-urlencoded";
     if (!i)
       return { status: 0, ok: !0, data: { values: e } };
@@ -4631,10 +4636,10 @@ class bt extends HTMLElement {
     let a = null;
     const l = {};
     let o = i;
-    if (typeof window < "u" && ((h = (p = (d = window.mintForm) == null ? void 0 : d.defaults) == null ? void 0 : p.headers) != null && h.common) && Object.assign(l, window.mintForm.defaults.headers.common), this._headers && Object.assign(l, this._headers), s === "GET") {
+    if (typeof window < "u" && ((h = (u = (d = window.mintForm) == null ? void 0 : d.defaults) == null ? void 0 : u.headers) != null && h.common) && Object.assign(l, window.mintForm.defaults.headers.common), this._headers && Object.assign(l, this._headers), s === "GET") {
       const f = new URLSearchParams();
-      t.forEach((u, m) => {
-        u instanceof File || f.append(m, String(u));
+      t.forEach((p, m) => {
+        p instanceof File || f.append(m, String(p));
       }), o += (i.includes("?") ? "&" : "?") + f.toString();
     } else if (n === "multipart/form-data" || r)
       a = t;
@@ -4642,8 +4647,8 @@ class bt extends HTMLElement {
       a = JSON.stringify(e), l["Content-Type"] = "application/json";
     else {
       const f = new URLSearchParams();
-      t.forEach((u, m) => {
-        u instanceof File || f.append(m, String(u));
+      t.forEach((p, m) => {
+        p instanceof File || f.append(m, String(p));
       }), a = f, l["Content-Type"] = "application/x-www-form-urlencoded";
     }
     if (typeof fetch == "function")
@@ -4652,10 +4657,10 @@ class bt extends HTMLElement {
           method: s || "POST",
           body: s === "GET" ? null : a,
           headers: l
-        }), u = await f.text().catch(() => "");
-        let m = u;
+        }), p = await f.text().catch(() => "");
+        let m = p;
         try {
-          m = JSON.parse(u);
+          m = JSON.parse(p);
         } catch {
         }
         if (!f.ok) {
@@ -4667,41 +4672,41 @@ class bt extends HTMLElement {
       } catch (f) {
         if (f.response)
           throw f;
-        const u = {
+        const p = {
           status: f.status || 0,
           data: f.data || f.message || "Network error",
           response: { status: f.status || 0, data: f.data || f.message || "Network error" }
         };
-        throw await this._applyErrorInterceptors(u);
+        throw await this._applyErrorInterceptors(p);
       }
     const c = this;
-    return await new Promise(async (f, u) => {
+    return await new Promise(async (f, p) => {
       const m = new XMLHttpRequest();
       m.open(s || "POST", o, !0), Object.entries(l).forEach(([g, b]) => m.setRequestHeader(g, b)), m.onload = async function() {
         const { status: g, responseText: b } = m;
         if (g >= 200 && g < 300) {
-          let _ = b;
+          let v = b;
           try {
-            _ = JSON.parse(b);
+            v = JSON.parse(b);
           } catch {
           }
           try {
-            const v = { status: g, ok: !0, data: _ }, k = await c._applySuccessInterceptors(v);
+            const _ = { status: g, ok: !0, data: v }, k = await c._applySuccessInterceptors(_);
             f(k);
-          } catch (v) {
-            u(v);
+          } catch (_) {
+            p(_);
           }
         } else {
-          let _ = b;
+          let v = b;
           try {
-            _ = JSON.parse(b);
+            v = JSON.parse(b);
           } catch {
           }
           try {
-            const v = { status: g, data: _, response: { status: g, data: _ } }, k = await c._applyErrorInterceptors(v);
-            u(k);
-          } catch (v) {
-            u(v);
+            const _ = { status: g, data: v, response: { status: g, data: v } }, k = await c._applyErrorInterceptors(_);
+            p(k);
+          } catch (_) {
+            p(_);
           }
         }
       }, m.onerror = async function() {
@@ -4711,9 +4716,9 @@ class bt extends HTMLElement {
             data: m.responseText || "Network error",
             response: { status: m.status || 0, data: m.responseText || "Network error" }
           }, b = await c._applyErrorInterceptors(g);
-          u(b);
+          p(b);
         } catch (g) {
-          u(g);
+          p(g);
         }
       }, m.send(s === "GET" ? null : a);
     });
@@ -4758,7 +4763,7 @@ class bt extends HTMLElement {
           const o = Array.from(l);
           e[a] && Array.isArray(e[a]) ? o.forEach((c) => {
             e[a].some(
-              (p) => p.name === c.name && p.size === c.size && p.lastModified === c.lastModified
+              (u) => u.name === c.name && u.size === c.size && u.lastModified === c.lastModified
             ) || e[a].push(c);
           }) : e[a] = o;
         }
@@ -5118,8 +5123,8 @@ class bt extends HTMLElement {
       if (!n) return;
       const r = this._getFieldName(n);
       if (!r || !this._collectValidationRules()[r]) return;
-      const l = this._extractFieldValue([n]), o = l != null && (typeof l == "string" ? l.trim() !== "" : l instanceof FileList || Array.isArray(l) ? l.length > 0 : !0), c = n.hasAttribute("data-mint-form-error") || s instanceof HTMLElement && (s.hasAttribute("aria-invalid") || s.closest("[data-mint-form-error]")), d = !!n.closest("mint-tags"), p = n.tagName === "MINT-CHECKBOX" || n.tagName === "MINT-SWITCH" || n.tagName === "MINT-CHOICE" || s instanceof HTMLElement && (s.closest("mint-checkbox, mint-switch, mint-choice") || s.closest("mint-choice-option")), h = n.tagName === "MINT-DATE-PICKER" || s instanceof HTMLElement && s.closest("mint-date-picker");
-      (o || c || d || p || h) && setTimeout(() => {
+      const l = this._extractFieldValue([n]), o = l != null && (typeof l == "string" ? l.trim() !== "" : l instanceof FileList || Array.isArray(l) ? l.length > 0 : !0), c = n.hasAttribute("data-mint-form-error") || s instanceof HTMLElement && (s.hasAttribute("aria-invalid") || s.closest("[data-mint-form-error]")), d = !!n.closest("mint-tags"), u = n.tagName === "MINT-CHECKBOX" || n.tagName === "MINT-SWITCH" || n.tagName === "MINT-CHOICE" || s instanceof HTMLElement && (s.closest("mint-checkbox, mint-switch, mint-choice") || s.closest("mint-choice-option")), h = n.tagName === "MINT-DATE-PICKER" || s instanceof HTMLElement && s.closest("mint-date-picker");
+      (o || c || d || u || h) && setTimeout(() => {
         this._validateField(r);
       }, 0);
     };
@@ -5436,7 +5441,7 @@ class _t extends HTMLElement {
       ]);
       const o = r.querySelectorAll("th");
       o.forEach((c, d) => {
-        const p = c.querySelector("mint-icon"), h = (p == null ? void 0 : p.getAttribute("name")) || "", f = p !== null && h !== "ellipsis";
+        const u = c.querySelector("mint-icon"), h = (u == null ? void 0 : u.getAttribute("name")) || "", f = u !== null && h !== "ellipsis";
         this._setClasses(c, [
           "text-left",
           "font-semibold",
@@ -5454,22 +5459,22 @@ class _t extends HTMLElement {
     if (a) {
       const o = Array.from(a.querySelectorAll("tr"));
       o.forEach((c, d) => {
-        const p = c.hasAttribute("data-row-clickable");
+        const u = c.hasAttribute("data-row-clickable");
         this._setClasses(c, [
           "bg-white",
           "dark:bg-gray-900",
           "border-b",
           "border-gray-200",
           "dark:border-gray-700"
-        ]), p && c.classList.add("cursor-pointer", "hover:bg-gray-50", "dark:hover:bg-gray-800", "transition-colors"), d === o.length - 1 && c.classList.remove("border-b");
+        ]), u && c.classList.add("cursor-pointer", "hover:bg-gray-50", "dark:hover:bg-gray-800", "transition-colors"), d === o.length - 1 && c.classList.remove("border-b");
         const h = c.querySelectorAll("td");
-        h.forEach((f, u) => {
+        h.forEach((f, p) => {
           this._setClasses(f, [
             "text-gray-900",
             "dark:text-gray-100",
             "px-3",
             "py-2"
-          ]), u === 0 && f.classList.add("pl-6"), u === h.length - 1 && f.classList.add("pr-6"), e ? this._applyMobileCell(f, s) : this._restoreCell(f);
+          ]), p === 0 && f.classList.add("pl-6"), p === h.length - 1 && f.classList.add("pr-6"), e ? this._applyMobileCell(f, s) : this._restoreCell(f);
         });
       });
     }
@@ -6245,7 +6250,7 @@ class xt extends HTMLElement {
     }), this._configuration.sortBy || (this._configuration.sortBy = "id"), this._configuration.sort || (this._configuration.sort = "asc"));
   }
   async _fetchData(t, e = !0, i, s) {
-    var l, o, c, d, p, h, f, u;
+    var l, o, c, d, u, h, f, p;
     if (!this._configuration) return;
     const n = t || (typeof this._configuration.data == "string" ? this._configuration.data : null);
     if (!n || this._fetching || this._loading)
@@ -6266,27 +6271,27 @@ class xt extends HTMLElement {
       const b = await fetch(`${n}?${m.toString()}`, g);
       if (!b.ok)
         throw new Error(`HTTP error! status: ${b.status}`);
-      const _ = await b.json(), v = ((l = _.content) == null ? void 0 : l.rows) || [], k = ((o = _.content) == null ? void 0 : o.total) || 0;
+      const v = await b.json(), _ = ((l = v.content) == null ? void 0 : l.rows) || [], k = ((o = v.content) == null ? void 0 : o.total) || 0;
       if (this._configuration.loadMore && a !== 0)
-        this._rows = this._rows.concat(v);
+        this._rows = this._rows.concat(_);
       else {
-        let x = v;
-        this._configuration.predefinedData ? (x = [...this._configuration.predefinedData, ...v], this._totalRows = k + this._configuration.predefinedData.length) : this._totalRows = k, this._rows = x;
+        let x = _;
+        this._configuration.predefinedData ? (x = [...this._configuration.predefinedData, ..._], this._totalRows = k + this._configuration.predefinedData.length) : this._totalRows = k, this._rows = x;
       }
-      const A = Math.floor(a / r) + 1;
-      this._configuration.loadMore || (((c = _.content) == null ? void 0 : c.current_page) !== void 0 && _.content.current_page === A ? this._currentPage = _.content.current_page : this._currentPage = A, this._offset = (this._currentPage - 1) * r), this._lastPage = ((d = _.content) == null ? void 0 : d.last_page) || 1, this._fetching = !1, this._loaded = !0, this._loading = !1, this._fetchError = null, this._searching = !1;
+      const S = Math.floor(a / r) + 1;
+      this._configuration.loadMore || (((c = v.content) == null ? void 0 : c.current_page) !== void 0 && v.content.current_page === S ? this._currentPage = v.content.current_page : this._currentPage = S, this._offset = (this._currentPage - 1) * r), this._lastPage = ((d = v.content) == null ? void 0 : d.last_page) || 1, this._fetching = !1, this._loaded = !0, this._loading = !1, this._fetchError = null, this._searching = !1;
       const E = this._sorting;
-      if (E && this._updateSortIcons(), this._sorting = !1, this._sortingColumn = null, E && this._updateSortIcons(), this.dispatchEvent(new CustomEvent("loaded", { detail: { rows: this._rows } })), this._updateSearchIcon(), (h = (p = this.querySelector(`#${this._tableId}`)) == null ? void 0 : p.closest("table")) == null ? void 0 : h.querySelector("tbody")) {
+      if (E && this._updateSortIcons(), this._sorting = !1, this._sortingColumn = null, E && this._updateSortIcons(), this.dispatchEvent(new CustomEvent("loaded", { detail: { rows: this._rows } })), this._updateSearchIcon(), (h = (u = this.querySelector(`#${this._tableId}`)) == null ? void 0 : u.closest("table")) == null ? void 0 : h.querySelector("tbody")) {
         if (E) {
-          const x = this._loading, T = this._fetching;
-          this._loading = !1, this._fetching = !1, this._updateTableBody(), this._loading = x, this._fetching = T;
+          const x = this._loading, A = this._fetching;
+          this._loading = !1, this._fetching = !1, this._updateTableBody(), this._loading = x, this._fetching = A;
         } else
           this._updateTableBody();
         this._updatePagination();
       } else
         this.render();
     } catch (m) {
-      this._fetching = !1, this._loading = !1, this._loaded = !0, this._searching = !1, this._fetchError = m instanceof Error ? m.message : "Failed to fetch data", console.error("mint-resource-table: Error fetching data", m), this._updateSearchIcon(), ((u = (f = this.querySelector(`#${this._tableId}`)) == null ? void 0 : f.closest("table")) == null ? void 0 : u.querySelector("tbody")) ? (this._updateTableBody(), this._updatePagination()) : this.render();
+      this._fetching = !1, this._loading = !1, this._loaded = !0, this._searching = !1, this._fetchError = m instanceof Error ? m.message : "Failed to fetch data", console.error("mint-resource-table: Error fetching data", m), this._updateSearchIcon(), ((p = (f = this.querySelector(`#${this._tableId}`)) == null ? void 0 : f.closest("table")) == null ? void 0 : p.querySelector("tbody")) ? (this._updateTableBody(), this._updatePagination()) : this.render();
     }
   }
   _getRows() {
@@ -6317,8 +6322,8 @@ class xt extends HTMLElement {
         const h = c.getTime() - d.getTime();
         return i === "asc" ? h : -h;
       }
-      const p = String(r).localeCompare(String(a), void 0, { numeric: !0, sensitivity: "base" });
-      return i === "asc" ? p : -p;
+      const u = String(r).localeCompare(String(a), void 0, { numeric: !0, sensitivity: "base" });
+      return i === "asc" ? u : -u;
     }), this._perPage) {
       const s = Math.ceil(t.length / this._perPage);
       this._lastPage = s, t.forEach((n, r) => {
@@ -6409,28 +6414,28 @@ class xt extends HTMLElement {
     const i = this.querySelector(`#search-${this._tableId}`), s = document.activeElement === i || (i == null ? void 0 : i.querySelector("input")) === document.activeElement, n = this._search;
     let r = "";
     if (!((this._fetching || this._loading) && !this._sorting) && (t.forEach((o, c) => {
-      const d = typeof this._configuration.onRowClick == "function", p = d ? "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors" : "";
-      r += `<tr data-row-index="${c}" ${d ? 'data-row-clickable="true"' : ""}${p ? ` class="${p}"` : ""}>`, this._configuration.columns.forEach((h, f) => {
+      const d = typeof this._configuration.onRowClick == "function", u = d ? "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors" : "";
+      r += `<tr data-row-index="${c}" ${d ? 'data-row-clickable="true"' : ""}${u ? ` class="${u}"` : ""}>`, this._configuration.columns.forEach((h, f) => {
         if (h.hidden) return;
-        const u = !h.show || h.show(this, o);
-        if (r += `<td style="${this._getStyle(h)}" class="${this._getClasses(h, !0)}">`, u)
+        const p = !h.show || h.show(this, o);
+        if (r += `<td style="${this._getStyle(h)}" class="${this._getClasses(h, !0)}">`, p)
           if (h.raw)
             if (h.action)
               (!h.action.show || h.action.show(this, o)) && (r += `<mint-button variant="solid" data-action="column-action" data-row-index="${c}" data-column-key="${this._configuration.columns.indexOf(h)}">${h.action.label}</mint-button>`);
             else if (h.actions)
               if (h.actionStyle !== "buttons") {
                 const m = `actions-popover-${this._tableId}-${c}`, g = `actions-button-${this._tableId}-${c}`;
-                r += `<mint-button id="${g}" variant="link" icon="ellipsis">`, r += "</mint-button>", r += `<mint-popover id="${m}" trigger-id="${g}" direction="down">`, h.actions.forEach((b, _) => {
+                r += `<mint-button id="${g}" variant="link" icon="ellipsis">`, r += "</mint-button>", r += `<mint-popover id="${m}" trigger-id="${g}" direction="down">`, h.actions.forEach((b, v) => {
                   if (!b.show || b.show(this, o)) {
-                    const v = typeof b.label == "function" ? b.label(this, o) : b.label;
-                    r += `<div class="p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700" data-action="row-action" data-row-index="${c}" data-action-index="${_}" data-column-key="${this._configuration.columns.indexOf(h)}">${v}</div>`;
+                    const _ = typeof b.label == "function" ? b.label(this, o) : b.label;
+                    r += `<div class="p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700" data-action="row-action" data-row-index="${c}" data-action-index="${v}" data-column-key="${this._configuration.columns.indexOf(h)}">${_}</div>`;
                   }
                 }), r += "</mint-popover>";
               } else
                 h.actions.forEach((m, g) => {
                   if (!m.show || m.show(this, o)) {
-                    const b = m.label ? typeof m.label == "function" ? m.label(this, o) : m.label : "", _ = m.icon ? ` icon="${this._escapeHtml(m.icon)}"` : "", v = m.tone ? ` tone="${this._escapeHtml(m.tone)}"` : "";
-                    r += `<mint-button variant="link" class="${m.classes || ""}" data-action="row-action" data-row-index="${c}" data-action-index="${g}" data-column-key="${this._configuration.columns.indexOf(h)}"${_}${v}>`, b && (r += this._escapeHtml(String(b))), r += "</mint-button>";
+                    const b = m.label ? typeof m.label == "function" ? m.label(this, o) : m.label : "", v = m.icon ? ` icon="${this._escapeHtml(m.icon)}"` : "", _ = m.tone ? ` tone="${this._escapeHtml(m.tone)}"` : "";
+                    r += `<mint-button variant="link" class="${m.classes || ""}" data-action="row-action" data-row-index="${c}" data-action-index="${g}" data-column-key="${this._configuration.columns.indexOf(h)}"${v}${_}>`, b && (r += this._escapeHtml(String(b))), r += "</mint-button>";
                   }
                 });
             else typeof h.format == "function" ? r += h.format(this, o) : h.data && (r += this._escapeHtml(String(o[h.data] || "")));
@@ -6442,17 +6447,17 @@ class xt extends HTMLElement {
           } else if (h.actions)
             if (h.actionStyle !== "buttons") {
               const m = `actions-popover-${this._tableId}-${c}`, g = `actions-button-${this._tableId}-${c}`;
-              r += `<mint-button id="${g}" variant="link" icon="ellipsis">`, r += "</mint-button>", r += `<mint-popover id="${m}" trigger-id="${g}" direction="down">`, h.actions.forEach((b, _) => {
+              r += `<mint-button id="${g}" variant="link" icon="ellipsis">`, r += "</mint-button>", r += `<mint-popover id="${m}" trigger-id="${g}" direction="down">`, h.actions.forEach((b, v) => {
                 if (!b.show || b.show(this, o)) {
-                  const v = typeof b.label == "function" ? b.label(this, o) : b.label;
-                  r += `<div class="p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700" data-action="row-action" data-row-index="${c}" data-action-index="${_}" data-column-key="${this._configuration.columns.indexOf(h)}">${v}</div>`;
+                  const _ = typeof b.label == "function" ? b.label(this, o) : b.label;
+                  r += `<div class="p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700" data-action="row-action" data-row-index="${c}" data-action-index="${v}" data-column-key="${this._configuration.columns.indexOf(h)}">${_}</div>`;
                 }
               }), r += "</mint-popover>";
             } else
               h.actions.forEach((m, g) => {
                 if (!m.show || m.show(this, o)) {
-                  const b = m.label ? typeof m.label == "function" ? m.label(this, o) : m.label : "", _ = m.icon ? ` icon="${this._escapeHtml(m.icon)}"` : "", v = m.tone ? ` tone="${this._escapeHtml(m.tone)}"` : "";
-                  r += `<mint-button variant="link" class="${m.classes || ""}" data-action="row-action" data-row-index="${c}" data-action-index="${g}" data-column-key="${this._configuration.columns.indexOf(h)}"${_}${v}>`, b && (r += this._escapeHtml(String(b))), r += "</mint-button>";
+                  const b = m.label ? typeof m.label == "function" ? m.label(this, o) : m.label : "", v = m.icon ? ` icon="${this._escapeHtml(m.icon)}"` : "", _ = m.tone ? ` tone="${this._escapeHtml(m.tone)}"` : "";
+                  r += `<mint-button variant="link" class="${m.classes || ""}" data-action="row-action" data-row-index="${c}" data-action-index="${g}" data-column-key="${this._configuration.columns.indexOf(h)}"${v}${_}>`, b && (r += this._escapeHtml(String(b))), r += "</mint-button>";
                 }
               });
           else typeof h.format == "function" ? r += this._escapeHtml(h.format(this, o)) : h.data && (r += this._escapeHtml(String(o[h.data] || "")));
@@ -6629,8 +6634,8 @@ class xt extends HTMLElement {
         const l = typeof this._configuration.onRowClick == "function", o = l ? "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors" : "";
         s += `<tr data-row-index="${a}" ${l ? 'data-row-clickable="true"' : ""}${o ? ` class="${o}"` : ""}>`, this._configuration.columns.forEach((c, d) => {
           if (c.hidden) return;
-          const p = !c.show || c.show(this, r);
-          if (s += `<td style="${this._getStyle(c)}" class="${this._getClasses(c, !0)}">`, p)
+          const u = !c.show || c.show(this, r);
+          if (s += `<td style="${this._getStyle(c)}" class="${this._getClasses(c, !0)}">`, u)
             if (c.raw)
               if (c.action) {
                 if (!c.action.show || c.action.show(this, r)) {
@@ -6640,17 +6645,17 @@ class xt extends HTMLElement {
               } else if (c.actions)
                 if (c.actionStyle !== "buttons") {
                   const h = `actions-popover-${this._tableId}-${a}`, f = `actions-button-${this._tableId}-${a}`;
-                  s += `<mint-button id="${f}" variant="link" icon="ellipsis">`, s += "</mint-button>", s += `<mint-popover id="${h}" trigger-id="${f}" direction="down">`, c.actions.forEach((u, m) => {
-                    if (!u.show || u.show(this, r)) {
-                      const g = typeof u.label == "function" ? u.label(this, r) : u.label;
+                  s += `<mint-button id="${f}" variant="link" icon="ellipsis">`, s += "</mint-button>", s += `<mint-popover id="${h}" trigger-id="${f}" direction="down">`, c.actions.forEach((p, m) => {
+                    if (!p.show || p.show(this, r)) {
+                      const g = typeof p.label == "function" ? p.label(this, r) : p.label;
                       s += `<div class="p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700" data-action="row-action" data-row-index="${a}" data-action-index="${m}" data-column-key="${this._configuration.columns.indexOf(c)}">${this._escapeHtml(String(g))}</div>`;
                     }
                   }), s += "</mint-popover>";
                 } else
                   c.actions.forEach((h, f) => {
                     if (!h.show || h.show(this, r)) {
-                      const u = h.label ? typeof h.label == "function" ? h.label(this, r) : h.label : "", m = h.icon ? ` icon="${this._escapeHtml(h.icon)}"` : "", g = h.tone ? ` tone="${this._escapeHtml(h.tone)}"` : "";
-                      s += `<mint-button variant="link" class="${h.classes || ""}" data-action="row-action" data-row-index="${a}" data-action-index="${f}" data-column-key="${this._configuration.columns.indexOf(c)}"${m}${g}>`, u && (s += this._escapeHtml(String(u))), s += "</mint-button>";
+                      const p = h.label ? typeof h.label == "function" ? h.label(this, r) : h.label : "", m = h.icon ? ` icon="${this._escapeHtml(h.icon)}"` : "", g = h.tone ? ` tone="${this._escapeHtml(h.tone)}"` : "";
+                      s += `<mint-button variant="link" class="${h.classes || ""}" data-action="row-action" data-row-index="${a}" data-action-index="${f}" data-column-key="${this._configuration.columns.indexOf(c)}"${m}${g}>`, p && (s += this._escapeHtml(String(p))), s += "</mint-button>";
                     }
                   });
               else typeof c.format == "function" ? s += c.format(this, r) : c.data && (s += this._escapeHtml(String(r[c.data] || "")));
@@ -6659,17 +6664,17 @@ class xt extends HTMLElement {
             else if (c.actions)
               if (c.actionStyle !== "buttons") {
                 const h = `actions-popover-${this._tableId}-${a}`, f = `actions-button-${this._tableId}-${a}`;
-                s += `<mint-button id="${f}" variant="link" icon="ellipsis">`, s += "</mint-button>", s += `<mint-popover id="${h}" trigger-id="${f}" direction="down">`, c.actions.forEach((u, m) => {
-                  if (!u.show || u.show(this, r)) {
-                    const g = typeof u.label == "function" ? u.label(this, r) : u.label;
+                s += `<mint-button id="${f}" variant="link" icon="ellipsis">`, s += "</mint-button>", s += `<mint-popover id="${h}" trigger-id="${f}" direction="down">`, c.actions.forEach((p, m) => {
+                  if (!p.show || p.show(this, r)) {
+                    const g = typeof p.label == "function" ? p.label(this, r) : p.label;
                     s += `<div class="p-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700" data-action="row-action" data-row-index="${a}" data-action-index="${m}" data-column-key="${this._configuration.columns.indexOf(c)}">${this._escapeHtml(String(g))}</div>`;
                   }
                 }), s += "</mint-popover>";
               } else
                 c.actions.forEach((h, f) => {
                   if (!h.show || h.show(this, r)) {
-                    const u = h.label ? typeof h.label == "function" ? h.label(this, r) : h.label : "", m = h.icon ? ` icon="${this._escapeHtml(h.icon)}"` : "", g = h.tone ? ` tone="${this._escapeHtml(h.tone)}"` : "";
-                    s += `<mint-button variant="link" class="${h.classes || ""}" data-action="row-action" data-row-index="${a}" data-action-index="${f}" data-column-key="${this._configuration.columns.indexOf(c)}"${m}${g}>`, u && (s += this._escapeHtml(String(u))), s += "</mint-button>";
+                    const p = h.label ? typeof h.label == "function" ? h.label(this, r) : h.label : "", m = h.icon ? ` icon="${this._escapeHtml(h.icon)}"` : "", g = h.tone ? ` tone="${this._escapeHtml(h.tone)}"` : "";
+                    s += `<mint-button variant="link" class="${h.classes || ""}" data-action="row-action" data-row-index="${a}" data-action-index="${f}" data-column-key="${this._configuration.columns.indexOf(c)}"${m}${g}>`, p && (s += this._escapeHtml(String(p))), s += "</mint-button>";
                   }
                 });
             else typeof c.format == "function" ? s += this._escapeHtml(c.format(this, r)) : c.data && (s += this._escapeHtml(String(r[c.data] || "")));
@@ -6846,34 +6851,34 @@ class wt extends HTMLElement {
     const r = this._getPositionClasses(s, n);
     this._offCanvas.className = r;
     let a = this._offCanvas.querySelector(".off-canvas-content");
-    if (a || (a = document.createElement("div"), a.className = "off-canvas-content bg-white dark:bg-gray-900 dark:border dark:border-gray-700 shadow-xl flex flex-col pointer-events-auto transition-all duration-300 ease-out", a.style.transform = this._getTransformValue(s, !1), this._offCanvas.appendChild(a)), i ? this._animateEnter() : this._animateExit(), Array.from(a.classList).forEach((u) => {
-      (u.startsWith("w-") || u.startsWith("max-w-")) && a.classList.remove(u);
+    if (a || (a = document.createElement("div"), a.className = "off-canvas-content bg-white dark:bg-gray-900 dark:border dark:border-gray-700 shadow-xl flex flex-col pointer-events-auto transition-all duration-300 ease-out", a.style.transform = this._getTransformValue(s, !1), this._offCanvas.appendChild(a)), i ? this._animateEnter() : this._animateExit(), Array.from(a.classList).forEach((p) => {
+      (p.startsWith("w-") || p.startsWith("max-w-")) && a.classList.remove(p);
     }), a.classList.remove("h-full", "max-h-[90vh]", "max-h-screen"), n)
       a.classList.add("w-full", "h-full");
     else {
-      const u = this.getWidth();
-      s === "top" || s === "bottom" ? a.classList.add("w-full", "max-h-[90vh]") : a.classList.add(u, "h-full");
+      const p = this.getWidth();
+      s === "top" || s === "bottom" ? a.classList.add("w-full", "max-h-[90vh]") : a.classList.add(p, "h-full");
     }
     this._header || (this._header = document.createElement("div"), this._header.className = "flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700 flex-shrink-0", a.appendChild(this._header)), this._headingSlot || (this._headingSlot = document.createElement("div"), this._headingSlot.className = "flex-1", this._headingSlot.setAttribute("slot", "heading"), this._header.appendChild(this._headingSlot));
     let o = this._headingSlot.querySelector("mint-text");
     e ? (o || (o = document.createElement("mint-text"), o.setAttribute("size", "sub-heading"), o.setAttribute("bold", "true"), this._headingSlot.appendChild(o)), o.textContent = e) : o && o.remove(), Array.from(this.children).filter(
-      (u) => u !== this._overlay && u !== this._offCanvas && u !== this._headingSlot && u.getAttribute("slot") === "heading"
-    ).forEach((u) => {
-      this._headingSlot && u.parentElement !== this._headingSlot && this._headingSlot.appendChild(u);
+      (p) => p !== this._overlay && p !== this._offCanvas && p !== this._headingSlot && p.getAttribute("slot") === "heading"
+    ).forEach((p) => {
+      this._headingSlot && p.parentElement !== this._headingSlot && this._headingSlot.appendChild(p);
     }), this._closeButton || (this._closeButton = document.createElement("mint-button"), this._closeButton.setAttribute("variant", "ghost"), this._closeButton.setAttribute("icon", "close"), this._closeButton.addEventListener("click", () => this.close()), this._header.appendChild(this._closeButton)), this._bodySlot || (this._bodySlot = document.createElement("div"), this._bodySlot.className = "flex-1 overflow-y-auto p-4", this._bodySlot.setAttribute("slot", "body"), a.appendChild(this._bodySlot)), Array.from(this.children).filter(
-      (u) => u !== this._overlay && u !== this._offCanvas && u !== this._bodySlot && u.getAttribute("slot") === "body"
-    ).forEach((u) => {
-      this._bodySlot && u.parentElement !== this._bodySlot && this._bodySlot.appendChild(u);
+      (p) => p !== this._overlay && p !== this._offCanvas && p !== this._bodySlot && p.getAttribute("slot") === "body"
+    ).forEach((p) => {
+      this._bodySlot && p.parentElement !== this._bodySlot && this._bodySlot.appendChild(p);
     }), this._actionsSlot || (this._actionsSlot = document.createElement("div"), this._actionsSlot.className = "p-4 border-t border-gray-200 dark:border-gray-700 flex-shrink-0", this._actionsSlot.setAttribute("slot", "actions"), a.appendChild(this._actionsSlot));
-    let p = this._actionsSlot.querySelector("mint-stack");
-    p || (p = document.createElement("mint-stack"), p.setAttribute("direction", "horizontal"), p.className = "justify-end", this._actionsSlot.appendChild(p)), Array.from(this.children).filter(
-      (u) => u !== this._overlay && u !== this._offCanvas && u !== this._actionsSlot && u.getAttribute("slot") === "actions"
-    ).forEach((u) => {
-      Array.from(u.children).forEach((g) => {
-        g.parentElement !== p && p.appendChild(g);
-      }), u.parentElement && u.remove();
-    }), Array.from(this.children).forEach((u) => {
-      u !== this._overlay && u !== this._offCanvas && u.getAttribute("slot") !== "heading" && u.getAttribute("slot") !== "body" && u.getAttribute("slot") !== "actions" && u !== this._headingSlot && u !== this._bodySlot && u !== this._actionsSlot && u.parentElement !== this._bodySlot && this._bodySlot.appendChild(u);
+    let u = this._actionsSlot.querySelector("mint-stack");
+    u || (u = document.createElement("mint-stack"), u.setAttribute("direction", "horizontal"), u.className = "justify-end", this._actionsSlot.appendChild(u)), Array.from(this.children).filter(
+      (p) => p !== this._overlay && p !== this._offCanvas && p !== this._actionsSlot && p.getAttribute("slot") === "actions"
+    ).forEach((p) => {
+      Array.from(p.children).forEach((g) => {
+        g.parentElement !== u && u.appendChild(g);
+      }), p.parentElement && p.remove();
+    }), Array.from(this.children).forEach((p) => {
+      p !== this._overlay && p !== this._offCanvas && p.getAttribute("slot") !== "heading" && p.getAttribute("slot") !== "body" && p.getAttribute("slot") !== "actions" && p !== this._headingSlot && p !== this._bodySlot && p !== this._actionsSlot && p.parentElement !== this._bodySlot && this._bodySlot.appendChild(p);
     }), this._updateBackgroundColor();
   }
   _getPositionClasses(t, e) {
@@ -7247,7 +7252,7 @@ customElements.get("mint-tabs") || customElements.define("mint-tabs", Lt);
 export {
   Et as Alert,
   nt as BackButton,
-  U as Button,
+  G as Button,
   st as Card,
   ht as Checkbox,
   vt as Chip,
@@ -7276,5 +7281,5 @@ export {
   Lt as Tabs,
   yt as Tags,
   et as Text,
-  U as default
+  G as default
 };