monobill-mintui 0.3.39 → 0.3.40

package/dist/index.js

@@ -728,7 +728,7 @@ const W = class W extends HTMLElement {
     return this.isFullWidth() && o.push("w-full"), o.join(" ");
   }
   render() {
-    var d, p, h, u, f, m;
+    var d, p, h, u, _, f;
     const t = this.isDisabled() || this.isLoading(), e = this.getType();
     if (!this._button) {
       for (this._button = document.createElement("button"); this.firstChild; )
@@ -742,10 +742,10 @@ const W = class W extends HTMLElement {
       if (i)
         i.setAttribute("data-button-variant", this.getVariant()), i.setAttribute("data-button-tone", this.getTone()), "render" in i && typeof i.render == "function" && i.render();
       else {
-        const _ = document.createElement("span");
-        _.className = "mr-2 inline-flex items-center";
+        const m = document.createElement("span");
+        m.className = "mr-2 inline-flex items-center";
         const g = document.createElement("mint-spinner");
-        g.setAttribute("size", "default"), g.setAttribute("data-button-variant", this.getVariant()), g.setAttribute("data-button-tone", this.getTone()), g.style.width = "0.875rem", g.style.height = "0.875rem", _.appendChild(g), this._button.insertBefore(_, this._button.firstChild);
+        g.setAttribute("size", "default"), g.setAttribute("data-button-variant", this.getVariant()), g.setAttribute("data-button-tone", this.getTone()), g.style.width = "0.875rem", g.style.height = "0.875rem", m.appendChild(g), this._button.insertBefore(m, this._button.firstChild);
       }
     else i && ((d = i.parentElement) == null || d.remove());
     for (; this.firstChild && this.firstChild !== this._button; )
@@ -756,28 +756,28 @@ const W = class W extends HTMLElement {
     const a = this.getIconPosition();
     let o = this._button.querySelector(".mint-button-content");
     if (o) {
-      const _ = r && r.tagName === "MINT-ICON";
+      const m = r && r.tagName === "MINT-ICON";
       if (r && !r.parentElement) {
         const g = (u = this._button.querySelector("mint-spinner")) == null ? void 0 : u.parentElement;
-        _ || a === "left" ? g ? g.insertAdjacentElement("afterend", r) : this._button.insertBefore(r, o) : o.insertAdjacentElement("afterend", r);
-      } else if (r && (_ || a === "left") && r.nextSibling !== o) {
+        m || a === "left" ? g ? g.insertAdjacentElement("afterend", r) : this._button.insertBefore(r, o) : o.insertAdjacentElement("afterend", r);
+      } else if (r && (m || a === "left") && r.nextSibling !== o) {
         r.remove();
-        const g = (f = this._button.querySelector("mint-spinner")) == null ? void 0 : f.parentElement;
+        const g = (_ = this._button.querySelector("mint-spinner")) == null ? void 0 : _.parentElement;
         g ? g.insertAdjacentElement("afterend", r) : this._button.insertBefore(r, o);
-      } else r && !_ && a === "right" && r.previousSibling !== o && (r.remove(), o.insertAdjacentElement("afterend", r));
+      } else r && !m && a === "right" && r.previousSibling !== o && (r.remove(), o.insertAdjacentElement("afterend", r));
     } else {
-      const _ = [];
+      const m = [];
       for (let g = this._button.firstChild; g; g = g.nextSibling) {
         if (g.nodeType !== Node.ELEMENT_NODE) {
-          _.push(g);
+          m.push(g);
           continue;
         }
-        const v = g;
-        v.tagName !== "MINT-SPINNER" && !v.querySelector("mint-spinner") && g !== r && !v.hasAttribute("slot") && !(v.className === "mr-2" && v.querySelector("mint-spinner")) && _.push(g);
+        const b = g;
+        b.tagName !== "MINT-SPINNER" && !b.querySelector("mint-spinner") && g !== r && !b.hasAttribute("slot") && !(b.className === "mr-2" && b.querySelector("mint-spinner")) && m.push(g);
       }
-      if (_.length > 0) {
-        o = document.createElement("span"), o.className = "mint-button-content inline-flex items-center", _.forEach((v) => {
-          o.appendChild(v);
+      if (m.length > 0) {
+        o = document.createElement("span"), o.className = "mint-button-content inline-flex items-center", m.forEach((b) => {
+          o.appendChild(b);
         });
         const g = (p = this._button.querySelector("mint-spinner")) == null ? void 0 : p.parentElement;
         r && a === "left" ? g ? (g.insertAdjacentElement("afterend", r), r.insertAdjacentElement("afterend", o)) : (this._button.insertBefore(r, this._button.firstChild), r.insertAdjacentElement("afterend", o)) : r && a === "right" ? g ? (g.insertAdjacentElement("afterend", o), o.insertAdjacentElement("afterend", r)) : (this._button.insertBefore(o, this._button.firstChild), o.insertAdjacentElement("afterend", r)) : g ? g.insertAdjacentElement("afterend", o) : this._button.insertBefore(o, this._button.firstChild);
@@ -788,8 +788,8 @@ const W = class W extends HTMLElement {
     }
     const l = this.isIconOnly();
     if (r && (r.classList.contains("mint-button-icon") || r.classList.add("mint-button-icon"), s ? r.style.display = "none" : r.style.display = "", r.classList.remove("mr-1.5", "ml-1.5"), l ? r.tagName === "MINT-ICON" ? (r.style.width = "1rem", r.style.height = "1rem", r.style.maxWidth = "1rem", r.style.maxHeight = "1rem", r.style.flexShrink = "0") : (r.style.maxWidth = "1rem", r.style.maxHeight = "1rem", r.style.flexShrink = "0", r.tagName === "svg" && (r.style.width = "1rem", r.style.height = "1rem")) : a === "left" ? r.classList.add("mr-1.5") : r.classList.add("ml-1.5")), s) {
-      const _ = (m = this._button.querySelector("mint-spinner")) == null ? void 0 : m.parentElement;
-      _ && (l ? (_.classList.remove("mr-2"), _.classList.add("mr-0")) : _.classList.contains("mr-2") || (_.classList.remove("mr-0"), _.classList.add("mr-2")));
+      const m = (f = this._button.querySelector("mint-spinner")) == null ? void 0 : f.parentElement;
+      m && (l ? (m.classList.remove("mr-2"), m.classList.add("mr-0")) : m.classList.contains("mr-2") || (m.classList.remove("mr-0"), m.classList.add("mr-2")));
     }
     const c = this.getButtonClasses();
     this._button.className = c, this.setAttribute("data-variant", this.getVariant()), this.setAttribute("data-tone", this.getTone()), this.isActive() ? this._button.classList.add("mint-button-active") : this._button.classList.remove("mint-button-active");
@@ -2075,14 +2075,14 @@ class ht extends HTMLElement {
       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 u = p.querySelector(".mint-checkbox-label");
       e ? (u || (u = document.createElement("span"), u.className = "mint-checkbox-label text-sm font-medium text-gray-900 dark:text-gray-100 cursor-pointer select-none", p.insertBefore(u, p.firstChild)), u.textContent = e, s ? u.classList.add("opacity-40") : u.classList.remove("opacity-40")) : u && u.remove();
-      let f = p.querySelector(".mint-checkbox-info");
-      if (i ? (f || (f = document.createElement("span"), f.className = "mint-checkbox-info text-xs text-gray-500 dark:text-gray-400 cursor-pointer select-none", p.appendChild(f)), f.textContent = i, s ? f.classList.add("opacity-40") : f.classList.remove("opacity-40")) : f && f.remove(), s)
+      let _ = p.querySelector(".mint-checkbox-info");
+      if (i ? (_ || (_ = document.createElement("span"), _.className = "mint-checkbox-info text-xs text-gray-500 dark:text-gray-400 cursor-pointer select-none", p.appendChild(_)), _.textContent = i, s ? _.classList.add("opacity-40") : _.classList.remove("opacity-40")) : _ && _.remove(), s)
         p.style.cursor = "default", p._clickHandler && (p.removeEventListener("click", p._clickHandler), p._clickHandler = null);
       else {
         p.style.cursor = "pointer";
-        const m = p._clickHandler;
-        m && p.removeEventListener("click", m), p._clickHandler = (_) => {
-          this._checkbox && (_.target === this._checkbox || this._checkbox.contains(_.target) || _.composedPath().includes(this._checkbox)) || this.toggle();
+        const f = p._clickHandler;
+        f && p.removeEventListener("click", f), p._clickHandler = (m) => {
+          this._checkbox && (m.target === this._checkbox || this._checkbox.contains(m.target) || m.composedPath().includes(this._checkbox)) || this.toggle();
         }, p.addEventListener("click", p._clickHandler);
       }
     } else p && p.remove();
@@ -2195,10 +2195,10 @@ class dt extends HTMLElement {
     super(), this._radio = null, this._checked = !1, this._changeHandler = null, this._clickHandler = null, this._focusHandler = null, this._blurHandler = null, this._keydownHandler = null;
   }
   static get observedAttributes() {
-    return ["value", "checked", "disabled", "loading"];
+    return ["value", "checked", "disabled", "loading", "info"];
   }
   connectedCallback() {
-    this.classList.add("inline-flex", "items-center", "gap-2", "cursor-pointer", "select-none");
+    this.classList.add("inline-flex", "items-start", "gap-2", "cursor-pointer", "select-none");
     const t = this.getAttribute("checked");
     this._checked = t !== null && t !== "false", this.render(), this._setupClickHandler();
   }
@@ -2214,6 +2214,10 @@ class dt extends HTMLElement {
         this.render();
         return;
       }
+      if (t === "info") {
+        this.render();
+        return;
+      }
       this.render();
     }
   }
@@ -2235,6 +2239,9 @@ class dt extends HTMLElement {
   getValue() {
     return this.getAttribute("value") || "";
   }
+  getInfo() {
+    return this.getAttribute("info") || "";
+  }
   isDisabled() {
     const t = this.closest("mint-choice");
     return this.hasAttribute("disabled") || ((t == null ? void 0 : t.hasAttribute("disabled")) ?? !1);
@@ -2255,17 +2262,22 @@ class dt extends HTMLElement {
     }, this.addEventListener("click", this._clickHandler));
   }
   render() {
-    var u;
+    var _;
     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");
-    a ? r = ((u = a.textContent) == null ? void 0 : u.trim()) || "" : Array.from(this.childNodes).forEach((f) => {
-      var m;
-      if (f.nodeType === Node.TEXT_NODE) {
-        const _ = (m = f.textContent) == null ? void 0 : m.trim();
-        _ && (r += _);
-      }
-    });
+    if (a)
+      r = ((_ = a.textContent) == null ? void 0 : _.trim()) || "";
+    else {
+      const f = this.querySelector(".mint-choice-option-label-container");
+      Array.from(this.childNodes).forEach((m) => {
+        var g;
+        if (m !== f && m.nodeType === Node.TEXT_NODE) {
+          const b = (g = m.textContent) == null ? void 0 : g.trim();
+          b && (r += b);
+        }
+      });
+    }
     const o = this.querySelectorAll(".mint-choice-option-wrapper");
     let l = null;
     if (o.length > 0 && (this._radio && (l = Array.from(o).find((f) => f.contains(this._radio))), l || (l = o[0]), o.forEach((f, m) => {
@@ -2284,11 +2296,11 @@ class dt extends HTMLElement {
       }), this._radio.removeEventListener("focus", this._focusHandler), this._radio.removeEventListener("blur", this._blurHandler), this._radio.removeEventListener("keydown", this._keydownHandler), this._radio.addEventListener("focus", this._focusHandler), this._radio.addEventListener("blur", this._blurHandler), this._radio.addEventListener("keydown", this._keydownHandler));
     else {
       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", l.appendChild(this._radio), this._changeHandler = (m) => {
-        const _ = this._checked;
+        const g = this._checked;
         this._checked = this._radio.checked, this._checked ? this.setAttribute("checked", "") : this.removeAttribute("checked"), this._updateVisualState(), this._updateGroupState();
-        const g = this.closest("mint-choice");
-        _ !== this._checked && g && setTimeout(() => {
-          g.dispatchEvent(new CustomEvent("choice-change", {
+        const b = this.closest("mint-choice");
+        g !== this._checked && b && setTimeout(() => {
+          b.dispatchEvent(new CustomEvent("choice-change", {
             detail: { checked: this._checked, value: this.getValue() },
             bubbles: !0,
             cancelable: !0
@@ -2299,8 +2311,8 @@ class dt extends HTMLElement {
         this._radio && this._radio.checked !== this._checked && (this._checked = this._radio.checked, this._checked ? this.setAttribute("checked", "") : this.removeAttribute("checked"), this._updateVisualState(), this._updateGroupState());
       };
       this._radio.addEventListener("click", f), this._focusHandler = (m) => {
-        const _ = this.querySelector(".mint-choice-option-wrapper");
-        _ && !this.isDisabled() && _.classList.add("ring-2", "ring-offset-1", "ring-gray-400", "dark:ring-gray-500");
+        const g = this.querySelector(".mint-choice-option-wrapper");
+        g && !this.isDisabled() && g.classList.add("ring-2", "ring-offset-1", "ring-gray-400", "dark:ring-gray-500");
       }, this._radio.addEventListener("focus", this._focusHandler), this._blurHandler = () => {
         const m = this.querySelector(".mint-choice-option-wrapper");
         m && m.classList.remove("ring-2", "ring-offset-1", "ring-gray-400", "dark:ring-gray-500");
@@ -2313,24 +2325,33 @@ class dt extends HTMLElement {
     });
     let p = l.querySelector(".mint-choice-option-indicator");
     p || (p = document.createElement("div"), p.className = "mint-choice-option-indicator", l.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 h = this.querySelector(".mint-choice-option-label");
-    r && (h || (h = document.createElement("span"), h.className = "mint-choice-option-label", this.appendChild(h), Array.from(this.childNodes).forEach((f) => {
-      var m;
-      f.nodeType === Node.TEXT_NODE && ((m = f.textContent) != null && m.trim()) && (f.textContent = "");
-    })), h.className = `mint-choice-option-label text-sm text-gray-900 dark:text-gray-100 ${e ? "opacity-40" : ""}`, h.textContent = r), e ? (this.classList.add("cursor-not-allowed"), this.classList.remove("cursor-pointer")) : (this.classList.add("cursor-pointer"), this.classList.remove("cursor-not-allowed")), this._updateVisualState();
+    const h = this.getInfo();
+    let u = this.querySelector(".mint-choice-option-label-container");
+    if (r || h) {
+      u || (u = document.createElement("div"), u.className = "mint-choice-option-label-container flex flex-col gap-0.5", this.appendChild(u), Array.from(this.childNodes).forEach((g) => {
+        var b;
+        g.nodeType === Node.TEXT_NODE && ((b = g.textContent) != null && b.trim()) && g !== u && (g.textContent = "");
+      }));
+      let f = u.querySelector(".mint-choice-option-label");
+      r ? (f || (f = document.createElement("span"), f.className = "mint-choice-option-label", u.appendChild(f)), f.className = `mint-choice-option-label text-sm text-gray-900 dark:text-gray-100 ${e ? "opacity-40" : ""}`, f.textContent = r) : f && f.remove();
+      let m = u.querySelector(".mint-choice-option-info");
+      h ? (m || (m = document.createElement("span"), m.className = "mint-choice-option-info text-xs text-gray-500 dark:text-gray-400 select-none", u.appendChild(m)), m.textContent = h, e ? m.classList.add("opacity-40") : m.classList.remove("opacity-40")) : m && m.remove();
+    } else u && u.remove();
+    e ? (this.classList.add("cursor-not-allowed"), this.classList.remove("cursor-pointer")) : (this.classList.add("cursor-pointer"), this.classList.remove("cursor-not-allowed")), this._updateVisualState();
   }
   _getWrapperClasses() {
     const t = this.isDisabled(), e = [
       "inline-flex",
       "items-center",
       "justify-center",
-      "w-5",
-      "h-5",
+      "w-[1rem]",
+      "h-[1rem]",
       "rounded-full",
       "border-2",
       "transition-all",
       "duration-200",
-      "flex-shrink-0"
+      "flex-shrink-0",
+      "mt-0.5"
     ];
     return t && e.push("opacity-40", "cursor-not-allowed"), this._checked ? e.push(
       "bg-slate-800",
@@ -2735,10 +2756,10 @@ class pt extends HTMLElement {
     return this.hasAttribute("loading");
   }
   render() {
-    var v, b, k, A;
+    var b, v, k, A;
     this.getType();
-    const t = this._getNormalizedType(), e = this._isTextarea(), i = this._isMoney(), s = this._isColor(), n = this.getPlaceholder(), r = this.isDisabled(), a = this.isReadonly(), o = this.isRequired(), l = this.getId(), c = this.getName(), d = this.getAttribute("value") || (s ? "#000000" : ""), p = this.getRows(), h = this.getIcon(), u = this.getLabel(), f = this.getInfo(), m = this.isLoading();
-    if (this._renderSkeleton(m), s) {
+    const t = this._getNormalizedType(), e = this._isTextarea(), i = this._isMoney(), s = this._isColor(), n = this.getPlaceholder(), r = this.isDisabled(), a = this.isReadonly(), o = this.isRequired(), l = this.getId(), c = this.getName(), d = this.getAttribute("value") || (s ? "#000000" : ""), p = this.getRows(), h = this.getIcon(), u = this.getLabel(), _ = this.getInfo(), f = this.isLoading();
+    if (this._renderSkeleton(f), 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(() => {
           var x;
@@ -2819,12 +2840,12 @@ class pt extends HTMLElement {
       E && !this._input.value && (this._input.value = E.trim()), this.removeChild(this.firstChild);
     }
     let g = this.querySelector(".mint-input-label-container");
-    if (u || f) {
+    if (u || _) {
       g || (g = document.createElement("div"), g.className = "mint-input-label-container flex flex-col gap-0.5 mb-[.25rem]", this._wrapper && this._wrapper.parentElement === this ? this.insertBefore(g, this._wrapper) : this.insertBefore(g, this.firstChild));
       let E = g.querySelector(".mint-input-label");
       if (u) {
         E || (E = document.createElement("label"), E.className = "mint-input-label text-sm font-medium text-gray-900 dark:text-gray-100 select-none", g.insertBefore(E, g.firstChild)), E.textContent = u;
-        const x = l || ((v = this._element) == null ? void 0 : v.id) || ((b = this._colorTextInput) == null ? void 0 : b.id) || ((k = this._input) == null ? void 0 : k.id) || ((A = this._textarea) == null ? void 0 : A.id);
+        const x = l || ((b = this._element) == null ? void 0 : b.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);
         if (x)
           E.setAttribute("for", x);
         else {
@@ -2834,9 +2855,9 @@ class pt extends HTMLElement {
         r ? E.classList.add("opacity-40") : E.classList.remove("opacity-40");
       } else E && E.remove();
       let y = g.querySelector(".mint-input-info");
-      f ? (y || (y = document.createElement("span"), y.className = "mint-input-info text-xs text-gray-500 dark:text-gray-400 select-none", g.appendChild(y)), y.textContent = f, r ? y.classList.add("opacity-40") : y.classList.remove("opacity-40")) : y && y.remove();
+      _ ? (y || (y = document.createElement("span"), y.className = "mint-input-info text-xs text-gray-500 dark:text-gray-400 select-none", g.appendChild(y)), y.textContent = _, r ? y.classList.add("opacity-40") : y.classList.remove("opacity-40")) : y && y.remove();
     } else g && g.remove();
-    this._renderErrorState(), this._renderSkeleton(m);
+    this._renderErrorState(), this._renderSkeleton(f);
   }
   _renderErrorState() {
     const t = this.hasError(), e = this.getErrorMessage();
@@ -3181,24 +3202,24 @@ class ft extends HTMLElement {
   _parseDateString(t, e) {
     const i = /[\/\-\.\s]+/;
     if (i.test(t)) {
-      const m = t.split(i).filter((g) => g.length > 0), _ = e.split(/[\/\-\.\s]+/).filter((g) => g.length > 0);
-      if (m.length === _.length) {
-        let g = 0, v = 0, b = 0;
-        for (let k = 0; k < _.length; k++) {
-          const A = _[k].toLowerCase(), E = m[k];
+      const f = t.split(i).filter((g) => g.length > 0), m = e.split(/[\/\-\.\s]+/).filter((g) => g.length > 0);
+      if (f.length === m.length) {
+        let g = 0, b = 0, v = 0;
+        for (let k = 0; k < m.length; k++) {
+          const A = m[k].toLowerCase(), E = f[k];
           if (A.includes("d"))
             g = parseInt(E, 10);
           else if (A.includes("m"))
-            v = parseInt(E, 10) - 1;
+            b = 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), b = y;
+            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;
           }
         }
-        if (g && v >= 0 && v <= 11 && b) {
-          const k = new Date(b, v, g);
-          if (!isNaN(k.getTime()) && k.getDate() === g && k.getMonth() === v && k.getFullYear() === b)
+        if (g && b >= 0 && b <= 11 && v) {
+          const k = new Date(v, b, g);
+          if (!isNaN(k.getTime()) && k.getDate() === g && k.getMonth() === b && k.getFullYear() === v)
             return k;
         }
       }
@@ -3209,27 +3230,27 @@ class ft extends HTMLElement {
       { char: "d", index: a },
       { char: "m", index: o },
       { char: "y", index: l }
-    ].sort((m, _) => m.index - _.index);
+    ].sort((f, m) => f.index - m.index);
     let d = 0, p = 0, h = 0, u = 0;
     r.length, n.length;
-    for (const m of c)
-      if (m.char === "d") {
-        const _ = r.lastIndexOf("d") - r.indexOf("d") + 1, g = n.substr(u, _);
+    for (const f of c)
+      if (f.char === "d") {
+        const m = r.lastIndexOf("d") - r.indexOf("d") + 1, g = n.substr(u, m);
         if (g.length === 0) return null;
         d = parseInt(g, 10), u += g.length;
-      } else if (m.char === "m") {
-        const _ = r.lastIndexOf("m") - r.indexOf("m") + 1, g = n.substr(u, _);
+      } else if (f.char === "m") {
+        const m = r.lastIndexOf("m") - r.indexOf("m") + 1, g = n.substr(u, m);
         if (g.length === 0) return null;
         p = parseInt(g, 10) - 1, u += g.length;
-      } else if (m.char === "y") {
-        const _ = r.lastIndexOf("y") - r.indexOf("y") + 1, g = n.substr(u), v = Math.min(_, g.length), b = g.substr(0, v);
-        if (b.length === 0) return null;
-        let k = parseInt(b, 10);
-        v === 2 && _ === 4 ? k = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + k : v === 2 && _ === 2 && (k = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + k), h = k, u += v;
+      } else if (f.char === "y") {
+        const m = r.lastIndexOf("y") - r.indexOf("y") + 1, g = n.substr(u), b = Math.min(m, g.length), v = g.substr(0, b);
+        if (v.length === 0) return null;
+        let k = parseInt(v, 10);
+        b === 2 && m === 4 ? k = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + k : b === 2 && m === 2 && (k = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + k), h = k, u += b;
       }
     if (!d || p < 0 || p > 11 || !h) return null;
-    const f = new Date(h, p, d);
-    return isNaN(f.getTime()) || f.getDate() !== d || f.getMonth() !== p || f.getFullYear() !== h ? null : f;
+    const _ = new Date(h, p, d);
+    return isNaN(_.getTime()) || _.getDate() !== d || _.getMonth() !== p || _.getFullYear() !== h ? null : _;
   }
   _formatDate(t, e) {
     const i = t.getDate(), s = t.getMonth() + 1, n = t.getFullYear(), r = e.toLowerCase();
@@ -3239,8 +3260,8 @@ 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"], o = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], l = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], c = (h, u = 2) => h.toString().padStart(u, "0"), d = (h) => {
-      const u = h % 10, f = h % 100;
-      return u === 1 && f !== 11 ? "st" : u === 2 && f !== 12 ? "nd" : u === 3 && f !== 13 ? "rd" : "th";
+      const u = h % 10, _ = h % 100;
+      return u === 1 && _ !== 11 ? "st" : u === 2 && _ !== 12 ? "nd" : u === 3 && _ !== 13 ? "rd" : "th";
     };
     let p = "";
     for (let h = 0; h < e.length; h++) {
@@ -3300,47 +3321,47 @@ class ft extends HTMLElement {
     let u = this.querySelector(".mint-date-picker-label-container");
     if (e || i) {
       u || (u = document.createElement("div"), u.className = "mint-date-picker-label-container flex flex-col gap-0.5 mb-[.25rem]", this.contains(this._input) ? this.insertBefore(u, this._input) : this.appendChild(u));
-      let b = u.querySelector(".mint-date-picker-label");
-      e ? (b || (b = document.createElement("label"), b.className = "mint-date-picker-label text-sm font-medium text-gray-900 dark:text-gray-100 select-none", u.insertBefore(b, u.firstChild)), b.textContent = e, o && this._textInput && b.setAttribute("for", o)) : b && b.remove();
+      let v = u.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", u.insertBefore(v, u.firstChild)), v.textContent = e, o && this._textInput && v.setAttribute("for", o)) : v && v.remove();
       let k = u.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", u.appendChild(k)), k.textContent = i) : k && k.remove();
     } else u && u.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)), o && (this._hiddenInput.id = o), l && (this._hiddenInput.name = l), this._hiddenInput.value = s || "", this._hiddenInput.setAttribute("aria-invalid", d ? "true" : "false");
-    let f = this._input.querySelector(".mint-date-fields");
-    f || (f = document.createElement("div"), this._input.appendChild(f)), this._fieldsContainer = f, this._applyErrorVisuals(d, p, n), f.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", () => {
+    let _ = this._input.querySelector(".mint-date-fields");
+    _ || (_ = document.createElement("div"), this._input.appendChild(_)), this._fieldsContainer = _, this._applyErrorVisuals(d, p, n), _.innerHTML = "", this._displayEl = document.createElement("div");
+    const f = r ? "select-text" : "select-none";
+    this._displayEl.className = `flex-1 text-gray-900 dark:text-white ${r ? "cursor-default" : "cursor-text"} ${f} focus:outline-none`, this._displayEl.tabIndex = n || r ? -1 : 0, this._displayEl.addEventListener("click", () => {
       n || r || this._enterInputMode();
-    }), this._displayEl.addEventListener("keydown", (b) => {
-      n || r || (b.key === "Enter" || b.key === " ") && (b.preventDefault(), this._enterInputMode());
+    }), this._displayEl.addEventListener("keydown", (v) => {
+      n || r || (v.key === "Enter" || v.key === " ") && (v.preventDefault(), this._enterInputMode());
     }), this._inputsWrapperEl = document.createElement("div"), this._inputsWrapperEl.className = "flex items-center gap-1 w-full";
-    const _ = this._getFormatTokens(c);
+    const m = this._getFormatTokens(c);
     this._startPartInputs = [], this._endPartInputs = [];
-    const g = (b) => {
+    const g = (v) => {
       const k = document.createDocumentFragment();
-      return _.forEach((A) => {
+      return m.forEach((A) => {
         if (A.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);
         } 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);
-          b === "start" ? this._startPartInputs.push(y) : this._endPartInputs.push(y), k.appendChild(y);
+          v === "start" ? this._startPartInputs.push(y) : this._endPartInputs.push(y), k.appendChild(y);
         }
       }), k;
     };
     if (this._inputsWrapperEl.appendChild(g("start")), this._isRange) {
-      const b = document.createElement("span");
-      b.textContent = " - ", b.className = "text-gray-400 dark:text-gray-500 select-none", this._inputsWrapperEl.appendChild(b), this._inputsWrapperEl.appendChild(g("end"));
+      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(g("end"));
     }
-    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), f.appendChild(v), f.addEventListener("click", () => {
+    const b = document.createElement("div");
+    if (b.className = "flex flex-col w-full", this._displayEl.style.display = this._isInputMode ? "none" : "flex", this._inputsWrapperEl.style.display = this._isInputMode ? "flex" : "none", b.appendChild(this._displayEl), b.appendChild(this._inputsWrapperEl), _.appendChild(b), _.addEventListener("click", () => {
       this._isInputMode || n || r || this._enterInputMode();
-    }), this._attachPartInputHandlers(this._startPartInputs, _, f), this._isRange && this._attachPartInputHandlers(this._endPartInputs, _, f), this._parseValue(s), this._syncHiddenInput(), this._updateDisplayText(), this._iconButton)
+    }), this._attachPartInputHandlers(this._startPartInputs, m, _), this._isRange && this._attachPartInputHandlers(this._endPartInputs, m, _), 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 b = `date-icon-${Math.random().toString(36).substr(2, 9)}`;
-      this._iconButton.id = b;
+      const v = `date-icon-${Math.random().toString(36).substr(2, 9)}`;
+      this._iconButton.id = v;
       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();
@@ -3514,27 +3535,27 @@ class ft extends HTMLElement {
     }), d.appendChild(p);
     const u = document.createElement("div");
     u.className = "flex items-center gap-2";
-    const f = document.createElement("button");
-    f.type = "button", f.tabIndex = 0, f.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", f.setAttribute("data-keep-popover-open", "true"), f.textContent = i[this._currentMonth], f.addEventListener("click", () => {
+    const _ = document.createElement("button");
+    _.type = "button", _.tabIndex = 0, _.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", _.setAttribute("data-keep-popover-open", "true"), _.textContent = i[this._currentMonth], _.addEventListener("click", () => {
       this._viewMode = "month", this._buildCalendar();
-    }), u.appendChild(f);
-    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", () => {
+    }), u.appendChild(_);
+    const f = document.createElement("button");
+    f.type = "button", f.tabIndex = 0, f.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", f.setAttribute("data-keep-popover-open", "true"), f.textContent = String(this._currentYear), f.addEventListener("click", () => {
       this._viewMode = "year", this._buildCalendar();
-    }), u.appendChild(m), d.appendChild(u);
-    const _ = document.createElement("button");
-    _.type = "button", _.tabIndex = 0, _.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", _.setAttribute("data-keep-popover-open", "true");
+    }), u.appendChild(f), d.appendChild(u);
+    const m = document.createElement("button");
+    m.type = "button", m.tabIndex = 0, m.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", m.setAttribute("data-keep-popover-open", "true");
     const g = document.createElement("mint-icon");
-    g.setAttribute("name", "caret-right"), g.className = "w-4 h-4", _.appendChild(g), _.addEventListener("click", () => {
+    g.setAttribute("name", "caret-right"), g.className = "w-4 h-4", m.appendChild(g), m.addEventListener("click", () => {
       this._currentMonth === 11 ? (this._currentMonth = 0, this._currentYear++) : this._currentMonth++, this._buildCalendar();
-    }), d.appendChild(_);
-    const v = document.createElement("div");
-    v.className = "grid grid-cols-7 mb-2", r.forEach((C) => {
+    }), d.appendChild(m);
+    const b = document.createElement("div");
+    b.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, v.appendChild(I);
+      I.className = "text-xs font-medium text-gray-500 dark:text-gray-400 text-center py-1", I.textContent = C, b.appendChild(I);
     });
-    const b = document.createElement("div");
-    b.className = "grid grid-cols-7";
+    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), $ = this._isDateInRange(C), F = k && C < k || A && C > A;
       let M = "rounded-md";
@@ -3551,15 +3572,15 @@ class ft extends HTMLElement {
     };
     for (let C = e - 1; C >= 0; C--) {
       const I = x - C, S = new Date(y, E, I), V = j(S, I, !1);
-      b.appendChild(V);
+      v.appendChild(V);
     }
     for (let C = 1; C <= t; C++) {
       const I = new Date(this._currentYear, this._currentMonth, C), S = j(I, C, !0);
-      b.appendChild(S);
+      v.appendChild(S);
     }
     for (let C = 1; C <= G; C++) {
       const I = new Date(R, T, C), S = j(I, C, !1);
-      b.appendChild(S);
+      v.appendChild(S);
     }
     if (o) {
       const C = document.createElement("div");
@@ -3638,7 +3659,7 @@ class ft extends HTMLElement {
         }), S.appendChild(D);
       }), I.appendChild(S), C.appendChild(I), l.appendChild(C);
     }
-    c.appendChild(d), c.appendChild(v), c.appendChild(b), l.appendChild(c), this._calendarContainer.appendChild(l);
+    c.appendChild(d), c.appendChild(b), c.appendChild(v), l.appendChild(c), this._calendarContainer.appendChild(l);
   }
   _buildMonthView() {
     if (!this._calendarContainer) return;
@@ -4024,20 +4045,20 @@ class mt extends HTMLElement {
       h.value = "", h.textContent = "Select an option", h.disabled = !0, h.selected = !0, this._select.appendChild(h);
     }
     if (this._select.value = o || "", this._changeHandler && this._select && this._select.removeEventListener("change", this._changeHandler), this._changeHandler = (h) => {
-      const f = h.target.value;
-      (this.getAttribute("value") || "") !== f && (f ? this.setAttribute("value", f) : this.removeAttribute("value"));
-      const _ = new Event("input", {
+      const _ = h.target.value;
+      (this.getAttribute("value") || "") !== _ && (_ ? this.setAttribute("value", _) : this.removeAttribute("value"));
+      const m = new Event("input", {
         bubbles: !0,
         cancelable: !0,
         composed: !0
       });
-      this.dispatchEvent(_), this.dispatchEvent(new CustomEvent("input", {
-        detail: { value: f },
+      this.dispatchEvent(m), this.dispatchEvent(new CustomEvent("input", {
+        detail: { value: _ },
         bubbles: !0,
         cancelable: !0,
         composed: !0
       })), this.dispatchEvent(new CustomEvent("change", {
-        detail: { value: f },
+        detail: { value: _ },
         bubbles: !0,
         cancelable: !0,
         composed: !0
@@ -4046,7 +4067,7 @@ class mt extends HTMLElement {
       const h = this.getAttribute("value") || this.value || "";
       this._select && h && requestAnimationFrame(() => {
         this._select && Array.from(this._select.options).some(
-          (f) => f.value === h
+          (_) => _.value === h
         ) && this._select.value !== h && (this._select.value = h);
       });
     }), this._optionObserver.observe(this._select, {
@@ -4193,8 +4214,8 @@ class gt extends HTMLElement {
     h.className = "mint-dropzone-icon flex items-center justify-center mt-2 mb-2 flex-shrink-0";
     const u = document.createElement("mint-icon");
     if (u.setAttribute("name", "upload"), u.className = "w-12 h-12 text-gray-400 dark:text-gray-500", h.appendChild(u), this._dropzone.appendChild(h), e) {
-      const f = document.createElement("div");
-      f.className = "mint-dropzone-label text-sm font-medium text-gray-600 dark:text-gray-400 text-center px-4 flex-shrink-0", f.textContent = e, this._dropzone.appendChild(f);
+      const _ = document.createElement("div");
+      _.className = "mint-dropzone-label text-sm font-medium text-gray-600 dark:text-gray-400 text-center px-4 flex-shrink-0", _.textContent = e, this._dropzone.appendChild(_);
     }
     this.setupEventListeners(), this._renderErrorState(l, c), this._renderPreviews(), this._renderSkeleton(t);
   }
@@ -4352,21 +4373,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((l, c) => {
       const d = document.createElement("div");
       if (d.className = "flex items-center gap-3 p-2 rounded border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-800", l.type.startsWith("image/")) {
-        const f = document.createElement("img");
-        f.className = "w-12 h-12 object-cover rounded border border-gray-200 dark:border-gray-700";
-        const m = URL.createObjectURL(l);
-        this._previewUrls.push(m), f.src = m, d.appendChild(f);
+        const _ = document.createElement("img");
+        _.className = "w-12 h-12 object-cover rounded border border-gray-200 dark:border-gray-700";
+        const f = URL.createObjectURL(l);
+        this._previewUrls.push(f), _.src = f, d.appendChild(_);
       } else {
-        const f = document.createElement("mint-icon");
-        f.setAttribute("name", "attach"), f.className = "w-5 h-5 text-gray-500 dark:text-gray-300", d.appendChild(f);
+        const _ = document.createElement("mint-icon");
+        _.setAttribute("name", "attach"), _.className = "w-5 h-5 text-gray-500 dark:text-gray-300", d.appendChild(_);
       }
       const p = document.createElement("div");
       p.className = "flex-1 text-sm text-gray-800 dark:text-gray-100 truncate", p.textContent = l.name, d.appendChild(p);
       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 u = document.createElement("mint-icon");
-      u.setAttribute("name", "close"), u.className = "w-4 h-4", h.appendChild(u), h.addEventListener("click", (f) => {
-        f.preventDefault(), f.stopPropagation(), this._removeFileAt(c);
+      u.setAttribute("name", "close"), u.className = "w-4 h-4", h.appendChild(u), h.addEventListener("click", (_) => {
+        _.preventDefault(), _.stopPropagation(), this._removeFileAt(c);
       }), d.appendChild(h), e.appendChild(d);
     });
     const i = this.hasError(), s = this._isDragging;
@@ -4562,8 +4583,8 @@ class _t extends HTMLElement {
     let l = 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(o, window.mintForm.defaults.headers.common), this._headers && Object.assign(o, this._headers), s === "GET") {
       const u = new URLSearchParams();
-      t.forEach((f, m) => {
-        f instanceof File || u.append(m, String(f));
+      t.forEach((_, f) => {
+        _ instanceof File || u.append(f, String(_));
       }), l += (i.includes("?") ? "&" : "?") + u.toString();
     } else if (n === "multipart/form-data" || r)
       a = t;
@@ -4571,8 +4592,8 @@ class _t extends HTMLElement {
       a = JSON.stringify(e), o["Content-Type"] = "application/json";
     else {
       const u = new URLSearchParams();
-      t.forEach((f, m) => {
-        f instanceof File || u.append(m, String(f));
+      t.forEach((_, f) => {
+        _ instanceof File || u.append(f, String(_));
       }), a = u, o["Content-Type"] = "application/x-www-form-urlencoded";
     }
     if (typeof fetch == "function")
@@ -4581,70 +4602,70 @@ class _t extends HTMLElement {
           method: s || "POST",
           body: s === "GET" ? null : a,
           headers: o
-        }), f = await u.text().catch(() => "");
-        let m = f;
+        }), _ = await u.text().catch(() => "");
+        let f = _;
         try {
-          m = JSON.parse(f);
+          f = JSON.parse(_);
         } catch {
         }
         if (!u.ok) {
-          const g = { status: u.status, data: m, response: { status: u.status, data: m } };
+          const g = { status: u.status, data: f, response: { status: u.status, data: f } };
           throw await this._applyErrorInterceptors(g);
         }
-        const _ = { status: u.status, ok: u.ok, data: m };
-        return await this._applySuccessInterceptors(_);
+        const m = { status: u.status, ok: u.ok, data: f };
+        return await this._applySuccessInterceptors(m);
       } catch (u) {
         if (u.response)
           throw u;
-        const f = {
+        const _ = {
           status: u.status || 0,
           data: u.data || u.message || "Network error",
           response: { status: u.status || 0, data: u.data || u.message || "Network error" }
         };
-        throw await this._applyErrorInterceptors(f);
+        throw await this._applyErrorInterceptors(_);
       }
     const c = this;
-    return await new Promise(async (u, f) => {
-      const m = new XMLHttpRequest();
-      m.open(s || "POST", l, !0), Object.entries(o).forEach(([_, g]) => m.setRequestHeader(_, g)), m.onload = async function() {
-        const { status: _, responseText: g } = m;
-        if (_ >= 200 && _ < 300) {
-          let v = g;
+    return await new Promise(async (u, _) => {
+      const f = new XMLHttpRequest();
+      f.open(s || "POST", l, !0), Object.entries(o).forEach(([m, g]) => f.setRequestHeader(m, g)), f.onload = async function() {
+        const { status: m, responseText: g } = f;
+        if (m >= 200 && m < 300) {
+          let b = g;
           try {
-            v = JSON.parse(g);
+            b = JSON.parse(g);
           } catch {
           }
           try {
-            const b = { status: _, ok: !0, data: v }, k = await c._applySuccessInterceptors(b);
+            const v = { status: m, ok: !0, data: b }, k = await c._applySuccessInterceptors(v);
             u(k);
-          } catch (b) {
-            f(b);
+          } catch (v) {
+            _(v);
           }
         } else {
-          let v = g;
+          let b = g;
           try {
-            v = JSON.parse(g);
+            b = JSON.parse(g);
           } catch {
           }
           try {
-            const b = { status: _, data: v, response: { status: _, data: v } }, k = await c._applyErrorInterceptors(b);
-            f(k);
-          } catch (b) {
-            f(b);
+            const v = { status: m, data: b, response: { status: m, data: b } }, k = await c._applyErrorInterceptors(v);
+            _(k);
+          } catch (v) {
+            _(v);
           }
         }
-      }, m.onerror = async function() {
+      }, f.onerror = async function() {
         try {
-          const _ = {
-            status: m.status || 0,
-            data: m.responseText || "Network error",
-            response: { status: m.status || 0, data: m.responseText || "Network error" }
-          }, g = await c._applyErrorInterceptors(_);
-          f(g);
-        } catch (_) {
-          f(_);
+          const m = {
+            status: f.status || 0,
+            data: f.responseText || "Network error",
+            response: { status: f.status || 0, data: f.responseText || "Network error" }
+          }, g = await c._applyErrorInterceptors(m);
+          _(g);
+        } catch (m) {
+          _(m);
         }
-      }, m.send(s === "GET" ? null : a);
+      }, f.send(s === "GET" ? null : a);
     });
   }
   async _applySuccessInterceptors(t) {
@@ -5385,13 +5406,13 @@ class bt extends HTMLElement {
           "dark:border-gray-700"
         ]), p && c.classList.add("cursor-pointer", "hover:bg-gray-50", "dark:hover:bg-gray-800", "transition-colors"), d === l.length - 1 && c.classList.remove("border-b");
         const h = c.querySelectorAll("td");
-        h.forEach((u, f) => {
+        h.forEach((u, _) => {
           this._setClasses(u, [
             "text-gray-900",
             "dark:text-gray-100",
             "px-3",
             "py-2"
-          ]), f === 0 && u.classList.add("pl-6"), f === h.length - 1 && u.classList.add("pr-6"), e ? this._applyMobileCell(u, s) : this._restoreCell(u);
+          ]), _ === 0 && u.classList.add("pl-6"), _ === h.length - 1 && u.classList.add("pr-6"), e ? this._applyMobileCell(u, s) : this._restoreCell(u);
         });
       });
     }
@@ -6167,7 +6188,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 o, l, c, d, p, h, u, f;
+    var o, l, c, d, p, h, u, _;
     if (!this._configuration) return;
     const n = t || (typeof this._configuration.data == "string" ? this._configuration.data : null);
     if (!n || this._fetching || this._loading)
@@ -6175,7 +6196,7 @@ class xt extends HTMLElement {
     e && (this._fetching = !0, this.render()), this._loading = !0;
     const r = i || this._perPage, a = s !== void 0 ? s : this._offset;
     try {
-      const m = new URLSearchParams({
+      const f = new URLSearchParams({
         perPage: r.toString(),
         offset: a.toString(),
         search: this._search,
@@ -6183,20 +6204,20 @@ class xt extends HTMLElement {
         sort: this._configuration.sort || "asc",
         searchColumns: this._searchColumns.join(","),
         columns: this._columns.join(",")
-      }), _ = {};
-      this._configuration.headers && (_.headers = this._configuration.headers);
-      const g = await fetch(`${n}?${m.toString()}`, _);
+      }), m = {};
+      this._configuration.headers && (m.headers = this._configuration.headers);
+      const g = await fetch(`${n}?${f.toString()}`, m);
       if (!g.ok)
         throw new Error(`HTTP error! status: ${g.status}`);
-      const v = await g.json(), b = ((o = v.content) == null ? void 0 : o.rows) || [], k = ((l = v.content) == null ? void 0 : l.total) || 0;
+      const b = await g.json(), v = ((o = b.content) == null ? void 0 : o.rows) || [], k = ((l = b.content) == null ? void 0 : l.total) || 0;
       if (this._configuration.loadMore && a !== 0)
-        this._rows = this._rows.concat(b);
+        this._rows = this._rows.concat(v);
       else {
-        let x = b;
-        this._configuration.predefinedData ? (x = [...this._configuration.predefinedData, ...b], this._totalRows = k + this._configuration.predefinedData.length) : this._totalRows = k, this._rows = x;
+        let x = v;
+        this._configuration.predefinedData ? (x = [...this._configuration.predefinedData, ...v], this._totalRows = k + this._configuration.predefinedData.length) : this._totalRows = k, this._rows = x;
       }
       const A = Math.floor(a / r) + 1;
-      this._configuration.loadMore || (((c = v.content) == null ? void 0 : c.current_page) !== void 0 && v.content.current_page === A ? this._currentPage = v.content.current_page : this._currentPage = A, 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;
+      this._configuration.loadMore || (((c = b.content) == null ? void 0 : c.current_page) !== void 0 && b.content.current_page === A ? this._currentPage = b.content.current_page : this._currentPage = A, this._offset = (this._currentPage - 1) * r), this._lastPage = ((d = b.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) {
@@ -6207,8 +6228,8 @@ class xt extends HTMLElement {
         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(), ((f = (u = this.querySelector(`#${this._tableId}`)) == null ? void 0 : u.closest("table")) == null ? void 0 : f.querySelector("tbody")) ? (this._updateTableBody(), this._updatePagination()) : this.render();
+    } catch (f) {
+      this._fetching = !1, this._loading = !1, this._loaded = !0, this._searching = !1, this._fetchError = f instanceof Error ? f.message : "Failed to fetch data", console.error("mint-resource-table: Error fetching data", f), this._updateSearchIcon(), ((_ = (u = this.querySelector(`#${this._tableId}`)) == null ? void 0 : u.closest("table")) == null ? void 0 : _.querySelector("tbody")) ? (this._updateTableBody(), this._updatePagination()) : this.render();
     }
   }
   _getRows() {
@@ -6334,47 +6355,47 @@ class xt extends HTMLElement {
       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, u) => {
         if (h.hidden) return;
-        const f = !h.show || h.show(this, l);
-        if (r += `<td style="${this._getStyle(h)}" class="${this._getClasses(h, !0)}">`, f)
+        const _ = !h.show || h.show(this, l);
+        if (r += `<td style="${this._getStyle(h)}" class="${this._getClasses(h, !0)}">`, _)
           if (h.raw)
             if (h.action)
               (!h.action.show || h.action.show(this, l)) && (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}`, _ = `actions-button-${this._tableId}-${c}`;
-                r += `<mint-button id="${_}" variant="link" icon="ellipsis">`, r += "</mint-button>", r += `<mint-popover id="${m}" trigger-id="${_}" direction="down">`, h.actions.forEach((g, v) => {
+                const f = `actions-popover-${this._tableId}-${c}`, m = `actions-button-${this._tableId}-${c}`;
+                r += `<mint-button id="${m}" variant="link" icon="ellipsis">`, r += "</mint-button>", r += `<mint-popover id="${f}" trigger-id="${m}" direction="down">`, h.actions.forEach((g, b) => {
                   if (!g.show || g.show(this, l)) {
-                    const b = typeof g.label == "function" ? g.label(this, l) : g.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)}">${b}</div>`;
+                    const v = typeof g.label == "function" ? g.label(this, l) : g.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="${b}" data-column-key="${this._configuration.columns.indexOf(h)}">${v}</div>`;
                   }
                 }), r += "</mint-popover>";
               } else
-                h.actions.forEach((m, _) => {
-                  if (!m.show || m.show(this, l)) {
-                    const g = m.label ? typeof m.label == "function" ? m.label(this, l) : m.label : "", v = m.icon ? ` icon="${this._escapeHtml(m.icon)}"` : "", b = 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="${_}" data-column-key="${this._configuration.columns.indexOf(h)}"${v}${b}>`, g && (r += this._escapeHtml(String(g))), r += "</mint-button>";
+                h.actions.forEach((f, m) => {
+                  if (!f.show || f.show(this, l)) {
+                    const g = f.label ? typeof f.label == "function" ? f.label(this, l) : f.label : "", b = f.icon ? ` icon="${this._escapeHtml(f.icon)}"` : "", v = f.tone ? ` tone="${this._escapeHtml(f.tone)}"` : "";
+                    r += `<mint-button variant="link" class="${f.classes || ""}" data-action="row-action" data-row-index="${c}" data-action-index="${m}" data-column-key="${this._configuration.columns.indexOf(h)}"${b}${v}>`, g && (r += this._escapeHtml(String(g))), r += "</mint-button>";
                   }
                 });
             else typeof h.format == "function" ? r += h.format(this, l) : h.data && (r += this._escapeHtml(String(l[h.data] || "")));
           else if (h.action) {
             if (!h.action.show || h.action.show(this, l)) {
-              const m = typeof h.action.label == "function" ? h.action.label(this, l) : h.action.label;
-              r += `<mint-button variant="solid" data-action="column-action" data-row-index="${c}" data-column-key="${this._configuration.columns.indexOf(h)}">${this._escapeHtml(String(m))}</mint-button>`;
+              const f = typeof h.action.label == "function" ? h.action.label(this, l) : h.action.label;
+              r += `<mint-button variant="solid" data-action="column-action" data-row-index="${c}" data-column-key="${this._configuration.columns.indexOf(h)}">${this._escapeHtml(String(f))}</mint-button>`;
             }
           } else if (h.actions)
             if (h.actionStyle !== "buttons") {
-              const m = `actions-popover-${this._tableId}-${c}`, _ = `actions-button-${this._tableId}-${c}`;
-              r += `<mint-button id="${_}" variant="link" icon="ellipsis">`, r += "</mint-button>", r += `<mint-popover id="${m}" trigger-id="${_}" direction="down">`, h.actions.forEach((g, v) => {
+              const f = `actions-popover-${this._tableId}-${c}`, m = `actions-button-${this._tableId}-${c}`;
+              r += `<mint-button id="${m}" variant="link" icon="ellipsis">`, r += "</mint-button>", r += `<mint-popover id="${f}" trigger-id="${m}" direction="down">`, h.actions.forEach((g, b) => {
                 if (!g.show || g.show(this, l)) {
-                  const b = typeof g.label == "function" ? g.label(this, l) : g.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)}">${b}</div>`;
+                  const v = typeof g.label == "function" ? g.label(this, l) : g.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="${b}" data-column-key="${this._configuration.columns.indexOf(h)}">${v}</div>`;
                 }
               }), r += "</mint-popover>";
             } else
-              h.actions.forEach((m, _) => {
-                if (!m.show || m.show(this, l)) {
-                  const g = m.label ? typeof m.label == "function" ? m.label(this, l) : m.label : "", v = m.icon ? ` icon="${this._escapeHtml(m.icon)}"` : "", b = 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="${_}" data-column-key="${this._configuration.columns.indexOf(h)}"${v}${b}>`, g && (r += this._escapeHtml(String(g))), r += "</mint-button>";
+              h.actions.forEach((f, m) => {
+                if (!f.show || f.show(this, l)) {
+                  const g = f.label ? typeof f.label == "function" ? f.label(this, l) : f.label : "", b = f.icon ? ` icon="${this._escapeHtml(f.icon)}"` : "", v = f.tone ? ` tone="${this._escapeHtml(f.tone)}"` : "";
+                  r += `<mint-button variant="link" class="${f.classes || ""}" data-action="row-action" data-row-index="${c}" data-action-index="${m}" data-column-key="${this._configuration.columns.indexOf(h)}"${b}${v}>`, g && (r += this._escapeHtml(String(g))), r += "</mint-button>";
                 }
               });
           else typeof h.format == "function" ? r += this._escapeHtml(h.format(this, l)) : h.data && (r += this._escapeHtml(String(l[h.data] || "")));
@@ -6562,17 +6583,17 @@ class xt extends HTMLElement {
               } else if (c.actions)
                 if (c.actionStyle !== "buttons") {
                   const h = `actions-popover-${this._tableId}-${a}`, u = `actions-button-${this._tableId}-${a}`;
-                  s += `<mint-button id="${u}" variant="link" icon="ellipsis">`, s += "</mint-button>", s += `<mint-popover id="${h}" trigger-id="${u}" direction="down">`, c.actions.forEach((f, m) => {
-                    if (!f.show || f.show(this, r)) {
-                      const _ = typeof f.label == "function" ? f.label(this, r) : f.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(_))}</div>`;
+                  s += `<mint-button id="${u}" variant="link" icon="ellipsis">`, s += "</mint-button>", s += `<mint-popover id="${h}" trigger-id="${u}" direction="down">`, c.actions.forEach((_, f) => {
+                    if (!_.show || _.show(this, r)) {
+                      const m = typeof _.label == "function" ? _.label(this, r) : _.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="${f}" data-column-key="${this._configuration.columns.indexOf(c)}">${this._escapeHtml(String(m))}</div>`;
                     }
                   }), s += "</mint-popover>";
                 } else
                   c.actions.forEach((h, u) => {
                     if (!h.show || h.show(this, r)) {
-                      const f = h.label ? typeof h.label == "function" ? h.label(this, r) : h.label : "", m = h.icon ? ` icon="${this._escapeHtml(h.icon)}"` : "", _ = 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="${u}" data-column-key="${this._configuration.columns.indexOf(c)}"${m}${_}>`, f && (s += this._escapeHtml(String(f))), s += "</mint-button>";
+                      const _ = h.label ? typeof h.label == "function" ? h.label(this, r) : h.label : "", f = h.icon ? ` icon="${this._escapeHtml(h.icon)}"` : "", m = 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="${u}" data-column-key="${this._configuration.columns.indexOf(c)}"${f}${m}>`, _ && (s += this._escapeHtml(String(_))), s += "</mint-button>";
                     }
                   });
               else typeof c.format == "function" ? s += c.format(this, r) : c.data && (s += this._escapeHtml(String(r[c.data] || "")));
@@ -6581,17 +6602,17 @@ class xt extends HTMLElement {
             else if (c.actions)
               if (c.actionStyle !== "buttons") {
                 const h = `actions-popover-${this._tableId}-${a}`, u = `actions-button-${this._tableId}-${a}`;
-                s += `<mint-button id="${u}" variant="link" icon="ellipsis">`, s += "</mint-button>", s += `<mint-popover id="${h}" trigger-id="${u}" direction="down">`, c.actions.forEach((f, m) => {
-                  if (!f.show || f.show(this, r)) {
-                    const _ = typeof f.label == "function" ? f.label(this, r) : f.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(_))}</div>`;
+                s += `<mint-button id="${u}" variant="link" icon="ellipsis">`, s += "</mint-button>", s += `<mint-popover id="${h}" trigger-id="${u}" direction="down">`, c.actions.forEach((_, f) => {
+                  if (!_.show || _.show(this, r)) {
+                    const m = typeof _.label == "function" ? _.label(this, r) : _.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="${f}" data-column-key="${this._configuration.columns.indexOf(c)}">${this._escapeHtml(String(m))}</div>`;
                   }
                 }), s += "</mint-popover>";
               } else
                 c.actions.forEach((h, u) => {
                   if (!h.show || h.show(this, r)) {
-                    const f = h.label ? typeof h.label == "function" ? h.label(this, r) : h.label : "", m = h.icon ? ` icon="${this._escapeHtml(h.icon)}"` : "", _ = 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="${u}" data-column-key="${this._configuration.columns.indexOf(c)}"${m}${_}>`, f && (s += this._escapeHtml(String(f))), s += "</mint-button>";
+                    const _ = h.label ? typeof h.label == "function" ? h.label(this, r) : h.label : "", f = h.icon ? ` icon="${this._escapeHtml(h.icon)}"` : "", m = 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="${u}" data-column-key="${this._configuration.columns.indexOf(c)}"${f}${m}>`, _ && (s += this._escapeHtml(String(_))), s += "</mint-button>";
                   }
                 });
             else typeof c.format == "function" ? s += this._escapeHtml(c.format(this, r)) : c.data && (s += this._escapeHtml(String(r[c.data] || "")));
@@ -6780,8 +6801,8 @@ class wt extends HTMLElement {
     d || (d = document.createElement("mint-stack"), d.setAttribute("direction", "horizontal"), d.className = "justify-end", this._actionsSlot.appendChild(d)), 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((m) => {
-        m.parentElement !== d && d.appendChild(m);
+      Array.from(u.children).forEach((f) => {
+        f.parentElement !== d && d.appendChild(f);
       }), 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);