monobill-mintui 0.3.53 → 0.3.55

package/dist/index.js

@@ -1,5 +1,5 @@
-import { g as K } from "./caret-right-DsNN5Epe.js";
-class Z extends HTMLElement {
+import { g as et } from "./caret-right-DsNN5Epe.js";
+class it extends HTMLElement {
   constructor() {
     super(), this._darkModeObserver = null;
   }
@@ -86,8 +86,8 @@ class Z extends HTMLElement {
     this.innerHTML = o.trim();
   }
 }
-customElements.get("mint-spinner") || customElements.define("mint-spinner", Z);
-class Q extends HTMLElement {
+customElements.get("mint-spinner") || customElements.define("mint-spinner", it);
+class st extends HTMLElement {
   constructor() {
     super(), this._darkModeObserver = null;
   }
@@ -141,7 +141,7 @@ class Q extends HTMLElement {
       this.innerHTML = "", this.style.maskImage = "", this.style.webkitMaskImage = "", this.style.backgroundColor = "";
       return;
     }
-    const e = K(t);
+    const e = et(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;
@@ -168,8 +168,8 @@ class Q extends HTMLElement {
     }
   }
 }
-customElements.get("mint-icon") || customElements.define("mint-icon", Q);
-const j = class j extends HTMLElement {
+customElements.get("mint-icon") || customElements.define("mint-icon", st);
+const G = class G extends HTMLElement {
   constructor() {
     super(), this._button = null, this._clickHandler = null, this._isHandlingClick = !1, this._handleMouseDown = () => {
       this._button && !this.isDisabled() && !this.isLoading() && this._button.classList.add("mint-button-active");
@@ -189,7 +189,7 @@ const j = class j extends HTMLElement {
     return ["variant", "tone", "disabled", "loading", "button-type", "type", "full-width", "icon-position", "icon", "active"];
   }
   connectedCallback() {
-    if (!j._activeShadowStyleInjected) {
+    if (!G._activeShadowStyleInjected) {
       const t = document.createElement("style");
       t.textContent = `
         mint-button .mint-button-active {
@@ -202,7 +202,7 @@ const j = class j extends HTMLElement {
         mint-button[data-variant="link"] .mint-button-active {
           box-shadow: none !important;
         }
-      `, document.head.appendChild(t), j._activeShadowStyleInjected = !0;
+      `, document.head.appendChild(t), G._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");
   }
@@ -833,10 +833,10 @@ const j = class j extends HTMLElement {
     });
   }
 };
-j._activeShadowStyleInjected = !1;
-let G = j;
-customElements.get("mint-button") || customElements.define("mint-button", G);
-class tt extends HTMLElement {
+G._activeShadowStyleInjected = !1;
+let Z = G;
+customElements.get("mint-button") || customElements.define("mint-button", Z);
+class rt extends HTMLElement {
   constructor() {
     super(), this._button = null, this._checked = !1;
   }
@@ -1061,8 +1061,8 @@ class tt 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", tt);
-class et extends HTMLElement {
+customElements.get("mint-switch") || customElements.define("mint-switch", rt);
+class nt extends HTMLElement {
   // Store classes set via class attribute
   constructor() {
     super(), this._darkModeObserver = null, this._userClasses = /* @__PURE__ */ new Set();
@@ -1173,8 +1173,8 @@ class et extends HTMLElement {
     this.style.setProperty("font-size", l);
   }
 }
-customElements.get("mint-text") || customElements.define("mint-text", et);
-class it extends HTMLElement {
+customElements.get("mint-text") || customElements.define("mint-text", nt);
+class at extends HTMLElement {
   constructor() {
     super(), this._childObserver = null;
   }
@@ -1279,8 +1279,8 @@ class it extends HTMLElement {
     });
   }
 }
-customElements.get("mint-stack") || customElements.define("mint-stack", it);
-class st extends HTMLElement {
+customElements.get("mint-stack") || customElements.define("mint-stack", at);
+class ot extends HTMLElement {
   constructor() {
     super(), this._headingElement = null;
   }
@@ -1311,8 +1311,8 @@ class st 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", st);
-class rt extends HTMLElement {
+customElements.get("mint-card") || customElements.define("mint-card", ot);
+class lt extends HTMLElement {
   constructor() {
     super(), this._link = null, this._contentObserver = null;
   }
@@ -1378,8 +1378,8 @@ class rt extends HTMLElement {
     });
   }
 }
-customElements.get("mint-link") || customElements.define("mint-link", rt);
-class nt extends HTMLElement {
+customElements.get("mint-link") || customElements.define("mint-link", lt);
+class ct extends HTMLElement {
   constructor() {
     super(), this._button = null;
   }
@@ -1437,8 +1437,8 @@ class nt 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", nt);
-class at extends HTMLElement {
+customElements.get("mint-back-button") || customElements.define("mint-back-button", ct);
+class ht 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;
   }
@@ -1515,8 +1515,8 @@ class at extends HTMLElement {
     this._backButtonHandler && (this.removeEventListener("back", this._backButtonHandler, !0), this._backButtonHandler = null);
   }
 }
-customElements.get("mint-page") || customElements.define("mint-page", at);
-class ot extends HTMLElement {
+customElements.get("mint-page") || customElements.define("mint-page", ht);
+class dt extends HTMLElement {
   static get observedAttributes() {
     return ["columns", "sm", "md", "lg", "xl", "gap"];
   }
@@ -1569,8 +1569,8 @@ class ot extends HTMLElement {
     });
   }
 }
-customElements.get("mint-grid") || customElements.define("mint-grid", ot);
-class lt extends HTMLElement {
+customElements.get("mint-grid") || customElements.define("mint-grid", dt);
+class ut 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;
   }
@@ -1665,8 +1665,8 @@ class lt extends HTMLElement {
     }, 200);
   }
 }
-customElements.get("mint-modal") || customElements.define("mint-modal", lt);
-class ct extends HTMLElement {
+customElements.get("mint-modal") || customElements.define("mint-modal", ut);
+class pt 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;
   }
@@ -1952,8 +1952,8 @@ class ct extends HTMLElement {
     });
   }
 }
-customElements.get("mint-popover") || customElements.define("mint-popover", ct);
-class ht extends HTMLElement {
+customElements.get("mint-popover") || customElements.define("mint-popover", pt);
+class ft 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;
   }
@@ -2194,8 +2194,8 @@ class ht extends HTMLElement {
     n && (n.className = `mint-checkbox-wrapper ${this.getCheckboxClasses()}`);
   }
 }
-customElements.get("mint-checkbox") || customElements.define("mint-checkbox", ht);
-class dt extends HTMLElement {
+customElements.get("mint-checkbox") || customElements.define("mint-checkbox", ft);
+class mt 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;
   }
@@ -2463,8 +2463,8 @@ class dt extends HTMLElement {
     }
   }
 }
-customElements.get("mint-choice-option") || customElements.define("mint-choice-option", dt);
-class ut extends HTMLElement {
+customElements.get("mint-choice-option") || customElements.define("mint-choice-option", mt);
+class gt extends HTMLElement {
   constructor() {
     super(), this._optionsContainer = null;
   }
@@ -2621,8 +2621,8 @@ class ut 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", ut);
-class pt extends HTMLElement {
+customElements.get("mint-choice") || customElements.define("mint-choice", gt);
+class bt 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;
   }
@@ -2767,38 +2767,38 @@ class pt extends HTMLElement {
     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 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"));
+          var w;
+          this._colorPicker && this._colorPicker.matches(":focus-visible") && ((w = this._colorPickerWrapper) == null || w.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 x;
-        const y = ((x = this._colorPicker) == null ? void 0 : x.value) || "#000000";
+        var w;
+        const y = ((w = this._colorPicker) == null ? void 0 : w.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 x;
-        const y = ((x = this._colorPicker) == null ? void 0 : x.value) || "#000000";
+        var w;
+        const y = ((w = this._colorPicker) == null ? void 0 : w.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 x;
-        const y = ((x = this._colorTextInput) == null ? void 0 : x.value) || "";
+        var w;
+        const y = ((w = this._colorTextInput) == null ? void 0 : w.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 x, A;
-        const y = ((x = this._colorTextInput) == null ? void 0 : x.value) || "";
+        var w, A;
+        const y = ((w = this._colorTextInput) == null ? void 0 : w.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: ((A = this._colorPicker) == null ? void 0 : A.value) || "#000000" },
           bubbles: !0,
@@ -2819,17 +2819,17 @@ class pt extends HTMLElement {
         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", (x) => {
-          if (x.preventDefault(), x.stopPropagation(), this._input && !this._input.disabled && !this._input.readOnly) {
-            const A = parseFloat(this._input.value) || 0, O = parseFloat(this._input.step) || 1, M = this._input.min ? parseFloat(this._input.min) : void 0, N = this._input.max ? parseFloat(this._input.max) : void 0;
-            let D = A + O;
-            N !== void 0 && D > N && (D = N), M !== void 0 && D < M && (D = M), this._input.value = D.toString(), this.setAttribute("value", D.toString()), this._input.dispatchEvent(new Event("input", { bubbles: !0 })), this._input.dispatchEvent(new Event("change", { bubbles: !0 }));
+        y.setAttribute("name", "caret-down"), y.className = "w-[1rem] h-[1rem]", this._numberDecrementButton.appendChild(y), this._numberSpinnerContainer.appendChild(this._numberDecrementButton), this._numberIncrementButton.addEventListener("click", (w) => {
+          if (w.preventDefault(), w.stopPropagation(), this._input && !this._input.disabled && !this._input.readOnly) {
+            const A = parseFloat(this._input.value) || 0, $ = parseFloat(this._input.step) || 1, N = this._input.min ? parseFloat(this._input.min) : void 0, P = this._input.max ? parseFloat(this._input.max) : void 0;
+            let T = A + $;
+            P !== void 0 && T > P && (T = P), N !== void 0 && T < N && (T = N), this._input.value = T.toString(), this.setAttribute("value", T.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 A = parseFloat(this._input.value) || 0, O = parseFloat(this._input.step) || 1, M = this._input.min ? parseFloat(this._input.min) : void 0, N = this._input.max ? parseFloat(this._input.max) : void 0;
-            let D = A - O;
-            M !== void 0 && D < M && (D = M), N !== void 0 && D > N && (D = N), this._input.value = D.toString(), this.setAttribute("value", D.toString()), this._input.dispatchEvent(new Event("input", { bubbles: !0 })), this._input.dispatchEvent(new Event("change", { bubbles: !0 }));
+        }), this._numberDecrementButton.addEventListener("click", (w) => {
+          if (w.preventDefault(), w.stopPropagation(), this._input && !this._input.disabled && !this._input.readOnly) {
+            const A = parseFloat(this._input.value) || 0, $ = parseFloat(this._input.step) || 1, N = this._input.min ? parseFloat(this._input.min) : void 0, P = this._input.max ? parseFloat(this._input.max) : void 0;
+            let T = A - $;
+            N !== void 0 && T < N && (T = N), P !== void 0 && T > P && (T = P), this._input.value = T.toString(), this.setAttribute("value", T.toString()), this._input.dispatchEvent(new Event("input", { bubbles: !0 })), this._input.dispatchEvent(new Event("change", { bubbles: !0 }));
           }
         });
       }
@@ -2850,9 +2850,9 @@ class pt extends HTMLElement {
       let E = b.querySelector(".mint-input-label");
       if (f) {
         E || (E = document.createElement("label"), E.className = "mint-input-label text-sm font-medium text-gray-900 dark:text-gray-100 select-none", b.insertBefore(E, b.firstChild)), E.textContent = f;
-        const x = o || ((v = this._element) == null ? void 0 : v.id) || ((_ = this._colorTextInput) == null ? void 0 : _.id) || ((k = this._input) == null ? void 0 : k.id) || ((S = this._textarea) == null ? void 0 : S.id);
-        if (x)
-          E.setAttribute("for", x);
+        const w = o || ((v = this._element) == null ? void 0 : v.id) || ((_ = this._colorTextInput) == null ? void 0 : _.id) || ((k = this._input) == null ? void 0 : k.id) || ((S = this._textarea) == null ? void 0 : S.id);
+        if (w)
+          E.setAttribute("for", w);
         else {
           const A = `mint-input-${Math.random().toString(36).substr(2, 9)}`;
           this._element ? this._element.id = A : this._colorTextInput ? this._colorTextInput.id = A : this._input ? this._input.id = A : this._textarea && (this._textarea.id = A), E.setAttribute("for", A);
@@ -2927,13 +2927,13 @@ class pt 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", pt);
-class ft extends HTMLElement {
+customElements.get("mint-input") || customElements.define("mint-input", bt);
+class _t 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;
+    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._hoveredDate = null, this._isHandlingClick = !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", "selection-mode", "week-start-day", "mode"];
+    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", "mode", "disabled-dates"];
   }
   connectedCallback() {
     this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "inline-block"), this.render(), this._setupPopoverWithRetry(), this._attachFormResetListener();
@@ -2958,6 +2958,10 @@ class ft extends HTMLElement {
         this.render();
         return;
       }
+      if (t === "mode" || t === "format") {
+        const s = this.getMode();
+        s === "month" ? this._viewMode = "month" : s === "year" ? this._viewMode = "year" : this._viewMode = "calendar", this._popover && this._calendarContainer && this._buildCalendar();
+      }
       this.render(), this._input && this._setupPopoverWithRetry();
     }
   }
@@ -3007,7 +3011,7 @@ class ft extends HTMLElement {
     return this.getAttribute("error-message") || "";
   }
   isRange() {
-    return this.hasAttribute("range");
+    return this.getAttribute("range") === "true";
   }
   getId() {
     return this.getAttribute("id") || "";
@@ -3021,6 +3025,53 @@ class ft extends HTMLElement {
   getMax() {
     return this.getAttribute("max") || "";
   }
+  getDisabledDates() {
+    const t = this.getAttribute("disabled-dates");
+    if (!t) return [];
+    try {
+      const e = JSON.parse(t), i = this.getFormat();
+      return e.map((s) => this._parseDateString(s, i)).filter((s) => s !== null);
+    } catch {
+      return [];
+    }
+  }
+  getDisabledDateStrings() {
+    const t = this.getAttribute("disabled-dates");
+    if (!t) return [];
+    try {
+      return JSON.parse(t);
+    } catch {
+      return [];
+    }
+  }
+  disableDate(t) {
+    const e = this.getFormat(), i = this.getDisabledDateStrings(), s = Array.isArray(t) ? t : [t], n = [];
+    for (const r of s) {
+      const a = this._parseDateString(r, e);
+      if (a) {
+        const l = this._formatDate(a, e);
+        i.includes(l) || n.push(l);
+      }
+    }
+    if (n.length > 0) {
+      const r = [...i, ...n];
+      this.setAttribute("disabled-dates", JSON.stringify(r)), this._buildCalendar();
+    }
+  }
+  enableDate(t) {
+    const e = this.getFormat(), i = this.getDisabledDateStrings(), s = Array.isArray(t) ? t : [t], n = [];
+    for (const r of s) {
+      const a = this._parseDateString(r, e);
+      if (a) {
+        const l = this._formatDate(a, e);
+        n.push(l);
+      }
+    }
+    if (n.length > 0) {
+      const r = i.filter((a) => !n.includes(a));
+      r.length === 0 ? this.removeAttribute("disabled-dates") : this.setAttribute("disabled-dates", JSON.stringify(r)), this._buildCalendar();
+    }
+  }
   getSelectionMode() {
     const t = this.getAttribute("selection-mode");
     return t === "week" || t === "month" ? t : "day";
@@ -3218,19 +3269,19 @@ class ft extends HTMLElement {
       if (v.length === _.length) {
         let k = 0, S = 0, E = 0;
         for (let A = 0; A < _.length; A++) {
-          const O = _[A].toLowerCase(), M = v[A];
-          if (O.includes("d"))
-            k = parseInt(M, 10);
-          else if (O.includes("m"))
-            S = parseInt(M, 10) - 1;
-          else if (O.includes("y")) {
-            let N = parseInt(M, 10);
-            const D = O.length, Y = M.length;
-            Y === 2 && D === 4 ? N = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + N : Y === 2 && D === 2 && (N = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + N), E = N;
+          const $ = _[A].toLowerCase(), N = v[A];
+          if ($.includes("d"))
+            k = parseInt(N, 10);
+          else if ($.includes("m"))
+            S = parseInt(N, 10) - 1;
+          else if ($.includes("y")) {
+            let P = parseInt(N, 10);
+            const T = $.length, X = N.length;
+            X === 2 && T === 4 ? P = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + P : X === 2 && T === 2 && (P = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 100) * 100 + P), E = P;
           }
         }
-        const y = _.some((A) => A.toLowerCase().includes("d")), x = _.some((A) => A.toLowerCase().includes("m"));
-        if (y || (k = 1), x || (S = 0), S >= 0 && S <= 11 && E) {
+        const y = _.some((A) => A.toLowerCase().includes("d")), w = _.some((A) => A.toLowerCase().includes("m"));
+        if (y || (k = 1), w || (S = 0), S >= 0 && S <= 11 && E) {
           const A = new Date(E, S, k);
           if (!isNaN(A.getTime()))
             return y && A.getDate() !== k || A.getMonth() !== S || A.getFullYear() !== E ? null : A;
@@ -3555,8 +3606,8 @@ class ft extends HTMLElement {
     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", () => {
-      const C = this.getMode();
-      C !== "month" && C !== "year" && (this._viewMode = "month", this._buildCalendar());
+      const x = this.getMode();
+      x !== "month" && x !== "year" && (this._viewMode = "month", this._buildCalendar());
     }), 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", () => {
@@ -3569,43 +3620,54 @@ class ft extends HTMLElement {
       this._currentMonth === 11 ? (this._currentMonth = 0, this._currentYear++) : this._currentMonth++, this._buildCalendar();
     }), d.appendChild(g);
     const v = document.createElement("div");
-    v.className = "grid grid-cols-7 mb-2", r.forEach((C) => {
-      const T = document.createElement("div");
-      T.className = "text-xs font-medium text-gray-500 dark:text-gray-400 text-center py-1", T.textContent = C, v.appendChild(T);
+    v.className = "grid grid-cols-7 mb-2", r.forEach((x) => {
+      const I = document.createElement("div");
+      I.className = "text-xs font-medium text-gray-500 dark:text-gray-400 text-center py-1", I.textContent = x, v.appendChild(I);
     });
     const _ = document.createElement("div");
     _.className = "grid grid-cols-7";
-    const k = this.getMin() ? this._parseDateString(this.getMin(), this.getFormat()) : null, S = this.getMax() ? this._parseDateString(this.getMax(), this.getFormat()) : null, E = this._currentMonth === 0 ? 11 : this._currentMonth - 1, y = this._currentMonth === 0 ? this._currentYear - 1 : this._currentYear, x = this._getDaysInMonth(E, y), A = this._currentMonth === 11 ? 0 : this._currentMonth + 1, O = this._currentMonth === 11 ? this._currentYear + 1 : this._currentYear, M = e + t, Y = Math.ceil(M / 7) * 7 - M, W = (C, T, L) => {
-      const V = this._isToday(C), $ = this._isDateSelected(C), B = this._isDateInRange(C), q = k && C < k || S && C > S;
-      let P = "rounded-md";
+    const k = this.getMin() ? this._parseDateString(this.getMin(), this.getFormat()) : null, S = this.getMax() ? this._parseDateString(this.getMax(), this.getFormat()) : null;
+    this.getDisabledDates();
+    const E = this._currentMonth === 0 ? 11 : this._currentMonth - 1, y = this._currentMonth === 0 ? this._currentYear - 1 : this._currentYear, w = this._getDaysInMonth(E, y), A = this._currentMonth === 11 ? 0 : this._currentMonth + 1, $ = this._currentMonth === 11 ? this._currentYear + 1 : this._currentYear, N = e + t, X = Math.ceil(N / 7) * 7 - N, j = (x, I, L) => {
+      const V = this._isToday(x), R = this._isDateSelected(x), B = this._isDateInRange(x), q = k && x < k || S && x > S || this._isDateDisabled(x);
+      let M = "rounded-md";
+      const F = this._isRange && this._selectedStartDate && !this._selectedEndDate && this._hoveredDate, W = F && this._selectedStartDate && this._hoveredDate && this._selectedStartDate < this._hoveredDate ? this._selectedStartDate : F && this._hoveredDate ? this._hoveredDate : null, H = F && this._selectedStartDate && this._hoveredDate && this._selectedStartDate < this._hoveredDate ? this._hoveredDate : F && this._selectedStartDate ? this._selectedStartDate : null, D = W !== null && this._isSameDate(x, W), O = H !== null && this._isSameDate(x, H), Y = this._hoveredDate !== null && this._isSameDate(x, this._hoveredDate), U = F && this._hoveredDate && this._selectedStartDate ? !this._rangeIncludesDisabledDates(
+        this._selectedStartDate < this._hoveredDate ? this._selectedStartDate : this._hoveredDate,
+        this._selectedStartDate < this._hoveredDate ? this._hoveredDate : this._selectedStartDate
+      ) : !1;
       if (this._isRange && this._selectedStartDate && this._selectedEndDate) {
-        const H = this._isSameDate(C, this._selectedStartDate), I = this._isSameDate(C, this._selectedEndDate);
-        H && I ? P = "rounded-md" : H ? P = "rounded-l-md" : I ? P = "rounded-r-md" : B && (P = "rounded-none");
-      } else $ && !this._isRange && (P = "rounded-md");
-      const F = document.createElement("button");
-      F.type = "button", F.disabled = !!q, F.tabIndex = q ? -1 : 0;
-      let z = `w-full h-8 ${P} border-0 text-sm font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500`;
-      return L ? z += $ ? " bg-slate-800 dark:bg-slate-600 text-white" : B ? " bg-slate-100 dark:bg-slate-700 text-slate-800 dark:text-slate-200" : V ? " text-gray-900 dark:text-gray-100 font-semibold" : " text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700" : z += $ ? " bg-slate-800 dark:bg-slate-600 text-white" : B ? " bg-slate-100 dark:bg-slate-700 text-slate-800 dark:text-slate-200" : " text-gray-400 dark:text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700", z += q ? " opacity-40 cursor-not-allowed" : "", F.className = z, F.textContent = T.toString(), q || F.addEventListener("click", () => {
-        this._handleDateClick(C);
-      }), F;
+        const J = this._isSameDate(x, this._selectedStartDate), tt = this._isSameDate(x, this._selectedEndDate);
+        J && tt ? M = "rounded-md" : J ? M = "rounded-l-md" : tt ? M = "rounded-r-md" : B && (M = "rounded-none");
+      } else F && (D || O) && U ? D && O ? M = "rounded-md" : D ? M = "rounded-l-md" : O && (M = "rounded-r-md") : R && !this._isRange || R && this._isRange && !this._selectedEndDate ? M = "rounded-md" : B && F && U && (M = "rounded-none");
+      const z = document.createElement("button");
+      z.type = "button", z.disabled = !!q, z.tabIndex = q ? -1 : 0;
+      let K = `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`;
+      const Q = R || F && Y && U;
+      return L ? K += Q ? " bg-slate-800 dark:bg-slate-600 text-white" : B ? " bg-slate-100 dark:bg-slate-700 text-slate-800 dark:text-slate-200" : V ? " text-gray-900 dark:text-gray-100 font-semibold" : " text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700" : K += Q ? " bg-slate-800 dark:bg-slate-600 text-white" : B ? " bg-slate-100 dark:bg-slate-700 text-slate-800 dark:text-slate-200" : " text-gray-400 dark:text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700", K += q ? " opacity-40 cursor-not-allowed" : "", z.className = K, z.textContent = I.toString(), q || (z.addEventListener("click", (J) => {
+        J.preventDefault(), J.stopPropagation(), this._handleDateClick(x);
+      }), this._isRange && this._selectedStartDate && !this._selectedEndDate && !q && z.addEventListener("mouseenter", () => {
+        this._isHandlingClick || this._isDateDisabled(x) || (!this._hoveredDate || !this._isSameDate(this._hoveredDate, x)) && (this._hoveredDate = x, this._buildCalendar());
+      })), z;
     };
-    for (let C = e - 1; C >= 0; C--) {
-      const T = x - C, L = new Date(y, E, T), V = W(L, T, !1);
+    for (let x = e - 1; x >= 0; x--) {
+      const I = w - x, L = new Date(y, E, I), V = j(L, I, !1);
       _.appendChild(V);
     }
-    for (let C = 1; C <= t; C++) {
-      const T = new Date(this._currentYear, this._currentMonth, C), L = W(T, C, !0);
+    for (let x = 1; x <= t; x++) {
+      const I = new Date(this._currentYear, this._currentMonth, x), L = j(I, x, !0);
       _.appendChild(L);
     }
-    for (let C = 1; C <= Y; C++) {
-      const T = new Date(O, A, C), L = W(T, C, !1);
+    for (let x = 1; x <= X; x++) {
+      const I = new Date($, A, x), L = j(I, x, !1);
       _.appendChild(L);
     }
-    if (l) {
-      const C = document.createElement("div");
-      C.className = "mb-4 pb-4 border-b border-gray-200 dark:border-gray-700 md:mb-0 md:pb-0 md:border-b-0 md:border-r md:border-r-gray-200 dark:md:border-r-gray-700 md:pr-6 md:mr-0 md:w-32 md:flex-shrink-0 md:h-full md:flex md:flex-col";
-      const T = document.createElement("div");
-      T.className = "relative md:relative md:flex-1 md:min-h-0";
+    if (this._isRange && this._selectedStartDate && !this._selectedEndDate && _.addEventListener("mouseleave", () => {
+      this._hoveredDate = null, this._buildCalendar();
+    }), l) {
+      const x = document.createElement("div");
+      x.className = "mb-4 pb-4 border-b border-gray-200 dark:border-gray-700 md:mb-0 md:pb-0 md:border-b-0 md:border-r md:border-r-gray-200 dark:md:border-r-gray-700 md:pr-6 md:mr-0 md:w-32 md:flex-shrink-0 md:h-full md:flex md:flex-col";
+      const I = document.createElement("div");
+      I.className = "relative md:relative md:flex-1 md:min-h-0";
       const L = document.createElement("div");
       L.className = "flex gap-2 overflow-x-auto pb-1 md:flex-col md:overflow-x-visible md:overflow-y-auto md:pb-0 md:gap-2", L.style.scrollbarWidth = "none", L.style.msOverflowStyle = "none", L.style.setProperty("-webkit-overflow-scrolling", "touch");
       const V = document.createElement("style");
@@ -3634,36 +3696,36 @@ class ft extends HTMLElement {
           }
         }
       `, L.classList.add("mint-date-shortcuts-row"), document.head.querySelector("style[data-mint-date-shortcuts]") || (V.setAttribute("data-mint-date-shortcuts", "true"), document.head.appendChild(V));
-      const $ = document.createElement("div");
-      $.className = "absolute left-0 top-0 bottom-0 w-8 pointer-events-none z-10 bg-gradient-to-r from-white dark:from-gray-800 to-transparent opacity-0 transition-opacity duration-200 md:hidden", T.appendChild($);
+      const R = document.createElement("div");
+      R.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(R);
       const B = document.createElement("div");
-      B.className = "absolute right-0 top-0 bottom-0 w-8 pointer-events-none z-10 bg-gradient-to-l from-white dark:from-gray-800 to-transparent opacity-100 transition-opacity duration-200 md:hidden", T.appendChild(B);
+      B.className = "absolute right-0 top-0 bottom-0 w-8 pointer-events-none z-10 bg-gradient-to-l from-white dark:from-gray-800 to-transparent opacity-100 transition-opacity duration-200 md:hidden", I.appendChild(B);
       const q = document.createElement("div");
-      q.className = "hidden md:block absolute top-0 left-0 right-0 h-8 pointer-events-none z-10 bg-gradient-to-b from-white dark:from-gray-800 to-transparent opacity-0 transition-opacity duration-200", T.appendChild(q);
-      const P = document.createElement("div");
-      P.className = "hidden md:block absolute bottom-0 left-0 right-0 h-8 pointer-events-none z-10 bg-gradient-to-t from-white dark:from-gray-800 to-transparent opacity-100 transition-opacity duration-200", T.appendChild(P);
+      q.className = "hidden md:block absolute top-0 left-0 right-0 h-8 pointer-events-none z-10 bg-gradient-to-b from-white dark:from-gray-800 to-transparent opacity-0 transition-opacity duration-200", I.appendChild(q);
+      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 F = () => {
         if (window.innerWidth >= 768) {
-          const H = L.scrollTop, I = L.scrollHeight, R = L.clientHeight;
-          H > 0 ? q.style.opacity = "1" : q.style.opacity = "0", H + R < I - 1 ? P.style.opacity = "1" : P.style.opacity = "0", $.style.opacity = "0", B.style.opacity = "0";
+          const H = L.scrollTop, D = L.scrollHeight, O = L.clientHeight;
+          H > 0 ? q.style.opacity = "1" : q.style.opacity = "0", H + O < D - 1 ? M.style.opacity = "1" : M.style.opacity = "0", R.style.opacity = "0", B.style.opacity = "0";
         } else {
-          const H = L.scrollLeft, I = L.scrollWidth, R = L.clientWidth;
-          H > 0 ? $.style.opacity = "1" : $.style.opacity = "0", H + R < I - 1 ? B.style.opacity = "1" : B.style.opacity = "0", q.style.opacity = "0", P.style.opacity = "0";
+          const H = L.scrollLeft, D = L.scrollWidth, O = L.clientWidth;
+          H > 0 ? R.style.opacity = "1" : R.style.opacity = "0", H + O < D - 1 ? B.style.opacity = "1" : B.style.opacity = "0", q.style.opacity = "0", M.style.opacity = "0";
         }
       };
-      L.addEventListener("scroll", F), window.addEventListener("resize", F), setTimeout(F, 0), a.forEach((z) => {
+      L.addEventListener("scroll", F), window.addEventListener("resize", F), setTimeout(F, 0), a.forEach((W) => {
         const H = document.createElement("button");
-        H.type = "button", H.tabIndex = 0, H.className = "px-3 py-1.5 text-xs font-medium rounded-md bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors whitespace-nowrap flex-shrink-0 md:w-full md:text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-gray-400 dark:focus-visible:ring-gray-500", H.textContent = z.label, H.setAttribute("data-keep-popover-open", "true"), H.addEventListener("click", () => {
-          const I = z.action();
-          if (I) {
-            if (this._isRange && "start" in I && "end" in I) {
-              this._selectedStartDate = I.start, this._selectedEndDate = I.end;
-              const R = this.getFormat(), U = this._formatDate(I.start, R), J = this._formatDate(I.end, R), X = `${U} - ${J}`;
-              this.setValue(X), this._currentMonth = I.start.getMonth(), this._currentYear = I.start.getFullYear();
-            } else if (I instanceof Date) {
-              this._selectedStartDate = I, this._selectedEndDate = null;
-              const R = this.getFormat(), U = this._formatDate(I, R);
-              this.setValue(U), this._currentMonth = I.getMonth(), this._currentYear = I.getFullYear();
+        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 = W.label, H.setAttribute("data-keep-popover-open", "true"), H.addEventListener("click", () => {
+          const D = W.action();
+          if (D) {
+            if (this._isRange && "start" in D && "end" in D) {
+              this._selectedStartDate = D.start, this._selectedEndDate = D.end;
+              const O = this.getFormat(), Y = this._formatDate(D.start, O), U = this._formatDate(D.end, O), z = `${Y} - ${U}`;
+              this.setValue(z), this._currentMonth = D.start.getMonth(), this._currentYear = D.start.getFullYear();
+            } else if (D instanceof Date) {
+              this._selectedStartDate = D, this._selectedEndDate = null;
+              const O = this.getFormat(), Y = this._formatDate(D, O);
+              this.setValue(Y), this._currentMonth = D.getMonth(), this._currentYear = D.getFullYear();
             }
             this._buildCalendar(), this._popover && typeof this._popover.close == "function" && this._popover.close(), this.dispatchEvent(new CustomEvent("input", {
               detail: { value: this.getValue() },
@@ -3676,7 +3738,7 @@ class ft extends HTMLElement {
             }));
           }
         }), L.appendChild(H);
-      }), T.appendChild(L), C.appendChild(T), o.appendChild(C);
+      }), I.appendChild(L), x.appendChild(I), o.appendChild(x);
     }
     c.appendChild(d), c.appendChild(v), c.appendChild(_), o.appendChild(c), this._calendarContainer.appendChild(o);
   }
@@ -3777,11 +3839,32 @@ class ft extends HTMLElement {
   }
   _isDateSelected(t) {
     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);
+    return this._isRange || e === "week" || e === "month" ? this._selectedStartDate && this._selectedEndDate ? this._isSameDate(t, this._selectedStartDate) || this._isSameDate(t, this._selectedEndDate) : this._isRange && this._selectedStartDate && !this._selectedEndDate ? this._isSameDate(t, this._selectedStartDate) : !1 : this._selectedStartDate !== null && this._isSameDate(t, this._selectedStartDate);
   }
   _isDateInRange(t) {
     const e = this.getSelectionMode();
-    return (this._isRange || e === "week" || e === "month") && this._selectedStartDate && this._selectedEndDate ? t >= this._selectedStartDate && t <= this._selectedEndDate : !1;
+    if ((this._isRange || e === "week" || e === "month") && this._selectedStartDate && this._selectedEndDate)
+      return this._rangeIncludesDisabledDates(this._selectedStartDate, this._selectedEndDate) ? !1 : t >= this._selectedStartDate && t <= this._selectedEndDate;
+    if (this._isRange && this._selectedStartDate && !this._selectedEndDate && this._hoveredDate) {
+      const i = this._selectedStartDate < this._hoveredDate ? this._selectedStartDate : this._hoveredDate, s = this._selectedStartDate < this._hoveredDate ? this._hoveredDate : this._selectedStartDate;
+      if (this._rangeIncludesDisabledDates(i, s)) {
+        const n = this._findFirstDisabledDateInRange(i, s);
+        return n ? this._selectedStartDate < this._hoveredDate ? t >= i && t < n && !this._isSameDate(t, i) : t > n && t <= s && !this._isSameDate(t, s) : !1;
+      }
+      return t >= i && t <= s && !this._isSameDate(t, i) && !this._isSameDate(t, s);
+    }
+    return !1;
+  }
+  _rangeIncludesDisabledDates(t, e) {
+    const i = this.getDisabledDates(), s = new Date(t.getFullYear(), t.getMonth(), t.getDate()), n = new Date(e.getFullYear(), e.getMonth(), e.getDate());
+    return i.some((r) => {
+      const a = new Date(r.getFullYear(), r.getMonth(), r.getDate());
+      return a >= s && a <= n;
+    });
+  }
+  _findFirstDisabledDateInRange(t, e) {
+    const i = this.getDisabledDates(), s = new Date(t.getFullYear(), t.getMonth(), t.getDate()), n = new Date(e.getFullYear(), e.getMonth(), e.getDate()), r = i.map((a) => new Date(a.getFullYear(), a.getMonth(), a.getDate())).filter((a) => a >= s && a <= n).sort((a, l) => a.getTime() - l.getTime());
+    return r.length > 0 ? r[0] : null;
   }
   _hasIncompleteRange() {
     return this._isRange && this._selectedStartDate !== null && this._selectedEndDate === null;
@@ -3789,6 +3872,9 @@ class ft extends HTMLElement {
   _isSameDate(t, e) {
     return t.getDate() === e.getDate() && t.getMonth() === e.getMonth() && t.getFullYear() === e.getFullYear();
   }
+  _isDateDisabled(t) {
+    return this.getDisabledDates().some((i) => this._isSameDate(t, i));
+  }
   _getWeekStart(t) {
     const e = this.getWeekStartDay(), i = t.getDay();
     let s;
@@ -3809,34 +3895,62 @@ class ft extends HTMLElement {
     return e.setHours(23, 59, 59, 999), e;
   }
   _handleDateClick(t) {
-    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 l = this._formatDate(this._selectedStartDate, e), o = this._formatDate(this._selectedEndDate, e), c = `${l} - ${o}`;
-      this.setValue(c), this._textInput && (this._textInput.value = c), this._popover && typeof this._popover.close == "function" && this._popover.close();
-    } else {
-      this._selectedStartDate = s, this._selectedEndDate = null;
-      const l = this._formatDate(s, e);
-      this.setValue(l), this._textInput && (this._textInput.value = l), this._popover && typeof this._popover.close == "function" && this._popover.close();
+    this._isHandlingClick = !0;
+    try {
+      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")
+        if (i === "week" || i === "month") {
+          if (this._rangeIncludesDisabledDates(s, n)) {
+            this._buildCalendar();
+            return;
+          }
+          this._selectedStartDate = s, this._selectedEndDate = n;
+          const l = this._formatDate(this._selectedStartDate, e), o = this._formatDate(this._selectedEndDate, e), c = `${l} - ${o}`;
+          this.setValue(c), this._textInput && (this._textInput.value = c), this._popover && typeof this._popover.close == "function" && this._popover.close();
+        } else if (this._hoveredDate = null, this._selectedStartDate === null) {
+          if (this._isDateDisabled(s)) {
+            this._buildCalendar();
+            return;
+          }
+          this._selectedStartDate = new Date(s.getFullYear(), s.getMonth(), s.getDate()), this._selectedEndDate = null, this._currentMonth = this._selectedStartDate.getMonth(), this._currentYear = this._selectedStartDate.getFullYear(), this._hoveredDate = null, this._buildCalendar();
+        } else if (this._selectedEndDate === null) {
+          const l = new Date(t.getFullYear(), t.getMonth(), t.getDate()), o = this._selectedStartDate ? new Date(this._selectedStartDate.getFullYear(), this._selectedStartDate.getMonth(), this._selectedStartDate.getDate()) : null;
+          let c, d;
+          if (o && l < o ? (c = l, d = o) : (c = o, d = l), this._rangeIncludesDisabledDates(c, d)) {
+            this._buildCalendar();
+            return;
+          }
+          o && l < o ? (this._selectedEndDate = o, this._selectedStartDate = l) : (this._selectedEndDate = l, o && (this._selectedStartDate = o)), this._currentMonth = this._selectedStartDate.getMonth(), this._currentYear = this._selectedStartDate.getFullYear();
+          const u = this._formatDate(this._selectedStartDate, e), h = this._formatDate(this._selectedEndDate, e), f = `${u} - ${h}`;
+          this.setAttribute("value", f), this._textInput && (this._textInput.value = f), this._hiddenInput && (this._hiddenInput.value = f), this._updateDisplayText(), this._buildCalendar(), this._popover && typeof this._popover.close == "function" && this._popover.close();
+        } else
+          this._selectedStartDate = s, this._selectedEndDate = null;
+      else {
+        this._selectedStartDate = s, this._selectedEndDate = null;
+        const l = this._formatDate(s, e);
+        this.setValue(l), this._textInput && (this._textInput.value = l), this._popover && typeof this._popover.close == "function" && this._popover.close();
+      }
+      this._buildCalendar(), this._updateDisplayText(), this._exitInputMode();
+      const a = new Event("input", {
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      });
+      this.dispatchEvent(a), this.dispatchEvent(new CustomEvent("input", {
+        detail: { value: this.getValue() },
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      })), this.dispatchEvent(new CustomEvent("change", {
+        detail: { value: this.getValue() },
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      }));
+    } finally {
+      this._isHandlingClick = !1;
     }
-    this._buildCalendar(), this._updateDisplayText(), this._exitInputMode();
-    const a = new Event("input", {
-      bubbles: !0,
-      cancelable: !0,
-      composed: !0
-    });
-    this.dispatchEvent(a), this.dispatchEvent(new CustomEvent("input", {
-      detail: { value: this.getValue() },
-      bubbles: !0,
-      cancelable: !0,
-      composed: !0
-    })), this.dispatchEvent(new CustomEvent("change", {
-      detail: { value: this.getValue() },
-      bubbles: !0,
-      cancelable: !0,
-      composed: !0
-    }));
   }
   // Display mode helpers
   _updateDisplayText() {
@@ -3922,8 +4036,8 @@ class ft 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", ft);
-class mt extends HTMLElement {
+customElements.get("mint-date-picker") || customElements.define("mint-date-picker", _t);
+class vt extends HTMLElement {
   constructor() {
     super(), this._select = null, this._wrapper = null, this._caretUpIcon = null, this._caretDownIcon = null, this._changeHandler = null, this._optionObserver = null, this._childrenObserver = null;
   }
@@ -4149,8 +4263,8 @@ class mt 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", mt);
-class gt extends HTMLElement {
+customElements.get("mint-select") || customElements.define("mint-select", vt);
+class yt 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;
   }
@@ -4474,8 +4588,8 @@ class gt extends HTMLElement {
     );
   }
 }
-customElements.get("mint-dropzone") || customElements.define("mint-dropzone", gt);
-class bt extends HTMLElement {
+customElements.get("mint-dropzone") || customElements.define("mint-dropzone", yt);
+class kt 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;
   }
@@ -5364,7 +5478,7 @@ class bt 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", bt);
+customElements.get("mint-form") || customElements.define("mint-form", kt);
 typeof window < "u" && (window.mintForm = window.mintForm || {
   defaults: {
     headers: {
@@ -5376,13 +5490,13 @@ typeof window < "u" && (window.mintForm = window.mintForm || {
       handlers: []
     }
   }
-}, window.mintForm.interceptors.response.use || (window.mintForm.interceptors.response.use = function(w, t) {
+}, window.mintForm.interceptors.response.use || (window.mintForm.interceptors.response.use = function(C, t) {
   return window.mintForm.interceptors.response.handlers.push({
-    fulfilled: w,
+    fulfilled: C,
     rejected: t
   }), window.mintForm.interceptors.response.handlers.length - 1;
 }));
-class _t extends HTMLElement {
+class Et extends HTMLElement {
   constructor() {
     super(...arguments), this._observer = null;
   }
@@ -5593,8 +5707,8 @@ class _t extends HTMLElement {
     `, document.head.appendChild(t);
   }
 }
-customElements.get("mint-table") || customElements.define("mint-table", _t);
-class vt extends HTMLElement {
+customElements.get("mint-table") || customElements.define("mint-table", Et);
+class xt extends HTMLElement {
   constructor() {
     super(...arguments), this._root = null, this._textWrap = null, this._dismissBtn = null, this._clickHandler = null;
   }
@@ -5669,8 +5783,8 @@ class vt extends HTMLElement {
     }, t.addEventListener("click", this._clickHandler), this._dismissBtn = t;
   }
 }
-customElements.get("mint-chip") || customElements.define("mint-chip", vt);
-class yt extends HTMLElement {
+customElements.get("mint-chip") || customElements.define("mint-chip", xt);
+class wt 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;
   }
@@ -5993,8 +6107,8 @@ class yt extends HTMLElement {
     }
   }
 }
-customElements.get("mint-tags") || customElements.define("mint-tags", yt);
-class kt extends HTMLElement {
+customElements.get("mint-tags") || customElements.define("mint-tags", wt);
+class Ct extends HTMLElement {
   constructor() {
     super(...arguments), this._clickHandler = null, this._keydownHandler = null;
   }
@@ -6050,8 +6164,8 @@ class kt extends HTMLElement {
     t === "disabled" && (i === "true" ? (this.classList.remove("cursor-pointer"), this.classList.add("opacity-50", "cursor-not-allowed"), this.setAttribute("aria-disabled", "true")) : (this.classList.remove("opacity-50", "cursor-not-allowed"), this.classList.add("cursor-pointer"), this.removeAttribute("aria-disabled")));
   }
 }
-customElements.get("mint-clickable") || customElements.define("mint-clickable", kt);
-class Et extends HTMLElement {
+customElements.get("mint-clickable") || customElements.define("mint-clickable", Ct);
+class At extends HTMLElement {
   constructor() {
     super(), this._headingElement = null, this._iconElement = null, this._dismissButton = null, this._headerWrapper = null, this._bodyWrapper = null, this._dismissHandler = null;
   }
@@ -6166,8 +6280,8 @@ class Et extends HTMLElement {
     }), this.appendChild(this._headerWrapper), this.appendChild(this._bodyWrapper);
   }
 }
-customElements.get("mint-alert") || customElements.define("mint-alert", Et);
-class xt extends HTMLElement {
+customElements.get("mint-alert") || customElements.define("mint-alert", At);
+class St 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;
   }
@@ -6275,16 +6389,16 @@ class xt extends HTMLElement {
       if (this._configuration.loadMore && a !== 0)
         this._rows = this._rows.concat(_);
       else {
-        let x = _;
-        this._configuration.predefinedData ? (x = [...this._configuration.predefinedData, ..._], this._totalRows = k + this._configuration.predefinedData.length) : this._totalRows = k, this._rows = x;
+        let w = _;
+        this._configuration.predefinedData ? (w = [...this._configuration.predefinedData, ..._], this._totalRows = k + this._configuration.predefinedData.length) : this._totalRows = k, this._rows = w;
       }
       const S = Math.floor(a / r) + 1;
       this._configuration.loadMore || (((c = v.content) == null ? void 0 : c.current_page) !== void 0 && v.content.current_page === S ? this._currentPage = v.content.current_page : this._currentPage = S, this._offset = (this._currentPage - 1) * r), this._lastPage = ((d = v.content) == null ? void 0 : d.last_page) || 1, this._fetching = !1, this._loaded = !0, this._loading = !1, this._fetchError = null, this._searching = !1;
       const E = this._sorting;
       if (E && this._updateSortIcons(), this._sorting = !1, this._sortingColumn = null, E && this._updateSortIcons(), this.dispatchEvent(new CustomEvent("loaded", { detail: { rows: this._rows } })), this._updateSearchIcon(), (h = (u = this.querySelector(`#${this._tableId}`)) == null ? void 0 : u.closest("table")) == null ? void 0 : h.querySelector("tbody")) {
         if (E) {
-          const x = this._loading, A = this._fetching;
-          this._loading = !1, this._fetching = !1, this._updateTableBody(), this._loading = x, this._fetching = A;
+          const w = this._loading, A = this._fetching;
+          this._loading = !1, this._fetching = !1, this._updateTableBody(), this._loading = w, this._fetching = A;
         } else
           this._updateTableBody();
         this._updatePagination();
@@ -6802,8 +6916,8 @@ class xt extends HTMLElement {
     return e.textContent = t, e.innerHTML;
   }
 }
-customElements.get("mint-resource-table") || customElements.define("mint-resource-table", xt);
-class wt extends HTMLElement {
+customElements.get("mint-resource-table") || customElements.define("mint-resource-table", St);
+class Lt extends HTMLElement {
   constructor() {
     super(), this._overlay = null, this._offCanvas = null, this._header = null, this._headingSlot = null, this._bodySlot = null, this._actionsSlot = null, this._closeButton = null, this._darkModeObserver = null;
   }
@@ -6961,8 +7075,8 @@ class wt extends HTMLElement {
     }, 300);
   }
 }
-customElements.get("mint-off-canvas") || customElements.define("mint-off-canvas", wt);
-class Ct extends HTMLElement {
+customElements.get("mint-off-canvas") || customElements.define("mint-off-canvas", Lt);
+class Dt extends HTMLElement {
   constructor() {
     super(), this._clickHandler = null;
   }
@@ -7067,8 +7181,8 @@ class Ct extends HTMLElement {
     ));
   }
 }
-customElements.get("mint-tab") || customElements.define("mint-tab", Ct);
-class At extends HTMLElement {
+customElements.get("mint-tab") || customElements.define("mint-tab", Dt);
+class It extends HTMLElement {
   static get observedAttributes() {
     return ["position"];
   }
@@ -7116,8 +7230,8 @@ class At extends HTMLElement {
     );
   }
 }
-customElements.get("mint-tab-list") || customElements.define("mint-tab-list", At);
-class St extends HTMLElement {
+customElements.get("mint-tab-list") || customElements.define("mint-tab-list", It);
+class Tt extends HTMLElement {
   static get observedAttributes() {
     return ["id"];
   }
@@ -7159,8 +7273,8 @@ class St extends HTMLElement {
   render() {
   }
 }
-customElements.get("mint-tab-content") || customElements.define("mint-tab-content", St);
-class Lt extends HTMLElement {
+customElements.get("mint-tab-content") || customElements.define("mint-tab-content", Tt);
+class Mt extends HTMLElement {
   constructor() {
     super(), this._tabClickHandler = null, this._mutationObserver = null;
   }
@@ -7248,38 +7362,38 @@ class Lt extends HTMLElement {
     }), i && this.showContent(i);
   }
 }
-customElements.get("mint-tabs") || customElements.define("mint-tabs", Lt);
+customElements.get("mint-tabs") || customElements.define("mint-tabs", Mt);
 export {
-  Et as Alert,
-  nt as BackButton,
-  G as Button,
-  st as Card,
-  ht as Checkbox,
-  vt as Chip,
-  ut as Choice,
-  kt as Clickable,
-  ft as DatePicker,
-  gt as Dropzone,
-  bt as Form,
-  ot as Grid,
-  Q as Icon,
-  pt as Input,
-  rt as Link,
-  lt as Modal,
-  wt as OffCanvas,
-  at as Page,
-  ct as Popover,
-  xt as ResourceTable,
-  mt as Select,
-  Z as Spinner,
-  it as Stack,
-  tt as Switch,
-  Ct as Tab,
-  St as TabContent,
-  At as TabList,
-  _t as Table,
-  Lt as Tabs,
-  yt as Tags,
-  et as Text,
-  G as default
+  At as Alert,
+  ct as BackButton,
+  Z as Button,
+  ot as Card,
+  ft as Checkbox,
+  xt as Chip,
+  gt as Choice,
+  Ct as Clickable,
+  _t as DatePicker,
+  yt as Dropzone,
+  kt as Form,
+  dt as Grid,
+  st as Icon,
+  bt as Input,
+  lt as Link,
+  ut as Modal,
+  Lt as OffCanvas,
+  ht as Page,
+  pt as Popover,
+  St as ResourceTable,
+  vt as Select,
+  it as Spinner,
+  at as Stack,
+  rt as Switch,
+  Dt as Tab,
+  Tt as TabContent,
+  It as TabList,
+  Et as Table,
+  Mt as Tabs,
+  wt as Tags,
+  nt as Text,
+  Z as default
 };