monobill-mintui 0.3.30 → 0.3.32

package/dist/index.js

@@ -1,5 +1,5 @@
-import { g as G } from "./caret-right-DsNN5Epe.js";
-class K extends HTMLElement {
+import { g as X } from "./caret-right-DsNN5Epe.js";
+class Z extends HTMLElement {
   constructor() {
     super(), this._darkModeObserver = null;
   }
@@ -86,8 +86,8 @@ class K extends HTMLElement {
     this.innerHTML = l.trim();
   }
 }
-customElements.get("mint-spinner") || customElements.define("mint-spinner", K);
-class X extends HTMLElement {
+customElements.get("mint-spinner") || customElements.define("mint-spinner", Z);
+class Q extends HTMLElement {
   constructor() {
     super(), this._darkModeObserver = null;
   }
@@ -139,7 +139,7 @@ class X extends HTMLElement {
       this.innerHTML = "", this.style.maskImage = "", this.style.webkitMaskImage = "", this.style.backgroundColor = "";
       return;
     }
-    const e = G(t);
+    const e = X(t);
     if (!e) {
       console.warn(`Icon "${t}" not found. Make sure you've imported the icon: import '@monobill-mintui/icon/icons/${t}'`), this.innerHTML = "", this.style.maskImage = "", this.style.webkitMaskImage = "", this.style.backgroundColor = "";
       return;
@@ -166,8 +166,8 @@ class X extends HTMLElement {
     }
   }
 }
-customElements.get("mint-icon") || customElements.define("mint-icon", X);
-const W = class W extends HTMLElement {
+customElements.get("mint-icon") || customElements.define("mint-icon", Q);
+const V = class V 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");
@@ -187,7 +187,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 (!V._activeShadowStyleInjected) {
       const t = document.createElement("style");
       t.textContent = `
         mint-button .mint-button-active {
@@ -200,7 +200,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), V._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");
   }
@@ -772,12 +772,12 @@ const W = class W extends HTMLElement {
           _.push(g);
           continue;
         }
-        const b = g;
-        b.tagName !== "MINT-SPINNER" && !b.querySelector("mint-spinner") && g !== r && !b.hasAttribute("slot") && !(b.className === "mr-2" && b.querySelector("mint-spinner")) && _.push(g);
+        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);
       }
       if (_.length > 0) {
-        o = document.createElement("span"), o.className = "mint-button-content inline-flex items-center", _.forEach((b) => {
-          o.appendChild(b);
+        o = document.createElement("span"), o.className = "mint-button-content inline-flex items-center", _.forEach((v) => {
+          o.appendChild(v);
         });
         const g = (u = this._button.querySelector("mint-spinner")) == null ? void 0 : u.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);
@@ -832,10 +832,10 @@ const W = class W extends HTMLElement {
     });
   }
 };
-W._activeShadowStyleInjected = !1;
-let Y = W;
-customElements.get("mint-button") || customElements.define("mint-button", Y);
-class Z extends HTMLElement {
+V._activeShadowStyleInjected = !1;
+let U = V;
+customElements.get("mint-button") || customElements.define("mint-button", U);
+class tt extends HTMLElement {
   constructor() {
     super(), this._button = null, this._checked = !1;
   }
@@ -988,6 +988,13 @@ class Z extends HTMLElement {
   }
   handleToggle(t) {
     this.isDisabled() || (this.checked = !this._checked, this.dispatchEvent(
+      new CustomEvent("input", {
+        detail: { checked: this._checked },
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      })
+    ), this.dispatchEvent(
       new CustomEvent("change", {
         detail: { checked: this._checked },
         bubbles: !0,
@@ -1036,8 +1043,8 @@ class Z extends HTMLElement {
     t && e ? (i || (i = document.createElement("div"), i.className = "mint-switch-error mt-1 text-xs text-red-600 dark:text-red-400", this.appendChild(i)), i.textContent = e) : i && i.remove(), this._button && (this._button.className = this.getSwitchClasses());
   }
 }
-customElements.get("mint-switch") || customElements.define("mint-switch", Z);
-class Q extends HTMLElement {
+customElements.get("mint-switch") || customElements.define("mint-switch", tt);
+class et extends HTMLElement {
   // Store classes set via class attribute
   constructor() {
     super(), this._darkModeObserver = null, this._userClasses = /* @__PURE__ */ new Set();
@@ -1147,8 +1154,8 @@ class Q extends HTMLElement {
     this.style.setProperty("font-size", o);
   }
 }
-customElements.get("mint-text") || customElements.define("mint-text", Q);
-class tt extends HTMLElement {
+customElements.get("mint-text") || customElements.define("mint-text", et);
+class it extends HTMLElement {
   constructor() {
     super(), this._childObserver = null;
   }
@@ -1253,8 +1260,8 @@ class tt extends HTMLElement {
     });
   }
 }
-customElements.get("mint-stack") || customElements.define("mint-stack", tt);
-class et extends HTMLElement {
+customElements.get("mint-stack") || customElements.define("mint-stack", it);
+class st extends HTMLElement {
   constructor() {
     super(), this._headingElement = null;
   }
@@ -1285,8 +1292,8 @@ class et extends HTMLElement {
     t ? (this._headingElement || (this._headingElement = document.createElement("mint-text"), this._headingElement.setAttribute("size", "sub-heading"), this.insertBefore(this._headingElement, this.firstChild)), this._headingElement.textContent = t) : this._headingElement && this._headingElement.parentNode && (this._headingElement.remove(), this._headingElement = null);
   }
 }
-customElements.get("mint-card") || customElements.define("mint-card", et);
-class it extends HTMLElement {
+customElements.get("mint-card") || customElements.define("mint-card", st);
+class rt extends HTMLElement {
   constructor() {
     super(), this._link = null, this._contentObserver = null;
   }
@@ -1352,8 +1359,8 @@ class it extends HTMLElement {
     });
   }
 }
-customElements.get("mint-link") || customElements.define("mint-link", it);
-class st extends HTMLElement {
+customElements.get("mint-link") || customElements.define("mint-link", rt);
+class nt extends HTMLElement {
   constructor() {
     super(), this._button = null;
   }
@@ -1411,8 +1418,8 @@ class st extends HTMLElement {
     this._button || (this._button = document.createElement("mint-button"), this._button.setAttribute("variant", "neutral"), this._button.setAttribute("icon", "arrow-left"), this._button.addEventListener("click", (t) => this.handleClick(t)), this.appendChild(this._button));
   }
 }
-customElements.get("mint-back-button") || customElements.define("mint-back-button", st);
-class rt extends HTMLElement {
+customElements.get("mint-back-button") || customElements.define("mint-back-button", nt);
+class at extends HTMLElement {
   constructor() {
     super(), this._pageContainer = null, this._header = null, this._titleElement = null, this._headingText = null, this._actionsSlot = null, this._bodySlot = null, this._darkModeObserver = null, this._backButton = null, this._backButtonHandler = null;
   }
@@ -1488,8 +1495,8 @@ class rt extends HTMLElement {
     this._backButtonHandler && (this.removeEventListener("back", this._backButtonHandler, !0), this._backButtonHandler = null);
   }
 }
-customElements.get("mint-page") || customElements.define("mint-page", rt);
-class nt extends HTMLElement {
+customElements.get("mint-page") || customElements.define("mint-page", at);
+class ot extends HTMLElement {
   static get observedAttributes() {
     return ["columns", "sm", "md", "lg", "xl", "gap"];
   }
@@ -1542,8 +1549,8 @@ class nt extends HTMLElement {
     });
   }
 }
-customElements.get("mint-grid") || customElements.define("mint-grid", nt);
-class at extends HTMLElement {
+customElements.get("mint-grid") || customElements.define("mint-grid", ot);
+class lt extends HTMLElement {
   constructor() {
     super(), this._overlay = null, this._modal = null, this._header = null, this._headingSlot = null, this._bodySlot = null, this._actionsSlot = null, this._closeButton = null, this._darkModeObserver = null;
   }
@@ -1638,8 +1645,8 @@ class at extends HTMLElement {
     }, 200);
   }
 }
-customElements.get("mint-modal") || customElements.define("mint-modal", at);
-class ot extends HTMLElement {
+customElements.get("mint-modal") || customElements.define("mint-modal", lt);
+class ct extends HTMLElement {
   constructor() {
     super(), this._overlay = null, this._popover = null, this._triggerElement = null, this._darkModeObserver = null, this._clickOutsideHandler = null, this._triggerClickHandler = null, this._triggerHoverEnterHandler = null, this._triggerHoverLeaveHandler = null, this._popoverHoverEnterHandler = null, this._popoverHoverLeaveHandler = null, this._hoverCloseTimeout = null, this._scrollHandler = null, this._resizeHandler = null;
   }
@@ -1887,8 +1894,8 @@ class ot extends HTMLElement {
     });
   }
 }
-customElements.get("mint-popover") || customElements.define("mint-popover", ot);
-class lt extends HTMLElement {
+customElements.get("mint-popover") || customElements.define("mint-popover", ct);
+class ht extends HTMLElement {
   constructor() {
     super(), this._checkbox = null, this._checked = !1, this._clickHandler = null, this._changeHandler = null, this._mousedownHandler = null, this._mouseupHandler = null, this._mouseleaveHandler = null, this._touchstartHandler = null, this._touchendHandler = null, this._focusHandler = null, this._blurHandler = null;
   }
@@ -2023,7 +2030,12 @@ class lt extends HTMLElement {
   }
   setupEventListeners() {
     this.removeEventListeners(), this._checkbox && (this._changeHandler = (t) => {
-      t.stopPropagation(), this._checked = this._checkbox.checked, this._checked ? this.hasAttribute("checked") || this.setAttribute("checked", "") : this.hasAttribute("checked") && this.removeAttribute("checked"), this.updateVisualState();
+      t.stopPropagation(), this._checked = this._checkbox.checked, this._checked ? this.hasAttribute("checked") || this.setAttribute("checked", "") : this.hasAttribute("checked") && this.removeAttribute("checked"), this.updateVisualState(), this.dispatchEvent(new CustomEvent("input", {
+        detail: { checked: this._checked, value: this.getValue() },
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      }));
       const e = new CustomEvent("change", {
         detail: { checked: this._checked, value: this.getValue() },
         bubbles: !0,
@@ -2073,7 +2085,12 @@ class lt extends HTMLElement {
   }
   toggle() {
     if (this._checkbox && !this.isDisabled()) {
-      this._checkbox.checked = !this._checked, this._checked = this._checkbox.checked, this._checked ? this.hasAttribute("checked") || this.setAttribute("checked", "") : this.hasAttribute("checked") && this.removeAttribute("checked"), this.updateVisualState();
+      this._checkbox.checked = !this._checked, this._checked = this._checkbox.checked, this._checked ? this.hasAttribute("checked") || this.setAttribute("checked", "") : this.hasAttribute("checked") && this.removeAttribute("checked"), this.updateVisualState(), this.dispatchEvent(new CustomEvent("input", {
+        detail: { checked: this._checked },
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      }));
       const t = new CustomEvent("change", {
         detail: { checked: this._checked },
         bubbles: !0,
@@ -2106,8 +2123,8 @@ class lt extends HTMLElement {
     n && (n.className = `mint-checkbox-wrapper ${this.getCheckboxClasses()}`);
   }
 }
-customElements.get("mint-checkbox") || customElements.define("mint-checkbox", lt);
-class ct extends HTMLElement {
+customElements.get("mint-checkbox") || customElements.define("mint-checkbox", ht);
+class dt extends HTMLElement {
   constructor() {
     super(), this._radio = null, this._checked = !1, this._changeHandler = null, this._clickHandler = null, this._focusHandler = null, this._blurHandler = null, this._keydownHandler = null;
   }
@@ -2347,8 +2364,8 @@ class ct extends HTMLElement {
     }
   }
 }
-customElements.get("mint-choice-option") || customElements.define("mint-choice-option", ct);
-class ht extends HTMLElement {
+customElements.get("mint-choice-option") || customElements.define("mint-choice-option", dt);
+class ut extends HTMLElement {
   constructor() {
     super(), this._optionsContainer = null;
   }
@@ -2356,7 +2373,21 @@ class ht extends HTMLElement {
     return ["label", "name", "info", "error", "error-message", "id", "disabled", "required", "loading"];
   }
   connectedCallback() {
-    this.classList.add("box-border", "m-0", "p-0", "border-0", "block", "w-full"), this.render();
+    this.classList.add("box-border", "m-0", "p-0", "border-0", "block", "w-full"), this.render(), this.addEventListener("choice-change", (t) => {
+      var s;
+      const i = ((s = t.detail) == null ? void 0 : s.value) || this.getValue();
+      this.dispatchEvent(new CustomEvent("input", {
+        detail: { value: i },
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      })), this.dispatchEvent(new CustomEvent("change", {
+        detail: { value: i },
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      }));
+    });
   }
   disconnectedCallback() {
   }
@@ -2470,8 +2501,8 @@ class ht extends HTMLElement {
     t && e ? (i || (i = document.createElement("div"), i.className = "mint-choice-error mt-1 text-xs text-red-600 dark:text-red-400", this.appendChild(i)), i.textContent = e) : i && i.remove();
   }
 }
-customElements.get("mint-choice") || customElements.define("mint-choice", ht);
-class dt extends HTMLElement {
+customElements.get("mint-choice") || customElements.define("mint-choice", ut);
+class pt extends HTMLElement {
   constructor() {
     super(), this._input = null, this._textarea = null, this._element = null, this._wrapper = null, this._icon = null, this._colorPicker = null, this._colorTextInput = null, this._colorContainer = null, this._colorPickerWrapper = null, this._numberSpinnerContainer = null, this._numberIncrementButton = null, this._numberDecrementButton = null, this._focusHandler = null, this._blurHandler = null, this._clickHandler = null, this._clickOutsideHandler = null;
   }
@@ -2603,52 +2634,52 @@ class dt extends HTMLElement {
     return this.hasAttribute("loading");
   }
   render() {
-    var b, v, x, S;
+    var v, b, 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" : ""), 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(() => {
-          var E;
-          this._colorPicker && this._colorPicker.matches(":focus-visible") && ((E = this._colorPickerWrapper) == null || E.classList.add("ring-2", "ring-offset-1", "ring-gray-400", "dark:ring-gray-500"));
+          var x;
+          this._colorPicker && this._colorPicker.matches(":focus-visible") && ((x = this._colorPickerWrapper) == null || x.classList.add("ring-2", "ring-offset-1", "ring-gray-400", "dark:ring-gray-500"));
         });
       }, this._blurHandler = () => {
         this._colorPickerWrapper && this._colorPickerWrapper.classList.remove("ring-2", "ring-offset-1", "ring-gray-400", "dark:ring-gray-500");
       }, this._colorPicker.addEventListener("focus", this._focusHandler), this._colorPicker.addEventListener("blur", this._blurHandler), this._colorPicker.addEventListener("input", () => {
-        var E;
-        const y = ((E = this._colorPicker) == null ? void 0 : E.value) || "#000000";
+        var x;
+        const y = ((x = this._colorPicker) == null ? void 0 : x.value) || "#000000";
         this._colorPickerWrapper && (this._colorPickerWrapper.style.backgroundColor = y), this._colorTextInput && (this._colorTextInput.value = y), this.setAttribute("value", y), this.dispatchEvent(new CustomEvent("input", {
           detail: { value: y },
           bubbles: !0,
           cancelable: !0
         }));
       }), this._colorPicker.addEventListener("change", () => {
-        var E;
-        const y = ((E = this._colorPicker) == null ? void 0 : E.value) || "#000000";
+        var x;
+        const y = ((x = this._colorPicker) == null ? void 0 : x.value) || "#000000";
         this._colorPickerWrapper && (this._colorPickerWrapper.style.backgroundColor = y), this.setAttribute("value", y), this.dispatchEvent(new CustomEvent("change", {
           detail: { value: y },
           bubbles: !0,
           cancelable: !0
         }));
       })), this._colorTextInput || (this._colorTextInput = document.createElement("input"), this._colorTextInput.type = "text", this._colorTextInput.className = this.getInputClasses(), this._colorTextInput.placeholder = n || "#000000", this._colorTextInput.pattern = "^#[0-9A-Fa-f]{6}$", this._wrapper.appendChild(this._colorTextInput), this._colorTextInput.addEventListener("input", () => {
-        var E;
-        const y = ((E = this._colorTextInput) == null ? void 0 : E.value) || "";
+        var x;
+        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.dispatchEvent(new CustomEvent("input", {
           detail: { value: y },
           bubbles: !0,
           cancelable: !0
         })));
       }), this._colorTextInput.addEventListener("blur", () => {
-        var E, I;
-        const y = ((E = this._colorTextInput) == null ? void 0 : E.value) || "";
+        var x, T;
+        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: ((I = this._colorPicker) == null ? void 0 : I.value) || "#000000" },
+          detail: { value: ((T = this._colorPicker) == null ? void 0 : T.value) || "#000000" },
           bubbles: !0,
           cancelable: !0
         }));
       }));
-      const k = d || "#000000";
-      if (this._colorPicker && this._colorPicker.value !== k && (this._colorPicker.value = k), this._colorPickerWrapper && (this._colorPickerWrapper.style.backgroundColor = k), this._colorTextInput && this._colorTextInput.value !== k && (this._colorTextInput.value = k), this._colorPicker && (this._colorPicker.disabled = r), this._colorPickerWrapper && (r ? (this._colorPickerWrapper.classList.add("opacity-40", "cursor-not-allowed"), this._colorPickerWrapper.classList.remove("cursor-pointer")) : (this._colorPickerWrapper.classList.remove("opacity-40", "cursor-not-allowed"), this._colorPickerWrapper.classList.add("cursor-pointer"))), this._colorTextInput && (this._colorTextInput.disabled = r, this._colorTextInput.readOnly = a, this._colorTextInput.required = o), this._colorTextInput) {
+      const E = d || "#000000";
+      if (this._colorPicker && this._colorPicker.value !== E && (this._colorPicker.value = E), this._colorPickerWrapper && (this._colorPickerWrapper.style.backgroundColor = E), this._colorTextInput && this._colorTextInput.value !== E && (this._colorTextInput.value = E), this._colorPicker && (this._colorPicker.disabled = r), this._colorPickerWrapper && (r ? (this._colorPickerWrapper.classList.add("opacity-40", "cursor-not-allowed"), this._colorPickerWrapper.classList.remove("cursor-pointer")) : (this._colorPickerWrapper.classList.remove("opacity-40", "cursor-not-allowed"), this._colorPickerWrapper.classList.add("cursor-pointer"))), this._colorTextInput && (this._colorTextInput.disabled = r, this._colorTextInput.readOnly = a, this._colorTextInput.required = o), this._colorTextInput) {
         const y = this._colorTextInput;
         l ? y.id = l : y.removeAttribute("id"), c ? y.name = c : y.removeAttribute("name"), y.setAttribute("aria-invalid", this.hasError() ? "true" : "false"), this._element = y;
       }
@@ -2658,20 +2689,20 @@ class dt extends HTMLElement {
     if (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._colorPicker = null, this._colorTextInput = null), this._colorPickerWrapper && !s && (this._colorPickerWrapper.remove(), this._colorPickerWrapper = null, this._colorPicker = null, this._colorTextInput = null), h && !e ? this._icon ? this._icon.setAttribute("name", h) : (this._icon = document.createElement("mint-icon"), this._icon.setAttribute("name", h), this._icon.className = "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400 dark:text-gray-500 pointer-events-none", this._wrapper.appendChild(this._icon)) : this._icon && (this._icon.remove(), this._icon = null), this._isNumber() && !e) {
       if (!this._numberSpinnerContainer) {
         this._numberSpinnerContainer = document.createElement("div"), this._numberSpinnerContainer.className = "absolute right-1 top-1/2 -translate-y-1/2 flex flex-col h-8 pointer-events-none", this._wrapper.appendChild(this._numberSpinnerContainer), this._numberIncrementButton = document.createElement("button"), this._numberIncrementButton.type = "button", this._numberIncrementButton.className = "flex items-center justify-center w-5 h-4 text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 disabled:opacity-40 disabled:cursor-not-allowed transition-colors pointer-events-auto bg-gray-100 dark:bg-gray-600 active:bg-gray-200 dark:active:bg-gray-500 rounded";
-        const k = document.createElement("mint-icon");
-        k.setAttribute("name", "caret-up"), k.className = "w-[1rem] h-[1rem]", this._numberIncrementButton.appendChild(k), this._numberSpinnerContainer.appendChild(this._numberIncrementButton), this._numberDecrementButton = document.createElement("button"), this._numberDecrementButton.type = "button", this._numberDecrementButton.className = "flex items-center justify-center w-5 h-4 text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 disabled:opacity-40 disabled:cursor-not-allowed transition-colors pointer-events-auto bg-gray-100 dark:bg-gray-600 active:bg-gray-200 dark:active:bg-gray-500 rounded";
+        const E = document.createElement("mint-icon");
+        E.setAttribute("name", "caret-up"), E.className = "w-[1rem] h-[1rem]", this._numberIncrementButton.appendChild(E), this._numberSpinnerContainer.appendChild(this._numberIncrementButton), this._numberDecrementButton = document.createElement("button"), this._numberDecrementButton.type = "button", this._numberDecrementButton.className = "flex items-center justify-center w-5 h-4 text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 disabled:opacity-40 disabled:cursor-not-allowed transition-colors pointer-events-auto bg-gray-100 dark:bg-gray-600 active:bg-gray-200 dark:active:bg-gray-500 rounded";
         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", (E) => {
-          if (E.preventDefault(), E.stopPropagation(), this._input && !this._input.disabled && !this._input.readOnly) {
-            const I = parseFloat(this._input.value) || 0, V = parseFloat(this._input.step) || 1, O = this._input.min ? parseFloat(this._input.min) : void 0, F = this._input.max ? parseFloat(this._input.max) : void 0;
-            let D = I + V;
-            F !== void 0 && D > F && (D = F), O !== void 0 && D < O && (D = O), 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 }));
+        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, O = this._input.max ? parseFloat(this._input.max) : void 0;
+            let H = T + R;
+            O !== void 0 && H > O && (H = O), 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 }));
           }
-        }), this._numberDecrementButton.addEventListener("click", (E) => {
-          if (E.preventDefault(), E.stopPropagation(), this._input && !this._input.disabled && !this._input.readOnly) {
-            const I = parseFloat(this._input.value) || 0, V = parseFloat(this._input.step) || 1, O = this._input.min ? parseFloat(this._input.min) : void 0, F = this._input.max ? parseFloat(this._input.max) : void 0;
-            let D = I - V;
-            O !== void 0 && D < O && (D = O), F !== void 0 && D > F && (D = F), 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, O = this._input.max ? parseFloat(this._input.max) : void 0;
+            let H = T - R;
+            P !== void 0 && H < P && (H = P), O !== void 0 && H > O && (H = O), 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 }));
           }
         });
       }
@@ -2679,28 +2710,28 @@ class dt extends HTMLElement {
     } 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 = o, this._textarea.rows = u, this._textarea.setAttribute("aria-invalid", this.hasError() ? "true" : "false"), d !== this._textarea.value && (this._textarea.value = d), l ? this._textarea.id = l : 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 k = this.firstChild.textContent;
-        k && !this._textarea.value && (this._textarea.value = k.trim()), this.removeChild(this.firstChild);
+        const E = this.firstChild.textContent;
+        E && !this._textarea.value && (this._textarea.value = E.trim()), this.removeChild(this.firstChild);
       }
     } else if (this._textarea && (this._textarea.remove(), this._textarea = null), this._input || (this._input = document.createElement("input"), this._wrapper.appendChild(this._input), this.setupEventListeners()), this._element = this._input, this._input.type = t, this._input.placeholder = n, this._input.disabled = r, this._input.readOnly = a, this._input.required = o, this._input.setAttribute("aria-invalid", this.hasError() ? "true" : "false"), i ? (this._input.inputMode = "decimal", this._input.pattern = "[0-9]*\\.?[0-9]*") : (this._input.removeAttribute("inputmode"), this._input.removeAttribute("pattern")), d !== this._input.value && (this._input.value = d), l ? this._input.id = l : this._input.removeAttribute("id"), c ? this._input.name = c : this._input.removeAttribute("name"), this._input.className = this.getInputClasses(), this.firstChild && this.firstChild !== this._wrapper && this.firstChild.nodeType === Node.TEXT_NODE) {
-      const k = this.firstChild.textContent;
-      k && !this._input.value && (this._input.value = k.trim()), this.removeChild(this.firstChild);
+      const E = this.firstChild.textContent;
+      E && !this._input.value && (this._input.value = E.trim()), this.removeChild(this.firstChild);
     }
     let g = this.querySelector(".mint-input-label-container");
     if (f || p) {
       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 k = g.querySelector(".mint-input-label");
+      let E = g.querySelector(".mint-input-label");
       if (f) {
-        k || (k = document.createElement("label"), k.className = "mint-input-label text-sm font-medium text-gray-900 dark:text-gray-100 select-none", g.insertBefore(k, g.firstChild)), k.textContent = f;
-        const E = l || ((b = this._element) == null ? void 0 : b.id) || ((v = this._colorTextInput) == null ? void 0 : v.id) || ((x = this._input) == null ? void 0 : x.id) || ((S = this._textarea) == null ? void 0 : S.id);
-        if (E)
-          k.setAttribute("for", E);
+        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 = f;
+        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);
+        if (x)
+          E.setAttribute("for", x);
         else {
-          const I = `mint-input-${Math.random().toString(36).substr(2, 9)}`;
-          this._element ? this._element.id = I : this._colorTextInput ? this._colorTextInput.id = I : this._input ? this._input.id = I : this._textarea && (this._textarea.id = I), k.setAttribute("for", I);
+          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);
         }
-        r ? k.classList.add("opacity-40") : k.classList.remove("opacity-40");
-      } else k && k.remove();
+        r ? E.classList.add("opacity-40") : E.classList.remove("opacity-40");
+      } else E && E.remove();
       let y = g.querySelector(".mint-input-info");
       p ? (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 = p, r ? y.classList.add("opacity-40") : y.classList.remove("opacity-40")) : y && y.remove();
     } else g && g.remove();
@@ -2762,13 +2793,13 @@ class dt extends HTMLElement {
       e && (e.style.display = "none"), this._element && (this._element.style.opacity = "1", this._element.style.pointerEvents = "auto"), this._colorTextInput && (this._colorTextInput.style.opacity = "1", this._colorTextInput.style.pointerEvents = "auto");
   }
 }
-customElements.get("mint-input") || customElements.define("mint-input", dt);
-class ut extends HTMLElement {
+customElements.get("mint-input") || customElements.define("mint-input", pt);
+class ft extends HTMLElement {
   constructor() {
     super(), this._input = null, this._textInput = null, this._popover = null, this._calendarContainer = null, this._iconButton = null, this._hiddenInput = null, this._startPartInputs = [], this._endPartInputs = [], this._displayEl = null, this._inputsWrapperEl = null, this._fieldsContainer = null, this._resetHandler = null, this._isInputMode = !1, this._currentMonth = (/* @__PURE__ */ new Date()).getMonth(), this._currentYear = (/* @__PURE__ */ new Date()).getFullYear(), this._viewMode = "calendar", this._selectedStartDate = null, this._selectedEndDate = null, this._isRange = !1, this._popoverObserver = null, this._focusTrapHandler = null, this._escapeHandler = null;
   }
   static get observedAttributes() {
-    return ["value", "label", "info", "disabled", "id", "name", "required", "readonly", "format", "min", "max", "range", "shortcuts", "display-format", "error", "error-message", "loading"];
+    return ["value", "label", "info", "disabled", "id", "name", "required", "readonly", "format", "min", "max", "range", "shortcuts", "display-format", "error", "error-message", "loading", "selection-mode", "week-start-day"];
   }
   connectedCallback() {
     this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "inline-block"), this.render(), this._setupPopoverWithRetry(), this._attachFormResetListener();
@@ -2841,6 +2872,23 @@ class ut extends HTMLElement {
   getMax() {
     return this.getAttribute("max") || "";
   }
+  getSelectionMode() {
+    const t = this.getAttribute("selection-mode");
+    return t === "week" || t === "month" ? t : "day";
+  }
+  getWeekStartDay() {
+    var i;
+    const t = (i = this.getAttribute("week-start-day")) == null ? void 0 : i.toLowerCase();
+    return {
+      sunday: 0,
+      monday: 1,
+      tuesday: 2,
+      wednesday: 3,
+      thursday: 4,
+      friday: 5,
+      saturday: 6
+    }[t || "sunday"] ?? 0;
+  }
   getDisplayFormat() {
     return this.getAttribute("display-format") || "F j, Y";
   }
@@ -2993,17 +3041,17 @@ class ut extends HTMLElement {
     return i.length >= 2 ? [i[0], i.slice(1).join("-")] : [t];
   }
   _parseValue(t) {
-    const e = this.getFormat(), i = this._getFormatTokens(e);
-    if (this._isRange) {
-      const [s, n] = this._splitRangeInput(t, e), r = s ? this._parseDateString(s, e) : null, a = n ? this._parseDateString(n, e) : null;
-      if (r && a) {
-        const [o, l] = r <= a ? [r, a] : [a, r];
-        this._selectedStartDate = o, this._selectedEndDate = l, this._currentMonth = o.getMonth(), this._currentYear = o.getFullYear();
-      } else r && (this._selectedStartDate = r, this._selectedEndDate = null, this._currentMonth = r.getMonth(), this._currentYear = r.getFullYear());
+    const e = this.getFormat(), i = this._getFormatTokens(e), s = this.getSelectionMode();
+    if (this._isRange || s === "week" || s === "month") {
+      const [r, a] = this._splitRangeInput(t, e), o = r ? this._parseDateString(r, e) : null, l = a ? this._parseDateString(a, e) : null;
+      if (o && l) {
+        const [c, d] = o <= l ? [o, l] : [l, o];
+        this._selectedStartDate = c, this._selectedEndDate = d, this._currentMonth = c.getMonth(), this._currentYear = c.getFullYear();
+      } else o && (this._selectedStartDate = o, this._selectedEndDate = null, this._currentMonth = o.getMonth(), this._currentYear = o.getFullYear());
       this._applyDateToParts(this._selectedStartDate, this._startPartInputs, i, e), this._applyDateToParts(this._selectedEndDate, this._endPartInputs, i, e);
     } else {
-      const s = this._parseDateString(t, e);
-      s && !isNaN(s.getTime()) ? (this._selectedStartDate = s, this._selectedEndDate = null, this._currentMonth = s.getMonth(), this._currentYear = s.getFullYear(), this._applyDateToParts(s, this._startPartInputs, i, e)) : this._applyDateToParts(null, this._startPartInputs, i, e);
+      const r = this._parseDateString(t, e);
+      r && !isNaN(r.getTime()) ? (this._selectedStartDate = r, this._selectedEndDate = null, this._currentMonth = r.getMonth(), this._currentYear = r.getFullYear(), this._applyDateToParts(r, this._startPartInputs, i, e)) : this._applyDateToParts(null, this._startPartInputs, i, e);
     }
     this._syncHiddenInput(), this._updateDisplayText();
   }
@@ -3012,23 +3060,23 @@ class ut extends HTMLElement {
     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, b = 0, v = 0;
-        for (let x = 0; x < _.length; x++) {
-          const S = _[x].toLowerCase(), k = m[x];
-          if (S.includes("d"))
-            g = parseInt(k, 10);
-          else if (S.includes("m"))
-            b = parseInt(k, 10) - 1;
-          else if (S.includes("y")) {
-            let y = parseInt(k, 10);
-            const E = S.length, I = k.length;
-            I === 2 && E === 4 ? y = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + y : I === 2 && E === 2 && (y = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + y), v = y;
+        let g = 0, v = 0, b = 0;
+        for (let k = 0; k < _.length; k++) {
+          const A = _[k].toLowerCase(), E = m[k];
+          if (A.includes("d"))
+            g = parseInt(E, 10);
+          else if (A.includes("m"))
+            v = 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;
           }
         }
-        if (g && b >= 0 && b <= 11 && v) {
-          const x = new Date(v, b, g);
-          if (!isNaN(x.getTime()) && x.getDate() === g && x.getMonth() === b && x.getFullYear() === v)
-            return x;
+        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)
+            return k;
         }
       }
     }
@@ -3051,10 +3099,10 @@ class ut extends HTMLElement {
         if (g.length === 0) return null;
         u = parseInt(g, 10) - 1, f += g.length;
       } else if (m.char === "y") {
-        const _ = r.lastIndexOf("y") - r.indexOf("y") + 1, g = n.substr(f), b = Math.min(_, g.length), v = g.substr(0, b);
-        if (v.length === 0) return null;
-        let x = parseInt(v, 10);
-        b === 2 && _ === 4 ? x = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + x : b === 2 && _ === 2 && (x = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + x), h = x, f += b;
+        const _ = r.lastIndexOf("y") - r.indexOf("y") + 1, g = n.substr(f), 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, f += v;
       }
     if (!d || u < 0 || u > 11 || !h) return null;
     const p = new Date(h, u, d);
@@ -3124,54 +3172,54 @@ class ut extends HTMLElement {
     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(), o = this.getId(), l = this.getName(), c = this.getFormat(), d = this.hasError(), u = this.getErrorMessage();
-    this._isRange = this.isRange(), this._input || (this._input = document.createElement("div"), this._input.className = "relative w-full", this.appendChild(this._input));
-    let h = this.querySelector(".mint-date-picker-label-container");
+    const t = this.isLoading(), e = this.getLabel(), i = this.getInfo(), s = this.getValue(), n = this.isDisabled(), r = this.isReadonly(), a = this.isRequired(), o = this.getId(), l = 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) {
-      h || (h = document.createElement("div"), h.className = "mint-date-picker-label-container flex flex-col gap-0.5 mb-[.25rem]", this.contains(this._input) ? this.insertBefore(h, this._input) : this.appendChild(h));
-      let b = h.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", h.insertBefore(b, h.firstChild)), b.textContent = e, o && this._textInput && b.setAttribute("for", o)) : b && b.remove();
-      let v = h.querySelector(".mint-date-picker-info");
-      i ? (v || (v = document.createElement("span"), v.className = "mint-date-picker-info text-xs text-gray-500 dark:text-gray-400 select-none", h.appendChild(v)), v.textContent = i) : v && v.remove();
-    } else h && h.remove();
+      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 b = f.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", f.insertBefore(b, f.firstChild)), b.textContent = e, o && this._textInput && b.setAttribute("for", o)) : b && b.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)), 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, u, n), f.innerHTML = "", this._displayEl = document.createElement("div");
-    const p = r ? "select-text" : "select-none";
-    this._displayEl.className = `flex-1 text-gray-900 dark:text-white ${r ? "cursor-default" : "cursor-text"} ${p} focus:outline-none`, this._displayEl.tabIndex = n || r ? -1 : 0, this._displayEl.addEventListener("click", () => {
+    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", (b) => {
       n || r || (b.key === "Enter" || b.key === " ") && (b.preventDefault(), this._enterInputMode());
     }), this._inputsWrapperEl = document.createElement("div"), this._inputsWrapperEl.className = "flex items-center gap-1 w-full";
-    const m = this._getFormatTokens(c);
+    const _ = this._getFormatTokens(c);
     this._startPartInputs = [], this._endPartInputs = [];
-    const _ = (b) => {
-      const v = document.createDocumentFragment();
-      return m.forEach((x) => {
-        if (x.type === "sep") {
-          const S = document.createElement("span");
-          S.textContent = x.value, S.className = "text-gray-400 dark:text-gray-500 select-none", v.appendChild(S);
+    const g = (b) => {
+      const k = document.createDocumentFragment();
+      return _.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 S = x.part === "d" ? "dd" : x.part === "m" ? "mm" : x.len === 2 ? "yy" : "yyyy", k = this._createPartInput(x.len, S, n, r, a);
-          b === "start" ? this._startPartInputs.push(k) : this._endPartInputs.push(k), v.appendChild(k);
+          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;
+      }), k;
     };
-    if (this._inputsWrapperEl.appendChild(_("start")), this._isRange) {
+    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(_("end"));
+      b.textContent = " - ", b.className = "text-gray-400 dark:text-gray-500 select-none", this._inputsWrapperEl.appendChild(b), this._inputsWrapperEl.appendChild(g("end"));
     }
-    const g = document.createElement("div");
-    if (g.className = "flex flex-col w-full", this._displayEl.style.display = this._isInputMode ? "none" : "flex", this._inputsWrapperEl.style.display = this._isInputMode ? "flex" : "none", g.appendChild(this._displayEl), g.appendChild(this._inputsWrapperEl), f.appendChild(g), f.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, m, f), this._isRange && this._attachPartInputHandlers(this._endPartInputs, m, f), this._parseValue(s), this._syncHiddenInput(), this._updateDisplayText(), this._iconButton)
+    }), this._attachPartInputHandlers(this._startPartInputs, _, p), this._isRange && this._attachPartInputHandlers(this._endPartInputs, _, 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 b = `date-icon-${Math.random().toString(36).substr(2, 9)}`;
       this._iconButton.id = b;
-      const v = document.createElement("mint-icon");
-      v.setAttribute("name", "calendar"), v.className = "w-4 h-4 pointer-events-none", this._iconButton.appendChild(v), this._iconButton.addEventListener("click", () => {
+      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;
     }
@@ -3215,26 +3263,26 @@ class ut extends HTMLElement {
     return t;
   }
   _handleBlur(t) {
-    const e = this.getFormat();
+    const e = this.getFormat(), i = this.getSelectionMode(), s = this._isRange || i === "week" || i === "month";
     if (!t) {
       this.setValue(""), this._updateDisplayText();
       return;
     }
-    if (this._isRange) {
-      const [i, s] = this._splitRangeInput(t, e), n = i ? this._parseDateString(i, e) : null, r = s ? this._parseDateString(s, e) : null;
-      if (n && r) {
-        const [a, o] = n <= r ? [n, r] : [r, n], l = this._formatDate(a, e), c = this._formatDate(o, e), d = `${l} - ${c}`;
-        this.setValue(d), this._applyDateToParts(a, this._startPartInputs, this._getFormatTokens(e), e), this._applyDateToParts(o, this._endPartInputs, this._getFormatTokens(e), e), this._selectedStartDate = a, this._selectedEndDate = o, this._currentMonth = a.getMonth(), this._currentYear = a.getFullYear();
-      } else if (n) {
-        const a = this._formatDate(n, e);
-        this.setValue(a), this._applyDateToParts(n, this._startPartInputs, this._getFormatTokens(e), e), this._applyDateToParts(null, this._endPartInputs, this._getFormatTokens(e), e), this._selectedStartDate = n, this._selectedEndDate = null, this._currentMonth = n.getMonth(), this._currentYear = n.getFullYear();
+    if (s) {
+      const [n, r] = this._splitRangeInput(t, e), a = n ? this._parseDateString(n, e) : null, o = r ? this._parseDateString(r, e) : null;
+      if (a && o) {
+        const [l, c] = a <= o ? [a, o] : [o, a], d = this._formatDate(l, e), u = this._formatDate(c, e), h = `${d} - ${u}`;
+        this.setValue(h), this._applyDateToParts(l, this._startPartInputs, this._getFormatTokens(e), e), this._applyDateToParts(c, this._endPartInputs, this._getFormatTokens(e), e), this._selectedStartDate = l, this._selectedEndDate = c, this._currentMonth = l.getMonth(), this._currentYear = l.getFullYear();
+      } else if (a) {
+        const l = this._formatDate(a, e);
+        this.setValue(l), this._applyDateToParts(a, this._startPartInputs, this._getFormatTokens(e), e), this._applyDateToParts(null, this._endPartInputs, this._getFormatTokens(e), e), this._selectedStartDate = a, this._selectedEndDate = null, this._currentMonth = a.getMonth(), this._currentYear = a.getFullYear();
       } else
         this.setValue(""), this._applyDateToParts(null, this._startPartInputs, this._getFormatTokens(e), e), this._applyDateToParts(null, this._endPartInputs, this._getFormatTokens(e), e), this._selectedStartDate = null, this._selectedEndDate = null;
     } else if (this._validateDateString(t, e)) {
-      const i = this._parseDateString(t, e);
-      if (i) {
-        const s = this._formatDate(i, e);
-        this.setValue(s), this._applyDateToParts(i, this._startPartInputs, this._getFormatTokens(e), e), this._selectedStartDate = i, this._selectedEndDate = null, this._currentMonth = i.getMonth(), this._currentYear = i.getFullYear();
+      const n = this._parseDateString(t, e);
+      if (n) {
+        const r = this._formatDate(n, e);
+        this.setValue(r), this._applyDateToParts(n, this._startPartInputs, this._getFormatTokens(e), e), this._selectedStartDate = n, this._selectedEndDate = null, this._currentMonth = n.getMonth(), this._currentYear = n.getFullYear();
       }
     } else
       this.setValue(""), this._applyDateToParts(null, this._startPartInputs, this._getFormatTokens(e), e), this._selectedStartDate = null, this._selectedEndDate = null;
@@ -3327,78 +3375,78 @@ class ut extends HTMLElement {
   }
   _buildCalendarView() {
     if (!this._calendarContainer) return;
-    const t = this._getDaysInMonth(this._currentMonth, this._currentYear), e = this._getFirstDayOfMonth(this._currentMonth, this._currentYear), i = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], n = this.getShortcuts(), r = n.length > 0;
-    this._calendarContainer.className = r ? "mint-date-calendar bg-white dark:bg-gray-800 rounded-lg p-4 w-[18rem] md:w-auto md:min-w-[28rem]" : "mint-date-calendar bg-white dark:bg-gray-800 rounded-lg p-4 w-[18rem] md:min-w-[18rem]";
-    const a = document.createElement("div");
-    a.className = "flex flex-col md:flex-row md:gap-6 md:items-start";
-    const o = document.createElement("div");
-    o.className = "flex-1 min-w-0";
+    const t = this._getDaysInMonth(this._currentMonth, this._currentYear), e = this._getFirstDayOfMonth(this._currentMonth, this._currentYear), i = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], s = this.getWeekStartDay(), n = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], r = [...n.slice(s), ...n.slice(0, s)], a = this.getShortcuts(), o = a.length > 0;
+    this._calendarContainer.className = o ? "mint-date-calendar bg-white dark:bg-gray-800 rounded-lg p-4 w-[18rem] md:w-auto md:min-w-[28rem]" : "mint-date-calendar bg-white dark:bg-gray-800 rounded-lg p-4 w-[18rem] md:min-w-[18rem]";
     const l = document.createElement("div");
-    l.className = "flex items-center justify-between mb-4";
-    const c = document.createElement("button");
-    c.type = "button", c.tabIndex = 0, c.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", c.setAttribute("data-keep-popover-open", "true");
-    const d = document.createElement("mint-icon");
-    d.setAttribute("name", "caret-left"), d.className = "w-4 h-4", c.appendChild(d), c.addEventListener("click", () => {
+    l.className = "flex flex-col md:flex-row md:gap-6 md:items-start";
+    const c = document.createElement("div");
+    c.className = "flex-1 min-w-0";
+    const d = document.createElement("div");
+    d.className = "flex items-center justify-between mb-4";
+    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", u.appendChild(h), u.addEventListener("click", () => {
       this._currentMonth === 0 ? (this._currentMonth = 11, this._currentYear--) : this._currentMonth--, this._buildCalendar();
-    }), l.appendChild(c);
-    const u = document.createElement("div");
-    u.className = "flex items-center gap-2";
-    const h = document.createElement("button");
-    h.type = "button", h.tabIndex = 0, h.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", h.setAttribute("data-keep-popover-open", "true"), h.textContent = i[this._currentMonth], h.addEventListener("click", () => {
+    }), d.appendChild(u);
+    const f = document.createElement("div");
+    f.className = "flex items-center gap-2";
+    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", () => {
       this._viewMode = "month", this._buildCalendar();
-    }), u.appendChild(h);
-    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", () => {
+    }), 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._viewMode = "year", this._buildCalendar();
-    }), u.appendChild(f), l.appendChild(u);
-    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 m = document.createElement("mint-icon");
-    m.setAttribute("name", "caret-right"), m.className = "w-4 h-4", p.appendChild(m), p.addEventListener("click", () => {
+    }), f.appendChild(m), d.appendChild(f);
+    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");
+    const g = document.createElement("mint-icon");
+    g.setAttribute("name", "caret-right"), g.className = "w-4 h-4", _.appendChild(g), _.addEventListener("click", () => {
       this._currentMonth === 11 ? (this._currentMonth = 0, this._currentYear++) : this._currentMonth++, this._buildCalendar();
-    }), l.appendChild(p);
-    const _ = document.createElement("div");
-    _.className = "grid grid-cols-7 mb-2", s.forEach((w) => {
-      const T = document.createElement("div");
-      T.className = "text-xs font-medium text-gray-500 dark:text-gray-400 text-center py-1", T.textContent = w, _.appendChild(T);
+    }), d.appendChild(_);
+    const v = document.createElement("div");
+    v.className = "grid grid-cols-7 mb-2", r.forEach((w) => {
+      const I = document.createElement("div");
+      I.className = "text-xs font-medium text-gray-500 dark:text-gray-400 text-center py-1", I.textContent = w, v.appendChild(I);
     });
-    const g = document.createElement("div");
-    g.className = "grid grid-cols-7";
-    const b = this.getMin() ? this._parseDateString(this.getMin(), this.getFormat()) : null, v = this.getMax() ? this._parseDateString(this.getMax(), this.getFormat()) : null, x = this._currentMonth === 0 ? 11 : this._currentMonth - 1, S = this._currentMonth === 0 ? this._currentYear - 1 : this._currentYear, k = this._getDaysInMonth(x, S), y = this._currentMonth === 11 ? 0 : this._currentMonth + 1, E = this._currentMonth === 11 ? this._currentYear + 1 : this._currentYear, I = e + t, F = Math.ceil(I / 7) * 7 - I, D = (w, T, A) => {
-      const R = this._isToday(w), $ = this._isDateSelected(w), q = this._isDateInRange(w), P = b && w < b || v && w > v;
-      let N = "rounded-md";
+    const b = document.createElement("div");
+    b.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, J = Math.ceil(P / 7) * 7 - P, j = (w, I, S) => {
+      const W = this._isToday(w), $ = this._isDateSelected(w), q = this._isDateInRange(w), F = k && w < k || A && w > A;
+      let M = "rounded-md";
       if (this._isRange && this._selectedStartDate && this._selectedEndDate) {
-        const H = this._isSameDate(w, this._selectedStartDate), L = this._isSameDate(w, this._selectedEndDate);
-        H && L ? N = "rounded-md" : H ? N = "rounded-l-md" : L ? N = "rounded-r-md" : q && (N = "rounded-none");
-      } else $ && !this._isRange && (N = "rounded-md");
-      const M = document.createElement("button");
-      M.type = "button", M.disabled = !!P, M.tabIndex = P ? -1 : 0;
-      let B = `w-full h-8 ${N} 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 A ? B += $ ? " bg-slate-800 dark:bg-slate-600 text-white" : q ? " bg-slate-100 dark:bg-slate-700 text-slate-800 dark:text-slate-200" : R ? " 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 += $ ? " 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 += P ? " opacity-40 cursor-not-allowed" : "", M.className = B, M.textContent = T.toString(), P || M.addEventListener("click", () => {
+        const D = this._isSameDate(w, this._selectedStartDate), L = this._isSameDate(w, this._selectedEndDate);
+        D && L ? M = "rounded-md" : D ? M = "rounded-l-md" : L ? M = "rounded-r-md" : q && (M = "rounded-none");
+      } else $ && !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 += $ ? " bg-slate-800 dark:bg-slate-600 text-white" : q ? " bg-slate-100 dark:bg-slate-700 text-slate-800 dark:text-slate-200" : W ? " 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 += $ ? " 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", () => {
         this._handleDateClick(w);
-      }), M;
+      }), N;
     };
     for (let w = e - 1; w >= 0; w--) {
-      const T = k - w, A = new Date(S, x, T), R = D(A, T, !1);
-      g.appendChild(R);
+      const I = x - w, S = new Date(y, E, I), W = j(S, I, !1);
+      b.appendChild(W);
     }
     for (let w = 1; w <= t; w++) {
-      const T = new Date(this._currentYear, this._currentMonth, w), A = D(T, w, !0);
-      g.appendChild(A);
+      const I = new Date(this._currentYear, this._currentMonth, w), S = j(I, w, !0);
+      b.appendChild(S);
     }
-    for (let w = 1; w <= F; w++) {
-      const T = new Date(E, y, w), A = D(T, w, !1);
-      g.appendChild(A);
+    for (let w = 1; w <= J; w++) {
+      const I = new Date(R, T, w), S = j(I, w, !1);
+      b.appendChild(S);
     }
-    if (r) {
+    if (o) {
       const w = document.createElement("div");
       w.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 T = document.createElement("div");
-      T.className = "relative md:relative md:flex-1 md:min-h-0";
-      const A = document.createElement("div");
-      A.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", A.style.scrollbarWidth = "none", A.style.msOverflowStyle = "none", A.style.setProperty("-webkit-overflow-scrolling", "touch");
-      const R = document.createElement("style");
-      R.textContent = `
+      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 W = document.createElement("style");
+      W.textContent = `
         .mint-date-shortcuts-row::-webkit-scrollbar {
           display: none;
         }
@@ -3422,37 +3470,37 @@ class ut extends HTMLElement {
             background: rgba(255, 255, 255, 0.2);
           }
         }
-      `, A.classList.add("mint-date-shortcuts-row"), document.head.querySelector("style[data-mint-date-shortcuts]") || (R.setAttribute("data-mint-date-shortcuts", "true"), document.head.appendChild(R));
+      `, S.classList.add("mint-date-shortcuts-row"), document.head.querySelector("style[data-mint-date-shortcuts]") || (W.setAttribute("data-mint-date-shortcuts", "true"), document.head.appendChild(W));
       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($);
+      $.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($);
       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", T.appendChild(q);
-      const P = document.createElement("div");
-      P.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(P);
-      const N = document.createElement("div");
-      N.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(N);
-      const M = () => {
+      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 = () => {
         if (window.innerWidth >= 768) {
-          const H = A.scrollTop, L = A.scrollHeight, z = A.clientHeight;
-          H > 0 ? P.style.opacity = "1" : P.style.opacity = "0", H + z < L - 1 ? N.style.opacity = "1" : N.style.opacity = "0", $.style.opacity = "0", q.style.opacity = "0";
+          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", $.style.opacity = "0", q.style.opacity = "0";
         } else {
-          const H = A.scrollLeft, L = A.scrollWidth, z = A.clientWidth;
-          H > 0 ? $.style.opacity = "1" : $.style.opacity = "0", H + z < L - 1 ? q.style.opacity = "1" : q.style.opacity = "0", P.style.opacity = "0", N.style.opacity = "0";
+          const D = S.scrollLeft, L = S.scrollWidth, z = S.clientWidth;
+          D > 0 ? $.style.opacity = "1" : $.style.opacity = "0", D + z < L - 1 ? q.style.opacity = "1" : q.style.opacity = "0", F.style.opacity = "0", M.style.opacity = "0";
         }
       };
-      A.addEventListener("scroll", M), window.addEventListener("resize", M), setTimeout(M, 0), n.forEach((B) => {
-        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 = B.label, H.setAttribute("data-keep-popover-open", "true"), H.addEventListener("click", () => {
+      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(), j = this._formatDate(L.start, z), U = this._formatDate(L.end, z), J = `${j} - ${U}`;
-              this.setValue(J), this._currentMonth = L.start.getMonth(), this._currentYear = L.start.getFullYear();
+              const z = this.getFormat(), Y = this._formatDate(L.start, z), G = this._formatDate(L.end, z), K = `${Y} - ${G}`;
+              this.setValue(K), 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(), j = this._formatDate(L, z);
-              this.setValue(j), this._currentMonth = L.getMonth(), this._currentYear = L.getFullYear();
+              const z = this.getFormat(), Y = this._formatDate(L, z);
+              this.setValue(Y), this._currentMonth = L.getMonth(), this._currentYear = L.getFullYear();
             }
             this._buildCalendar(), this._popover && typeof this._popover.close == "function" && this._popover.close(), this.dispatchEvent(new CustomEvent("input", {
               detail: { value: this.getValue() },
@@ -3464,10 +3512,10 @@ class ut extends HTMLElement {
               cancelable: !0
             }));
           }
-        }), A.appendChild(H);
-      }), T.appendChild(A), w.appendChild(T), a.appendChild(w);
+        }), S.appendChild(D);
+      }), I.appendChild(S), w.appendChild(I), l.appendChild(w);
     }
-    o.appendChild(l), o.appendChild(_), o.appendChild(g), a.appendChild(o), this._calendarContainer.appendChild(a);
+    c.appendChild(d), c.appendChild(v), c.appendChild(b), l.appendChild(c), this._calendarContainer.appendChild(l);
   }
   _buildMonthView() {
     if (!this._calendarContainer) return;
@@ -3533,17 +3581,20 @@ class ut extends HTMLElement {
     return new Date(e, t + 1, 0).getDate();
   }
   _getFirstDayOfMonth(t, e) {
-    return new Date(e, t, 1).getDay();
+    const i = this.getWeekStartDay(), s = new Date(e, t, 1).getDay();
+    return s >= i ? s - i : 7 - (i - s);
   }
   _isToday(t) {
     const e = /* @__PURE__ */ new Date();
     return t.getDate() === e.getDate() && t.getMonth() === e.getMonth() && t.getFullYear() === e.getFullYear();
   }
   _isDateSelected(t) {
-    return this._isRange ? this._selectedStartDate !== null && this._isSameDate(t, this._selectedStartDate) || this._selectedEndDate !== null && this._isSameDate(t, this._selectedEndDate) : this._selectedStartDate !== null && this._isSameDate(t, this._selectedStartDate);
+    const e = this.getSelectionMode();
+    return this._isRange || e === "week" || e === "month" ? this._selectedStartDate && this._selectedEndDate ? this._isSameDate(t, this._selectedStartDate) || this._isSameDate(t, this._selectedEndDate) : !1 : this._selectedStartDate !== null && this._isSameDate(t, this._selectedStartDate);
   }
   _isDateInRange(t) {
-    return !this._isRange || !this._selectedStartDate || !this._selectedEndDate ? !1 : t >= this._selectedStartDate && t <= this._selectedEndDate;
+    const e = this.getSelectionMode();
+    return (this._isRange || e === "week" || e === "month") && this._selectedStartDate && this._selectedEndDate ? t >= this._selectedStartDate && t <= this._selectedEndDate : !1;
   }
   _hasIncompleteRange() {
     return this._isRange && this._selectedStartDate !== null && this._selectedEndDate === null;
@@ -3551,20 +3602,36 @@ class ut extends HTMLElement {
   _isSameDate(t, e) {
     return t.getDate() === e.getDate() && t.getMonth() === e.getMonth() && t.getFullYear() === e.getFullYear();
   }
+  _getWeekStart(t) {
+    const e = this.getWeekStartDay(), i = t.getDay();
+    let s;
+    i >= e ? s = i - e : s = 7 - (e - i);
+    const n = new Date(t);
+    return n.setDate(t.getDate() - s), n.setHours(0, 0, 0, 0), n;
+  }
+  _getWeekEnd(t) {
+    const e = this._getWeekStart(t), i = new Date(e);
+    return i.setDate(e.getDate() + 6), i.setHours(23, 59, 59, 999), i;
+  }
+  _getMonthStart(t) {
+    const e = new Date(t.getFullYear(), t.getMonth(), 1);
+    return e.setHours(0, 0, 0, 0), e;
+  }
+  _getMonthEnd(t) {
+    const e = new Date(t.getFullYear(), t.getMonth() + 1, 0);
+    return e.setHours(23, 59, 59, 999), e;
+  }
   _handleDateClick(t) {
-    const e = this.getFormat();
-    if (this._isRange) {
-      if (!this._selectedStartDate || this._selectedStartDate && this._selectedEndDate ? (this._selectedStartDate = t, this._selectedEndDate = null) : this._selectedStartDate && !this._selectedEndDate && (t < this._selectedStartDate ? (this._selectedEndDate = this._selectedStartDate, this._selectedStartDate = t) : this._selectedEndDate = t), this._selectedStartDate && this._selectedEndDate) {
-        const i = this._formatDate(this._selectedStartDate, e), s = this._formatDate(this._selectedEndDate, e), n = `${i} - ${s}`;
-        this.setValue(n), this._textInput && (this._textInput.value = n), this._popover && typeof this._popover.close == "function" && this._popover.close();
-      } else if (this._selectedStartDate) {
-        const i = this._formatDate(this._selectedStartDate, e);
-        this.setValue(i), this._textInput && (this._textInput.value = i);
-      }
+    const e = this.getFormat(), i = this.getSelectionMode();
+    let s, n;
+    if (i === "week" ? (s = this._getWeekStart(t), n = this._getWeekEnd(t)) : i === "month" ? (s = this._getMonthStart(t), n = this._getMonthEnd(t)) : (s = t, n = t), this.isRange() || i === "week" || i === "month") {
+      this._selectedStartDate = s, this._selectedEndDate = n;
+      const a = this._formatDate(this._selectedStartDate, e), o = this._formatDate(this._selectedEndDate, e), l = `${a} - ${o}`;
+      this.setValue(l), this._textInput && (this._textInput.value = l), this._popover && typeof this._popover.close == "function" && this._popover.close();
     } else {
-      this._selectedStartDate = t;
-      const i = this._formatDate(t, e);
-      this.setValue(i), this._textInput && (this._textInput.value = i), this._popover && typeof this._popover.close == "function" && this._popover.close();
+      this._selectedStartDate = s, this._selectedEndDate = null;
+      const a = this._formatDate(s, e);
+      this.setValue(a), this._textInput && (this._textInput.value = a), this._popover && typeof this._popover.close == "function" && this._popover.close();
     }
     this._buildCalendar(), this._updateDisplayText(), this._exitInputMode(), this.dispatchEvent(new CustomEvent("input", {
       detail: { value: this.getValue() },
@@ -3579,9 +3646,9 @@ class ut extends HTMLElement {
   // Display mode helpers
   _updateDisplayText() {
     if (!this._displayEl) return;
-    const t = this.getDisplayFormat();
-    let e = "";
-    this._isRange ? this._selectedStartDate && this._selectedEndDate ? e = `${this._formatDatePhp(this._selectedStartDate, t)} - ${this._formatDatePhp(this._selectedEndDate, t)}` : this._selectedStartDate && (e = this._formatDatePhp(this._selectedStartDate, t)) : this._selectedStartDate && (e = this._formatDatePhp(this._selectedStartDate, t)), e ? (this._displayEl.textContent = e, this._displayEl.classList.remove("text-gray-400", "dark:text-gray-500"), this._displayEl.classList.add("text-gray-900", "dark:text-white")) : (this._displayEl.textContent = "Select date", this._displayEl.classList.add("text-gray-400", "dark:text-gray-500"), this._displayEl.classList.remove("text-gray-900", "dark:text-white")), this._displayEl && this._inputsWrapperEl && (this._displayEl.style.display = this._isInputMode ? "none" : "flex", this._inputsWrapperEl.style.display = this._isInputMode ? "flex" : "none");
+    const t = this.getDisplayFormat(), e = this.getSelectionMode(), i = this._isRange || e === "week" || e === "month";
+    let s = "";
+    i ? this._selectedStartDate && this._selectedEndDate ? s = `${this._formatDatePhp(this._selectedStartDate, t)} - ${this._formatDatePhp(this._selectedEndDate, t)}` : this._selectedStartDate && (s = this._formatDatePhp(this._selectedStartDate, t)) : this._selectedStartDate && (s = this._formatDatePhp(this._selectedStartDate, t)), s ? (this._displayEl.textContent = s, this._displayEl.classList.remove("text-gray-400", "dark:text-gray-500"), this._displayEl.classList.add("text-gray-900", "dark:text-white")) : (this._displayEl.textContent = "Select date", this._displayEl.classList.add("text-gray-400", "dark:text-gray-500"), this._displayEl.classList.remove("text-gray-900", "dark:text-white")), this._displayEl && this._inputsWrapperEl && (this._displayEl.style.display = this._isInputMode ? "none" : "flex", this._inputsWrapperEl.style.display = this._isInputMode ? "flex" : "none");
   }
   _enterInputMode() {
     if (!this._isInputMode && !(this.isReadonly() || this.isDisabled()) && (this._isInputMode = !0, this._displayEl && this._inputsWrapperEl && (this._displayEl.style.display = "none", this._inputsWrapperEl.style.display = "flex"), this._startPartInputs.length > 0)) {
@@ -3660,8 +3727,8 @@ class ut extends HTMLElement {
     this._focusTrapHandler && (document.removeEventListener("keydown", this._focusTrapHandler, !0), this._focusTrapHandler = null), this._escapeHandler && (document.removeEventListener("keydown", this._escapeHandler, !0), this._escapeHandler = null);
   }
 }
-customElements.get("mint-date-picker") || customElements.define("mint-date-picker", ut);
-class pt extends HTMLElement {
+customElements.get("mint-date-picker") || customElements.define("mint-date-picker", ft);
+class mt extends HTMLElement {
   constructor() {
     super(), this._select = null, this._wrapper = null, this._caretUpIcon = null, this._caretDownIcon = null, this._changeHandler = null;
   }
@@ -3788,7 +3855,12 @@ class pt extends HTMLElement {
     }
     if (this._select.value = o || "", this._changeHandler && this._select && this._select.removeEventListener("change", this._changeHandler), this._changeHandler = (h) => {
       const p = h.target.value;
-      p ? this.setAttribute("value", p) : this.removeAttribute("value"), this.dispatchEvent(new CustomEvent("change", {
+      p ? this.setAttribute("value", p) : this.removeAttribute("value"), this.dispatchEvent(new CustomEvent("input", {
+        detail: { value: p },
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      })), this.dispatchEvent(new CustomEvent("change", {
         detail: { value: p },
         bubbles: !0,
         cancelable: !0,
@@ -3827,8 +3899,8 @@ class pt extends HTMLElement {
     t && e ? (i || (i = document.createElement("div"), i.className = "mint-select-error mt-1 text-xs text-red-600 dark:text-red-400", this.appendChild(i)), i.textContent = e) : i && i.remove();
   }
 }
-customElements.get("mint-select") || customElements.define("mint-select", pt);
-class ft extends HTMLElement {
+customElements.get("mint-select") || customElements.define("mint-select", mt);
+class gt extends HTMLElement {
   constructor() {
     super(), this._dropzone = null, this._fileInput = null, this._previewContainer = null, this._isDragging = !1, this._wasDragging = !1, this._isUpdatingFiles = !1, this._listenersInitialized = !1, this._selectedFiles = [], this._previewUrls = [], this._resetHandler = null;
   }
@@ -4152,8 +4224,8 @@ class ft extends HTMLElement {
     );
   }
 }
-customElements.get("mint-dropzone") || customElements.define("mint-dropzone", ft);
-class mt extends HTMLElement {
+customElements.get("mint-dropzone") || customElements.define("mint-dropzone", gt);
+class _t extends HTMLElement {
   constructor() {
     super(), this._form = null, this._submitHandler = null, this._hostSubmitHandler = null, this._errors = {}, this._fieldBlurHandlers = /* @__PURE__ */ new Map(), this._fieldChangeHandlers = /* @__PURE__ */ new Map(), this._observer = null, this._formData = null, this._headers = null, this._buttonStates = /* @__PURE__ */ new Map(), this._reactiveDataProxy = null, this._reactiveDataObserver = null, this._lastDataSnapshot = null;
   }
@@ -4351,28 +4423,28 @@ class mt extends HTMLElement {
       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 b = g;
+          let v = g;
           try {
-            b = JSON.parse(g);
+            v = JSON.parse(g);
           } catch {
           }
           try {
-            const v = { status: _, ok: !0, data: b }, x = await c._applySuccessInterceptors(v);
-            f(x);
-          } catch (v) {
-            p(v);
+            const b = { status: _, ok: !0, data: v }, k = await c._applySuccessInterceptors(b);
+            f(k);
+          } catch (b) {
+            p(b);
           }
         } else {
-          let b = g;
+          let v = g;
           try {
-            b = JSON.parse(g);
+            v = JSON.parse(g);
           } catch {
           }
           try {
-            const v = { status: _, data: b, response: { status: _, data: b } }, x = await c._applyErrorInterceptors(v);
-            p(x);
-          } catch (v) {
-            p(v);
+            const b = { status: _, data: v, response: { status: _, data: v } }, k = await c._applyErrorInterceptors(b);
+            p(k);
+          } catch (b) {
+            p(b);
           }
         }
       }, m.onerror = async function() {
@@ -5023,7 +5095,7 @@ class mt extends HTMLElement {
     this._reactiveDataObserver !== null && (cancelAnimationFrame(this._reactiveDataObserver), this._reactiveDataObserver = null), this._reactiveDataProxy = null, this._lastDataSnapshot = null;
   }
 }
-customElements.get("mint-form") || customElements.define("mint-form", mt);
+customElements.get("mint-form") || customElements.define("mint-form", _t);
 typeof window < "u" && (window.mintForm = window.mintForm || {
   defaults: {
     headers: {
@@ -5041,7 +5113,7 @@ typeof window < "u" && (window.mintForm = window.mintForm || {
     rejected: t
   }), window.mintForm.interceptors.response.handlers.length - 1;
 }));
-class gt extends HTMLElement {
+class bt extends HTMLElement {
   constructor() {
     super(...arguments), this._observer = null;
   }
@@ -5252,8 +5324,8 @@ class gt extends HTMLElement {
     `, document.head.appendChild(t);
   }
 }
-customElements.get("mint-table") || customElements.define("mint-table", gt);
-class _t extends HTMLElement {
+customElements.get("mint-table") || customElements.define("mint-table", bt);
+class vt extends HTMLElement {
   constructor() {
     super(...arguments), this._root = null, this._textWrap = null, this._dismissBtn = null, this._clickHandler = null;
   }
@@ -5328,8 +5400,8 @@ class _t extends HTMLElement {
     }, t.addEventListener("click", this._clickHandler), this._dismissBtn = t;
   }
 }
-customElements.get("mint-chip") || customElements.define("mint-chip", _t);
-class bt extends HTMLElement {
+customElements.get("mint-chip") || customElements.define("mint-chip", vt);
+class yt extends HTMLElement {
   constructor() {
     super(...arguments), this._container = null, this._chipsWrap = null, this._input = null, this._tags = [], this._placeholder = "Add tag", this._dragIndex = null, this._dragChip = null, this._isPointerDragging = !1, this._pointerMoveHandler = null, this._pointerUpHandler = null;
   }
@@ -5652,8 +5724,8 @@ class bt extends HTMLElement {
     }
   }
 }
-customElements.get("mint-tags") || customElements.define("mint-tags", bt);
-class vt extends HTMLElement {
+customElements.get("mint-tags") || customElements.define("mint-tags", yt);
+class kt extends HTMLElement {
   constructor() {
     super(...arguments), this._clickHandler = null, this._keydownHandler = null;
   }
@@ -5709,8 +5781,8 @@ class vt extends HTMLElement {
     t === "disabled" && (i !== null ? (this.classList.remove("cursor-pointer"), this.classList.add("opacity-50", "cursor-not-allowed"), this.setAttribute("aria-disabled", "true")) : (this.classList.remove("opacity-50", "cursor-not-allowed"), this.classList.add("cursor-pointer"), this.removeAttribute("aria-disabled")));
   }
 }
-customElements.get("mint-clickable") || customElements.define("mint-clickable", vt);
-class yt extends HTMLElement {
+customElements.get("mint-clickable") || customElements.define("mint-clickable", kt);
+class Et extends HTMLElement {
   constructor() {
     super(), this._headingElement = null, this._iconElement = null, this._dismissButton = null, this._headerWrapper = null, this._bodyWrapper = null, this._dismissHandler = null;
   }
@@ -5825,8 +5897,8 @@ class yt extends HTMLElement {
     }), this.appendChild(this._headerWrapper), this.appendChild(this._bodyWrapper);
   }
 }
-customElements.get("mint-alert") || customElements.define("mint-alert", yt);
-class kt extends HTMLElement {
+customElements.get("mint-alert") || customElements.define("mint-alert", Et);
+class xt extends HTMLElement {
   constructor() {
     super(), this._configuration = null, this._rows = [], this._search = "", this._currentPage = 1, this._perPage = 15, this._totalRows = 0, this._lastPage = 0, this._offset = 0, this._rowsToShow = 15, this._loaded = !1, this._fetching = !1, this._loading = !1, this._fetchError = null, this._searching = !1, this._sorting = !1, this._sortingColumn = null, this._type = "provided", this._searchTimeoutId = null, this._sortTimeoutId = null, this._searchColumns = [], this._exportColumns = {}, this._columns = [], this._tableId = "", this._searchInput = null, this._tableContainer = null, this._paginationContainer = null, this._skeletonContainer = null, this._inMintCard = !1;
   }
@@ -5930,20 +6002,20 @@ class kt extends HTMLElement {
       const g = await fetch(`${n}?${m.toString()}`, _);
       if (!g.ok)
         throw new Error(`HTTP error! status: ${g.status}`);
-      const b = await g.json(), v = ((o = b.content) == null ? void 0 : o.rows) || [], x = ((l = b.content) == null ? void 0 : l.total) || 0;
+      const v = await g.json(), b = ((o = v.content) == null ? void 0 : o.rows) || [], k = ((l = v.content) == null ? void 0 : l.total) || 0;
       if (this._configuration.loadMore && a !== 0)
-        this._rows = this._rows.concat(v);
+        this._rows = this._rows.concat(b);
       else {
-        let E = v;
-        this._configuration.predefinedData ? (E = [...this._configuration.predefinedData, ...v], this._totalRows = x + this._configuration.predefinedData.length) : this._totalRows = x, this._rows = E;
+        let x = b;
+        this._configuration.predefinedData ? (x = [...this._configuration.predefinedData, ...b], this._totalRows = k + this._configuration.predefinedData.length) : this._totalRows = k, this._rows = x;
       }
-      const S = Math.floor(a / r) + 1;
-      this._configuration.loadMore || (((c = b.content) == null ? void 0 : c.current_page) !== void 0 && b.content.current_page === S ? this._currentPage = b.content.current_page : this._currentPage = S, 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 k = this._sorting;
-      if (k && this._updateSortIcons(), this._sorting = !1, this._sortingColumn = null, k && 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 (k) {
-          const E = this._loading, I = this._fetching;
-          this._loading = !1, this._fetching = !1, this._updateTableBody(), this._loading = E, this._fetching = I;
+      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;
+      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 = (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;
         } else
           this._updateTableBody();
         this._updatePagination();
@@ -6084,17 +6156,17 @@ class kt extends HTMLElement {
             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, b) => {
+                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) => {
                   if (!g.show || g.show(this, l)) {
-                    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>`;
+                    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>`;
                   }
                 }), 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 : "", b = 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="${_}" data-column-key="${this._configuration.columns.indexOf(h)}"${b}${v}>`, g && (r += this._escapeHtml(String(g))), r += "</mint-button>";
+                    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>";
                   }
                 });
             else typeof h.format == "function" ? r += h.format(this, l) : h.data && (r += this._escapeHtml(String(l[h.data] || "")));
@@ -6106,17 +6178,17 @@ class kt extends HTMLElement {
           } 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, b) => {
+              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) => {
                 if (!g.show || g.show(this, l)) {
-                  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>`;
+                  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>`;
                 }
               }), 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 : "", b = 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="${_}" data-column-key="${this._configuration.columns.indexOf(h)}"${b}${v}>`, g && (r += this._escapeHtml(String(g))), r += "</mint-button>";
+                  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>";
                 }
               });
           else typeof h.format == "function" ? r += this._escapeHtml(h.format(this, l)) : h.data && (r += this._escapeHtml(String(l[h.data] || "")));
@@ -6461,33 +6533,33 @@ class kt extends HTMLElement {
     return e.textContent = t, e.innerHTML;
   }
 }
-customElements.get("mint-resource-table") || customElements.define("mint-resource-table", kt);
+customElements.get("mint-resource-table") || customElements.define("mint-resource-table", xt);
 export {
-  yt as Alert,
-  st as BackButton,
-  Y as Button,
-  et as Card,
-  lt as Checkbox,
-  _t as Chip,
-  ht as Choice,
-  vt as Clickable,
-  ut as DatePicker,
-  ft as Dropzone,
-  mt as Form,
-  nt as Grid,
-  X as Icon,
-  dt as Input,
-  it as Link,
-  at as Modal,
-  rt as Page,
-  ot as Popover,
-  kt as ResourceTable,
-  pt as Select,
-  K as Spinner,
-  tt as Stack,
-  Z as Switch,
-  gt as Table,
-  bt as Tags,
-  Q as Text,
-  Y as default
+  Et as Alert,
+  nt as BackButton,
+  U as Button,
+  st as Card,
+  ht as Checkbox,
+  vt as Chip,
+  ut as Choice,
+  kt as Clickable,
+  ft as DatePicker,
+  gt as Dropzone,
+  _t as Form,
+  ot as Grid,
+  Q as Icon,
+  pt as Input,
+  rt as Link,
+  lt as Modal,
+  at as Page,
+  ct as Popover,
+  xt as ResourceTable,
+  mt as Select,
+  Z as Spinner,
+  it as Stack,
+  tt as Switch,
+  bt as Table,
+  yt as Tags,
+  et as Text,
+  U as default
 };