@archpublicwebsite/rangepicker 1.0.9 → 1.0.11

package/dist/rangepicker.js

@@ -1,204 +1,177 @@
-import { defineComponent, computed, ref, watch, onMounted, onUnmounted, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, createElementVNode, withModifiers, normalizeStyle, normalizeClass, toDisplayString, Fragment, renderList, nextTick } from "vue";
+import { defineComponent, computed, ref, watch, onMounted, onUnmounted, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, Fragment, renderList, nextTick } from "vue";
 import { useBreakpoints, breakpointsTailwind, useWindowSize, onClickOutside } from "@vueuse/core";
 import dayjs from "dayjs";
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
-var isBetween$2 = { exports: {} };
-var isBetween$1 = isBetween$2.exports;
-var hasRequiredIsBetween;
-function requireIsBetween() {
-  if (hasRequiredIsBetween) return isBetween$2.exports;
-  hasRequiredIsBetween = 1;
-  (function(module, exports$1) {
-    !(function(e, i) {
-      module.exports = i();
-    })(isBetween$1, (function() {
-      return function(e, i, t) {
-        i.prototype.isBetween = function(e2, i2, s, f) {
-          var n = t(e2), o = t(i2), r = "(" === (f = f || "()")[0], u = ")" === f[1];
-          return (r ? this.isAfter(n, s) : !this.isBefore(n, s)) && (u ? this.isBefore(o, s) : !this.isAfter(o, s)) || (r ? this.isBefore(n, s) : !this.isAfter(n, s)) && (u ? this.isAfter(o, s) : !this.isBefore(o, s));
-        };
+var isBetween$1 = { exports: {} };
+(function(module, exports$1) {
+  !function(e, i) {
+    module.exports = i();
+  }(commonjsGlobal, function() {
+    return function(e, i, t) {
+      i.prototype.isBetween = function(e2, i2, s, f) {
+        var n = t(e2), o = t(i2), r = "(" === (f = f || "()")[0], u = ")" === f[1];
+        return (r ? this.isAfter(n, s) : !this.isBefore(n, s)) && (u ? this.isBefore(o, s) : !this.isAfter(o, s)) || (r ? this.isBefore(n, s) : !this.isAfter(n, s)) && (u ? this.isAfter(o, s) : !this.isBefore(o, s));
       };
-    }));
-  })(isBetween$2);
-  return isBetween$2.exports;
-}
-var isBetweenExports = requireIsBetween();
+    };
+  });
+})(isBetween$1);
+var isBetweenExports = isBetween$1.exports;
 const isBetween = /* @__PURE__ */ getDefaultExportFromCjs(isBetweenExports);
-var isSameOrAfter$2 = { exports: {} };
-var isSameOrAfter$1 = isSameOrAfter$2.exports;
-var hasRequiredIsSameOrAfter;
-function requireIsSameOrAfter() {
-  if (hasRequiredIsSameOrAfter) return isSameOrAfter$2.exports;
-  hasRequiredIsSameOrAfter = 1;
-  (function(module, exports$1) {
-    !(function(e, t) {
-      module.exports = t();
-    })(isSameOrAfter$1, (function() {
-      return function(e, t) {
-        t.prototype.isSameOrAfter = function(e2, t2) {
-          return this.isSame(e2, t2) || this.isAfter(e2, t2);
-        };
+var isSameOrAfter$1 = { exports: {} };
+(function(module, exports$1) {
+  !function(e, t) {
+    module.exports = t();
+  }(commonjsGlobal, function() {
+    return function(e, t) {
+      t.prototype.isSameOrAfter = function(e2, t2) {
+        return this.isSame(e2, t2) || this.isAfter(e2, t2);
       };
-    }));
-  })(isSameOrAfter$2);
-  return isSameOrAfter$2.exports;
-}
-var isSameOrAfterExports = requireIsSameOrAfter();
+    };
+  });
+})(isSameOrAfter$1);
+var isSameOrAfterExports = isSameOrAfter$1.exports;
 const isSameOrAfter = /* @__PURE__ */ getDefaultExportFromCjs(isSameOrAfterExports);
-var isSameOrBefore$2 = { exports: {} };
-var isSameOrBefore$1 = isSameOrBefore$2.exports;
-var hasRequiredIsSameOrBefore;
-function requireIsSameOrBefore() {
-  if (hasRequiredIsSameOrBefore) return isSameOrBefore$2.exports;
-  hasRequiredIsSameOrBefore = 1;
-  (function(module, exports$1) {
-    !(function(e, i) {
-      module.exports = i();
-    })(isSameOrBefore$1, (function() {
-      return function(e, i) {
-        i.prototype.isSameOrBefore = function(e2, i2) {
-          return this.isSame(e2, i2) || this.isBefore(e2, i2);
-        };
+var isSameOrBefore$1 = { exports: {} };
+(function(module, exports$1) {
+  !function(e, i) {
+    module.exports = i();
+  }(commonjsGlobal, function() {
+    return function(e, i) {
+      i.prototype.isSameOrBefore = function(e2, i2) {
+        return this.isSame(e2, i2) || this.isBefore(e2, i2);
       };
-    }));
-  })(isSameOrBefore$2);
-  return isSameOrBefore$2.exports;
-}
-var isSameOrBeforeExports = requireIsSameOrBefore();
+    };
+  });
+})(isSameOrBefore$1);
+var isSameOrBeforeExports = isSameOrBefore$1.exports;
 const isSameOrBefore = /* @__PURE__ */ getDefaultExportFromCjs(isSameOrBeforeExports);
-var customParseFormat$2 = { exports: {} };
-var customParseFormat$1 = customParseFormat$2.exports;
-var hasRequiredCustomParseFormat;
-function requireCustomParseFormat() {
-  if (hasRequiredCustomParseFormat) return customParseFormat$2.exports;
-  hasRequiredCustomParseFormat = 1;
-  (function(module, exports$1) {
-    !(function(e, t) {
-      module.exports = t();
-    })(customParseFormat$1, (function() {
-      var e = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, t = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, n = /\d/, r = /\d\d/, i = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/, s = {}, a = function(e2) {
-        return (e2 = +e2) + (e2 > 68 ? 1900 : 2e3);
+var customParseFormat$1 = { exports: {} };
+(function(module, exports$1) {
+  !function(e, t) {
+    module.exports = t();
+  }(commonjsGlobal, function() {
+    var e = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, t = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, n = /\d/, r = /\d\d/, i = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/, s = {}, a = function(e2) {
+      return (e2 = +e2) + (e2 > 68 ? 1900 : 2e3);
+    };
+    var f = function(e2) {
+      return function(t2) {
+        this[e2] = +t2;
       };
-      var f = function(e2) {
-        return function(t2) {
-          this[e2] = +t2;
-        };
-      }, h = [/[+-]\d\d:?(\d\d)?|Z/, function(e2) {
-        (this.zone || (this.zone = {})).offset = (function(e3) {
-          if (!e3) return 0;
-          if ("Z" === e3) return 0;
-          var t2 = e3.match(/([+-]|\d\d)/g), n2 = 60 * t2[1] + (+t2[2] || 0);
-          return 0 === n2 ? 0 : "+" === t2[0] ? -n2 : n2;
-        })(e2);
-      }], u = function(e2) {
-        var t2 = s[e2];
-        return t2 && (t2.indexOf ? t2 : t2.s.concat(t2.f));
-      }, d = function(e2, t2) {
-        var n2, r2 = s.meridiem;
-        if (r2) {
-          for (var i2 = 1; i2 <= 24; i2 += 1) if (e2.indexOf(r2(i2, 0, t2)) > -1) {
-            n2 = i2 > 12;
-            break;
+    }, h = [/[+-]\d\d:?(\d\d)?|Z/, function(e2) {
+      (this.zone || (this.zone = {})).offset = function(e3) {
+        if (!e3) return 0;
+        if ("Z" === e3) return 0;
+        var t2 = e3.match(/([+-]|\d\d)/g), n2 = 60 * t2[1] + (+t2[2] || 0);
+        return 0 === n2 ? 0 : "+" === t2[0] ? -n2 : n2;
+      }(e2);
+    }], u = function(e2) {
+      var t2 = s[e2];
+      return t2 && (t2.indexOf ? t2 : t2.s.concat(t2.f));
+    }, d = function(e2, t2) {
+      var n2, r2 = s.meridiem;
+      if (r2) {
+        for (var i2 = 1; i2 <= 24; i2 += 1) if (e2.indexOf(r2(i2, 0, t2)) > -1) {
+          n2 = i2 > 12;
+          break;
+        }
+      } else n2 = e2 === (t2 ? "pm" : "PM");
+      return n2;
+    }, c = { A: [o, function(e2) {
+      this.afternoon = d(e2, false);
+    }], a: [o, function(e2) {
+      this.afternoon = d(e2, true);
+    }], Q: [n, function(e2) {
+      this.month = 3 * (e2 - 1) + 1;
+    }], S: [n, function(e2) {
+      this.milliseconds = 100 * +e2;
+    }], SS: [r, function(e2) {
+      this.milliseconds = 10 * +e2;
+    }], SSS: [/\d{3}/, function(e2) {
+      this.milliseconds = +e2;
+    }], s: [i, f("seconds")], ss: [i, f("seconds")], m: [i, f("minutes")], mm: [i, f("minutes")], H: [i, f("hours")], h: [i, f("hours")], HH: [i, f("hours")], hh: [i, f("hours")], D: [i, f("day")], DD: [r, f("day")], Do: [o, function(e2) {
+      var t2 = s.ordinal, n2 = e2.match(/\d+/);
+      if (this.day = n2[0], t2) for (var r2 = 1; r2 <= 31; r2 += 1) t2(r2).replace(/\[|\]/g, "") === e2 && (this.day = r2);
+    }], w: [i, f("week")], ww: [r, f("week")], M: [i, f("month")], MM: [r, f("month")], MMM: [o, function(e2) {
+      var t2 = u("months"), n2 = (u("monthsShort") || t2.map(function(e3) {
+        return e3.slice(0, 3);
+      })).indexOf(e2) + 1;
+      if (n2 < 1) throw new Error();
+      this.month = n2 % 12 || n2;
+    }], MMMM: [o, function(e2) {
+      var t2 = u("months").indexOf(e2) + 1;
+      if (t2 < 1) throw new Error();
+      this.month = t2 % 12 || t2;
+    }], Y: [/[+-]?\d+/, f("year")], YY: [r, function(e2) {
+      this.year = a(e2);
+    }], YYYY: [/\d{4}/, f("year")], Z: h, ZZ: h };
+    function l(n2) {
+      var r2, i2;
+      r2 = n2, i2 = s && s.formats;
+      for (var o2 = (n2 = r2.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(t2, n3, r3) {
+        var o3 = r3 && r3.toUpperCase();
+        return n3 || i2[r3] || e[r3] || i2[o3].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(e2, t3, n4) {
+          return t3 || n4.slice(1);
+        });
+      })).match(t), a2 = o2.length, f2 = 0; f2 < a2; f2 += 1) {
+        var h2 = o2[f2], u2 = c[h2], d2 = u2 && u2[0], l2 = u2 && u2[1];
+        o2[f2] = l2 ? { regex: d2, parser: l2 } : h2.replace(/^\[|\]$/g, "");
+      }
+      return function(e2) {
+        for (var t2 = {}, n3 = 0, r3 = 0; n3 < a2; n3 += 1) {
+          var i3 = o2[n3];
+          if ("string" == typeof i3) r3 += i3.length;
+          else {
+            var s2 = i3.regex, f3 = i3.parser, h3 = e2.slice(r3), u3 = s2.exec(h3)[0];
+            f3.call(t2, u3), e2 = e2.replace(u3, "");
           }
-        } else n2 = e2 === (t2 ? "pm" : "PM");
-        return n2;
-      }, c = { A: [o, function(e2) {
-        this.afternoon = d(e2, false);
-      }], a: [o, function(e2) {
-        this.afternoon = d(e2, true);
-      }], Q: [n, function(e2) {
-        this.month = 3 * (e2 - 1) + 1;
-      }], S: [n, function(e2) {
-        this.milliseconds = 100 * +e2;
-      }], SS: [r, function(e2) {
-        this.milliseconds = 10 * +e2;
-      }], SSS: [/\d{3}/, function(e2) {
-        this.milliseconds = +e2;
-      }], s: [i, f("seconds")], ss: [i, f("seconds")], m: [i, f("minutes")], mm: [i, f("minutes")], H: [i, f("hours")], h: [i, f("hours")], HH: [i, f("hours")], hh: [i, f("hours")], D: [i, f("day")], DD: [r, f("day")], Do: [o, function(e2) {
-        var t2 = s.ordinal, n2 = e2.match(/\d+/);
-        if (this.day = n2[0], t2) for (var r2 = 1; r2 <= 31; r2 += 1) t2(r2).replace(/\[|\]/g, "") === e2 && (this.day = r2);
-      }], w: [i, f("week")], ww: [r, f("week")], M: [i, f("month")], MM: [r, f("month")], MMM: [o, function(e2) {
-        var t2 = u("months"), n2 = (u("monthsShort") || t2.map((function(e3) {
-          return e3.slice(0, 3);
-        }))).indexOf(e2) + 1;
-        if (n2 < 1) throw new Error();
-        this.month = n2 % 12 || n2;
-      }], MMMM: [o, function(e2) {
-        var t2 = u("months").indexOf(e2) + 1;
-        if (t2 < 1) throw new Error();
-        this.month = t2 % 12 || t2;
-      }], Y: [/[+-]?\d+/, f("year")], YY: [r, function(e2) {
-        this.year = a(e2);
-      }], YYYY: [/\d{4}/, f("year")], Z: h, ZZ: h };
-      function l(n2) {
-        var r2, i2;
-        r2 = n2, i2 = s && s.formats;
-        for (var o2 = (n2 = r2.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(t2, n3, r3) {
-          var o3 = r3 && r3.toUpperCase();
-          return n3 || i2[r3] || e[r3] || i2[o3].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(e2, t3, n4) {
-            return t3 || n4.slice(1);
-          }));
-        }))).match(t), a2 = o2.length, f2 = 0; f2 < a2; f2 += 1) {
-          var h2 = o2[f2], u2 = c[h2], d2 = u2 && u2[0], l2 = u2 && u2[1];
-          o2[f2] = l2 ? { regex: d2, parser: l2 } : h2.replace(/^\[|\]$/g, "");
         }
-        return function(e2) {
-          for (var t2 = {}, n3 = 0, r3 = 0; n3 < a2; n3 += 1) {
-            var i3 = o2[n3];
-            if ("string" == typeof i3) r3 += i3.length;
-            else {
-              var s2 = i3.regex, f3 = i3.parser, h3 = e2.slice(r3), u3 = s2.exec(h3)[0];
-              f3.call(t2, u3), e2 = e2.replace(u3, "");
-            }
+        return function(e3) {
+          var t3 = e3.afternoon;
+          if (void 0 !== t3) {
+            var n4 = e3.hours;
+            t3 ? n4 < 12 && (e3.hours += 12) : 12 === n4 && (e3.hours = 0), delete e3.afternoon;
           }
-          return (function(e3) {
-            var t3 = e3.afternoon;
-            if (void 0 !== t3) {
-              var n4 = e3.hours;
-              t3 ? n4 < 12 && (e3.hours += 12) : 12 === n4 && (e3.hours = 0), delete e3.afternoon;
-            }
-          })(t2), t2;
-        };
-      }
-      return function(e2, t2, n2) {
-        n2.p.customParseFormat = true, e2 && e2.parseTwoDigitYear && (a = e2.parseTwoDigitYear);
-        var r2 = t2.prototype, i2 = r2.parse;
-        r2.parse = function(e3) {
-          var t3 = e3.date, r3 = e3.utc, o2 = e3.args;
-          this.$u = r3;
-          var a2 = o2[1];
-          if ("string" == typeof a2) {
-            var f2 = true === o2[2], h2 = true === o2[3], u2 = f2 || h2, d2 = o2[2];
-            h2 && (d2 = o2[2]), s = this.$locale(), !f2 && d2 && (s = n2.Ls[d2]), this.$d = (function(e4, t4, n3, r4) {
-              try {
-                if (["x", "X"].indexOf(t4) > -1) return new Date(("X" === t4 ? 1e3 : 1) * e4);
-                var i3 = l(t4)(e4), o3 = i3.year, s2 = i3.month, a3 = i3.day, f3 = i3.hours, h3 = i3.minutes, u3 = i3.seconds, d3 = i3.milliseconds, c3 = i3.zone, m2 = i3.week, M2 = /* @__PURE__ */ new Date(), Y = a3 || (o3 || s2 ? 1 : M2.getDate()), p = o3 || M2.getFullYear(), v = 0;
-                o3 && !s2 || (v = s2 > 0 ? s2 - 1 : M2.getMonth());
-                var D, w = f3 || 0, g = h3 || 0, y = u3 || 0, L = d3 || 0;
-                return c3 ? new Date(Date.UTC(p, v, Y, w, g, y, L + 60 * c3.offset * 1e3)) : n3 ? new Date(Date.UTC(p, v, Y, w, g, y, L)) : (D = new Date(p, v, Y, w, g, y, L), m2 && (D = r4(D).week(m2).toDate()), D);
-              } catch (e5) {
-                return /* @__PURE__ */ new Date("");
-              }
-            })(t3, a2, r3, n2), this.init(), d2 && true !== d2 && (this.$L = this.locale(d2).$L), u2 && t3 != this.format(a2) && (this.$d = /* @__PURE__ */ new Date("")), s = {};
-          } else if (a2 instanceof Array) for (var c2 = a2.length, m = 1; m <= c2; m += 1) {
-            o2[1] = a2[m - 1];
-            var M = n2.apply(this, o2);
-            if (M.isValid()) {
-              this.$d = M.$d, this.$L = M.$L, this.init();
-              break;
+        }(t2), t2;
+      };
+    }
+    return function(e2, t2, n2) {
+      n2.p.customParseFormat = true, e2 && e2.parseTwoDigitYear && (a = e2.parseTwoDigitYear);
+      var r2 = t2.prototype, i2 = r2.parse;
+      r2.parse = function(e3) {
+        var t3 = e3.date, r3 = e3.utc, o2 = e3.args;
+        this.$u = r3;
+        var a2 = o2[1];
+        if ("string" == typeof a2) {
+          var f2 = true === o2[2], h2 = true === o2[3], u2 = f2 || h2, d2 = o2[2];
+          h2 && (d2 = o2[2]), s = this.$locale(), !f2 && d2 && (s = n2.Ls[d2]), this.$d = function(e4, t4, n3, r4) {
+            try {
+              if (["x", "X"].indexOf(t4) > -1) return new Date(("X" === t4 ? 1e3 : 1) * e4);
+              var i3 = l(t4)(e4), o3 = i3.year, s2 = i3.month, a3 = i3.day, f3 = i3.hours, h3 = i3.minutes, u3 = i3.seconds, d3 = i3.milliseconds, c3 = i3.zone, m2 = i3.week, M2 = /* @__PURE__ */ new Date(), Y = a3 || (o3 || s2 ? 1 : M2.getDate()), p = o3 || M2.getFullYear(), v = 0;
+              o3 && !s2 || (v = s2 > 0 ? s2 - 1 : M2.getMonth());
+              var D, w = f3 || 0, g = h3 || 0, y = u3 || 0, L = d3 || 0;
+              return c3 ? new Date(Date.UTC(p, v, Y, w, g, y, L + 60 * c3.offset * 1e3)) : n3 ? new Date(Date.UTC(p, v, Y, w, g, y, L)) : (D = new Date(p, v, Y, w, g, y, L), m2 && (D = r4(D).week(m2).toDate()), D);
+            } catch (e5) {
+              return /* @__PURE__ */ new Date("");
             }
-            m === c2 && (this.$d = /* @__PURE__ */ new Date(""));
+          }(t3, a2, r3, n2), this.init(), d2 && true !== d2 && (this.$L = this.locale(d2).$L), u2 && t3 != this.format(a2) && (this.$d = /* @__PURE__ */ new Date("")), s = {};
+        } else if (a2 instanceof Array) for (var c2 = a2.length, m = 1; m <= c2; m += 1) {
+          o2[1] = a2[m - 1];
+          var M = n2.apply(this, o2);
+          if (M.isValid()) {
+            this.$d = M.$d, this.$L = M.$L, this.init();
+            break;
           }
-          else i2.call(this, e3);
-        };
+          m === c2 && (this.$d = /* @__PURE__ */ new Date(""));
+        }
+        else i2.call(this, e3);
       };
-    }));
-  })(customParseFormat$2);
-  return customParseFormat$2.exports;
-}
-var customParseFormatExports = requireCustomParseFormat();
+    };
+  });
+})(customParseFormat$1);
+var customParseFormatExports = customParseFormat$1.exports;
 const customParseFormat = /* @__PURE__ */ getDefaultExportFromCjs(customParseFormatExports);
 dayjs.extend(isBetween);
 dayjs.extend(isSameOrAfter);
@@ -329,38 +302,39 @@ const _hoisted_1$1 = {
   class: "rangepicker-overlay"
 };
 const _hoisted_2 = { class: "rangepicker-header" };
-const _hoisted_3 = { class: "flex items-center justify-between w-full" };
+const _hoisted_3 = { class: "arch-flex arch-items-center arch-justify-between" };
 const _hoisted_4 = {
   key: 0,
-  class: "text-xs font-medium text-gray-500 mb-1"
+  class: "arch-text-xs arch-font-medium arch-text-gray-500 arch-mb-1 font-secondary"
 };
-const _hoisted_5 = { class: "text-sm font-semibold text-gray-900" };
+const _hoisted_5 = { class: "arch-text-sm arch-font-semibold arch-text-gray-900 font-secondary" };
 const _hoisted_6 = {
   key: 0,
-  class: "text-xs text-gray-500 mt-1"
+  class: "arch-text-xs arch-text-gray-500 arch-mt-1 font-secondary"
 };
 const _hoisted_7 = { class: "rangepicker-body" };
 const _hoisted_8 = { class: "rangepicker-month-header" };
 const _hoisted_9 = ["disabled"];
 const _hoisted_10 = {
   key: 1,
-  class: "w-8"
+  class: "arch-w-8"
 };
-const _hoisted_11 = { class: "rangepicker-month-title" };
+const _hoisted_11 = { class: "rangepicker-month-title font-secondary" };
 const _hoisted_12 = ["disabled"];
 const _hoisted_13 = {
   key: 3,
-  class: "w-8"
+  class: "arch-w-8"
 };
 const _hoisted_14 = { class: "rangepicker-weekdays" };
 const _hoisted_15 = { class: "rangepicker-grid" };
 const _hoisted_16 = ["disabled", "aria-label", "onClick", "onMouseenter"];
-const _hoisted_17 = {
+const _hoisted_17 = { class: "font-secondary" };
+const _hoisted_18 = {
   key: 0,
-  class: "mt-4 flex items-center justify-end gap-2 border-t border-gray-200 pt-4"
+  class: "arch-mt-4 arch-flex arch-items-center arch-justify-end arch-gap-2 arch-border-t arch-border-gray-200 arch-pt-4"
 };
-const _hoisted_18 = ["disabled"];
-const _hoisted_19 = { class: "flex items-center gap-1" };
+const _hoisted_19 = ["disabled"];
+const _hoisted_20 = { class: "arch-flex arch-items-center arch-gap-1" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Rangepicker",
   props: {
@@ -438,37 +412,31 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       })
     );
     const nightCount = computed(() => {
-      if (!localStartDate.value || !localEndDate.value)
-        return 0;
+      if (!localStartDate.value || !localEndDate.value) return 0;
       return localEndDate.value.diff(localStartDate.value, "day");
     });
     const formattedDateRange = computed(() => {
-      if (!localStartDate.value && !localEndDate.value)
-        return "";
+      if (!localStartDate.value && !localEndDate.value) return "";
       else if (localStartDate.value && !localEndDate.value)
         return localStartDate.value.format(props.format);
       else if (localStartDate.value && localEndDate.value)
         return `${localStartDate.value.format(props.format)}${props.delimiter}${localEndDate.value.format(props.format)}`;
-      else
-        return "";
+      else return "";
     });
     const canNavigatePrevious = computed(() => {
-      if (!parsedMinDate.value)
-        return true;
+      if (!parsedMinDate.value) return true;
       const firstMonth = dayjs().add(monthOffset.value, "month").startOf("month");
       return firstMonth.isAfter(parsedMinDate.value, "month");
     });
     const canNavigateNext = computed(() => {
-      if (!parsedMaxDate.value)
-        return true;
+      if (!parsedMaxDate.value) return true;
       const lastMonth = dayjs().add(monthOffset.value + effectiveNumberOfMonths.value - 1, "month").endOf("month");
       return lastMonth.isBefore(parsedMaxDate.value, "month");
     });
     const { width: windowWidth } = useWindowSize();
     const calendarStyle = ref({});
     function updatePosition() {
-      if (props.variant === "mobile")
-        return;
+      if (props.variant === "mobile") return;
       nextTick(() => {
         const position = calculatePosition(
           props.triggerElement,
@@ -485,11 +453,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     const tooltipStyle = ref({});
     const tooltipText = computed(() => {
-      if (!hoveredDay.value || !localStartDate.value)
-        return "";
+      if (!hoveredDay.value || !localStartDate.value) return "";
       const nights = hoveredDay.value.date.diff(localStartDate.value, "day");
-      if (nights <= 0)
-        return "";
+      if (nights <= 0) return "";
       return `${nights} ${nights === 1 ? "night" : "nights"}`;
     });
     const showTooltipComputed = computed(() => {
@@ -497,29 +463,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     function getDayClasses(day) {
       const classes = ["rangepicker-day"];
-      if (!day.isCurrentMonth)
-        classes.push("rangepicker-day-other-month");
-      if (day.isDisabled)
-        classes.push("rangepicker-day-disabled");
-      if (day.isToday)
-        classes.push("rangepicker-day-today");
-      if (day.isWeekend && !day.isSelected)
-        classes.push("rangepicker-day-weekend");
-      if (day.isHoliday)
-        classes.push("rangepicker-day-holiday");
+      if (!day.isCurrentMonth) classes.push("rangepicker-day-other-month");
+      if (day.isDisabled) classes.push("rangepicker-day-disabled");
+      if (day.isToday) classes.push("rangepicker-day-today");
+      if (day.isWeekend && !day.isSelected) classes.push("rangepicker-day-weekend");
+      if (day.isHoliday) classes.push("rangepicker-day-holiday");
       if (day.isSelected) {
-        if (localStartDate.value && localEndDate.value && day.date.isSame(localStartDate.value, "day") && day.date.isSame(localEndDate.value, "day")) {
+        if (localStartDate.value && localEndDate.value && day.date.isSame(localStartDate.value, "day") && day.date.isSame(localEndDate.value, "day"))
           classes.push("rangepicker-day-selected-single");
-        } else if (localStartDate.value && day.date.isSame(localStartDate.value, "day")) {
+        else if (localStartDate.value && day.date.isSame(localStartDate.value, "day"))
           classes.push("rangepicker-day-selected-start");
-        } else if (localEndDate.value && day.date.isSame(localEndDate.value, "day")) {
+        else if (localEndDate.value && day.date.isSame(localEndDate.value, "day"))
           classes.push("rangepicker-day-selected-end");
-        } else {
-          classes.push("rangepicker-day-selected");
-        }
+        else classes.push("rangepicker-day-selected");
       }
-      if (day.isInRange)
-        classes.push("rangepicker-day-in-range");
+      if (day.isInRange) classes.push("rangepicker-day-in-range");
       if (localStartDate.value && !localEndDate.value && hoveredDay.value) {
         const start = localStartDate.value;
         const hovered = hoveredDay.value.date;
@@ -530,15 +488,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       return classes;
     }
-    function selectDate(event, day) {
-      console.log("[Rangepicker v1.1] selectDate called", day.date.format("YYYY-MM-DD"));
-      event.stopPropagation();
-      const target = event.currentTarget;
-      if (target) {
-        target.blur();
-      }
-      if (day.isDisabled)
-        return;
+    function selectDate(day, event) {
+      event.preventDefault();
+      if (day.isDisabled) return;
       emit("dateSelected", day.date);
       if (!localStartDate.value || localStartDate.value && localEndDate.value) {
         localStartDate.value = day.date;
@@ -567,11 +519,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           }
         }
         emit("rangeSelected", localStartDate.value, localEndDate.value);
-        if (props.autoApply)
-          apply();
+        if (props.autoApply) apply();
       }
     }
-    function handleDayHover(event, day) {
+    function handleDayHover(day, event) {
       hoveredDay.value = day;
       if (props.showTooltip && localStartDate.value && !localEndDate.value)
         updateTooltipPosition(event);
@@ -588,33 +539,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       hoveredDay.value = null;
     }
     function previousMonth() {
-      if (canNavigatePrevious.value)
-        monthOffset.value--;
+      if (canNavigatePrevious.value) monthOffset.value--;
     }
     function nextMonth() {
-      if (canNavigateNext.value)
-        monthOffset.value++;
+      if (canNavigateNext.value) monthOffset.value++;
     }
     function close() {
-      var _a;
-      console.log("[Rangepicker v1.1] close called, activeElement:", (_a = document.activeElement) == null ? void 0 : _a.tagName);
-      if (isFadingOut.value)
-        return;
-      if (document.activeElement && document.activeElement !== document.body) {
-        document.activeElement.blur();
-      }
-      document.body.focus();
-      console.log("[Rangepicker v1.1] Focus moved to body");
+      if (isFadingOut.value) return;
       isFadingOut.value = true;
       setTimeout(() => {
         localIsOpen.value = false;
         emit("update:isOpen", false);
         isFadingOut.value = false;
-        nextTick(() => {
-          if (document.activeElement === document.body) {
-            document.body.blur();
-          }
-        });
       }, 200);
     }
     function apply() {
@@ -630,61 +566,48 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       var _a, _b;
       if ((_a = props.modelValue) == null ? void 0 : _a.startDate)
         localStartDate.value = dayjs(props.modelValue.startDate);
-      else
-        localStartDate.value = null;
+      else localStartDate.value = null;
       if ((_b = props.modelValue) == null ? void 0 : _b.endDate)
         localEndDate.value = dayjs(props.modelValue.endDate);
-      else
-        localEndDate.value = null;
+      else localEndDate.value = null;
       close();
     }
     watch(
       () => props.isOpen,
       (newVal) => {
         localIsOpen.value = newVal;
-        if (newVal)
-          updatePosition();
+        if (newVal) updatePosition();
       }
     );
     watch(
       () => props.close,
       (newVal) => {
-        if (newVal)
-          close();
+        if (newVal) close();
       }
     );
     watch(
       () => props.modelValue,
       (newVal) => {
-        if (newVal == null ? void 0 : newVal.startDate)
-          localStartDate.value = dayjs(newVal.startDate);
-        else
-          localStartDate.value = null;
-        if (newVal == null ? void 0 : newVal.endDate)
-          localEndDate.value = dayjs(newVal.endDate);
-        else
-          localEndDate.value = null;
+        if (newVal == null ? void 0 : newVal.startDate) localStartDate.value = dayjs(newVal.startDate);
+        else localStartDate.value = null;
+        if (newVal == null ? void 0 : newVal.endDate) localEndDate.value = dayjs(newVal.endDate);
+        else localEndDate.value = null;
       },
       { immediate: true, deep: true }
     );
     watch([windowWidth, localIsOpen], () => {
-      if (localIsOpen.value)
-        updatePosition();
+      if (localIsOpen.value) updatePosition();
     });
     onClickOutside(calendarRef, () => {
-      if (localIsOpen.value && props.variant !== "mobile")
-        close();
+      if (localIsOpen.value && props.variant !== "mobile") close();
     });
     function handleKeydown(e) {
-      if (!localIsOpen.value)
-        return;
-      if (e.key === "Escape")
-        close();
+      if (!localIsOpen.value) return;
+      if (e.key === "Escape") close();
     }
     onMounted(() => {
       document.addEventListener("keydown", handleKeydown);
-      if (props.isOpen)
-        updatePosition();
+      if (props.isOpen) updatePosition();
     });
     onUnmounted(() => {
       document.removeEventListener("keydown", handleKeydown);
@@ -698,14 +621,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             localIsOpen.value || isFadingOut.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
               createElementVNode("div", {
                 class: "rangepicker-backdrop",
-                onClick: withModifiers(close, ["stop"])
+                onClick: close
               }),
               createElementVNode("div", {
                 ref_key: "calendarRef",
                 ref: calendarRef,
-                class: normalizeClass(["rangepicker-container", [
-                  __props.variant === "mobile" ? "rangepicker-mobile" : ""
-                ]]),
+                class: normalizeClass(["rangepicker-container", [__props.variant === "mobile" ? "rangepicker-mobile" : ""]]),
                 style: normalizeStyle({ ...calendarStyle.value, ...__props.colorStyles })
               }, [
                 createElementVNode("div", _hoisted_2, [
@@ -720,7 +641,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_7, [
                   createElementVNode("div", {
                     class: normalizeClass(["rangepicker-month-grid", [
-                      __props.variant === "mobile" ? "grid-cols-1" : `lg:grid-cols-${numberOfColumns.value}`
+                      __props.variant === "mobile" ? "arch-grid-cols-1" : `lg:arch-grid-cols-${numberOfColumns.value}`
                     ]])
                   }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(calendarMonths.value, (monthData, index) => {
@@ -738,7 +659,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           }, [..._cache[0] || (_cache[0] = [
                             createElementVNode("svg", {
                               xmlns: "http://www.w3.org/2000/svg",
-                              class: "h-5 w-5",
+                              class: "arch-h-5 arch-w-5",
                               viewBox: "0 0 20 20",
                               fill: "currentColor"
                             }, [
@@ -749,7 +670,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                               })
                             ], -1)
                           ])], 8, _hoisted_9)) : (openBlock(), createElementBlock("div", _hoisted_10)),
-                          createElementVNode("span", _hoisted_11, toDisplayString(monthData.month.format("MMMM YYYY")), 1),
+                          createElementVNode("h3", _hoisted_11, toDisplayString(monthData.month.format("MMMM YYYY")), 1),
                           __props.variant === "mobile" || index === calendarMonths.value.length - 1 ? (openBlock(), createElementBlock("button", {
                             key: 2,
                             class: "rangepicker-nav-button",
@@ -759,7 +680,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           }, [..._cache[1] || (_cache[1] = [
                             createElementVNode("svg", {
                               xmlns: "http://www.w3.org/2000/svg",
-                              class: "h-5 w-5",
+                              class: "arch-h-5 arch-w-5",
                               viewBox: "0 0 20 20",
                               fill: "currentColor"
                             }, [
@@ -775,7 +696,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           (openBlock(true), createElementBlock(Fragment, null, renderList(weekdays.value, (weekday) => {
                             return openBlock(), createElementBlock("div", {
                               key: weekday,
-                              class: "rangepicker-weekday"
+                              class: "rangepicker-weekday font-secondary"
                             }, toDisplayString(weekday), 1);
                           }), 128))
                         ]),
@@ -786,27 +707,27 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                               class: normalizeClass(getDayClasses(day)),
                               disabled: day.isDisabled,
                               "aria-label": day.date.format("MMMM D, YYYY"),
-                              onClick: (e) => selectDate(e, day),
-                              onMouseenter: (e) => handleDayHover(e, day),
+                              onClick: (e) => selectDate(day, e),
+                              onMouseenter: (e) => handleDayHover(day, e),
                               onMouseleave: handleDayLeave
                             }, [
-                              createElementVNode("span", null, toDisplayString(day.date.date()), 1)
+                              createElementVNode("span", _hoisted_17, toDisplayString(day.date.date()), 1)
                             ], 42, _hoisted_16);
                           }), 128))
                         ])
                       ]);
                     }), 128))
                   ], 2),
-                  !__props.autoApply ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                  !__props.autoApply ? (openBlock(), createElementBlock("div", _hoisted_18, [
                     createElementVNode("button", {
-                      class: "px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100 rounded-lg transition-colors",
+                      class: "arch-px-4 arch-py-2 arch-text-sm arch-font-medium arch-text-gray-700 hover:arch-bg-gray-100 arch-rounded-lg arch-transition-colors font-secondary",
                       onClick: cancel
                     }, " Cancel "),
                     createElementVNode("button", {
-                      class: "px-4 py-2 text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+                      class: "arch-px-4 arch-py-2 arch-text-sm arch-font-medium arch-text-white arch-bg-blue-600 hover:arch-bg-blue-700 arch-rounded-lg arch-transition-colors disabled:arch-opacity-50 disabled:arch-cursor-not-allowed font-secondary",
                       disabled: !localStartDate.value || !localEndDate.value,
                       onClick: apply
-                    }, " Apply ", 8, _hoisted_18)
+                    }, " Apply ", 8, _hoisted_19)
                   ])) : createCommentVNode("", true)
                 ]),
                 showTooltipComputed.value ? (openBlock(), createElementBlock("div", {
@@ -814,7 +735,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   class: "rangepicker-tooltip",
                   style: normalizeStyle(tooltipStyle.value)
                 }, [
-                  createElementVNode("div", _hoisted_19, toDisplayString(tooltipText.value), 1)
+                  createElementVNode("div", _hoisted_20, toDisplayString(tooltipText.value), 1)
                 ], 4)) : createCommentVNode("", true)
               ], 6)
             ])) : createCommentVNode("", true)
@@ -832,7 +753,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Rangepicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-10261b64"]]);
+const Rangepicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3e01d519"]]);
 const _hoisted_1 = ["id", "value", "placeholder", "readonly", "name"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RangepickerInput",
@@ -894,14 +815,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return props.modelValue || "";
     });
     const inputClass = computed(() => {
-      return props.class || "tw-w-full tw-px-3 tw-py-2 tw-border tw-border-gray-300 tw-rounded-lg tw-text-sm tw-text-gray-900 focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-blue-500 focus:tw-border-blue-500";
+      return props.class || "arch-w-full arch-px-3 arch-py-2 arch-border arch-border-gray-300 arch-rounded-lg arch-text-sm arch-text-gray-900 focus:arch-outline-none focus:arch-ring-2 focus:arch-ring-blue-500 focus:arch-border-blue-500";
     });
     function openPicker() {
       isOpen.value = true;
     }
-    function onFocus(event) {
-      event.preventDefault();
-      event.stopPropagation();
+    function onFocus() {
+      emit("focusin");
       openPicker();
     }
     function handleUpdate(value) {
@@ -974,7 +894,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RangepickerInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11a28dcf"]]);
+const RangepickerInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4e3d84fa"]]);
 function useRangepicker(triggerRef, options = {}) {
   const isOpen = ref(false);
   const dateRange = ref({ startDate: "", endDate: "" });