@cal.macconnachie/web-components 2.4.1 → 2.4.3

package/dist/index.js

@@ -249,12 +249,12 @@ let $e = class extends HTMLElement {
 $e.elementStyles = [], $e.shadowRootOptions = { mode: "open" }, $e[Be("elementProperties")] = /* @__PURE__ */ new Map(), $e[Be("finalized")] = /* @__PURE__ */ new Map(), hs?.({ ReactiveElement: $e }), (ct.reactiveElementVersions ??= []).push("2.1.1");
 const Ot = globalThis, nt = Ot.trustedTypes, Qt = nt ? nt.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Cr = "$lit$", ce = `lit$${Math.random().toFixed(9).slice(2)}$`, Er = "?" + ce, ps = `<${Er}>`, ve = document, Ne = () => ve.createComment(""), qe = (r) => r === null || typeof r != "object" && typeof r != "function", Rt = Array.isArray, us = (r) => Rt(r) || typeof r?.[Symbol.iterator] == "function", yt = `[ 	
 \f\r]`, Me = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, er = /-->/g, tr = />/g, ue = RegExp(`>|${yt}(?:([^\\s"'>=/]+)(${yt}*=${yt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), rr = /'/g, sr = /"/g, Ar = /^(?:script|style|textarea|title)$/i, fs = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), g = fs(1), oe = Symbol.for("lit-noChange"), k = Symbol.for("lit-nothing"), ir = /* @__PURE__ */ new WeakMap(), ge = ve.createTreeWalker(ve, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), rr = /'/g, sr = /"/g, Ar = /^(?:script|style|textarea|title)$/i, fs = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), m = fs(1), oe = Symbol.for("lit-noChange"), k = Symbol.for("lit-nothing"), ir = /* @__PURE__ */ new WeakMap(), me = ve.createTreeWalker(ve, 129);
 function Tr(r, e) {
   if (!Rt(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Qt !== void 0 ? Qt.createHTML(e) : e;
 }
-const gs = (r, e) => {
+const ms = (r, e) => {
   const t = r.length - 1, i = [];
   let s, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", a = Me;
   for (let n = 0; n < t; n++) {
@@ -271,12 +271,12 @@ class Fe {
     let s;
     this.parts = [];
     let o = 0, a = 0;
-    const n = e.length - 1, c = this.parts, [p, d] = gs(e, t);
-    if (this.el = Fe.createElement(p, i), ge.currentNode = this.el.content, t === 2 || t === 3) {
+    const n = e.length - 1, c = this.parts, [p, d] = ms(e, t);
+    if (this.el = Fe.createElement(p, i), me.currentNode = this.el.content, t === 2 || t === 3) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
     }
-    for (; (s = ge.nextNode()) !== null && c.length < n; ) {
+    for (; (s = me.nextNode()) !== null && c.length < n; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const h of s.getAttributeNames()) if (h.endsWith(Cr)) {
           const b = d[a++], y = s.getAttribute(h).split(ce), f = /([.?@])?(.*)/.exec(b);
@@ -286,7 +286,7 @@ class Fe {
           const h = s.textContent.split(ce), b = h.length - 1;
           if (b > 0) {
             s.textContent = nt ? nt.emptyScript : "";
-            for (let y = 0; y < b; y++) s.append(h[y], Ne()), ge.nextNode(), c.push({ type: 2, index: ++o });
+            for (let y = 0; y < b; y++) s.append(h[y], Ne()), me.nextNode(), c.push({ type: 2, index: ++o });
             s.append(h[b], Ne());
           }
         }
@@ -309,7 +309,7 @@ function ke(r, e, t = r, i) {
   const o = qe(e) ? void 0 : e._$litDirective$;
   return s?.constructor !== o && (s?._$AO?.(!1), o === void 0 ? s = void 0 : (s = new o(r), s._$AT(r, t, i)), i !== void 0 ? (t._$Co ??= [])[i] = s : t._$Cl = s), s !== void 0 && (e = ke(r, s._$AS(r, e.values), s, i)), e;
 }
-let ms = class {
+let gs = class {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -321,16 +321,16 @@ let ms = class {
   }
   u(e) {
     const { el: { content: t }, parts: i } = this._$AD, s = (e?.creationScope ?? ve).importNode(t, !0);
-    ge.currentNode = s;
-    let o = ge.nextNode(), a = 0, n = 0, c = i[0];
+    me.currentNode = s;
+    let o = me.nextNode(), a = 0, n = 0, c = i[0];
     for (; c !== void 0; ) {
       if (a === c.index) {
         let p;
         c.type === 2 ? p = new _e(o, o.nextSibling, this, e) : c.type === 1 ? p = new c.ctor(o, c.name, c.strings, this, e) : c.type === 6 && (p = new ws(o, this, e)), this._$AV.push(p), c = i[++n];
       }
-      a !== c?.index && (o = ge.nextNode(), a++);
+      a !== c?.index && (o = me.nextNode(), a++);
     }
-    return ge.currentNode = ve, s;
+    return me.currentNode = ve, s;
   }
   p(e) {
     let t = 0;
@@ -371,7 +371,7 @@ class _e {
     const { values: t, _$litType$: i } = e, s = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = Fe.createElement(Tr(i.h, i.h[0]), this.options)), i);
     if (this._$AH?._$AD === s) this._$AH.p(t);
     else {
-      const o = new ms(s, this), a = o.u(this.options);
+      const o = new gs(s, this), a = o.u(this.options);
       o.p(t), this.T(a), this._$AH = o;
     }
   }
@@ -609,11 +609,11 @@ const ar = (r, e, t) => {
     else if (n[h] === a[f]) c[f] = fe(s[h], o[f]), Ie(r, c[f + 1], s[h]), h++, f--;
     else if (n[b] === a[y]) c[y] = fe(s[b], o[y]), Ie(r, s[h], s[b]), b--, y++;
     else if (p === void 0 && (p = ar(a, y, f), d = ar(n, h, b)), p.has(n[h])) if (p.has(n[b])) {
-      const v = d.get(a[y]), m = v !== void 0 ? s[v] : null;
-      if (m === null) {
+      const v = d.get(a[y]), g = v !== void 0 ? s[v] : null;
+      if (g === null) {
         const x = Ie(r, s[h]);
         fe(x, o[y]), c[y] = x;
-      } else c[y] = fe(m, o[y]), Ie(r, s[h], m), s[v] = null;
+      } else c[y] = fe(g, o[y]), Ie(r, s[h], g), s[v] = null;
       y++;
     } else wt(s[b]), b--;
     else wt(s[h]), h++;
@@ -706,8 +706,8 @@ const z = ({
         })
       });
       if (!v.ok) {
-        const m = await v.json();
-        throw new Error(m.message || m.error || "Login failed");
+        const g = await v.json();
+        throw new Error(g.message || g.error || "Login failed");
       }
       return v.json();
     },
@@ -778,7 +778,7 @@ const z = ({
       given_name: f,
       code: v
     }) => {
-      const m = await fetch(`${r}${e.register}`, {
+      const g = await fetch(`${r}${e.register}`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -793,11 +793,11 @@ const z = ({
           code: v
         })
       });
-      if (!m.ok) {
-        const x = await m.json();
+      if (!g.ok) {
+        const x = await g.json();
         throw new Error(x.message || x.error || "Registration failed");
       }
-      return m.json();
+      return g.json();
     },
     requestResetPassword: async ({ email: d }) => {
       const h = await fetch(`${r}${e.requestResetPassword}`, {
@@ -1362,8 +1362,8 @@ class E extends L {
     }
   }
   render() {
-    return this.isLoading && this.hasHandledOAuthCallback ? g`
-        ${this.logoUrl.length > 0 ? g`
+    return this.isLoading && this.hasHandledOAuthCallback ? m`
+        ${this.logoUrl.length > 0 ? m`
               <header class="modal-header">
                 <div class="auth-header">
                 <img
@@ -1393,9 +1393,9 @@ class E extends L {
             ${this.renderAlerts()}
           </div>
         </div>
-      ` : this.isLoggedIn ? g`
+      ` : this.isLoggedIn ? m`
         <!-- Header -->
-        ${this.logoUrl.length > 0 ? g`
+        ${this.logoUrl.length > 0 ? m`
               <header class="modal-header">
                 <div class="auth-header">
                 <img
@@ -1425,9 +1425,9 @@ class E extends L {
             ${this.renderAlerts()}
           </div>
         </div>
-      ` : g`
+      ` : m`
       <!-- Header -->
-      ${(!this.mode || this.resetStep === "none") && this.logoUrl.length > 0 && this.mode === "signin" ? g`
+      ${(!this.mode || this.resetStep === "none") && this.logoUrl.length > 0 && this.mode === "signin" ? m`
             <header class="modal-header">
 
                 <div class="auth-header">
@@ -1461,7 +1461,7 @@ class E extends L {
   }
   renderFormContent() {
     if (this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form"))
-      return g`
+      return m`
         <!-- Email -->
         <base-input
           id="email-input"
@@ -1487,7 +1487,7 @@ class E extends L {
           @input=${(e) => this.password = e.detail.value}
         ></base-input>
 
-        ${this.mode === "signin" && this.error ? g`
+        ${this.mode === "signin" && this.error ? m`
               <div class="forgot-row">
                 <button type="button" class="text-btn" @click=${this.startReset}>
                   Forgot your password?
@@ -1495,7 +1495,7 @@ class E extends L {
               </div>
             ` : k}
 
-        ${this.mode === "signup" ? g`
+        ${this.mode === "signup" ? m`
               <!-- Confirm Password -->
               <base-input
                 type="password"
@@ -1534,14 +1534,14 @@ class E extends L {
             ` : k}
       `;
     if (this.mode === "signup" && this.signupStep === "otp")
-      return g`
+      return m`
         <div class="otp-section">
           <label class="otp-label">Enter 6-digit code</label>
           <div class="otp-inputs" role="group" aria-label="One time code">
             ${nr(
         Array.from({ length: 6 }, (e, t) => t),
         (e) => e,
-        (e) => g`
+        (e) => m`
                 <input
                   class="otp-input signup-otp-input ${this.errors.signup_otp ? "otp-input--error" : ""}"
                   type="text"
@@ -1558,7 +1558,7 @@ class E extends L {
               `
       )}
           </div>
-          ${this.errors.signup_otp ? g`<p class="otp-error">${this.errors.signup_otp}</p>` : k}
+          ${this.errors.signup_otp ? m`<p class="otp-error">${this.errors.signup_otp}</p>` : k}
         </div>
         <div class="forgot-row">
           <button type="button" class="text-btn" @click=${this.backToSignupForm}>
@@ -1567,7 +1567,7 @@ class E extends L {
         </div>
       `;
     if (this.resetStep === "request")
-      return g`
+      return m`
         <base-input
           id="email-input"
           type="email"
@@ -1587,7 +1587,7 @@ class E extends L {
       `;
     if (this.resetStep === "confirm") {
       const e = this.otpDigits.every((t) => /^\d$/.test(t));
-      return g`
+      return m`
         <base-input
           type="email"
           label="Email Address"
@@ -1605,7 +1605,7 @@ class E extends L {
             ${nr(
         Array.from({ length: 6 }, (t, i) => i),
         (t) => t,
-        (t) => g`
+        (t) => m`
                 <input
                   class="otp-input reset-otp-input ${this.errors.otp ? "otp-input--error" : ""}"
                   type="text"
@@ -1622,10 +1622,10 @@ class E extends L {
               `
       )}
           </div>
-          ${this.errors.otp ? g`<p class="otp-error">${this.errors.otp}</p>` : k}
+          ${this.errors.otp ? m`<p class="otp-error">${this.errors.otp}</p>` : k}
         </div>
 
-        ${e ? g`
+        ${e ? m`
               <div class="new-password-fields">
                 <base-input
                   type="password"
@@ -1662,7 +1662,7 @@ class E extends L {
   }
   renderActions() {
     if (this.resetStep === "request")
-      return g`
+      return m`
         <base-button
           type="submit"
           variant="primary"
@@ -1675,7 +1675,7 @@ class E extends L {
         </base-button>
       `;
     if (this.resetStep === "confirm")
-      return this.otpDigits.every((t) => /^\d$/.test(t)) ? g`
+      return this.otpDigits.every((t) => /^\d$/.test(t)) ? m`
           <base-button
             type="submit"
             variant="primary"
@@ -1689,7 +1689,7 @@ class E extends L {
         ` : k;
     if (this.mode === "signup" && this.signupStep === "otp") {
       const e = this.signupOtpDigits.every((t) => /^\d$/.test(t));
-      return g`
+      return m`
         <base-button
           type="submit"
           variant="primary"
@@ -1702,7 +1702,7 @@ class E extends L {
         </base-button>
       `;
     }
-    return g`
+    return m`
       <base-button
         type="submit"
         variant="primary"
@@ -1714,7 +1714,7 @@ class E extends L {
         ${this.isLoading ? "Loading..." : this.mode === "signup" ? "Continue" : "Sign In"}
       </base-button>
 
-      ${this.isOAuthConfigured() && this.mode === "signin" ? g`
+      ${this.isOAuthConfigured() && this.mode === "signin" ? m`
             <div class="button-row">
               <button
                 type="button"
@@ -1738,8 +1738,8 @@ class E extends L {
     `;
   }
   renderAlerts() {
-    return g`
-      ${this.notice ? g`
+    return m`
+      ${this.notice ? m`
             <div class="alert alert--success">
               ${this.notice}
               <button class="alert-close" @click=${() => this.notice = ""} aria-label="Dismiss">
@@ -1747,7 +1747,7 @@ class E extends L {
               </button>
             </div>
           ` : k}
-      ${this.error && !this.isLoading ? g`
+      ${this.error && !this.isLoading ? m`
             <div class="alert alert--error">
               ${this.error}
               <button class="alert-close" @click=${() => this.error = ""} aria-label="Dismiss">
@@ -1758,7 +1758,7 @@ class E extends L {
     `;
   }
   renderFooter() {
-    return this.isLoggedIn ? k : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? this.disableSignup ? k : g`
+    return this.isLoggedIn ? k : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? this.disableSignup ? k : m`
         <div class="auth-footer">
           <p class="toggle-text">
             ${this.mode === "signup" ? "Already have an account?" : "Don't have an account?"}
@@ -1767,7 +1767,7 @@ class E extends L {
             ${this.mode === "signup" ? "Sign In" : "Sign Up"}
           </button>
         </div>
-      ` : g`
+      ` : m`
       <div class="auth-footer">
         <p class="toggle-text">
           Having trouble? Email
@@ -1777,7 +1777,7 @@ class E extends L {
     `;
   }
   renderGoogleIcon() {
-    return g`
+    return m`
       <svg viewBox="-0.5 0 48 48" width="18" height="18" fill="none">
         <path d="M9.82727273,24 C9.82727273,22.4757333 10.0804318,21.0144 10.5322727,19.6437333 L2.62345455,13.6042667 C1.08206818,16.7338667 0.213636364,20.2602667 0.213636364,24 C0.213636364,27.7365333 1.081,31.2608 2.62025,34.3882667 L10.5247955,28.3370667 C10.0772273,26.9728 9.82727273,25.5168 9.82727273,24" fill="#FBBC05"></path>
         <path d="M23.7136364,10.1333333 C27.025,10.1333333 30.0159091,11.3066667 32.3659091,13.2266667 L39.2022727,6.4 C35.0363636,2.77333333 29.6954545,0.533333333 23.7136364,0.533333333 C14.4268636,0.533333333 6.44540909,5.84426667 2.62345455,13.6042667 L10.5322727,19.6437333 C12.3545909,14.112 17.5491591,10.1333333 23.7136364,10.1333333" fill="#EB4335"></path>
@@ -1787,7 +1787,7 @@ class E extends L {
     `;
   }
   renderAppleIcon() {
-    return g`
+    return m`
       <svg viewBox="-3.5 0 48 48" width="18" height="18" class="apple-icon">
         <path d="M231.174735,567.792499 C232.740177,565.771699 233.926883,562.915484 233.497649,560 C230.939077,560.177808 227.948466,561.814769 226.203475,563.948463 C224.612784,565.88177 223.305444,568.757742 223.816036,571.549042 C226.613071,571.636535 229.499881,569.960061 231.174735,567.792499 L231.174735,567.792499 Z M245,595.217241 C243.880625,597.712195 243.341978,598.827022 241.899976,601.03692 C239.888467,604.121745 237.052156,607.962958 233.53412,607.991182 C230.411652,608.02505 229.606488,605.94498 225.367451,605.970382 C221.128414,605.99296 220.244696,608.030695 217.116618,607.999649 C213.601387,607.968603 210.913765,604.502761 208.902256,601.417937 C203.27452,592.79849 202.68257,582.680377 206.152914,577.298162 C208.621711,573.476705 212.515678,571.241407 216.173986,571.241407 C219.89682,571.241407 222.239372,573.296075 225.322563,573.296075 C228.313175,573.296075 230.133913,571.235762 234.440281,571.235762 C237.700215,571.235762 241.153726,573.022307 243.611302,576.10431 C235.554045,580.546683 236.85858,592.121127 245,595.217241 L245,595.217241 Z" transform="translate(-204.000000, -560.000000)" fill="#0b0b0a"></path>
       </svg>
@@ -2623,7 +2623,7 @@ class de extends L {
       "base-button--loading": this.loading,
       [`base-button--hover-${this.hover}`]: !!this.hover
     };
-    return g`
+    return m`
       <button
         class=${S(e)}
         type=${this.type}
@@ -2633,7 +2633,7 @@ class de extends L {
           <span class=${S({ "button-text": !0, hidden: this.loading })}>
             <slot></slot>
           </span>
-          ${this.loading ? g`
+          ${this.loading ? m`
                 <span class="loading-container">
                   <slot name="loading">
                     <svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
@@ -2909,9 +2909,9 @@ class Ce extends L {
       [`base-card--padding-${this.padding}`]: !0,
       "base-card--hoverable": this.hoverable,
       "base-card--expandable": this.expandable
-    }, t = g`
+    }, t = m`
       <div class=${S(e)}>
-        ${this.expandable && !this.isExpanded ? g`
+        ${this.expandable && !this.isExpanded ? m`
               <button
                 class="expand-btn"
                 aria-label="Expand card"
@@ -2925,7 +2925,7 @@ class Ce extends L {
         <slot></slot>
       </div>
     `;
-    return this.isExpanded ? g`
+    return this.isExpanded ? m`
         <div class="expanded-overlay" @click=${this.handleOverlayClick}>
           <div class="expanded-card">
             ${t}
@@ -3561,12 +3561,12 @@ class D extends L {
       "date-display--empty": !this.value,
       "date-disabled": this.disabled
     };
-    return g`
+    return m`
       <div class="date-picker-group">
-        ${this.label ? g`
+        ${this.label ? m`
               <label for=${this.inputId} class="date-picker-label">
                 ${this.label}
-                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? m`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -3590,7 +3590,7 @@ class D extends L {
             <base-icon name="calendar-day" size="20px"></base-icon>
           </div>
 
-          ${this.isOpen ? g`
+          ${this.isOpen ? m`
                 <div class="calendar-overlay" @click=${this.closeCalendar}></div>
                 <div
                   class=${S({
@@ -3601,12 +3601,12 @@ class D extends L {
                   role="dialog"
                   aria-label="Choose date"
                 >
-                  ${this.showMonthPicker ? g`
+                  ${this.showMonthPicker ? m`
                         <div class="picker-overlay">
                           <div class="month-picker-container">
                             <div class="month-picker-grid">
                               ${this.monthNames.map(
-      (s, o) => g`
+      (s, o) => m`
                                   <div
                                     class=${S({
         "month-item": !0,
@@ -3621,7 +3621,7 @@ class D extends L {
                             </div>
                           </div>
                         </div>
-                      ` : this.showYearPicker ? g`
+                      ` : this.showYearPicker ? m`
                           <div class="picker-overlay">
                             <div class="year-picker-container">
                               <div class="year-picker-header">
@@ -3645,7 +3645,7 @@ class D extends L {
                               </div>
                               <div class="year-picker-grid">
                                 ${this.yearRange.map(
-      (s) => g`
+      (s) => m`
                                     <div
                                       class=${S({
         "year-item": !0,
@@ -3660,7 +3660,7 @@ class D extends L {
                               </div>
                             </div>
                           </div>
-                        ` : g`
+                        ` : m`
                           <div class="calendar-header">
                             <button
                               type="button"
@@ -3689,12 +3689,12 @@ class D extends L {
                           </div>
 
                           <div class="calendar-weekdays">
-                            ${this.weekDays.map((s) => g`<div class="calendar-weekday">${s}</div>`)}
+                            ${this.weekDays.map((s) => m`<div class="calendar-weekday">${s}</div>`)}
                           </div>
 
                           <div class="calendar-days">
                             ${this.calendarDays.map(
-      (s) => s ? g`
+      (s) => s ? m`
                                       <div
                                         class=${S({
         "calendar-day": !0,
@@ -3706,7 +3706,7 @@ class D extends L {
                                       >
                                         ${s}
                                       </div>
-                                    ` : g`<div class="calendar-day day-empty"></div>`
+                                    ` : m`<div class="calendar-day day-empty"></div>`
     )}
                           </div>
 
@@ -3724,11 +3724,11 @@ class D extends L {
               ` : ""}
         </div>
 
-        ${e ? g`
+        ${e ? m`
               <div id="${this.inputId}-error" class="date-picker-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? g` <div class="date-picker-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? m` <div class="date-picker-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
@@ -4131,12 +4131,12 @@ class M extends L {
       "time-display--empty": !this.value,
       "time-disabled": this.disabled
     };
-    return g`
+    return m`
       <div class="time-picker-group">
-        ${this.label ? g`
+        ${this.label ? m`
               <label for=${this.inputId} class="time-picker-label">
                 ${this.label}
-                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? m`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -4166,7 +4166,7 @@ class M extends L {
             </svg>
           </div>
 
-          ${this.isOpen ? g`
+          ${this.isOpen ? m`
                 <div class="time-overlay" @click=${this.closeTimePicker}></div>
                 <div
                   class=${S({
@@ -4182,7 +4182,7 @@ class M extends L {
                       <div class="time-column-label">Hour</div>
                       <div class="time-scroll">
                         ${this.hours.map(
-      (s) => g`
+      (s) => m`
                             <div
                               class=${S({
         "time-option": !0,
@@ -4201,7 +4201,7 @@ class M extends L {
                       <div class="time-column-label">Minute</div>
                       <div class="time-scroll">
                         ${this.minutes.map(
-      (s) => g`
+      (s) => m`
                             <div
                               class=${S({
         "time-option": !0,
@@ -4216,12 +4216,12 @@ class M extends L {
                       </div>
                     </div>
 
-                    ${this.format === "12" ? g`
+                    ${this.format === "12" ? m`
                           <div class="time-column">
                             <div class="time-column-label">Period</div>
                             <div class="time-scroll">
                               ${["AM", "PM"].map(
-      (s) => g`
+      (s) => m`
                                   <div
                                     class=${S({
         "time-option": !0,
@@ -4247,11 +4247,11 @@ class M extends L {
               ` : ""}
         </div>
 
-        ${e ? g`
+        ${e ? m`
               <div id="${this.inputId}-error" class="time-picker-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? g` <div class="time-picker-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? m` <div class="time-picker-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
@@ -4501,12 +4501,12 @@ class N extends L {
       "datetime-pickers--error": e,
       "datetime-pickers--disabled": this.disabled
     };
-    return g`
+    return m`
       <div class="datetime-picker-group">
-        ${this.label ? g`
+        ${this.label ? m`
               <label for=${this.inputId} class="datetime-picker-label">
                 ${this.label}
-                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? m`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -4546,11 +4546,11 @@ class N extends L {
           </div>
         </div>
 
-        ${e ? g`
+        ${e ? m`
               <div id="${this.inputId}-error" class="datetime-picker-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? g` <div class="datetime-picker-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? m` <div class="datetime-picker-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
@@ -4631,16 +4631,7 @@ class j extends L {
         this.handleClose();
       }
     }, this.handleDragStart = (e) => {
-      if (!this.modalContainer) return;
-      const t = e.target;
-      if (!(t.classList.contains("drawer-handle") || t.classList.contains("drawer-handle-bar") || t.closest(".drawer-handle"))) {
-        if (this.drawerContent) {
-          const s = this.drawerContent.scrollHeight > this.drawerContent.clientHeight, o = this.drawerContent.contains(t);
-          if (s && o && !(this.drawerContent.scrollTop === 0))
-            return;
-        }
-      }
-      this.modalContainer.style.transition = "", this.modalContainer.style.transform = "", this.isDragging = !0, this.dragCommitted = !1, 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.modalContainer && (this.modalContainer.style.transition = "", this.modalContainer.style.transform = "", this.isDragging = !0, this.dragCommitted = !1, 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.handleDragMove = (e) => {
       if (!this.isDragging || !this.modalContainer) return;
       e instanceof TouchEvent ? this.dragCurrentY = e.touches[0].clientY : this.dragCurrentY = e.clientY;
@@ -4648,17 +4639,11 @@ class j extends L {
       if (!this.dragCommitted) {
         if (Math.abs(t) < 5)
           return;
-        if (this.drawerContent) {
-          const a = this.drawerContent.scrollHeight > this.drawerContent.clientHeight, n = this.drawerContent.scrollTop === 0;
-          if (a && n && t < 0) {
-            this.isDragging = !1, this.dragCommitted = !1, this.dragStartY = 0, this.dragCurrentY = 0;
-            return;
-          }
-        }
         this.dragCommitted = !0;
       }
+      e.preventDefault();
       const i = this.getCurrentDetentHeight(), s = window.innerHeight;
-      if (e.preventDefault(), this.modalContainer.style.transition = "none", t < 0) {
+      if (this.modalContainer.style.transition = "none", t < 0) {
         const a = Math.abs(t) / s * 100, n = Math.min(100, i + a);
         this.modalContainer.style.height = `${n}dvh`, this.modalContainer.style.transform = "translateY(0)";
       } else
@@ -4688,14 +4673,14 @@ class j extends L {
         }
         p = _, b && (f && c < y * 0.7 || c < y - 5) && (p = -1);
       }
-      const v = p < 0, m = this.modalContainer, x = v ? 0 : s[p];
-      if (m.style.transition = "none", e < 0) {
+      const v = p < 0, g = this.modalContainer, x = v ? 0 : s[p];
+      if (g.style.transition = "none", e < 0) {
         const _ = Math.min(100, c);
-        m.style.height = `${_}dvh`, m.style.transform = "translateY(0)";
+        g.style.height = `${_}dvh`, g.style.transform = "translateY(0)";
       } else
-        m.style.transform = `translateY(${e}px)`, m.style.height = `${o}dvh`;
+        g.style.transform = `translateY(${e}px)`, g.style.height = `${o}dvh`;
       requestAnimationFrame(() => {
-        v ? (m.style.transition = `transform ${this.transitionDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`, m.style.transform = "translateY(100%)") : (m.style.transition = `transform ${this.transitionDuration}ms cubic-bezier(0.4, 0, 0.2, 1), height ${this.transitionDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`, m.style.transform = "translateY(0)", m.style.height = `${x}dvh`);
+        v ? (g.style.transition = `transform ${this.transitionDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`, g.style.transform = "translateY(100%)") : (g.style.transition = `transform ${this.transitionDuration}ms cubic-bezier(0.4, 0, 0.2, 1), height ${this.transitionDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`, g.style.transform = "translateY(0)", g.style.height = `${x}dvh`);
       }), setTimeout(() => {
         this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0, this.dragCommitted = !1, v ? (this.isVisible = !1, this.open = !1, this.dispatchEvent(
           new CustomEvent("drawer-close", {
@@ -4834,7 +4819,7 @@ class j extends L {
       "modal-container--dragging": this.isDragging,
       [`modal-container--${this.size}`]: !0
     }, i = this.getCurrentDetentHeight();
-    return g`
+    return m`
       <!-- Drawer Overlay -->
       <div
         class=${S(e)}
@@ -4845,17 +4830,17 @@ class j extends L {
           style="height: ${i}dvh"
           role="dialog"
           aria-modal="true"
-          @touchstart=${this.handleDragStart}
-          @touchmove=${this.handleDragMove}
-          @touchend=${this.handleDragEnd}
-          @mousedown=${this.handleDragStart}
-          @mousemove=${this.handleDragMove}
-          @mouseup=${this.handleDragEnd}
         >
           <!-- Drawer Handle -->
           <div
             class="drawer-handle"
             @click=${this.handleHandleClick}
+            @touchstart=${this.handleDragStart}
+            @touchmove=${this.handleDragMove}
+            @touchend=${this.handleDragEnd}
+            @mousedown=${this.handleDragStart}
+            @mousemove=${this.handleDragMove}
+            @mouseup=${this.handleDragEnd}
             role="button"
             tabindex="0"
             aria-label="Close drawer"
@@ -5007,19 +4992,6 @@ class j extends L {
       max-width: 900px;
     }
 
-    /* Dark theme */
-    :host([data-theme='dark']) {
-      --color-primary: #3b82f6;
-      --color-bg-primary: #1e293b;
-      --color-bg-secondary: #0f172a;
-      --color-text-primary: #f8fafc;
-      --color-text-secondary: #cbd5e1;
-      --color-text-muted: #94a3b8;
-      --color-border: #334155;
-      --color-error: #ef4444;
-      --color-success: #10b981;
-    }
-
     @keyframes fadeIn {
       from {
         opacity: 0;
@@ -5338,7 +5310,7 @@ const Gs = `<?xml version="1.0" encoding="UTF-8"?>
   </defs>
   <path class="cls-1" d="M77.83,43.24l-12.92-12.29c-.8-.76-2.06-.73-2.83.07-.76.8-.73,2.07.07,2.83l9.2,8.75-37.76.11c-1.1,0-2,.9-1.99,2.01,0,1.1.9,1.99,2,1.99h0l38.09-.11c.07,0,.14-.01.21-.02l-9.19,9.66c-.76.8-.73,2.07.07,2.83.39.37.88.55,1.38.55.53,0,1.06-.21,1.45-.62l12.29-12.92c.76-.8.73-2.07-.07-2.83Z"/>
   <path class="cls-1" d="M54.17,51.76c-1.1,0-2,.9-2,2v15.88c0,2.5-2.03,4.53-4.53,4.53h-27.57c-2.5,0-4.53-2.03-4.53-4.53V20.36c0-2.5,2.03-4.53,4.53-4.53h27.57c2.5,0,4.53,2.03,4.53,4.53v15.25c0,1.1.9,2,2,2s2-.9,2-2v-15.25c0-4.7-3.83-8.53-8.53-8.53h-27.57c-4.7,0-8.53,3.83-8.53,8.53v49.28c0,4.7,3.83,8.53,8.53,8.53h27.57c4.7,0,8.53-3.83,8.53-8.53v-15.88c0-1.1-.9-2-2-2Z"/>
-</svg>`, gi = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, mi = `<?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>
     <style>
@@ -5350,7 +5322,7 @@ const Gs = `<?xml version="1.0" encoding="UTF-8"?>
   <path class="cls-1" d="M79.02,31.68c-.91-1.29-2.28-2.14-3.84-2.39l-45.66-7.17c-1-.16-2-.04-2.91.3l-4.44-5.23c-.38-.45-.94-.71-1.53-.71h-8.73c-1.1,0-2,.9-2,2s.9,2,2,2h7.8l3.85,4.54c-.57,1.02-.83,2.19-.72,3.39l2.16,22.13c.05.48.17.93.32,1.36l-.05,4.5c-.03,1.55.55,3.02,1.64,4.13s2.54,1.72,4.1,1.72h43.48c1.1,0,2-.9,2-2s-.9-2-2-2H31.03c-.47,0-.91-.19-1.24-.52-.33-.34-.51-.78-.5-1.27v-.91c.49.13.98.22,1.5.22h40.66c2.78,0,5.18-1.98,5.7-4.72l2.84-14.96c.3-1.56-.04-3.13-.96-4.42ZM76.05,35.35l-2.84,14.96c-.16.85-.9,1.46-1.77,1.46H30.79c-.63,0-1.18-.32-1.5-.81-.05-.22-.14-.43-.25-.62-.01-.06-.03-.12-.04-.19l-2.16-22.13c-.05-.56.15-1.1.56-1.48.34-.32.77-.49,1.23-.49.09,0,.19,0,.28.02l45.66,7.17c.48.08.91.34,1.19.74.28.4.39.89.3,1.37Z"/>
   <path class="cls-1" d="M33.41,63.25c-2.83,0-5.14,2.3-5.14,5.13s2.3,5.14,5.14,5.14,5.13-2.3,5.13-5.14-2.3-5.13-5.13-5.13ZM33.41,69.52c-.63,0-1.14-.51-1.14-1.14s.51-1.13,1.14-1.13,1.13.51,1.13,1.13-.51,1.14-1.13,1.14Z"/>
   <path class="cls-1" d="M68.07,63.25c-2.83,0-5.14,2.3-5.14,5.13s2.3,5.14,5.14,5.14,5.13-2.3,5.13-5.14-2.3-5.13-5.13-5.13ZM68.07,69.52c-.63,0-1.14-.51-1.14-1.14s.51-1.13,1.14-1.13,1.13.51,1.13,1.13-.51,1.14-1.13,1.14Z"/>
-</svg>`, mi = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, gi = `<?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>
     <style>
@@ -5434,8 +5406,8 @@ const xi = /* @__PURE__ */ Object.assign({
   "../../public/icons/reply.svg": pi,
   "../../public/icons/send.svg": ui,
   "../../public/icons/share.svg": fi,
-  "../../public/icons/shopping-cart.svg": gi,
-  "../../public/icons/suitcase.svg": mi,
+  "../../public/icons/shopping-cart.svg": mi,
+  "../../public/icons/suitcase.svg": gi,
   "../../public/icons/sun.svg": bi,
   "../../public/icons/trash-can.svg": vi,
   "../../public/icons/user.svg": yi
@@ -5492,7 +5464,7 @@ class Ee extends L {
     }
   }
   render() {
-    return g`
+    return m`
       <div
         style="
           --icon-size: ${this.size};
@@ -5707,12 +5679,12 @@ class G extends L {
       "base-input--error": e,
       "base-input--disabled": this.disabled
     };
-    return g`
+    return m`
       <div class="input-group">
-        ${this.label ? g`
+        ${this.label ? m`
               <label for=${this.inputId} class="input-label">
                 ${this.label}
-                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? m`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -5738,11 +5710,11 @@ class G extends L {
           </div>
         </div>
 
-        ${e ? g`
+        ${e ? m`
               <div id="${this.inputId}-error" class="input-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? g` <div class="input-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? m` <div class="input-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
@@ -6146,12 +6118,12 @@ class R extends L {
       "select-input--visible": this.searchable && this.isOpen,
       "select-disabled": this.disabled
     };
-    return g`
+    return m`
       <div class="select-group">
-        ${this.label ? g`
+        ${this.label ? m`
               <label for=${this.selectId} class="select-label">
                 ${this.label}
-                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? m`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -6193,7 +6165,7 @@ class R extends L {
             </svg>
           </div>
 
-          ${this.isOpen ? g`
+          ${this.isOpen ? m`
                 <div class="dropdown-overlay" @click=${this.closeDropdown}></div>
                 <div
                   class=${S({
@@ -6203,8 +6175,8 @@ class R extends L {
     })}
                   role="listbox"
                 >
-                  ${this.filteredOptions.length === 0 ? g` <div class="dropdown-no-results">No options found</div> ` : this.filteredOptions.map(
-      (o, a) => g`
+                  ${this.filteredOptions.length === 0 ? m` <div class="dropdown-no-results">No options found</div> ` : this.filteredOptions.map(
+      (o, a) => m`
                           <div
                             class=${S({
         "dropdown-option": !0,
@@ -6223,11 +6195,11 @@ class R extends L {
               ` : ""}
         </div>
 
-        ${e ? g`
+        ${e ? m`
               <div id="${this.selectId}-error" class="select-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? g` <div class="select-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? m` <div class="select-hint">${this.hint}</div> ` : ""}
 
         <!-- Hidden slot for option elements -->
         <slot @slotchange=${this.parseSlottedOptions}></slot>
@@ -6348,7 +6320,7 @@ class Ae extends L {
     );
   }
   render() {
-    return g`
+    return m`
       <div
         class="base-tab"
         id="tabpanel-${this.id}"
@@ -6963,7 +6935,7 @@ class ie extends L {
       "tab-button": !0,
       "tab-button--active": i
     };
-    return g`
+    return m`
       <button
         role="tab"
         aria-selected=${i}
@@ -6974,9 +6946,9 @@ class ie extends L {
         @click=${() => this.handleTabClick(e.id)}
         @keydown=${(a) => this.handleKeyDown(a, t)}
       >
-        ${e.icon ? g`<span class="tab-icon">${Pr(e.icon)}</span>` : k}
-        ${s || this.variant !== "sidebar" || this.isMobile ? g`<span class="tab-label">${e.label}</span>` : k}
-        ${e.badge !== void 0 && e.badge > 0 && (s || this.variant !== "sidebar" || this.isMobile) ? g`<span class="tab-badge">${e.badge}</span>` : k}
+        ${e.icon ? m`<span class="tab-icon">${Pr(e.icon)}</span>` : k}
+        ${s || this.variant !== "sidebar" || this.isMobile ? m`<span class="tab-label">${e.label}</span>` : k}
+        ${e.badge !== void 0 && e.badge > 0 && (s || this.variant !== "sidebar" || this.isMobile) ? m`<span class="tab-badge">${e.badge}</span>` : k}
       </button>
     `;
   }
@@ -6991,9 +6963,9 @@ class ie extends L {
       "sidebar-toggle": !0,
       "sidebar-toggle--hidden": this.forceExpanded
     };
-    return g`
+    return m`
       <div class=${S(e)} role="tablist" aria-label=${this.ariaLabel}>
-        ${this.variant === "sidebar" ? g`
+        ${this.variant === "sidebar" ? m`
               <div class=${S(i)}>
                 <!-- Sidebar Header -->
                 <div class="sidebar-header">
@@ -7023,7 +6995,7 @@ class ie extends L {
                   <slot name="sidebar-footer"></slot>
                 </div>
               </div>
-            ` : g`
+            ` : m`
               <div class="tabs-header">
                 ${this.tabs.map((o, a) => this.renderTabButton(o, a))}
               </div>
@@ -7288,12 +7260,12 @@ class K extends L {
       "character-count--warning": s && !o,
       "character-count--error": o
     };
-    return g`
+    return m`
       <div class="textarea-group">
-        ${this.label ? g`
+        ${this.label ? m`
               <label for=${this.textareaId} class="textarea-label">
                 ${this.label}
-                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? m`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -7314,18 +7286,18 @@ class K extends L {
             @focus=${this.handleFocus}
           ></textarea>
 
-          ${i ? g`
+          ${i ? m`
                 <div class=${S(n)}>
                   ${t}${this.maxlength ? ` / ${this.maxlength}` : ""}
                 </div>
               ` : ""}
         </div>
 
-        ${e ? g`
+        ${e ? m`
               <div id="${this.textareaId}-error" class="textarea-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? g` <div class="textarea-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? m` <div class="textarea-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
@@ -7780,13 +7752,13 @@ class Te extends L {
   `;
   }
   render() {
-    return g`
+    return m`
       <div class="toast-container ${this.variant}">
-        ${this.dismiss !== "manual" ? g`
+        ${this.dismiss !== "manual" ? m`
             <div class="toast-progress"></div>
           ` : ""}
         <slot></slot>
-        ${this.dismiss === "manual" ? g`
+        ${this.dismiss === "manual" ? m`
             <button
               class="toast-dismiss-btn ${this.variant}"
               aria-label="Dismiss toast"
@@ -8026,7 +7998,7 @@ class De extends L {
       "quantity-input": !0,
       [`quantity-input--${this.size}`]: !0
     };
-    return g`
+    return m`
       <div class=${S(e)}>
         <button
           type="button"
@@ -8139,7 +8111,7 @@ class Pe extends L {
   }
   render() {
     const e = (this.currentTheme + 1) % this.themes.length, t = this.themes[e], i = `Switch to ${t?.theme ?? "next"} theme`;
-    return g`
+    return m`
       <button
         class="theme-toggle ${this.getSizeClass()} ${this.getVariantClass()}"
         @click=${this.toggleTheme}
@@ -8377,7 +8349,7 @@ function Ir(r, e) {
       return s;
   return null;
 }
-const me = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Lr = (r) => !Se(r) && r !== me;
+const ge = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Lr = (r) => !Se(r) && r !== ge;
 function _t() {
   const { caseless: r, skipUndefined: e } = Lr(this) && this || {}, t = {}, i = (s, o) => {
     const a = r && Ir(t, o) || o;
@@ -8440,7 +8412,7 @@ const ro = (r, e, t, { allOwnKeys: i } = {}) => (Je(e, (s, o) => {
     let a;
     (a = e(s, o, r)) !== !1 && (i[o] = a || s);
   }), Object.defineProperties(r, i);
-}, go = (r) => {
+}, mo = (r) => {
   Br(r, (e, t) => {
     if (Y(r) && ["arguments", "caller", "callee"].indexOf(t) !== -1)
       return !1;
@@ -8455,7 +8427,7 @@ const ro = (r, e, t, { allOwnKeys: i } = {}) => (Je(e, (s, o) => {
       });
     }
   });
-}, mo = (r, e) => {
+}, go = (r, e) => {
   const t = {}, i = (s) => {
     s.forEach((o) => {
       t[o] = !0;
@@ -8486,14 +8458,14 @@ const wo = (r) => {
     return i;
   };
   return t(r, 0);
-}, xo = te("AsyncFunction"), $o = (r) => r && (Ke(r) || Y(r)) && Y(r.then) && Y(r.catch), Ur = ((r, e) => r ? setImmediate : e ? ((t, i) => (me.addEventListener("message", ({ source: s, data: o }) => {
-  s === me && o === t && i.length && i.shift()();
+}, xo = te("AsyncFunction"), $o = (r) => r && (Ke(r) || Y(r)) && Y(r.then) && Y(r.catch), Ur = ((r, e) => r ? setImmediate : e ? ((t, i) => (ge.addEventListener("message", ({ source: s, data: o }) => {
+  s === ge && o === t && i.length && i.shift()();
 }, !1), (s) => {
-  i.push(s), me.postMessage(t, "*");
+  i.push(s), ge.postMessage(t, "*");
 }))(`axios@${Math.random()}`, []) : (t) => setTimeout(t))(
   typeof setImmediate == "function",
-  Y(me.postMessage)
-), ko = typeof queueMicrotask < "u" ? queueMicrotask.bind(me) : typeof process < "u" && process.nextTick || Ur, So = (r) => r != null && Y(r[pt]), l = {
+  Y(ge.postMessage)
+), ko = typeof queueMicrotask < "u" ? queueMicrotask.bind(ge) : typeof process < "u" && process.nextTick || Ur, So = (r) => r != null && Y(r[pt]), l = {
   isArray: Oe,
   isArrayBuffer: zr,
   isBuffer: We,
@@ -8537,13 +8509,13 @@ const wo = (r) => {
   hasOwnProp: lr,
   // an alias to avoid ESLint no-prototype-builtins detection
   reduceDescriptors: Br,
-  freezeMethods: go,
-  toObjectSet: mo,
+  freezeMethods: mo,
+  toObjectSet: go,
   toCamelCase: uo,
   noop: bo,
   toFiniteNumber: vo,
   findKey: Ir,
-  global: me,
+  global: ge,
   isContextDefined: Lr,
   isSpecCompliantForm: yo,
   toJSONObject: wo,
@@ -8623,15 +8595,15 @@ function Co(r) {
 const Eo = l.toFlatObject(l, {}, null, function(e) {
   return /^is[A-Z]/.test(e);
 });
-function gt(r, e, t) {
+function mt(r, e, t) {
   if (!l.isObject(r))
     throw new TypeError("target must be an object");
   e = e || new FormData(), t = l.toFlatObject(t, {
     metaTokens: !0,
     dots: !1,
     indexes: !1
-  }, !1, function(v, m) {
-    return !l.isUndefined(m[v]);
+  }, !1, function(v, g) {
+    return !l.isUndefined(g[v]);
   });
   const i = t.metaTokens, s = t.visitor || d, o = t.dots, a = t.indexes, c = (t.Blob || typeof Blob < "u" && Blob) && l.isSpecCompliantForm(e);
   if (!l.isFunction(s))
@@ -8646,9 +8618,9 @@ function gt(r, e, t) {
       throw new $("Blob is not supported. Use a Buffer instead.");
     return l.isArrayBuffer(f) || l.isTypedArray(f) ? c && typeof Blob == "function" ? new Blob([f]) : Buffer.from(f) : f;
   }
-  function d(f, v, m) {
+  function d(f, v, g) {
     let x = f;
-    if (f && !m && typeof f == "object") {
+    if (f && !g && typeof f == "object") {
       if (l.endsWith(v, "{}"))
         v = i ? v : v.slice(0, -2), f = JSON.stringify(f);
       else if (l.isArray(f) && Co(f) || (l.isFileList(f) || l.endsWith(v, "[]")) && (x = l.toArray(f)))
@@ -8660,7 +8632,7 @@ function gt(r, e, t) {
           );
         }), !1;
     }
-    return Ct(f) ? !0 : (e.append(cr(m, v, o), p(f)), !1);
+    return Ct(f) ? !0 : (e.append(cr(g, v, o), p(f)), !1);
   }
   const h = [], b = Object.assign(Eo, {
     defaultVisitor: d,
@@ -8701,7 +8673,7 @@ function dr(r) {
   });
 }
 function Ut(r, e) {
-  this._pairs = [], r && gt(r, this, e);
+  this._pairs = [], r && mt(r, this, e);
 }
 const Hr = Ut.prototype;
 Hr.append = function(e, t) {
@@ -8812,7 +8784,7 @@ self instanceof WorkerGlobalScope && typeof self.importScripts == "function", Mo
   ...Oo
 };
 function Lo(r, e) {
-  return gt(r, new q.classes.URLSearchParams(), {
+  return mt(r, new q.classes.URLSearchParams(), {
     visitor: function(t, i, s, o) {
       return q.isNode && l.isBuffer(t) ? (this.append(i, t.toString("base64")), !1) : o.defaultVisitor.apply(this, arguments);
     },
@@ -8875,7 +8847,7 @@ const Xe = {
         return Lo(e, this.formSerializer).toString();
       if ((n = l.isFileList(e)) || i.indexOf("multipart/form-data") > -1) {
         const c = this.env && this.env.FormData;
-        return gt(
+        return mt(
           n ? { "files[]": e } : e,
           c && new c(),
           this.formSerializer
@@ -9252,7 +9224,7 @@ function Kr(r, e, t) {
   let i = !Go(e);
   return r && (i || t == !1) ? Qo(r, e) : e;
 }
-const gr = (r) => r instanceof W ? { ...r } : r;
+const mr = (r) => r instanceof W ? { ...r } : r;
 function ye(r, e) {
   e = e || {};
   const t = {};
@@ -9310,7 +9282,7 @@ function ye(r, e) {
     socketPath: a,
     responseEncoding: a,
     validateStatus: n,
-    headers: (p, d, h) => s(gr(p), gr(d), h, !0)
+    headers: (p, d, h) => s(mr(p), mr(d), h, !0)
   };
   return l.forEach(Object.keys({ ...r, ...e }), function(d) {
     const h = c[d] || s, b = h(r[d], e[d], d);
@@ -9347,54 +9319,54 @@ const Jr = (r) => {
     function v() {
       y && y(), f && f(), s.cancelToken && s.cancelToken.unsubscribe(d), s.signal && s.signal.removeEventListener("abort", d);
     }
-    let m = new XMLHttpRequest();
-    m.open(s.method.toUpperCase(), s.url, !0), m.timeout = s.timeout;
+    let g = new XMLHttpRequest();
+    g.open(s.method.toUpperCase(), s.url, !0), g.timeout = s.timeout;
     function x() {
-      if (!m)
+      if (!g)
         return;
       const C = W.from(
-        "getAllResponseHeaders" in m && m.getAllResponseHeaders()
+        "getAllResponseHeaders" in g && g.getAllResponseHeaders()
       ), B = {
-        data: !n || n === "text" || n === "json" ? m.responseText : m.response,
-        status: m.status,
-        statusText: m.statusText,
+        data: !n || n === "text" || n === "json" ? g.responseText : g.response,
+        status: g.status,
+        statusText: g.statusText,
         headers: C,
         config: r,
-        request: m
+        request: g
       };
       Wr(function(J) {
         t(J), v();
       }, function(J) {
         i(J), v();
-      }, B), 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 B = T && T.message ? T.message : "Network Error", he = new $(B, $.ERR_NETWORK, r, m);
-      he.event = T || null, i(he), m = null;
-    }, m.ontimeout = function() {
+      }, B), g = null;
+    }
+    "onloadend" in g ? g.onloadend = x : g.onreadystatechange = function() {
+      !g || g.readyState !== 4 || g.status === 0 && !(g.responseURL && g.responseURL.indexOf("file:") === 0) || setTimeout(x);
+    }, g.onabort = function() {
+      g && (i(new $("Request aborted", $.ECONNABORTED, r, g)), g = null);
+    }, g.onerror = function(T) {
+      const B = T && T.message ? T.message : "Network Error", he = new $(B, $.ERR_NETWORK, r, g);
+      he.event = T || null, i(he), g = null;
+    }, g.ontimeout = function() {
       let T = s.timeout ? "timeout of " + s.timeout + "ms exceeded" : "timeout exceeded";
       const B = s.transitional || Vr;
       s.timeoutErrorMessage && (T = s.timeoutErrorMessage), i(new $(
         T,
         B.clarifyTimeoutError ? $.ETIMEDOUT : $.ECONNABORTED,
         r,
-        m
-      )), m = null;
-    }, o === void 0 && a.setContentType(null), "setRequestHeader" in m && l.forEach(a.toJSON(), function(T, B) {
-      m.setRequestHeader(B, T);
-    }), l.isUndefined(s.withCredentials) || (m.withCredentials = !!s.withCredentials), n && n !== "json" && (m.responseType = s.responseType), p && ([b, f] = lt(p, !0), m.addEventListener("progress", b)), c && m.upload && ([h, y] = lt(c), m.upload.addEventListener("progress", h), m.upload.addEventListener("loadend", y)), (s.cancelToken || s.signal) && (d = (C) => {
-      m && (i(!C || C.type ? new Re(null, r, m) : C), m.abort(), m = null);
+        g
+      )), g = null;
+    }, o === void 0 && a.setContentType(null), "setRequestHeader" in g && l.forEach(a.toJSON(), function(T, B) {
+      g.setRequestHeader(B, T);
+    }), l.isUndefined(s.withCredentials) || (g.withCredentials = !!s.withCredentials), n && n !== "json" && (g.responseType = s.responseType), p && ([b, f] = lt(p, !0), g.addEventListener("progress", b)), c && g.upload && ([h, y] = lt(c), g.upload.addEventListener("progress", h), g.upload.addEventListener("loadend", y)), (s.cancelToken || s.signal) && (d = (C) => {
+      g && (i(!C || C.type ? new Re(null, r, g) : C), g.abort(), g = null);
     }, s.cancelToken && s.cancelToken.subscribe(d), s.signal && (s.signal.aborted ? d() : s.signal.addEventListener("abort", d)));
     const _ = Yo(s.url);
     if (_ && q.protocols.indexOf(_) === -1) {
       i(new $("Unsupported protocol " + _ + ":", $.ERR_BAD_REQUEST, r));
       return;
     }
-    m.send(o || null);
+    g.send(o || null);
   });
 }, ra = (r, e) => {
   const { length: t } = r = r ? r.filter(Boolean) : [];
@@ -9447,7 +9419,7 @@ const Jr = (r) => {
   } finally {
     await e.cancel();
   }
-}, mr = (r, e, t, i) => {
+}, gr = (r, e, t, i) => {
   const s = ia(r, e);
   let o = 0, a, n = (c) => {
     a || (a = !0, i && i(c));
@@ -9509,11 +9481,11 @@ const Jr = (r) => {
     stream: d && ((f) => f.body)
   };
   s && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((f) => {
-    !h[f] && (h[f] = (v, m) => {
+    !h[f] && (h[f] = (v, g) => {
       let x = v && v[f];
       if (x)
         return x.call(v);
-      throw new $(`Response type '${f}' is not supported`, $.ERR_NOT_SUPPORT, m);
+      throw new $(`Response type '${f}' is not supported`, $.ERR_NOT_SUPPORT, g);
     });
   });
   const b = async (f) => {
@@ -9531,13 +9503,13 @@ const Jr = (r) => {
     if (l.isURLSearchParams(f) && (f = f + ""), l.isString(f))
       return (await c(f)).byteLength;
   }, y = async (f, v) => {
-    const m = l.toFiniteNumber(f.getContentLength());
-    return m ?? b(v);
+    const g = l.toFiniteNumber(f.getContentLength());
+    return g ?? b(v);
   };
   return async (f) => {
     let {
       url: v,
-      method: m,
+      method: g,
       data: x,
       signal: _,
       cancelToken: C,
@@ -9556,7 +9528,7 @@ const Jr = (r) => {
     });
     let Vt;
     try {
-      if (he && p && m !== "get" && m !== "head" && (Vt = await y(bt, x)) !== 0) {
+      if (he && p && g !== "get" && g !== "head" && (Vt = await y(bt, x)) !== 0) {
         let le = new t(v, {
           method: "POST",
           body: x,
@@ -9567,14 +9539,14 @@ const Jr = (r) => {
             Vt,
             lt(fr(he))
           );
-          x = mr(le.body, br, vt, et);
+          x = gr(le.body, br, vt, et);
         }
       }
       l.isString(Ge) || (Ge = Ge ? "include" : "omit");
       const re = o && "credentials" in t.prototype, Zt = {
         ...Ht,
         signal: Qe,
-        method: m.toUpperCase(),
+        method: g.toUpperCase(),
         headers: bt.normalize().toJSON(),
         body: x,
         duplex: "half",
@@ -9593,7 +9565,7 @@ const Jr = (r) => {
           lt(fr(B), !0)
         ) || [];
         ne = new i(
-          mr(ne.body, br, vt, () => {
+          gr(ne.body, br, vt, () => {
             et && et(), pe && pe();
           }),
           le
@@ -9712,14 +9684,14 @@ function $r(r) {
     ), i.response.headers = W.from(i.response.headers))), Promise.reject(i);
   });
 }
-const Qr = "1.13.2", mt = {};
+const Qr = "1.13.2", gt = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((r, e) => {
-  mt[r] = function(i) {
+  gt[r] = function(i) {
     return typeof i === r || "a" + (e < 1 ? "n " : " ") + r;
   };
 });
 const kr = {};
-mt.transitional = function(e, t, i) {
+gt.transitional = function(e, t, i) {
   function s(o, a) {
     return "[Axios v" + Qr + "] Transitional option '" + o + "'" + a + (i ? ". " + i : "");
   }
@@ -9732,7 +9704,7 @@ mt.transitional = function(e, t, i) {
     return t && !kr[a] && (kr[a] = !0), e ? e(o, a, n) : !0;
   };
 };
-mt.spelling = function(e) {
+gt.spelling = function(e) {
   return (t, i) => !0;
 };
 function ha(r, e, t) {
@@ -9754,7 +9726,7 @@ function ha(r, e, t) {
 }
 const ot = {
   assertOptions: ha,
-  validators: mt
+  validators: gt
 }, se = ot.validators;
 class be {
   constructor(e) {
@@ -9836,8 +9808,8 @@ class be {
       const f = n[h++], v = n[h++];
       try {
         y = f(y);
-      } catch (m) {
-        v.call(this, m);
+      } catch (g) {
+        v.call(this, g);
         break;
       }
     }
@@ -10047,7 +10019,7 @@ P.CanceledError = Re;
 P.CancelToken = Ft;
 P.isCancel = Yr;
 P.VERSION = Qr;
-P.toFormData = gt;
+P.toFormData = mt;
 P.AxiosError = $;
 P.Cancel = P.CanceledError;
 P.all = function(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cal.macconnachie/web-components",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "description": "Web components hosted on a CDN",
   "keywords": [
     "web-components",