@cal.macconnachie/web-components 2.4.5 → 2.4.6

package/dist/index.js

@@ -261,8 +261,8 @@ const fs = (r, e) => {
     const h = r[n];
     let p, l, c = -1, b = 0;
     for (; b < h.length && (a.lastIndex = b, l = a.exec(h), l !== null); ) b = a.lastIndex, a === Me ? l[1] === "!--" ? a = er : l[1] !== void 0 ? a = tr : l[2] !== void 0 ? (Ar.test(l[2]) && (s = RegExp("</" + l[2], "g")), a = ue) : l[3] !== void 0 && (a = ue) : a === ue ? l[0] === ">" ? (a = s ?? Me, c = -1) : l[1] === void 0 ? c = -2 : (c = a.lastIndex - l[2].length, p = l[1], a = l[3] === void 0 ? ue : l[3] === '"' ? sr : rr) : a === sr || a === rr ? a = ue : a === er || a === tr ? a = Me : (a = ue, s = void 0);
-    const y = a === ue && r[n + 1].startsWith("/>") ? " " : "";
-    o += a === Me ? h + ps : c >= 0 ? (i.push(p), h.slice(0, c) + Cr + h.slice(c) + de + y) : h + de + (c === -2 ? n : y);
+    const w = a === ue && r[n + 1].startsWith("/>") ? " " : "";
+    o += a === Me ? h + ps : c >= 0 ? (i.push(p), h.slice(0, c) + Cr + h.slice(c) + de + w) : h + de + (c === -2 ? n : w);
   }
   return [Tr(r, o + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
 };
@@ -279,14 +279,14 @@ class qe {
     for (; (s = fe.nextNode()) !== null && h.length < n; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const c of s.getAttributeNames()) if (c.endsWith(Cr)) {
-          const b = l[a++], y = s.getAttribute(c).split(de), u = /([.?@])?(.*)/.exec(b);
-          h.push({ type: 1, index: o, name: u[2], strings: y, ctor: u[1] === "." ? bs : u[1] === "?" ? vs : u[1] === "@" ? ys : dt }), s.removeAttribute(c);
+          const b = l[a++], w = s.getAttribute(c).split(de), u = /([.?@])?(.*)/.exec(b);
+          h.push({ type: 1, index: o, name: u[2], strings: w, ctor: u[1] === "." ? bs : u[1] === "?" ? vs : u[1] === "@" ? ys : dt }), s.removeAttribute(c);
         } else c.startsWith(de) && (h.push({ type: 6, index: o }), s.removeAttribute(c));
         if (Ar.test(s.tagName)) {
           const c = s.textContent.split(de), b = c.length - 1;
           if (b > 0) {
             s.textContent = nt ? nt.emptyScript : "";
-            for (let y = 0; y < b; y++) s.append(c[y], Fe()), fe.nextNode(), h.push({ type: 2, index: ++o });
+            for (let w = 0; w < b; w++) s.append(c[w], Fe()), fe.nextNode(), h.push({ type: 2, index: ++o });
             s.append(c[b], Fe());
           }
         }
@@ -526,11 +526,11 @@ function g(r) {
     return s.constructor.createProperty(o, i), a ? Object.getOwnPropertyDescriptor(s, o) : void 0;
   })(r, e, t);
 }
-function w(r) {
+function y(r) {
   return g({ ...r, state: !0, attribute: !1 });
 }
 const Es = (r, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(r, e, t), t);
-function Y(r, e) {
+function Z(r, e) {
   return (t, i, s) => {
     const o = (a) => a.renderRoot?.querySelector(r) ?? null;
     return Es(t, i, { get() {
@@ -601,25 +601,25 @@ const ar = (r, e, t) => {
     const s = Ps(r), { values: o, keys: a } = this.dt(e, t, i);
     if (!Array.isArray(s)) return this.ut = a, o;
     const n = this.ut ??= [], h = [];
-    let p, l, c = 0, b = s.length - 1, y = 0, u = o.length - 1;
-    for (; c <= b && y <= u; ) if (s[c] === null) c++;
+    let p, l, c = 0, b = s.length - 1, w = 0, u = o.length - 1;
+    for (; c <= b && w <= u; ) if (s[c] === null) c++;
     else if (s[b] === null) b--;
-    else if (n[c] === a[y]) h[y] = ge(s[c], o[y]), c++, y++;
+    else if (n[c] === a[w]) h[w] = ge(s[c], o[w]), c++, w++;
     else if (n[b] === a[u]) h[u] = ge(s[b], o[u]), b--, u--;
     else if (n[c] === a[u]) h[u] = ge(s[c], o[u]), Ie(r, h[u + 1], s[c]), c++, u--;
-    else if (n[b] === a[y]) h[y] = ge(s[b], o[y]), Ie(r, s[c], s[b]), b--, y++;
-    else if (p === void 0 && (p = ar(a, y, u), l = ar(n, c, b)), p.has(n[c])) if (p.has(n[b])) {
-      const v = l.get(a[y]), m = v !== void 0 ? s[v] : null;
+    else if (n[b] === a[w]) h[w] = ge(s[b], o[w]), Ie(r, s[c], s[b]), b--, w++;
+    else if (p === void 0 && (p = ar(a, w, u), l = ar(n, c, b)), p.has(n[c])) if (p.has(n[b])) {
+      const v = l.get(a[w]), m = v !== void 0 ? s[v] : null;
       if (m === null) {
         const x = Ie(r, s[c]);
-        ge(x, o[y]), h[y] = x;
-      } else h[y] = ge(m, o[y]), Ie(r, s[c], m), s[v] = null;
-      y++;
+        ge(x, o[w]), h[w] = x;
+      } else h[w] = ge(m, o[w]), Ie(r, s[c], m), s[v] = null;
+      w++;
     } else wt(s[b]), b--;
     else wt(s[c]), c++;
-    for (; y <= u; ) {
+    for (; w <= u; ) {
       const v = Ie(r, h[u + 1]);
-      ge(v, o[y]), h[y++] = v;
+      ge(v, o[w]), h[w++] = v;
     }
     for (; c <= b; ) {
       const v = s[c++];
@@ -633,7 +633,7 @@ var Os = Object.defineProperty, Dr = (r, e, t, i) => {
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Os(e, t, s), s;
 };
-class L extends Ue {
+class U extends Ue {
   constructor() {
     super(...arguments), this.theme = "light", this.storageKey = "theme-preference", this.boundThemeChangeHandler = this.handleGlobalThemeChange.bind(this);
   }
@@ -661,11 +661,11 @@ class L extends Ue {
 }
 Dr([
   g({ type: String, attribute: "data-theme", reflect: !0 })
-], L.prototype, "theme");
+], U.prototype, "theme");
 Dr([
   g({ type: String, attribute: "storage-key" })
-], L.prototype, "storageKey");
-const z = ({
+], U.prototype, "storageKey");
+const M = ({
   name: r,
   element: e
 }) => {
@@ -688,7 +688,7 @@ const z = ({
       email: l,
       password: c,
       accessToken: b,
-      refreshToken: y,
+      refreshToken: w,
       idToken: u
     }) => {
       const v = await fetch(`${r}${e.login}`, {
@@ -701,7 +701,7 @@ const z = ({
           email: l,
           password: c,
           accessToken: b,
-          refreshToken: y,
+          refreshToken: w,
           idToken: u
         })
       });
@@ -774,7 +774,7 @@ const z = ({
       email: l,
       password: c,
       phone_number: b,
-      family_name: y,
+      family_name: w,
       given_name: u,
       code: v
     }) => {
@@ -788,7 +788,7 @@ const z = ({
           email: l,
           password: c,
           phone_number: b,
-          family_name: y,
+          family_name: w,
           given_name: u,
           code: v
         })
@@ -821,7 +821,7 @@ const z = ({
       otp: c,
       newPassword: b
     }) => {
-      const y = await fetch(`${r}${e.resetPassword}`, {
+      const w = await fetch(`${r}${e.resetPassword}`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -833,11 +833,11 @@ const z = ({
           newPassword: b
         })
       });
-      if (!y.ok) {
-        const u = await y.json();
+      if (!w.ok) {
+        const u = await w.json();
         throw new Error(u.message || u.error || "Failed to reset password");
       }
-      return y.json();
+      return w.json();
     }
   };
 }, zs = ["code", "state", "error", "error_description"], Ms = (r) => {
@@ -895,7 +895,7 @@ const z = ({
       code_challenge: x
     });
     return `${o.domain}/oauth2/authorize?${C.toString()}`;
-  }, y = async () => {
+  }, w = async () => {
     const x = await b();
     window.location.href = x;
   }, u = (x) => {
@@ -907,7 +907,7 @@ const z = ({
   };
   return {
     redirectToGoogleAuth: c,
-    redirectToAppleAuth: y,
+    redirectToAppleAuth: w,
     validateState: u,
     getCodeVerifier: v,
     exchangeCodeForTokens: async (x) => {
@@ -928,8 +928,8 @@ const z = ({
         body: C.toString()
       });
       if (!T.ok) {
-        const U = await T.text();
-        throw new Error(`Token exchange failed: ${U}`);
+        const F = await T.text();
+        throw new Error(`Token exchange failed: ${F}`);
       }
       return T.json();
     }
@@ -950,11 +950,11 @@ const Bs = [
   "refresh_token",
   "token_type",
   "expires_in"
-], Us = () => z({
+], Us = () => M({
   name: "auth-form",
   element: E
 });
-class E extends L {
+class E extends U {
   constructor() {
     super(...arguments), this.initialMode = "signin", this.logoUrl = "", this.oauthDomain = "", this.oauthRegion = "", this.oauthUserPoolId = "", this.oauthClientId = "", this.oauthRedirectUri = "", this.oauthSpaDomain = "", this.disableSignup = !1, this.mockMode = !1, this.mode = "signin", this.resetStep = "none", this.signupStep = "form", this.isLoading = !1, this.isLoggedIn = !1, this.email = "", this.password = "", this.givenName = "", this.familyName = "", this.newPassword = "", this.confirmPassword = "", this.notice = "", this.error = "", this.errors = {}, this.userEmail = null, this.otpDigits = ["", "", "", "", "", ""], this.signupOtpDigits = ["", "", "", "", "", ""], this.hasHandledOAuthCallback = !1, this.handleAuthRefreshFailed = () => {
       this.isLoggedIn = !1, this.userEmail = null;
@@ -2101,58 +2101,58 @@ A([
   g({ type: Boolean, attribute: "mock-mode" })
 ], E.prototype, "mockMode");
 A([
-  w()
+  y()
 ], E.prototype, "mode");
 A([
-  w()
+  y()
 ], E.prototype, "resetStep");
 A([
-  w()
+  y()
 ], E.prototype, "signupStep");
 A([
-  w()
+  y()
 ], E.prototype, "isLoading");
 A([
-  w()
+  y()
 ], E.prototype, "isLoggedIn");
 A([
-  w()
+  y()
 ], E.prototype, "email");
 A([
-  w()
+  y()
 ], E.prototype, "password");
 A([
-  w()
+  y()
 ], E.prototype, "givenName");
 A([
-  w()
+  y()
 ], E.prototype, "familyName");
 A([
-  w()
+  y()
 ], E.prototype, "newPassword");
 A([
-  w()
+  y()
 ], E.prototype, "confirmPassword");
 A([
-  w()
+  y()
 ], E.prototype, "notice");
 A([
-  w()
+  y()
 ], E.prototype, "error");
 A([
-  w()
+  y()
 ], E.prototype, "errors");
 A([
-  w()
+  y()
 ], E.prototype, "userEmail");
 A([
-  w()
+  y()
 ], E.prototype, "otpDigits");
 A([
-  w()
+  y()
 ], E.prototype, "signupOtpDigits");
 A([
-  Y("#email-input")
+  Z("#email-input")
 ], E.prototype, "emailInput");
 const _ = It(class extends Lt {
   constructor(r) {
@@ -2181,11 +2181,11 @@ var Fs = Object.defineProperty, we = (r, e, t, i) => {
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Fs(e, t, s), s;
 };
-const Ns = () => z({
+const Ns = () => M({
   name: "base-button",
   element: he
 });
-class he extends L {
+class he extends U {
   constructor() {
     super(...arguments), this.size = "md", this.variant = "primary", this.hover = void 0, this.disabled = !1, this.fullWidth = !1, this.loading = !1, this.type = "button";
   }
@@ -2683,11 +2683,11 @@ var qs = Object.defineProperty, He = (r, e, t, i) => {
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && qs(e, t, s), s;
 };
-const Hs = () => z({
+const Hs = () => M({
   name: "base-card",
   element: Ce
 });
-class Ce extends L {
+class Ce extends U {
   constructor() {
     super(...arguments), this.variant = "default", this.padding = "none", this.hoverable = !1, this.expandable = !1, this.isExpanded = !1;
   }
@@ -2947,7 +2947,7 @@ He([
   g({ type: Boolean, reflect: !0, attribute: "expandable" })
 ], Ce.prototype, "expandable");
 He([
-  w()
+  y()
 ], Ce.prototype, "isExpanded");
 const G = (r) => r ?? k;
 var js = Object.defineProperty, O = (r, e, t, i) => {
@@ -2955,11 +2955,11 @@ var js = Object.defineProperty, O = (r, e, t, i) => {
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && js(e, t, s), s;
 };
-const Vs = () => z({
+const Vs = () => M({
   name: "base-date-picker",
   element: D
 });
-class D extends L {
+class D extends U {
   constructor() {
     super(...arguments), this.value = "", this.placeholder = "Select a date", this.required = !1, this.disabled = !1, this.size = "md", this.isOpen = !1, this.currentMonth = (/* @__PURE__ */ new Date()).getMonth(), this.currentYear = (/* @__PURE__ */ new Date()).getFullYear(), this.showMonthPicker = !1, this.showYearPicker = !1, this.yearRangeStart = (/* @__PURE__ */ new Date()).getFullYear() - 5, this.isFlipped = !1, this.alignRight = !1, this.inputId = `date-picker-${Math.random().toString(36).substr(2, 9)}`, this.weekDays = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], this.monthNames = [
       "Jan",
@@ -3764,45 +3764,45 @@ O([
   g({ type: String })
 ], D.prototype, "maxDate");
 O([
-  w()
+  y()
 ], D.prototype, "isOpen");
 O([
-  w()
+  y()
 ], D.prototype, "currentMonth");
 O([
-  w()
+  y()
 ], D.prototype, "currentYear");
 O([
-  w()
+  y()
 ], D.prototype, "showMonthPicker");
 O([
-  w()
+  y()
 ], D.prototype, "showYearPicker");
 O([
-  w()
+  y()
 ], D.prototype, "yearRangeStart");
 O([
-  w()
+  y()
 ], D.prototype, "isFlipped");
 O([
-  w()
+  y()
 ], D.prototype, "alignRight");
 O([
-  Y(".date-display")
+  Z(".date-display")
 ], D.prototype, "dateDisplay");
 O([
-  Y(".calendar-container")
+  Z(".calendar-container")
 ], D.prototype, "calendarContainer");
-var Zs = Object.defineProperty, F = (r, e, t, i) => {
+var Ys = Object.defineProperty, N = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
-  return s && Zs(e, t, s), s;
+  return s && Ys(e, t, s), s;
 };
-const Ys = () => z({
+const Zs = () => M({
   name: "base-time-picker",
-  element: M
+  element: I
 });
-class M extends L {
+class I extends U {
   constructor() {
     super(...arguments), this.value = "", this.placeholder = "Select a time", this.required = !1, this.disabled = !1, this.size = "md", this.format = "12", this.isOpen = !1, this.selectedHour = 12, this.selectedMinute = 0, this.selectedPeriod = "AM", this.isFlipped = !1, this.alignRight = !1, this.inputId = `time-picker-${Math.random().toString(36).substr(2, 9)}`;
   }
@@ -4256,75 +4256,75 @@ class M extends L {
     `;
   }
 }
-F([
+N([
   g({ type: String })
-], M.prototype, "value");
-F([
+], I.prototype, "value");
+N([
   g({ type: String })
-], M.prototype, "label");
-F([
+], I.prototype, "label");
+N([
   g({ type: String })
-], M.prototype, "placeholder");
-F([
+], I.prototype, "placeholder");
+N([
   g({ type: Boolean, reflect: !0 })
-], M.prototype, "required");
-F([
+], I.prototype, "required");
+N([
   g({ type: Boolean, reflect: !0 })
-], M.prototype, "disabled");
-F([
+], I.prototype, "disabled");
+N([
   g({ type: String })
-], M.prototype, "error");
-F([
+], I.prototype, "error");
+N([
   g({ type: String })
-], M.prototype, "hint");
-F([
+], I.prototype, "hint");
+N([
   g({ type: String })
-], M.prototype, "size");
-F([
+], I.prototype, "size");
+N([
   g({ type: String })
-], M.prototype, "format");
-F([
-  w()
-], M.prototype, "isOpen");
-F([
-  w()
-], M.prototype, "selectedHour");
-F([
-  w()
-], M.prototype, "selectedMinute");
-F([
-  w()
-], M.prototype, "selectedPeriod");
-F([
-  w()
-], M.prototype, "isFlipped");
-F([
-  w()
-], M.prototype, "alignRight");
-F([
-  Y(".time-display")
-], M.prototype, "timeDisplay");
-F([
-  Y(".time-container")
-], M.prototype, "timeContainer");
+], I.prototype, "format");
+N([
+  y()
+], I.prototype, "isOpen");
+N([
+  y()
+], I.prototype, "selectedHour");
+N([
+  y()
+], I.prototype, "selectedMinute");
+N([
+  y()
+], I.prototype, "selectedPeriod");
+N([
+  y()
+], I.prototype, "isFlipped");
+N([
+  y()
+], I.prototype, "alignRight");
+N([
+  Z(".time-display")
+], I.prototype, "timeDisplay");
+N([
+  Z(".time-container")
+], I.prototype, "timeContainer");
 var Ws = Object.defineProperty, V = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Ws(e, t, s), s;
 };
 const Ks = () => {
-  z({
+  M({
     name: "base-date-picker",
     element: D
-  }), z({
+  }), M({
     name: "base-time-picker",
-    element: M
-  }), z({
+    element: I
+  }), M({
     name: "base-datetime-picker",
-    element: N
+    element: q
   });
 };
-class N extends L {
+class q extends U {
   constructor() {
     super(...arguments), this.value = "", this.placeholder = "Select date and time", this.required = !1, this.disabled = !1, this.size = "md", this.format = "12", this.dateValue = "", this.timeValue = "", this.isFocused = !1, this.inputId = `datetime-picker-${Math.random().toString(36).substring(2, 9)}`;
   }
@@ -4557,64 +4557,64 @@ class N extends L {
 }
 V([
   g({ type: String })
-], N.prototype, "value");
+], q.prototype, "value");
 V([
   g({ type: String })
-], N.prototype, "label");
+], q.prototype, "label");
 V([
   g({ type: String })
-], N.prototype, "placeholder");
+], q.prototype, "placeholder");
 V([
   g({ type: Boolean, reflect: !0 })
-], N.prototype, "required");
+], q.prototype, "required");
 V([
   g({ type: Boolean, reflect: !0 })
-], N.prototype, "disabled");
+], q.prototype, "disabled");
 V([
   g({ type: String })
-], N.prototype, "error");
+], q.prototype, "error");
 V([
   g({ type: String })
-], N.prototype, "hint");
+], q.prototype, "hint");
 V([
   g({ type: String })
-], N.prototype, "size");
+], q.prototype, "size");
 V([
   g({ type: String })
-], N.prototype, "minDate");
+], q.prototype, "minDate");
 V([
   g({ type: String })
-], N.prototype, "maxDate");
+], q.prototype, "maxDate");
 V([
   g({ type: String })
-], N.prototype, "format");
+], q.prototype, "format");
 V([
-  w()
-], N.prototype, "dateValue");
+  y()
+], q.prototype, "dateValue");
 V([
-  w()
-], N.prototype, "timeValue");
+  y()
+], q.prototype, "timeValue");
 V([
-  w()
-], N.prototype, "isFocused");
+  y()
+], q.prototype, "isFocused");
 V([
-  Y("base-date-picker")
-], N.prototype, "datePicker");
+  Z("base-date-picker")
+], q.prototype, "datePicker");
 V([
-  Y("base-time-picker")
-], N.prototype, "timePicker");
-var Js = Object.defineProperty, q = (r, e, t, i) => {
+  Z("base-time-picker")
+], q.prototype, "timePicker");
+var Js = Object.defineProperty, L = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Js(e, t, s), s;
 };
-const Xs = () => z({
+const Xs = () => M({
   name: "base-drawer",
-  element: B
+  element: R
 });
-class B extends L {
+class R extends U {
   constructor() {
-    super(...arguments), this.open = !1, this.size = "sm", this.detents = [0, 85], this.persistOnOverlayClick = !1, this.isClosing = !1, this.isVisible = !1, this.isDragging = !1, this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0, this.lastDragEndTime = 0, this.currentDetentIndex = 0, this.dragCommitted = !1, this.draggingFromContent = !1, this.dragStartedAtTop = !1, this.transitionDuration = 300, this.boundKeyHandler = (e) => {
+    super(...arguments), this.open = !1, this.size = "sm", this.detents = [0, 85], this.persistOnOverlayClick = !1, this.isClosing = !1, this.isVisible = !1, this.isDragging = !1, this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0, this.lastDragEndTime = 0, this.currentDetentIndex = 0, this.dragCommitted = !1, this.draggingFromContent = !1, this.dragStartedAtTop = !1, this.contentTouchTracking = !1, this.contentTouchStartY = 0, this.transitionDuration = 300, this.boundKeyHandler = (e) => {
       e.key === "Escape" && this.isVisible && this.isClosable() && this.handleClose();
     }, this.handleClose = () => {
       this.isClosing || !this.isVisible || (this.cleanupInlineStyles(), this.isDragging = !1, this.dragCommitted = !1, this.draggingFromContent = !1, this.dragStartedAtTop = !1, this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0, this.isClosing = !0, setTimeout(() => {
@@ -4634,8 +4634,12 @@ class B extends L {
       if (!this.modalContainer) return;
       const i = this.isContentScrolledToTop();
       t && !i || (this.modalContainer.style.transition = "", this.modalContainer.style.transform = "", this.isDragging = !0, this.dragCommitted = !1, this.draggingFromContent = t, this.dragStartedAtTop = i, this.dragStartTime = Date.now(), e instanceof TouchEvent ? (this.dragStartY = e.touches[0].clientY, this.dragCurrentY = e.touches[0].clientY) : (this.dragStartY = e.clientY, this.dragCurrentY = e.clientY));
-    }, this.handleContentDragStart = (e) => {
-      this.handleDragStart(e, !0);
+    }, this.handleContentTouchStart = (e) => {
+      this.isContentScrolledToTop() && (this.contentTouchTracking = !0, this.contentTouchStartY = e.touches[0].clientY);
+    }, this.handleContentTouchMove = (e) => {
+      !this.contentTouchTracking || this.isDragging || e.touches[0].clientY - this.contentTouchStartY <= 5 || (this.contentTouchTracking = !1, this.handleDragStart(e, !0));
+    }, this.handleContentTouchEnd = () => {
+      this.contentTouchTracking = !1, this.contentTouchStartY = 0;
     }, this.handleDragMove = (e) => {
       if (!this.isDragging || !this.modalContainer) return;
       e instanceof TouchEvent ? this.dragCurrentY = e.touches[0].clientY : this.dragCurrentY = e.clientY;
@@ -4674,14 +4678,14 @@ class B extends L {
       let l;
       e < 0 ? l = n + p : l = n - p;
       let c = this.currentDetentIndex;
-      const b = 0.5, y = 1, u = this.isClosable(), v = a[0], m = this.currentDetentIndex === 0;
+      const b = 0.5, w = 1, u = this.isClosable(), v = a[0], m = this.currentDetentIndex === 0;
       if (i > b && Math.abs(e) > 30)
-        e > 0 ? s && o && i > y ? u ? c = -1 : c = 0 : u ? i > y && m && e > 50 || l < v * 0.8 ? c = -1 : c = Math.max(0, this.currentDetentIndex - 1) : c = Math.max(0, this.currentDetentIndex - 1) : c = Math.min(a.length - 1, this.currentDetentIndex + 1);
+        e > 0 ? s && o && i > w ? u ? c = -1 : c = 0 : u ? i > w && m && e > 50 || l < v * 0.8 ? c = -1 : c = Math.max(0, this.currentDetentIndex - 1) : c = Math.max(0, this.currentDetentIndex - 1) : c = Math.min(a.length - 1, this.currentDetentIndex + 1);
       else {
-        let T = 0, U = Math.abs(l - a[0]);
+        let T = 0, F = Math.abs(l - a[0]);
         for (let X = 1; X < a.length; X++) {
-          const Z = Math.abs(l - a[X]);
-          Z < U && (U = Z, T = X);
+          const Y = Math.abs(l - a[X]);
+          Y < F && (F = Y, T = X);
         }
         c = T, s && o && e > 0 && (c = Math.max(0, this.currentDetentIndex - 1), m && u && (c = -1)), u && (m && l < v * 0.7 || l < v - 5) && (c = -1);
       }
@@ -4756,7 +4760,7 @@ class B extends L {
     }, 0);
   }
   resetState() {
-    this.isDragging = !1, this.dragCommitted = !1, this.draggingFromContent = !1, this.dragStartedAtTop = !1, this.lastDragEndTime = 0, this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0;
+    this.isDragging = !1, this.dragCommitted = !1, this.draggingFromContent = !1, this.dragStartedAtTop = !1, this.contentTouchTracking = !1, this.contentTouchStartY = 0, this.lastDragEndTime = 0, this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0;
   }
   getActiveDetents() {
     return this.detents.filter((t) => t > 0).sort((t, i) => t - i);
@@ -4866,12 +4870,9 @@ class B extends L {
           <!-- Drawer Content Wrapper -->
           <div
             class="drawer-content drawer-content--${this.size}"
-            @touchstart=${this.handleContentDragStart}
-            @touchmove=${this.handleDragMove}
-            @touchend=${this.handleDragEnd}
-            @mousedown=${this.handleContentDragStart}
-            @mousemove=${this.handleDragMove}
-            @mouseup=${this.handleDragEnd}
+            @touchstart=${this.handleContentTouchStart}
+            @touchmove=${this.handleContentTouchMove}
+            @touchend=${this.handleContentTouchEnd}
           >
             <slot></slot>
           </div>
@@ -5065,13 +5066,13 @@ class B extends L {
     }`;
   }
 }
-q([
+L([
   g({ type: Boolean, reflect: !0 })
-], B.prototype, "open");
-q([
+], R.prototype, "open");
+L([
   g({ type: String, attribute: "size" })
-], B.prototype, "size");
-q([
+], R.prototype, "size");
+L([
   g({
     type: Array,
     converter: {
@@ -5085,49 +5086,55 @@ q([
       }
     }
   })
-], B.prototype, "detents");
-q([
+], R.prototype, "detents");
+L([
   g({ type: Boolean, attribute: "persist-on-overlay-click" })
-], B.prototype, "persistOnOverlayClick");
-q([
-  w()
-], B.prototype, "isClosing");
-q([
-  w()
-], B.prototype, "isVisible");
-q([
-  w()
-], B.prototype, "isDragging");
-q([
-  w()
-], B.prototype, "dragStartY");
-q([
-  w()
-], B.prototype, "dragCurrentY");
-q([
-  w()
-], B.prototype, "dragStartTime");
-q([
-  w()
-], B.prototype, "lastDragEndTime");
-q([
-  w()
-], B.prototype, "currentDetentIndex");
-q([
-  w()
-], B.prototype, "dragCommitted");
-q([
-  w()
-], B.prototype, "draggingFromContent");
-q([
-  w()
-], B.prototype, "dragStartedAtTop");
-q([
-  Y(".modal-container")
-], B.prototype, "modalContainer");
-q([
-  Y(".drawer-content")
-], B.prototype, "drawerContent");
+], R.prototype, "persistOnOverlayClick");
+L([
+  y()
+], R.prototype, "isClosing");
+L([
+  y()
+], R.prototype, "isVisible");
+L([
+  y()
+], R.prototype, "isDragging");
+L([
+  y()
+], R.prototype, "dragStartY");
+L([
+  y()
+], R.prototype, "dragCurrentY");
+L([
+  y()
+], R.prototype, "dragStartTime");
+L([
+  y()
+], R.prototype, "lastDragEndTime");
+L([
+  y()
+], R.prototype, "currentDetentIndex");
+L([
+  y()
+], R.prototype, "dragCommitted");
+L([
+  y()
+], R.prototype, "draggingFromContent");
+L([
+  y()
+], R.prototype, "dragStartedAtTop");
+L([
+  y()
+], R.prototype, "contentTouchTracking");
+L([
+  y()
+], R.prototype, "contentTouchStartY");
+L([
+  Z(".modal-container")
+], R.prototype, "modalContainer");
+L([
+  Z(".drawer-content")
+], R.prototype, "drawerContent");
 const Gs = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90">
   <defs>
@@ -5440,11 +5447,11 @@ const xi = /* @__PURE__ */ Object.assign({
   "../../public/icons/sun.svg": bi,
   "../../public/icons/trash-can.svg": vi,
   "../../public/icons/user.svg": yi
-}), $i = () => z({
+}), $i = () => M({
   name: "base-icon",
   element: Ee
 });
-class Ee extends L {
+class Ee extends U {
   constructor() {
     super(...arguments), this.name = "", this.size = "24px", this.color = "currentColor", this.svgContent = "";
   }
@@ -5514,18 +5521,18 @@ ht([
   g({ type: String })
 ], Ee.prototype, "color");
 ht([
-  w()
+  y()
 ], Ee.prototype, "svgContent");
 var ki = Object.defineProperty, te = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && ki(e, t, s), s;
 };
-const Si = () => z({
+const Si = () => M({
   name: "base-input",
   element: Q
 });
-class Q extends L {
+class Q extends U {
   constructor() {
     super(...arguments), this.value = "", this.type = "text", this.required = !1, this.disabled = !1, this.size = "md", this.inputId = `input-${Math.random().toString(36).substr(2, 9)}`;
   }
@@ -5779,18 +5786,18 @@ te([
   g({ type: String })
 ], Q.prototype, "size");
 te([
-  Y("input")
+  Z("input")
 ], Q.prototype, "inputElement");
-var _i = Object.defineProperty, I = (r, e, t, i) => {
+var _i = Object.defineProperty, B = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && _i(e, t, s), s;
 };
-const Ci = () => z({
+const Ci = () => M({
   name: "base-select",
-  element: R
+  element: z
 });
-class R extends L {
+class z extends U {
   constructor() {
     super(...arguments), this.value = "", this.placeholder = "Select an option", this.required = !1, this.disabled = !1, this.searchable = !1, this.size = "md", this.options = [], this.isOpen = !1, this.parsedFromSlot = !1, this.searchQuery = "", this.highlightedIndex = -1, this.isFlipped = !1, this.alignRight = !1, this.selectId = `select-${Math.random().toString(36).substr(2, 9)}`;
   }
@@ -6236,73 +6243,73 @@ class R extends L {
     `;
   }
 }
-I([
+B([
   g({ type: String })
-], R.prototype, "value");
-I([
+], z.prototype, "value");
+B([
   g({ type: String })
-], R.prototype, "label");
-I([
+], z.prototype, "label");
+B([
   g({ type: String })
-], R.prototype, "placeholder");
-I([
+], z.prototype, "placeholder");
+B([
   g({ type: Boolean, reflect: !0 })
-], R.prototype, "required");
-I([
+], z.prototype, "required");
+B([
   g({ type: Boolean, reflect: !0 })
-], R.prototype, "disabled");
-I([
+], z.prototype, "disabled");
+B([
   g({ type: Boolean, reflect: !0 })
-], R.prototype, "searchable");
-I([
+], z.prototype, "searchable");
+B([
   g({ type: String })
-], R.prototype, "error");
-I([
+], z.prototype, "error");
+B([
   g({ type: String })
-], R.prototype, "hint");
-I([
+], z.prototype, "hint");
+B([
   g({ type: String })
-], R.prototype, "size");
-I([
+], z.prototype, "size");
+B([
   g({ type: Array })
-], R.prototype, "options");
-I([
-  w()
-], R.prototype, "isOpen");
-I([
-  w()
-], R.prototype, "parsedFromSlot");
-I([
-  w()
-], R.prototype, "searchQuery");
-I([
-  w()
-], R.prototype, "highlightedIndex");
-I([
-  w()
-], R.prototype, "isFlipped");
-I([
-  w()
-], R.prototype, "alignRight");
-I([
-  Y(".select-input")
-], R.prototype, "selectInput");
-I([
-  Y(".select-display")
-], R.prototype, "selectDisplay");
-I([
-  Y(".dropdown-options")
-], R.prototype, "dropdownElement");
+], z.prototype, "options");
+B([
+  y()
+], z.prototype, "isOpen");
+B([
+  y()
+], z.prototype, "parsedFromSlot");
+B([
+  y()
+], z.prototype, "searchQuery");
+B([
+  y()
+], z.prototype, "highlightedIndex");
+B([
+  y()
+], z.prototype, "isFlipped");
+B([
+  y()
+], z.prototype, "alignRight");
+B([
+  Z(".select-input")
+], z.prototype, "selectInput");
+B([
+  Z(".select-display")
+], z.prototype, "selectDisplay");
+B([
+  Z(".dropdown-options")
+], z.prototype, "dropdownElement");
 var Ei = Object.defineProperty, je = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Ei(e, t, s), s;
 };
-const Ai = () => z({
+const Ai = () => M({
   name: "base-tab",
   element: Ae
 });
-class Ae extends L {
+class Ae extends U {
   constructor() {
     super(...arguments), this.id = "", this.label = "", this.active = !1;
   }
@@ -6381,11 +6388,11 @@ var Ti = Object.defineProperty, ne = (r, e, t, i) => {
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Ti(e, t, s), s;
 };
-const Di = () => z({
+const Di = () => M({
   name: "base-tabs",
   element: oe
 });
-class oe extends L {
+class oe extends U {
   constructor() {
     super(...arguments), this.activeTab = "", this.ariaLabel = "Dashboard navigation", this.syncWithHash = !0, this.variant = "sidebar", this.forceExpanded = !1, this.tabs = [], this.isExpanded = !1, this.isMobile = !1, this.boundHashChangeHandler = this.handleHashChange.bind(this), this.boundResizeHandler = this.handleResize.bind(this), this.hasInitialized = !1;
   }
@@ -7054,27 +7061,27 @@ ne([
   g({ type: Boolean, attribute: "force-expanded" })
 ], oe.prototype, "forceExpanded");
 ne([
-  w()
+  y()
 ], oe.prototype, "tabs");
 ne([
-  w()
+  y()
 ], oe.prototype, "isExpanded");
 ne([
-  w()
+  y()
 ], oe.prototype, "isMobile");
 ne([
-  Y(".tabs-nav")
+  Z(".tabs-nav")
 ], oe.prototype, "tabsNav");
 var Pi = Object.defineProperty, ee = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Pi(e, t, s), s;
 };
-const Oi = () => z({
+const Oi = () => M({
   name: "base-textarea",
   element: J
 });
-class J extends L {
+class J extends U {
   constructor() {
     super(...arguments), this.value = "", this.required = !1, this.disabled = !1, this.size = "md", this.rows = 4, this.resize = "vertical", this.textareaId = `textarea-${Math.random().toString(36).substr(2, 9)}`;
   }
@@ -7365,18 +7372,18 @@ ee([
   g({ type: String })
 ], J.prototype, "resize");
 ee([
-  Y("textarea")
+  Z("textarea")
 ], J.prototype, "textareaElement");
 var Ri = Object.defineProperty, Ve = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Ri(e, t, s), s;
 };
-const zi = () => z({
+const zi = () => M({
   name: "base-toast",
   element: Te
 });
-class Te extends L {
+class Te extends U {
   constructor() {
     super(...arguments), this.variant = "default", this.padding = "sm", this.size = "sm", this.dismiss = "2s", this.position = "bottom-center", this.timerStarted = 0, this.timerPausedAt = 0, this.toastTimout = null;
   }
@@ -7828,16 +7835,16 @@ function va({
     }, 300);
   });
 }
-var Mi = Object.defineProperty, Ze = (r, e, t, i) => {
+var Mi = Object.defineProperty, Ye = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Mi(e, t, s), s;
 };
-const Ii = () => z({
+const Ii = () => M({
   name: "quantity-select",
   element: De
 });
-class De extends L {
+class De extends U {
   constructor() {
     super(...arguments), this.value = 0, this.min = 0, this.max = 99, this.size = "md", this.allowInput = !0;
   }
@@ -8063,36 +8070,36 @@ class De extends L {
     `;
   }
 }
-Ze([
+Ye([
   g({ type: Number })
 ], De.prototype, "value");
-Ze([
+Ye([
   g({ type: Number })
 ], De.prototype, "min");
-Ze([
+Ye([
   g({ type: Number })
 ], De.prototype, "max");
-Ze([
+Ye([
   g({ type: String })
 ], De.prototype, "size");
-Ze([
+Ye([
   g({ type: Boolean, attribute: "allow-input" })
 ], De.prototype, "allowInput");
-var Li = Object.defineProperty, Ye = (r, e, t, i) => {
+var Li = Object.defineProperty, Ze = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Li(e, t, s), s;
 };
 const Bi = () => {
-  z({
+  M({
     name: "base-icon",
     element: Ee
-  }), z({
+  }), M({
     name: "theme-toggle",
     element: Pe
   });
 };
-class Pe extends L {
+class Pe extends U {
   constructor() {
     super(...arguments), this.size = "sm", this.variant = "ghost", this.themes = [
       { theme: "light", icon: "sun" },
@@ -8301,20 +8308,20 @@ class Pe extends L {
   `;
   }
 }
-Ye([
+Ze([
   g({ type: String, attribute: "size" })
 ], Pe.prototype, "size");
-Ye([
+Ze([
   g({ type: String, attribute: "variant" })
 ], Pe.prototype, "variant");
-Ye([
+Ze([
   g({ type: Object, attribute: "themes" })
 ], Pe.prototype, "themes");
-Ye([
-  w()
+Ze([
+  y()
 ], Pe.prototype, "currentTheme");
-Ye([
-  w()
+Ze([
+  y()
 ], Pe.prototype, "animating");
 function Or(r, e) {
   return function() {
@@ -8346,7 +8353,7 @@ const Ni = gt("string"), W = gt("function"), Mr = gt("number"), Ke = (r) => r !=
   } catch {
     return !1;
   }
-}, ji = re("Date"), Vi = re("File"), Zi = re("Blob"), Yi = re("FileList"), Wi = (r) => Ke(r) && W(r.pipe), Ki = (r) => {
+}, ji = re("Date"), Vi = re("File"), Yi = re("Blob"), Zi = re("FileList"), Wi = (r) => Ke(r) && W(r.pipe), Ki = (r) => {
   let e;
   return r && (typeof FormData == "function" && r instanceof FormData || W(r.append) && ((e = ut(r)) === "formdata" || // detect form-data instance
   e === "object" && W(r.toString) && r.toString() === "[object FormData]"));
@@ -8513,13 +8520,13 @@ const wo = (r) => {
   isUndefined: Se,
   isDate: ji,
   isFile: Vi,
-  isBlob: Zi,
+  isBlob: Yi,
   isRegExp: go,
   isFunction: W,
   isStream: Wi,
   isURLSearchParams: Ji,
   isTypedArray: lo,
-  isFileList: Yi,
+  isFileList: Zi,
   forEach: Je,
   merge: _t,
   extend: ro,
@@ -8668,7 +8675,7 @@ function ft(r, e, t) {
     convertValue: p,
     isVisitable: Ct
   });
-  function y(u, v) {
+  function w(u, v) {
     if (!d.isUndefined(u)) {
       if (c.indexOf(u) !== -1)
         throw Error("Circular reference detected in " + v.join("."));
@@ -8679,13 +8686,13 @@ function ft(r, e, t) {
           d.isString(S) ? S.trim() : S,
           v,
           b
-        )) === !0 && y(x, v ? v.concat(S) : [S]);
+        )) === !0 && w(x, v ? v.concat(S) : [S]);
       }), c.pop();
     }
   }
   if (!d.isObject(r))
     throw new TypeError("data must be an object");
-  return y(r), e;
+  return w(r), e;
 }
 function dr(r) {
   const e = {
@@ -8832,7 +8839,7 @@ function Uo(r) {
     o = t[i], e[o] = r[o];
   return e;
 }
-function Zr(r) {
+function Yr(r) {
   function e(t, i, s, o) {
     let a = t[o++];
     if (a === "__proto__") return !0;
@@ -8863,7 +8870,7 @@ const Xe = {
   transformRequest: [function(e, t) {
     const i = t.getContentType() || "", s = i.indexOf("application/json") > -1, o = d.isObject(e);
     if (o && d.isHTMLForm(e) && (e = new FormData(e)), d.isFormData(e))
-      return s ? JSON.stringify(Zr(e)) : e;
+      return s ? JSON.stringify(Yr(e)) : e;
     if (d.isArrayBuffer(e) || d.isBuffer(e) || d.isStream(e) || d.isFile(e) || d.isBlob(e) || d.isReadableStream(e))
       return e;
     if (d.isArrayBufferView(e))
@@ -8979,7 +8986,7 @@ function xt(r, e, t, i, s) {
 function Vo(r) {
   return r.trim().toLowerCase().replace(/([a-z\d])(\w*)/g, (e, t, i) => t.toUpperCase() + i);
 }
-function Zo(r, e) {
+function Yo(r, e) {
   const t = d.toCamelCase(" " + e);
   ["get", "set", "has"].forEach((i) => {
     Object.defineProperty(r, i + t, {
@@ -9111,7 +9118,7 @@ class K {
     }).accessors, s = this.prototype;
     function o(a) {
       const n = Le(a);
-      i[n] || (Zo(s, a), i[n] = !0);
+      i[n] || (Yo(s, a), i[n] = !0);
     }
     return d.isArray(e) ? e.forEach(o) : o(e), this;
   }
@@ -9134,7 +9141,7 @@ function $t(r, e) {
     o = n.call(t, o, s.normalize(), e ? e.status : void 0);
   }), s.normalize(), o;
 }
-function Yr(r) {
+function Zr(r) {
   return !!(r && r.__CANCEL__);
 }
 function Re(r, e, t) {
@@ -9153,7 +9160,7 @@ function Wr(r, e, t) {
     t
   ));
 }
-function Yo(r) {
+function Zo(r) {
   const e = /^([-+\w]{1,25})(:?\/\/|:)/.exec(r);
   return e && e[1] || "";
 }
@@ -9169,8 +9176,8 @@ function Wo(r, e) {
       b += t[c++], c = c % r;
     if (s = (s + 1) % r, s === o && (o = (o + 1) % r), p - a < e)
       return;
-    const y = l && p - l;
-    return y ? Math.round(b * 1e3 / y) : void 0;
+    const w = l && p - l;
+    return w ? Math.round(b * 1e3 / w) : void 0;
   };
 }
 function Ko(r, e) {
@@ -9344,9 +9351,9 @@ const Jr = (r) => {
     const s = Jr(r);
     let o = s.data;
     const a = K.from(s.headers).normalize();
-    let { responseType: n, onUploadProgress: h, onDownloadProgress: p } = s, l, c, b, y, u;
+    let { responseType: n, onUploadProgress: h, onDownloadProgress: p } = s, l, c, b, w, u;
     function v() {
-      y && y(), u && u(), s.cancelToken && s.cancelToken.unsubscribe(l), s.signal && s.signal.removeEventListener("abort", l);
+      w && w(), u && u(), s.cancelToken && s.cancelToken.unsubscribe(l), s.signal && s.signal.removeEventListener("abort", l);
     }
     let m = new XMLHttpRequest();
     m.open(s.method.toUpperCase(), s.url, !0), m.timeout = s.timeout;
@@ -9355,7 +9362,7 @@ const Jr = (r) => {
         return;
       const C = K.from(
         "getAllResponseHeaders" in m && m.getAllResponseHeaders()
-      ), U = {
+      ), F = {
         data: !n || n === "text" || n === "json" ? m.responseText : m.response,
         status: m.status,
         statusText: m.statusText,
@@ -9363,34 +9370,34 @@ const Jr = (r) => {
         config: r,
         request: m
       };
-      Wr(function(Z) {
-        t(Z), v();
-      }, function(Z) {
-        i(Z), v();
-      }, U), m = null;
+      Wr(function(Y) {
+        t(Y), v();
+      }, function(Y) {
+        i(Y), v();
+      }, F), m = null;
     }
     "onloadend" in m ? m.onloadend = x : m.onreadystatechange = function() {
       !m || m.readyState !== 4 || m.status === 0 && !(m.responseURL && m.responseURL.indexOf("file:") === 0) || setTimeout(x);
     }, m.onabort = function() {
       m && (i(new $("Request aborted", $.ECONNABORTED, r, m)), m = null);
     }, m.onerror = function(T) {
-      const U = T && T.message ? T.message : "Network Error", X = new $(U, $.ERR_NETWORK, r, m);
+      const F = T && T.message ? T.message : "Network Error", X = new $(F, $.ERR_NETWORK, r, m);
       X.event = T || null, i(X), m = null;
     }, m.ontimeout = function() {
       let T = s.timeout ? "timeout of " + s.timeout + "ms exceeded" : "timeout exceeded";
-      const U = s.transitional || Vr;
+      const F = s.transitional || Vr;
       s.timeoutErrorMessage && (T = s.timeoutErrorMessage), i(new $(
         T,
-        U.clarifyTimeoutError ? $.ETIMEDOUT : $.ECONNABORTED,
+        F.clarifyTimeoutError ? $.ETIMEDOUT : $.ECONNABORTED,
         r,
         m
       )), m = null;
-    }, o === void 0 && a.setContentType(null), "setRequestHeader" in m && d.forEach(a.toJSON(), function(T, U) {
-      m.setRequestHeader(U, T);
-    }), d.isUndefined(s.withCredentials) || (m.withCredentials = !!s.withCredentials), n && n !== "json" && (m.responseType = s.responseType), p && ([b, u] = lt(p, !0), m.addEventListener("progress", b)), h && m.upload && ([c, y] = lt(h), m.upload.addEventListener("progress", c), m.upload.addEventListener("loadend", y)), (s.cancelToken || s.signal) && (l = (C) => {
+    }, o === void 0 && a.setContentType(null), "setRequestHeader" in m && d.forEach(a.toJSON(), function(T, F) {
+      m.setRequestHeader(F, T);
+    }), d.isUndefined(s.withCredentials) || (m.withCredentials = !!s.withCredentials), n && n !== "json" && (m.responseType = s.responseType), p && ([b, u] = lt(p, !0), m.addEventListener("progress", b)), h && m.upload && ([c, w] = lt(h), m.upload.addEventListener("progress", c), m.upload.addEventListener("loadend", w)), (s.cancelToken || s.signal) && (l = (C) => {
       m && (i(!C || C.type ? new Re(null, r, m) : C), m.abort(), m = null);
     }, s.cancelToken && s.cancelToken.subscribe(l), s.signal && (s.signal.aborted ? l() : s.signal.addEventListener("abort", l)));
-    const S = Yo(s.url);
+    const S = Zo(s.url);
     if (S && H.protocols.indexOf(S) === -1) {
       i(new $("Unsupported protocol " + S + ":", $.ERR_BAD_REQUEST, r));
       return;
@@ -9531,7 +9538,7 @@ const Jr = (r) => {
       return u.byteLength;
     if (d.isURLSearchParams(u) && (u = u + ""), d.isString(u))
       return (await h(u)).byteLength;
-  }, y = async (u, v) => {
+  }, w = async (u, v) => {
     const m = d.toFiniteNumber(u.getContentLength());
     return m ?? b(v);
   };
@@ -9543,21 +9550,21 @@ const Jr = (r) => {
       signal: S,
       cancelToken: C,
       timeout: T,
-      onDownloadProgress: U,
+      onDownloadProgress: F,
       onUploadProgress: X,
-      responseType: Z,
+      responseType: Y,
       headers: bt,
       withCredentials: Ge = "same-origin",
       fetchOptions: Ht
     } = Jr(u), jt = e || fetch;
-    Z = Z ? (Z + "").toLowerCase() : "text";
+    Y = Y ? (Y + "").toLowerCase() : "text";
     let Qe = ra([S, C && C.toAbortSignal()], T), ze = null;
     const pe = Qe && Qe.unsubscribe && (() => {
       Qe.unsubscribe();
     });
     let Vt;
     try {
-      if (X && p && m !== "get" && m !== "head" && (Vt = await y(bt, x)) !== 0) {
+      if (X && p && m !== "get" && m !== "head" && (Vt = await w(bt, x)) !== 0) {
         let ce = new t(v, {
           method: "POST",
           body: x,
@@ -9572,7 +9579,7 @@ const Jr = (r) => {
         }
       }
       d.isString(Ge) || (Ge = Ge ? "include" : "omit");
-      const se = o && "credentials" in t.prototype, Zt = {
+      const se = o && "credentials" in t.prototype, Yt = {
         ...Ht,
         signal: Qe,
         method: m.toUpperCase(),
@@ -9581,17 +9588,17 @@ const Jr = (r) => {
         duplex: "half",
         credentials: se ? Ge : void 0
       };
-      ze = o && new t(v, Zt);
-      let le = await (o ? jt(ze, Ht) : jt(v, Zt));
-      const Yt = l && (Z === "stream" || Z === "response");
-      if (l && (U || Yt && pe)) {
+      ze = o && new t(v, Yt);
+      let le = await (o ? jt(ze, Ht) : jt(v, Yt));
+      const Zt = l && (Y === "stream" || Y === "response");
+      if (l && (F || Zt && pe)) {
         const ce = {};
         ["status", "statusText", "headers"].forEach((Wt) => {
           ce[Wt] = le[Wt];
         });
-        const xe = d.toFiniteNumber(le.headers.get("content-length")), [vt, et] = U && ur(
+        const xe = d.toFiniteNumber(le.headers.get("content-length")), [vt, et] = F && ur(
           xe,
-          lt(gr(U), !0)
+          lt(gr(F), !0)
         ) || [];
         le = new i(
           mr(le.body, br, vt, () => {
@@ -9600,9 +9607,9 @@ const Jr = (r) => {
           ce
         );
       }
-      Z = Z || "text";
-      let ts = await c[d.findKey(c, Z) || "text"](le, u);
-      return !Yt && pe && pe(), await new Promise((ce, xe) => {
+      Y = Y || "text";
+      let ts = await c[d.findKey(c, Y) || "text"](le, u);
+      return !Zt && pe && pe(), await new Promise((ce, xe) => {
         Wr(ce, xe, {
           data: ts,
           headers: K.from(le.headers),
@@ -9706,7 +9713,7 @@ function $r(r) {
       i
     ), i.headers = K.from(i.headers), i;
   }, function(i) {
-    return Yr(i) || (kt(r), i && i.response && (i.response.data = $t.call(
+    return Zr(i) || (kt(r), i && i.response && (i.response.data = $t.call(
       r,
       r.transformResponse,
       i.response
@@ -9832,18 +9839,18 @@ class be {
       return l;
     }
     b = n.length;
-    let y = t;
+    let w = t;
     for (; c < b; ) {
       const u = n[c++], v = n[c++];
       try {
-        y = u(y);
+        w = u(w);
       } catch (m) {
         v.call(this, m);
         break;
       }
     }
     try {
-      l = $r.call(this, y);
+      l = $r.call(this, w);
     } catch (u) {
       return Promise.reject(u);
     }
@@ -10046,7 +10053,7 @@ const P = es(Xe);
 P.Axios = be;
 P.CanceledError = Re;
 P.CancelToken = qt;
-P.isCancel = Yr;
+P.isCancel = Zr;
 P.VERSION = Qr;
 P.toFormData = ft;
 P.AxiosError = $;
@@ -10058,7 +10065,7 @@ P.spread = pa;
 P.isAxiosError = ua;
 P.mergeConfig = ye;
 P.AxiosHeaders = K;
-P.formToJSON = (r) => Zr(d.isHTMLForm(r) ? new FormData(r) : r);
+P.formToJSON = (r) => Yr(d.isHTMLForm(r) ? new FormData(r) : r);
 P.getAdapter = Gr.getAdapter;
 P.HttpStatusCode = At;
 P.default = P;
@@ -10131,7 +10138,7 @@ const ya = ({ baseUrl: r }) => {
   ), e;
 };
 function wa() {
-  Us(), Ns(), Hs(), Vs(), Ks(), Xs(), $i(), Si(), Ci(), Ai(), Di(), Oi(), Ys(), zi(), Ii(), Bi();
+  Us(), Ns(), Hs(), Vs(), Ks(), Xs(), $i(), Si(), Ci(), Ai(), Di(), Oi(), Zs(), zi(), Ii(), Bi();
 }
 export {
   E as AuthForm,
@@ -10139,15 +10146,15 @@ export {
   he as BaseButton,
   Ce as BaseCard,
   D as BaseDatePicker,
-  N as BaseDateTimePicker,
-  B as BaseDrawer,
+  q as BaseDateTimePicker,
+  R as BaseDrawer,
   Ee as BaseIcon,
   Q as BaseInput,
-  R as BaseSelect,
+  z as BaseSelect,
   Ae as BaseTab,
   oe as BaseTabs,
   J as BaseTextarea,
-  M as BaseTimePicker,
+  I as BaseTimePicker,
   Te as BaseToast,
   De as QuantitySelect,
   Pe as ThemeToggle,
@@ -10165,7 +10172,7 @@ export {
   Ai as registerBaseTab,
   Di as registerBaseTabs,
   Oi as registerBaseTextarea,
-  Ys as registerBaseTimePicker,
+  Zs as registerBaseTimePicker,
   zi as registerBaseToast,
   Ii as registerQuantitySelect,
   Bi as registerThemeToggle,