@cal.macconnachie/web-components 2.5.5 → 2.5.7

package/dist/index.js

@@ -35,7 +35,7 @@ const ls = (r) => new Dr(typeof r == "string" ? r : r + "", void 0, Mt), B = (r,
   for (const i of e.cssRules) t += i.cssText;
   return ls(t);
 })(r) : r;
-const { is: ds, defineProperty: hs, getOwnPropertyDescriptor: ps, getOwnPropertyNames: us, getOwnPropertySymbols: fs, getPrototypeOf: gs } = Object, ut = globalThis, rr = ut.trustedTypes, ms = rr ? rr.emptyScript : "", bs = ut.reactiveElementPolyfillSupport, Ue = (r, e) => r, dt = { toAttribute(r, e) {
+const { is: ds, defineProperty: hs, getOwnPropertyDescriptor: ps, getOwnPropertyNames: us, getOwnPropertySymbols: gs, getPrototypeOf: fs } = Object, ut = globalThis, rr = ut.trustedTypes, ms = rr ? rr.emptyScript : "", bs = ut.reactiveElementPolyfillSupport, Ue = (r, e) => r, dt = { toAttribute(r, e) {
   switch (e) {
     case Boolean:
       r = r ? ms : null;
@@ -94,13 +94,13 @@ let Se = class extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(Ue("elementProperties"))) return;
-    const e = gs(this);
+    const e = fs(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(Ue("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Ue("properties"))) {
-      const t = this.properties, i = [...us(t), ...fs(t)];
+      const t = this.properties, i = [...us(t), ...gs(t)];
       for (const s of i) this.createProperty(s, t[s]);
     }
     const e = this[Symbol.metadata];
@@ -247,9 +247,9 @@ let Se = class extends HTMLElement {
   }
 };
 Se.elementStyles = [], Se.shadowRootOptions = { mode: "open" }, Se[Ue("elementProperties")] = /* @__PURE__ */ new Map(), Se[Ue("finalized")] = /* @__PURE__ */ new Map(), bs?.({ ReactiveElement: Se }), (ut.reactiveElementVersions ??= []).push("2.1.1");
-const Lt = globalThis, ht = Lt.trustedTypes, ir = ht ? ht.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Or = "$lit$", he = `lit$${Math.random().toFixed(9).slice(2)}$`, Pr = "?" + he, vs = `<${Pr}>`, we = document, Fe = () => we.createComment(""), He = (r) => r === null || typeof r != "object" && typeof r != "function", Bt = Array.isArray, ys = (r) => Bt(r) || typeof r?.[Symbol.iterator] == "function", St = `[ 	
-\f\r]`, Le = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, or = /-->/g, ar = />/g, ge = RegExp(`>|${St}(?:([^\\s"'>=/]+)(${St}*=${St}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), nr = /'/g, lr = /"/g, Rr = /^(?:script|style|textarea|title)$/i, ws = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), f = ws(1), ne = Symbol.for("lit-noChange"), k = Symbol.for("lit-nothing"), cr = /* @__PURE__ */ new WeakMap(), be = we.createTreeWalker(we, 129);
+const Lt = globalThis, ht = Lt.trustedTypes, ir = ht ? ht.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Or = "$lit$", he = `lit$${Math.random().toFixed(9).slice(2)}$`, Pr = "?" + he, vs = `<${Pr}>`, we = document, He = () => we.createComment(""), Fe = (r) => r === null || typeof r != "object" && typeof r != "function", Bt = Array.isArray, ys = (r) => Bt(r) || typeof r?.[Symbol.iterator] == "function", St = `[ 	
+\f\r]`, Le = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, or = /-->/g, ar = />/g, fe = RegExp(`>|${St}(?:([^\\s"'>=/]+)(${St}*=${St}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), nr = /'/g, lr = /"/g, Rr = /^(?:script|style|textarea|title)$/i, ws = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), g = ws(1), ne = Symbol.for("lit-noChange"), k = Symbol.for("lit-nothing"), cr = /* @__PURE__ */ new WeakMap(), be = we.createTreeWalker(we, 129);
 function zr(r, e) {
   if (!Bt(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return ir !== void 0 ? ir.createHTML(e) : e;
@@ -260,8 +260,8 @@ const xs = (r, e) => {
   for (let n = 0; n < t; n++) {
     const l = r[n];
     let h, c, p = -1, b = 0;
-    for (; b < l.length && (a.lastIndex = b, c = a.exec(l), c !== null); ) b = a.lastIndex, a === Le ? c[1] === "!--" ? a = or : c[1] !== void 0 ? a = ar : c[2] !== void 0 ? (Rr.test(c[2]) && (s = RegExp("</" + c[2], "g")), a = ge) : c[3] !== void 0 && (a = ge) : a === ge ? c[0] === ">" ? (a = s ?? Le, p = -1) : c[1] === void 0 ? p = -2 : (p = a.lastIndex - c[2].length, h = c[1], a = c[3] === void 0 ? ge : c[3] === '"' ? lr : nr) : a === lr || a === nr ? a = ge : a === or || a === ar ? a = Le : (a = ge, s = void 0);
-    const y = a === ge && r[n + 1].startsWith("/>") ? " " : "";
+    for (; b < l.length && (a.lastIndex = b, c = a.exec(l), c !== null); ) b = a.lastIndex, a === Le ? c[1] === "!--" ? a = or : c[1] !== void 0 ? a = ar : c[2] !== void 0 ? (Rr.test(c[2]) && (s = RegExp("</" + c[2], "g")), a = fe) : c[3] !== void 0 && (a = fe) : a === fe ? c[0] === ">" ? (a = s ?? Le, p = -1) : c[1] === void 0 ? p = -2 : (p = a.lastIndex - c[2].length, h = c[1], a = c[3] === void 0 ? fe : c[3] === '"' ? lr : nr) : a === lr || a === nr ? a = fe : a === or || a === ar ? a = Le : (a = fe, s = void 0);
+    const y = a === fe && r[n + 1].startsWith("/>") ? " " : "";
     o += a === Le ? l + vs : p >= 0 ? (i.push(h), l.slice(0, p) + Or + l.slice(p) + he + y) : l + he + (p === -2 ? n : y);
   }
   return [zr(r, o + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
@@ -279,15 +279,15 @@ class je {
     for (; (s = be.nextNode()) !== null && l.length < n; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(Or)) {
-          const b = c[a++], y = s.getAttribute(p).split(he), g = /([.?@])?(.*)/.exec(b);
-          l.push({ type: 1, index: o, name: g[2], strings: y, ctor: g[1] === "." ? ks : g[1] === "?" ? Ss : g[1] === "@" ? _s : ft }), s.removeAttribute(p);
+          const b = c[a++], y = s.getAttribute(p).split(he), f = /([.?@])?(.*)/.exec(b);
+          l.push({ type: 1, index: o, name: f[2], strings: y, ctor: f[1] === "." ? ks : f[1] === "?" ? Ss : f[1] === "@" ? _s : gt }), s.removeAttribute(p);
         } else p.startsWith(he) && (l.push({ type: 6, index: o }), s.removeAttribute(p));
         if (Rr.test(s.tagName)) {
           const p = s.textContent.split(he), b = p.length - 1;
           if (b > 0) {
             s.textContent = ht ? ht.emptyScript : "";
-            for (let y = 0; y < b; y++) s.append(p[y], Fe()), be.nextNode(), l.push({ type: 2, index: ++o });
-            s.append(p[b], Fe());
+            for (let y = 0; y < b; y++) s.append(p[y], He()), be.nextNode(), l.push({ type: 2, index: ++o });
+            s.append(p[b], He());
           }
         }
       } else if (s.nodeType === 8) if (s.data === Pr) l.push({ type: 2, index: o });
@@ -306,7 +306,7 @@ class je {
 function _e(r, e, t = r, i) {
   if (e === ne) return e;
   let s = i !== void 0 ? t._$Co?.[i] : t._$Cl;
-  const o = He(e) ? void 0 : e._$litDirective$;
+  const o = Fe(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 = _e(r, s._$AS(r, e.values), s, i)), e;
 }
 let $s = class {
@@ -356,7 +356,7 @@ class Ce {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = _e(this, e, t), He(e) ? e === k || e == null || e === "" ? (this._$AH !== k && this._$AR(), this._$AH = k) : e !== this._$AH && e !== ne && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : ys(e) ? this.k(e) : this._(e);
+    e = _e(this, e, t), Fe(e) ? e === k || e == null || e === "" ? (this._$AH !== k && this._$AR(), this._$AH = k) : e !== this._$AH && e !== ne && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : ys(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -365,7 +365,7 @@ class Ce {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== k && He(this._$AH) ? this._$AA.nextSibling.data = e : this.T(we.createTextNode(e)), this._$AH = e;
+    this._$AH !== k && Fe(this._$AH) ? this._$AA.nextSibling.data = e : this.T(we.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     const { values: t, _$litType$: i } = e, s = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = je.createElement(zr(i.h, i.h[0]), this.options)), i);
@@ -383,7 +383,7 @@ class Ce {
     Bt(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let i, s = 0;
-    for (const o of e) s === t.length ? t.push(i = new Ce(this.O(Fe()), this.O(Fe()), this, this.options)) : i = t[s], i._$AI(o), s++;
+    for (const o of e) s === t.length ? t.push(i = new Ce(this.O(He()), this.O(He()), this, this.options)) : i = t[s], i._$AI(o), s++;
     s < t.length && (this._$AR(i && i._$AB.nextSibling, s), t.length = s);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -396,7 +396,7 @@ class Ce {
     this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
   }
 }
-class ft {
+class gt {
   get tagName() {
     return this.element.tagName;
   }
@@ -409,11 +409,11 @@ class ft {
   _$AI(e, t = this, i, s) {
     const o = this.strings;
     let a = !1;
-    if (o === void 0) e = _e(this, e, t, 0), a = !He(e) || e !== this._$AH && e !== ne, a && (this._$AH = e);
+    if (o === void 0) e = _e(this, e, t, 0), a = !Fe(e) || e !== this._$AH && e !== ne, a && (this._$AH = e);
     else {
       const n = e;
       let l, h;
-      for (e = o[0], l = 0; l < o.length - 1; l++) h = _e(this, n[i + l], t, l), h === ne && (h = this._$AH[l]), a ||= !He(h) || h !== this._$AH[l], h === k ? e = k : e !== k && (e += (h ?? "") + o[l + 1]), this._$AH[l] = h;
+      for (e = o[0], l = 0; l < o.length - 1; l++) h = _e(this, n[i + l], t, l), h === ne && (h = this._$AH[l]), a ||= !Fe(h) || h !== this._$AH[l], h === k ? e = k : e !== k && (e += (h ?? "") + o[l + 1]), this._$AH[l] = h;
     }
     a && !s && this.j(e);
   }
@@ -421,7 +421,7 @@ class ft {
     e === k ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class ks extends ft {
+class ks extends gt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -429,7 +429,7 @@ class ks extends ft {
     this.element[this.name] = e === k ? void 0 : e;
   }
 }
-class Ss extends ft {
+class Ss extends gt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -437,7 +437,7 @@ class Ss extends ft {
     this.element.toggleAttribute(this.name, !!e && e !== k);
   }
 }
-class _s extends ft {
+class _s extends gt {
   constructor(e, t, i, s, o) {
     super(e, t, i, s, o), this.type = 5;
   }
@@ -468,7 +468,7 @@ const Ts = (r, e, t) => {
   let s = i._$litPart$;
   if (s === void 0) {
     const o = t?.renderBefore ?? null;
-    i._$litPart$ = s = new Ce(e.insertBefore(Fe(), o), o, void 0, t ?? {});
+    i._$litPart$ = s = new Ce(e.insertBefore(He(), o), o, void 0, t ?? {});
   }
   return s._$AI(r), s;
 };
@@ -539,7 +539,7 @@ function V(r, e) {
   };
 }
 const Ut = { ATTRIBUTE: 1, CHILD: 2 }, qt = (r) => (...e) => ({ _$litDirective$: r, values: e });
-class Ft {
+class Ht {
   constructor(e) {
   }
   get _$AU() {
@@ -582,7 +582,7 @@ const hr = (r, e, t) => {
   const i = /* @__PURE__ */ new Map();
   for (let s = e; s <= t; s++) i.set(r[s], s);
   return i;
-}, pr = qt(class extends Ft {
+}, pr = qt(class extends Ht {
   constructor(r) {
     if (super(r), r.type !== Ut.CHILD) throw Error("repeat() can only be used in text expressions");
   }
@@ -601,14 +601,14 @@ const hr = (r, e, t) => {
     const s = Ls(r), { values: o, keys: a } = this.dt(e, t, i);
     if (!Array.isArray(s)) return this.ut = a, o;
     const n = this.ut ??= [], l = [];
-    let h, c, p = 0, b = s.length - 1, y = 0, g = o.length - 1;
-    for (; p <= b && y <= g; ) if (s[p] === null) p++;
+    let h, c, p = 0, b = s.length - 1, y = 0, f = o.length - 1;
+    for (; p <= b && y <= f; ) if (s[p] === null) p++;
     else if (s[b] === null) b--;
     else if (n[p] === a[y]) l[y] = me(s[p], o[y]), p++, y++;
-    else if (n[b] === a[g]) l[g] = me(s[b], o[g]), b--, g--;
-    else if (n[p] === a[g]) l[g] = me(s[p], o[g]), Be(r, l[g + 1], s[p]), p++, g--;
+    else if (n[b] === a[f]) l[f] = me(s[b], o[f]), b--, f--;
+    else if (n[p] === a[f]) l[f] = me(s[p], o[f]), Be(r, l[f + 1], s[p]), p++, f--;
     else if (n[b] === a[y]) l[y] = me(s[b], o[y]), Be(r, s[p], s[b]), b--, y++;
-    else if (h === void 0 && (h = hr(a, y, g), c = hr(n, p, b)), h.has(n[p])) if (h.has(n[b])) {
+    else if (h === void 0 && (h = hr(a, y, f), c = hr(n, p, b)), h.has(n[p])) if (h.has(n[b])) {
       const v = c.get(a[y]), m = v !== void 0 ? s[v] : null;
       if (m === null) {
         const x = Be(r, s[p]);
@@ -617,8 +617,8 @@ const hr = (r, e, t) => {
       y++;
     } else _t(s[b]), b--;
     else _t(s[p]), p++;
-    for (; y <= g; ) {
-      const v = Be(r, l[g + 1]);
+    for (; y <= f; ) {
+      const v = Be(r, l[f + 1]);
       me(v, o[y]), l[y++] = v;
     }
     for (; p <= b; ) {
@@ -689,7 +689,7 @@ const R = ({
       password: p,
       accessToken: b,
       refreshToken: y,
-      idToken: g
+      idToken: f
     }) => {
       const v = await fetch(`${r}${e.login}`, {
         method: "POST",
@@ -702,7 +702,7 @@ const R = ({
           password: p,
           accessToken: b,
           refreshToken: y,
-          idToken: g
+          idToken: f
         })
       });
       if (!v.ok) {
@@ -775,7 +775,7 @@ const R = ({
       password: p,
       phone_number: b,
       family_name: y,
-      given_name: g,
+      given_name: f,
       code: v
     }) => {
       const m = await fetch(`${r}${e.register}`, {
@@ -789,7 +789,7 @@ const R = ({
           password: p,
           phone_number: b,
           family_name: y,
-          given_name: g,
+          given_name: f,
           code: v
         })
       });
@@ -834,8 +834,8 @@ const R = ({
         })
       });
       if (!y.ok) {
-        const g = await y.json();
-        throw new Error(g.message || g.error || "Failed to reset password");
+        const f = await y.json();
+        throw new Error(f.message || f.error || "Failed to reset password");
       }
       return y.json();
     }
@@ -844,7 +844,7 @@ const R = ({
   if (r) return r;
   const e = new URL(window.location.href);
   return Us.forEach((t) => e.searchParams.delete(t)), e.toString();
-}, Fs = ({
+}, Hs = ({
   domain: r,
   cognitoRegion: e,
   userPoolId: t,
@@ -898,7 +898,7 @@ const R = ({
   }, y = async () => {
     const x = await b();
     window.location.href = x;
-  }, g = (x) => {
+  }, f = (x) => {
     const _ = sessionStorage.getItem("oauth_state");
     return sessionStorage.removeItem("oauth_state"), _ === x;
   }, v = () => {
@@ -908,7 +908,7 @@ const R = ({
   return {
     redirectToGoogleAuth: p,
     redirectToAppleAuth: y,
-    validateState: g,
+    validateState: f,
     getCodeVerifier: v,
     exchangeCodeForTokens: async (x) => {
       const _ = v();
@@ -935,10 +935,10 @@ const R = ({
     }
   };
 };
-var Hs = Object.defineProperty, E = (r, e, t, i) => {
+var Fs = Object.defineProperty, E = (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 && Hs(e, t, s), s;
+  return s && Fs(e, t, s), s;
 };
 const js = [
   "code",
@@ -1160,7 +1160,7 @@ class C extends M {
       return null;
     if (!this.oauthService) {
       const e = this.oauthRedirectUri?.trim() ? this.oauthRedirectUri.trim() : void 0;
-      this.oauthService = Fs({
+      this.oauthService = Hs({
         domain: this.oauthDomain.trim(),
         cognitoRegion: this.oauthRegion.trim(),
         userPoolId: this.oauthUserPoolId.trim(),
@@ -1362,8 +1362,8 @@ class C extends M {
     }
   }
   render() {
-    return this.isLoading && this.hasHandledOAuthCallback ? f`
-        ${this.logoUrl.length > 0 ? f`
+    return this.isLoading && this.hasHandledOAuthCallback ? g`
+        ${this.logoUrl.length > 0 ? g`
               <header class="modal-header">
                 <div class="auth-header">
                 <img
@@ -1393,9 +1393,9 @@ class C extends M {
             ${this.renderAlerts()}
           </div>
         </div>
-      ` : this.isLoggedIn ? f`
+      ` : this.isLoggedIn ? g`
         <!-- Header -->
-        ${this.logoUrl.length > 0 ? f`
+        ${this.logoUrl.length > 0 ? g`
               <header class="modal-header">
                 <div class="auth-header">
                 <img
@@ -1425,9 +1425,9 @@ class C extends M {
             ${this.renderAlerts()}
           </div>
         </div>
-      ` : f`
+      ` : g`
       <!-- Header -->
-      ${(!this.mode || this.resetStep === "none") && this.logoUrl.length > 0 && this.mode === "signin" ? f`
+      ${(!this.mode || this.resetStep === "none") && this.logoUrl.length > 0 && this.mode === "signin" ? g`
             <header class="modal-header">
 
                 <div class="auth-header">
@@ -1461,7 +1461,7 @@ class C extends M {
   }
   renderFormContent() {
     if (this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form"))
-      return f`
+      return g`
         <!-- Email -->
         <base-input
           id="email-input"
@@ -1487,7 +1487,7 @@ class C extends M {
           @input=${(e) => this.password = e.detail.value}
         ></base-input>
 
-        ${this.mode === "signin" && this.error ? f`
+        ${this.mode === "signin" && this.error ? g`
               <div class="forgot-row">
                 <button type="button" class="text-btn" @click=${this.startReset}>
                   Forgot your password?
@@ -1495,7 +1495,7 @@ class C extends M {
               </div>
             ` : k}
 
-        ${this.mode === "signup" ? f`
+        ${this.mode === "signup" ? g`
               <!-- Confirm Password -->
               <base-input
                 type="password"
@@ -1534,14 +1534,14 @@ class C extends M {
             ` : k}
       `;
     if (this.mode === "signup" && this.signupStep === "otp")
-      return f`
+      return g`
         <div class="otp-section">
           <label class="otp-label">Enter 6-digit code</label>
           <div class="otp-inputs" role="group" aria-label="One time code">
             ${pr(
         Array.from({ length: 6 }, (e, t) => t),
         (e) => e,
-        (e) => f`
+        (e) => g`
                 <input
                   class="otp-input signup-otp-input ${this.errors.signup_otp ? "otp-input--error" : ""}"
                   type="text"
@@ -1558,7 +1558,7 @@ class C extends M {
               `
       )}
           </div>
-          ${this.errors.signup_otp ? f`<p class="otp-error">${this.errors.signup_otp}</p>` : k}
+          ${this.errors.signup_otp ? g`<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 C extends M {
         </div>
       `;
     if (this.resetStep === "request")
-      return f`
+      return g`
         <base-input
           id="email-input"
           type="email"
@@ -1587,7 +1587,7 @@ class C extends M {
       `;
     if (this.resetStep === "confirm") {
       const e = this.otpDigits.every((t) => /^\d$/.test(t));
-      return f`
+      return g`
         <base-input
           type="email"
           label="Email Address"
@@ -1605,7 +1605,7 @@ class C extends M {
             ${pr(
         Array.from({ length: 6 }, (t, i) => i),
         (t) => t,
-        (t) => f`
+        (t) => g`
                 <input
                   class="otp-input reset-otp-input ${this.errors.otp ? "otp-input--error" : ""}"
                   type="text"
@@ -1622,10 +1622,10 @@ class C extends M {
               `
       )}
           </div>
-          ${this.errors.otp ? f`<p class="otp-error">${this.errors.otp}</p>` : k}
+          ${this.errors.otp ? g`<p class="otp-error">${this.errors.otp}</p>` : k}
         </div>
 
-        ${e ? f`
+        ${e ? g`
               <div class="new-password-fields">
                 <base-input
                   type="password"
@@ -1662,7 +1662,7 @@ class C extends M {
   }
   renderActions() {
     if (this.resetStep === "request")
-      return f`
+      return g`
         <base-button
           type="submit"
           variant="primary"
@@ -1675,7 +1675,7 @@ class C extends M {
         </base-button>
       `;
     if (this.resetStep === "confirm")
-      return this.otpDigits.every((t) => /^\d$/.test(t)) ? f`
+      return this.otpDigits.every((t) => /^\d$/.test(t)) ? g`
           <base-button
             type="submit"
             variant="primary"
@@ -1689,7 +1689,7 @@ class C extends M {
         ` : k;
     if (this.mode === "signup" && this.signupStep === "otp") {
       const e = this.signupOtpDigits.every((t) => /^\d$/.test(t));
-      return f`
+      return g`
         <base-button
           type="submit"
           variant="primary"
@@ -1702,7 +1702,7 @@ class C extends M {
         </base-button>
       `;
     }
-    return f`
+    return g`
       <base-button
         type="submit"
         variant="primary"
@@ -1714,7 +1714,7 @@ class C extends M {
         ${this.isLoading ? "Loading..." : this.mode === "signup" ? "Continue" : "Sign In"}
       </base-button>
 
-      ${this.isOAuthConfigured() && this.mode === "signin" ? f`
+      ${this.isOAuthConfigured() && this.mode === "signin" ? g`
             <div class="button-row">
               <button
                 type="button"
@@ -1738,8 +1738,8 @@ class C extends M {
     `;
   }
   renderAlerts() {
-    return f`
-      ${this.notice ? f`
+    return g`
+      ${this.notice ? g`
             <div class="alert alert--success">
               ${this.notice}
               <button class="alert-close" @click=${() => this.notice = ""} aria-label="Dismiss">
@@ -1747,7 +1747,7 @@ class C extends M {
               </button>
             </div>
           ` : k}
-      ${this.error && !this.isLoading ? f`
+      ${this.error && !this.isLoading ? g`
             <div class="alert alert--error">
               ${this.error}
               <button class="alert-close" @click=${() => this.error = ""} aria-label="Dismiss">
@@ -1758,7 +1758,7 @@ class C extends M {
     `;
   }
   renderFooter() {
-    return this.isLoggedIn ? k : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? this.disableSignup ? k : f`
+    return this.isLoggedIn ? k : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? this.disableSignup ? k : g`
         <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 C extends M {
             ${this.mode === "signup" ? "Sign In" : "Sign Up"}
           </button>
         </div>
-      ` : f`
+      ` : g`
       <div class="auth-footer">
         <p class="toggle-text">
           Having trouble? Email
@@ -1777,7 +1777,7 @@ class C extends M {
     `;
   }
   renderGoogleIcon() {
-    return f`
+    return g`
       <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 C extends M {
     `;
   }
   renderAppleIcon() {
-    return f`
+    return g`
       <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>
@@ -2154,7 +2154,7 @@ E([
 E([
   V("#email-input")
 ], C.prototype, "emailInput");
-const S = qt(class extends Ft {
+const S = qt(class extends Ht {
   constructor(r) {
     if (super(r), r.type !== Ut.ATTRIBUTE || r.name !== "class" || r.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
@@ -2623,7 +2623,7 @@ class pe extends M {
       "base-button--loading": this.loading,
       [`base-button--hover-${this.hover}`]: !!this.hover
     };
-    return f`
+    return g`
       <button
         class=${S(e)}
         type=${this.type}
@@ -2633,7 +2633,7 @@ class pe extends M {
           <span class=${S({ "button-text": !0, hidden: this.loading })}>
             <slot></slot>
           </span>
-          ${this.loading ? f`
+          ${this.loading ? g`
                 <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 Ee extends M {
       [`base-card--padding-${this.padding}`]: !0,
       "base-card--hoverable": this.hoverable,
       "base-card--expandable": this.expandable
-    }, t = f`
+    }, t = g`
       <div class=${S(e)}>
-        ${this.expandable && !this.isExpanded ? f`
+        ${this.expandable && !this.isExpanded ? g`
               <button
                 class="expand-btn"
                 aria-label="Expand card"
@@ -2925,7 +2925,7 @@ class Ee extends M {
         <slot></slot>
       </div>
     `;
-    return this.isExpanded ? f`
+    return this.isExpanded ? g`
         <div class="expanded-overlay" @click=${this.handleOverlayClick}>
           <div class="expanded-card">
             ${t}
@@ -3561,12 +3561,12 @@ class P extends M {
       "date-display--empty": !this.value,
       "date-disabled": this.disabled
     };
-    return f`
+    return g`
       <div class="date-picker-group">
-        ${this.label ? f`
+        ${this.label ? g`
               <label for=${this.inputId} class="date-picker-label">
                 ${this.label}
-                ${this.required ? f`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -3590,7 +3590,7 @@ class P extends M {
             <base-icon name="calendar-day" size="20px"></base-icon>
           </div>
 
-          ${this.isOpen ? f`
+          ${this.isOpen ? g`
                 <div class="calendar-overlay" @click=${this.closeCalendar}></div>
                 <div
                   class=${S({
@@ -3601,12 +3601,12 @@ class P extends M {
                   role="dialog"
                   aria-label="Choose date"
                 >
-                  ${this.showMonthPicker ? f`
+                  ${this.showMonthPicker ? g`
                         <div class="picker-overlay">
                           <div class="month-picker-container">
                             <div class="month-picker-grid">
                               ${this.monthNames.map(
-      (s, o) => f`
+      (s, o) => g`
                                   <div
                                     class=${S({
         "month-item": !0,
@@ -3621,7 +3621,7 @@ class P extends M {
                             </div>
                           </div>
                         </div>
-                      ` : this.showYearPicker ? f`
+                      ` : this.showYearPicker ? g`
                           <div class="picker-overlay">
                             <div class="year-picker-container">
                               <div class="year-picker-header">
@@ -3645,7 +3645,7 @@ class P extends M {
                               </div>
                               <div class="year-picker-grid">
                                 ${this.yearRange.map(
-      (s) => f`
+      (s) => g`
                                     <div
                                       class=${S({
         "year-item": !0,
@@ -3660,7 +3660,7 @@ class P extends M {
                               </div>
                             </div>
                           </div>
-                        ` : f`
+                        ` : g`
                           <div class="calendar-header">
                             <button
                               type="button"
@@ -3689,12 +3689,12 @@ class P extends M {
                           </div>
 
                           <div class="calendar-weekdays">
-                            ${this.weekDays.map((s) => f`<div class="calendar-weekday">${s}</div>`)}
+                            ${this.weekDays.map((s) => g`<div class="calendar-weekday">${s}</div>`)}
                           </div>
 
                           <div class="calendar-days">
                             ${this.calendarDays.map(
-      (s) => s ? f`
+      (s) => s ? g`
                                       <div
                                         class=${S({
         "calendar-day": !0,
@@ -3706,7 +3706,7 @@ class P extends M {
                                       >
                                         ${s}
                                       </div>
-                                    ` : f`<div class="calendar-day day-empty"></div>`
+                                    ` : g`<div class="calendar-day day-empty"></div>`
     )}
                           </div>
 
@@ -3724,11 +3724,11 @@ class P extends M {
               ` : ""}
         </div>
 
-        ${e ? f`
+        ${e ? g`
               <div id="${this.inputId}-error" class="date-picker-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? f` <div class="date-picker-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? g` <div class="date-picker-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
@@ -4131,12 +4131,12 @@ class L extends M {
       "time-display--empty": !this.value,
       "time-disabled": this.disabled
     };
-    return f`
+    return g`
       <div class="time-picker-group">
-        ${this.label ? f`
+        ${this.label ? g`
               <label for=${this.inputId} class="time-picker-label">
                 ${this.label}
-                ${this.required ? f`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -4166,7 +4166,7 @@ class L extends M {
             </svg>
           </div>
 
-          ${this.isOpen ? f`
+          ${this.isOpen ? g`
                 <div class="time-overlay" @click=${this.closeTimePicker}></div>
                 <div
                   class=${S({
@@ -4182,7 +4182,7 @@ class L extends M {
                       <div class="time-column-label">Hour</div>
                       <div class="time-scroll">
                         ${this.hours.map(
-      (s) => f`
+      (s) => g`
                             <div
                               class=${S({
         "time-option": !0,
@@ -4201,7 +4201,7 @@ class L extends M {
                       <div class="time-column-label">Minute</div>
                       <div class="time-scroll">
                         ${this.minutes.map(
-      (s) => f`
+      (s) => g`
                             <div
                               class=${S({
         "time-option": !0,
@@ -4216,12 +4216,12 @@ class L extends M {
                       </div>
                     </div>
 
-                    ${this.format === "12" ? f`
+                    ${this.format === "12" ? g`
                           <div class="time-column">
                             <div class="time-column-label">Period</div>
                             <div class="time-scroll">
                               ${["AM", "PM"].map(
-      (s) => f`
+      (s) => g`
                                   <div
                                     class=${S({
         "time-option": !0,
@@ -4247,11 +4247,11 @@ class L extends M {
               ` : ""}
         </div>
 
-        ${e ? f`
+        ${e ? g`
               <div id="${this.inputId}-error" class="time-picker-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? f` <div class="time-picker-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? g` <div class="time-picker-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
@@ -4307,7 +4307,7 @@ U([
 U([
   V(".time-container")
 ], L.prototype, "timeContainer");
-var ei = Object.defineProperty, H = (r, e, t, i) => {
+var ei = Object.defineProperty, F = (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;
@@ -4501,12 +4501,12 @@ class q extends M {
       "datetime-pickers--error": e,
       "datetime-pickers--disabled": this.disabled
     };
-    return f`
+    return g`
       <div class="datetime-picker-group">
-        ${this.label ? f`
+        ${this.label ? g`
               <label for=${this.inputId} class="datetime-picker-label">
                 ${this.label}
-                ${this.required ? f`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -4546,61 +4546,61 @@ class q extends M {
           </div>
         </div>
 
-        ${e ? f`
+        ${e ? g`
               <div id="${this.inputId}-error" class="datetime-picker-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? f` <div class="datetime-picker-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? g` <div class="datetime-picker-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
 }
-H([
+F([
   u({ type: String })
 ], q.prototype, "value");
-H([
+F([
   u({ type: String })
 ], q.prototype, "label");
-H([
+F([
   u({ type: String })
 ], q.prototype, "placeholder");
-H([
+F([
   u({ type: Boolean, reflect: !0 })
 ], q.prototype, "required");
-H([
+F([
   u({ type: Boolean, reflect: !0 })
 ], q.prototype, "disabled");
-H([
+F([
   u({ type: String })
 ], q.prototype, "error");
-H([
+F([
   u({ type: String })
 ], q.prototype, "hint");
-H([
+F([
   u({ type: String })
 ], q.prototype, "size");
-H([
+F([
   u({ type: String })
 ], q.prototype, "minDate");
-H([
+F([
   u({ type: String })
 ], q.prototype, "maxDate");
-H([
+F([
   u({ type: String })
 ], q.prototype, "format");
-H([
+F([
   w()
 ], q.prototype, "dateValue");
-H([
+F([
   w()
 ], q.prototype, "timeValue");
-H([
+F([
   w()
 ], q.prototype, "isFocused");
-H([
+F([
   V("base-date-picker")
 ], q.prototype, "datePicker");
-H([
+F([
   V("base-time-picker")
 ], q.prototype, "timePicker");
 var ri = Object.defineProperty, Z = (r, e, t, i) => {
@@ -4662,16 +4662,16 @@ class j extends M {
       let l;
       e < 0 ? l = o + n : l = o - n;
       let h = this.currentDetentIndex;
-      const c = 0.5, p = 1, b = this.isClosable(), y = s[0], g = this.currentDetentIndex === 0;
+      const c = 0.5, p = 1, b = this.isClosable(), y = s[0], f = this.currentDetentIndex === 0;
       if (i > c && Math.abs(e) > 30)
-        e > 0 ? b ? i > p && g && e > 50 || l < y * 0.8 ? h = -1 : h = Math.max(0, this.currentDetentIndex - 1) : h = Math.max(0, this.currentDetentIndex - 1) : h = Math.min(s.length - 1, this.currentDetentIndex + 1);
+        e > 0 ? b ? i > p && f && e > 50 || l < y * 0.8 ? h = -1 : h = Math.max(0, this.currentDetentIndex - 1) : h = Math.max(0, this.currentDetentIndex - 1) : h = Math.min(s.length - 1, this.currentDetentIndex + 1);
       else {
         let _ = 0, A = Math.abs(l - s[0]);
         for (let T = 1; T < s.length; T++) {
           const N = Math.abs(l - s[T]);
           N < A && (A = N, _ = T);
         }
-        h = _, b && (g && l < y * 0.7 || l < y - 5) && (h = -1);
+        h = _, b && (f && l < y * 0.7 || l < y - 5) && (h = -1);
       }
       const v = h < 0, m = this.modalContainer, x = v ? 0 : s[h];
       if (m.style.transition = "none", e < 0) {
@@ -4819,7 +4819,7 @@ class j extends M {
       "modal-container--dragging": this.isDragging,
       [`modal-container--${this.size}`]: !0
     }, i = this.getCurrentDetentHeight(), s = this.getActiveDetents(), o = this.isClosable() || s.length > 1;
-    return f`
+    return g`
       <!-- Drawer Overlay -->
       <div
         class=${S(e)}
@@ -4832,7 +4832,7 @@ class j extends M {
           aria-modal="true"
         >
           <!-- Drawer Handle -->
-          ${o ? f`
+          ${o ? g`
             <div
               class="drawer-handle"
               @click=${this.handleHandleClick}
@@ -5211,7 +5211,7 @@ const ii = `<?xml version="1.0" encoding="UTF-8"?>
   <path class="cls-1" d="M28.72,29.53l-.06-10.01c0-1.1-.9-1.99-2-1.99h-.01c-1.1,0-2,.91-1.99,2.01l.06,9.81c-4.04.77-7.11,4.33-7.11,8.59s3.12,7.88,7.21,8.61l.15,23.93c0,1.1.9,1.99,2,1.99h.01c1.1,0,1.99-.91,1.99-2.01l-.15-24.12c3.64-1.07,6.28-4.44,6.28-8.39s-2.68-7.38-6.38-8.41ZM26.68,42.68c-.11,0-.22.02-.33.02-2.61,0-4.74-2.13-4.74-4.75s2.13-4.75,4.74-4.75h.04c.08,0,.15.01.23.02,2.51.13,4.48,2.21,4.48,4.73s-1.94,4.57-4.42,4.73Z"/>
   <path class="cls-1" d="M47.24,49.24l-.18-29.72c0-1.1-.9-1.99-2-1.99h-.01c-1.1,0-2,.91-1.99,2.01l.18,29.84c-3.74,1.01-6.45,4.4-6.45,8.44s2.76,7.5,6.55,8.46l.03,4.19c0,1.1.9,1.99,2,1.99h.01c1.1,0,1.99-.91,1.99-2.01l-.03-4.07c3.96-.83,6.95-4.35,6.95-8.56s-3.04-7.79-7.05-8.58ZM45.53,62.57s-.09,0-.13,0c-2.58-.08-4.6-2.16-4.6-4.74s2-4.63,4.54-4.74c.04,0,.16,0,.21,0,2.62,0,4.75,2.13,4.75,4.75s-2.12,4.74-4.76,4.75Z"/>
   <path class="cls-1" d="M72.4,35.93c0-4.18-2.95-7.68-6.87-8.54l-.05-7.87c0-1.1-.9-1.99-2-1.99h-.01c-1.1,0-1.99.91-1.99,2.01l.05,7.91c-3.8.95-6.63,4.41-6.63,8.48s2.87,7.57,6.73,8.5l.15,26.04c0,1.1.9,1.99,2,1.99h.01c1.1,0,1.99-.91,1.99-2.01l-.15-26c3.87-.9,6.77-4.37,6.77-8.52ZM63.63,40.68c-2.61-.01-4.73-2.14-4.73-4.75s2.09-4.71,4.67-4.74c.05,0,.11,0,.16,0,2.58.04,4.67,2.16,4.67,4.75s-2.13,4.75-4.77,4.75Z"/>
-</svg>`, fi = `<?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>
@@ -5221,7 +5221,7 @@ const ii = `<?xml version="1.0" encoding="UTF-8"?>
     </style>
   </defs>
   <path class="cls-1" d="M66.9,75.38h-10.67c-2.06,0-3.74-1.68-3.74-3.74v-13.62c0-1.6-1.3-2.91-2.91-2.91h-8.19c-1.6,0-2.91,1.31-2.91,2.91v13.62c0,2.06-1.68,3.74-3.74,3.74h-10.67c-1.92,0-3.48-1.56-3.48-3.48v-28.1h-5.25c-1.01,0-1.92-.6-2.3-1.54s-.17-2,.54-2.72l29.45-29.45c.66-.66,1.53-1.02,2.46-1.02h.02c.93,0,1.8.37,2.45,1.03l29.43,29.43c.72.72.93,1.78.54,2.72s-1.29,1.54-2.3,1.54h-5.25v28.1c0,1.92-1.56,3.48-3.48,3.48ZM56.49,71.38h9.89v-29.58c0-1.1.9-2,2-2h3.61l-26.51-26.51-26.51,26.51h3.61c1.1,0,2,.9,2,2v29.58h9.89v-13.36c0-3.81,3.1-6.91,6.91-6.91h8.19c3.81,0,6.91,3.1,6.91,6.91v13.36ZM74.57,42.37h0,0ZM45.12,12.93h0s0,0,0,0Z"/>
-</svg>`, gi = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, fi = `<?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>
@@ -5339,7 +5339,7 @@ const ii = `<?xml version="1.0" encoding="UTF-8"?>
   <path class="cls-1" d="M66.8,66.28H23.2c-1.1,0-2-.9-2-2v-2.94c0-5.74,4.67-10.42,10.42-10.42h26.77c5.74,0,10.42,4.67,10.42,10.42v2.94c0,1.1-.9,2-2,2ZM25.2,62.28h39.6v-.94c0-3.54-2.88-6.42-6.42-6.42h-26.77c-3.54,0-6.42,2.88-6.42,6.42v.94Z"/>
   <path class="cls-1" d="M45.13,49.37c-7.07,0-12.82-5.75-12.82-12.82s5.75-12.82,12.82-12.82,12.82,5.75,12.82,12.82-5.75,12.82-12.82,12.82ZM45.13,27.72c-4.87,0-8.82,3.96-8.82,8.82s3.96,8.82,8.82,8.82,8.82-3.96,8.82-8.82-3.96-8.82-8.82-8.82Z"/>
 </svg>`;
-class Tt extends Ft {
+class Tt extends Ht {
   constructor(e) {
     if (super(e), this.it = k, e.type !== Ut.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
@@ -5355,7 +5355,7 @@ class Tt extends Ft {
 }
 Tt.directiveName = "unsafeHTML", Tt.resultType = 1;
 const Ir = qt(Tt);
-var Ai = Object.defineProperty, gt = (r, e, t, i) => {
+var Ai = Object.defineProperty, ft = (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 && Ai(e, t, s), s;
@@ -5371,8 +5371,8 @@ const Ci = /* @__PURE__ */ Object.assign({
   "../../public/icons/external-link.svg": hi,
   "../../public/icons/file-cabinet.svg": pi,
   "../../public/icons/filters.svg": ui,
-  "../../public/icons/house.svg": fi,
-  "../../public/icons/moon.svg": gi,
+  "../../public/icons/house.svg": gi,
+  "../../public/icons/moon.svg": fi,
   "../../public/icons/open-email.svg": mi,
   "../../public/icons/paperclip.svg": bi,
   "../../public/icons/reply.svg": vi,
@@ -5436,7 +5436,7 @@ class Te extends M {
     }
   }
   render() {
-    return f`
+    return g`
       <div
         style="
           --icon-size: ${this.size};
@@ -5447,28 +5447,28 @@ class Te extends M {
     `;
   }
 }
-gt([
+ft([
   u({ type: String })
 ], Te.prototype, "name");
-gt([
+ft([
   u({ type: String })
 ], Te.prototype, "size");
-gt([
+ft([
   u({ type: String })
 ], Te.prototype, "color");
-gt([
+ft([
   w()
 ], Te.prototype, "svgContent");
-var Ti = Object.defineProperty, te = (r, e, t, i) => {
+var Ti = Object.defineProperty, re = (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 && Ti(e, t, s), s;
 };
 const Di = () => R({
   name: "base-input",
-  element: Q
+  element: G
 });
-class Q extends M {
+class G extends M {
   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)}`;
   }
@@ -5651,12 +5651,12 @@ class Q extends M {
       "base-input--error": e,
       "base-input--disabled": this.disabled
     };
-    return f`
+    return g`
       <div class="input-group">
-        ${this.label ? f`
+        ${this.label ? g`
               <label for=${this.inputId} class="input-label">
                 ${this.label}
-                ${this.required ? f`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -5682,48 +5682,48 @@ class Q extends M {
           </div>
         </div>
 
-        ${e ? f`
+        ${e ? g`
               <div id="${this.inputId}-error" class="input-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? f` <div class="input-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? g` <div class="input-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
 }
-te([
+re([
   u({ type: String })
-], Q.prototype, "value");
-te([
+], G.prototype, "value");
+re([
   u({ type: String })
-], Q.prototype, "label");
-te([
+], G.prototype, "label");
+re([
   u({ type: String })
-], Q.prototype, "placeholder");
-te([
+], G.prototype, "placeholder");
+re([
   u({ type: String })
-], Q.prototype, "type");
-te([
+], G.prototype, "type");
+re([
   u({ type: Boolean, reflect: !0 })
-], Q.prototype, "required");
-te([
+], G.prototype, "required");
+re([
   u({ type: Boolean, reflect: !0 })
-], Q.prototype, "disabled");
-te([
+], G.prototype, "disabled");
+re([
   u({ type: String })
-], Q.prototype, "error");
-te([
+], G.prototype, "error");
+re([
   u({ type: String })
-], Q.prototype, "hint");
-te([
+], G.prototype, "hint");
+re([
   u({ type: String })
-], Q.prototype, "autocomplete");
-te([
+], G.prototype, "autocomplete");
+re([
   u({ type: String })
-], Q.prototype, "size");
-te([
+], G.prototype, "size");
+re([
   V("input")
-], Q.prototype, "inputElement");
+], G.prototype, "inputElement");
 var Oi = Object.defineProperty, mt = (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);
@@ -5807,7 +5807,7 @@ class Ze extends M {
       [`base-list--${this.variant}`]: !0,
       "base-list--interactive": this.interactive
     };
-    return f`
+    return g`
       <div class=${S(e)} role=${this.role}>
         <slot></slot>
       </div>
@@ -5826,18 +5826,18 @@ mt([
 mt([
   u({ type: String, attribute: "role" })
 ], Ze.prototype, "role");
-var Ri = Object.defineProperty, re = (r, e, t, i) => {
+var Ri = 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 && Ri(e, t, s), s;
 };
 const zi = () => R({
   name: "base-list-item",
-  element: G
+  element: J
 });
-class G extends M {
+class J extends M {
   constructor() {
-    super(...arguments), this.size = "md", this.disabled = !1, this.selected = !1, this.interactive = !1, this.role = "listitem", this.swipeOffset = 0, this.isSwiping = !1, this.desktopActionsOpen = !1, this.desktopActionSide = null, this.touchStartX = 0, this.touchStartY = 0, this.currentX = 0, this.isDragging = !1, this.swipeThreshold = 80, this.documentClickHandler = this.handleDocumentClick.bind(this);
+    super(...arguments), this.size = "md", this.disabled = !1, this.selected = !1, this.interactive = !1, this.noHover = !1, this.role = "listitem", this.swipeOffset = 0, this.isSwiping = !1, this.desktopActionsOpen = !1, this.desktopActionSide = null, this.touchStartX = 0, this.touchStartY = 0, this.currentX = 0, this.isDragging = !1, this.swipeThreshold = 80, this.documentClickHandler = this.handleDocumentClick.bind(this);
   }
   static {
     this.styles = B`
@@ -6028,6 +6028,15 @@ class G extends M {
       background-color: var(--color-bg-secondary, var(--color-bg-muted));
     }
 
+    /* No hover variant - keeps cursor but removes hover effects */
+    .base-list-item--no-hover:hover:not([disabled]) {
+      background-color: var(--list-item-bg, var(--color-bg-primary));
+    }
+
+    .base-list-item--no-hover:active:not([disabled]) {
+      background-color: var(--list-item-bg, var(--color-bg-primary));
+    }
+
     .base-list-item--interactive:focus-visible {
       outline: 2px solid var(--color-border-focus);
       outline-offset: -2px;
@@ -6097,13 +6106,13 @@ class G extends M {
   }
   renderActionIcon(e, t = "24px") {
     const i = e.iconColor || "white";
-    return e.icon.includes("<") ? f`<span
+    return e.icon.includes("<") ? g`<span
         style="display: inline-flex; width: ${t}; height: ${t}; color: ${i};"
         .innerHTML=${e.icon}
-      ></span>` : f`<base-icon
+      ></span>` : g`<base-icon
       name=${e.icon}
       size=${t}
-      color=${i}
+      style="--icon-color: ${i};"
     ></base-icon>`;
   }
   triggerSwipeAction(e) {
@@ -6134,12 +6143,13 @@ class G extends M {
       "base-list-item--interactive": this.interactive,
       "base-list-item--selected": this.selected,
       "base-list-item--swiping": this.isDragging,
-      "base-list-item--desktop-open": this.desktopActionsOpen
+      "base-list-item--desktop-open": this.desktopActionsOpen,
+      "base-list-item--no-hover": this.noHover
     };
     let t = this.swipeOffset;
-    return this.desktopActionsOpen && this.desktopActionSide && (this.desktopActionSide === "left" ? t = 100 : t = -100), f`
+    return this.desktopActionsOpen && this.desktopActionSide && (this.desktopActionSide === "left" ? t = 100 : t = -100), g`
       <div class="list-item-wrapper">
-        ${this.leftSwipeAction ? f`
+        ${this.leftSwipeAction ? g`
               <div class="swipe-actions swipe-actions--left">
                 <button
                   class="swipe-action-button"
@@ -6147,12 +6157,12 @@ class G extends M {
                   @click=${() => this.triggerSwipeAction(this.leftSwipeAction)}
                 >
                   ${this.renderActionIcon(this.leftSwipeAction, "24px")}
-                  ${this.leftSwipeAction.label ? f`<span>${this.leftSwipeAction.label}</span>` : ""}
+                  ${this.leftSwipeAction.label ? g`<span>${this.leftSwipeAction.label}</span>` : ""}
                 </button>
               </div>
             ` : ""}
 
-        ${this.rightSwipeAction ? f`
+        ${this.rightSwipeAction ? g`
               <div class="swipe-actions swipe-actions--right">
                 <button
                   class="swipe-action-button"
@@ -6160,30 +6170,30 @@ class G extends M {
                   @click=${() => this.triggerSwipeAction(this.rightSwipeAction)}
                 >
                   ${this.renderActionIcon(this.rightSwipeAction, "24px")}
-                  ${this.rightSwipeAction.label ? f`<span>${this.rightSwipeAction.label}</span>` : ""}
+                  ${this.rightSwipeAction.label ? g`<span>${this.rightSwipeAction.label}</span>` : ""}
                 </button>
               </div>
             ` : ""}
 
         <!-- Desktop plus icons -->
-        ${this.leftSwipeAction && !this.desktopActionsOpen ? f`
+        ${this.leftSwipeAction && !this.desktopActionsOpen ? g`
               <button
                 class="desktop-plus-icon desktop-plus-icon--left"
                 @click=${(i) => this.handleDesktopActionToggle("left", i)}
                 title="Show action"
                 aria-label="Show action"
               >
-                +
+                ⋮
               </button>
             ` : ""}
-        ${this.rightSwipeAction && !this.desktopActionsOpen ? f`
+        ${this.rightSwipeAction && !this.desktopActionsOpen ? g`
               <button
                 class="desktop-plus-icon desktop-plus-icon--right"
                 @click=${(i) => this.handleDesktopActionToggle("right", i)}
                 title="Show action"
                 aria-label="Show action"
               >
-                +
+                ⋮
               </button>
             ` : ""}
 
@@ -6207,39 +6217,42 @@ class G extends M {
     `;
   }
 }
-re([
+ee([
   u({ type: String, attribute: "size" })
-], G.prototype, "size");
-re([
+], J.prototype, "size");
+ee([
   u({ type: Boolean, reflect: !0, attribute: "disabled" })
-], G.prototype, "disabled");
-re([
+], J.prototype, "disabled");
+ee([
   u({ type: Boolean, reflect: !0, attribute: "selected" })
-], G.prototype, "selected");
-re([
+], J.prototype, "selected");
+ee([
   u({ type: Boolean, reflect: !0, attribute: "interactive" })
-], G.prototype, "interactive");
-re([
+], J.prototype, "interactive");
+ee([
+  u({ type: Boolean, reflect: !0, attribute: "no-hover" })
+], J.prototype, "noHover");
+ee([
   u({ type: String, attribute: "role" })
-], G.prototype, "role");
-re([
+], J.prototype, "role");
+ee([
   u({ type: Object, attribute: "left-swipe-action" })
-], G.prototype, "leftSwipeAction");
-re([
+], J.prototype, "leftSwipeAction");
+ee([
   u({ type: Object, attribute: "right-swipe-action" })
-], G.prototype, "rightSwipeAction");
-re([
+], J.prototype, "rightSwipeAction");
+ee([
   w()
-], G.prototype, "swipeOffset");
-re([
+], J.prototype, "swipeOffset");
+ee([
   w()
-], G.prototype, "isSwiping");
-re([
+], J.prototype, "isSwiping");
+ee([
   w()
-], G.prototype, "desktopActionsOpen");
-re([
+], J.prototype, "desktopActionsOpen");
+ee([
   w()
-], G.prototype, "desktopActionSide");
+], J.prototype, "desktopActionSide");
 var Mi = Object.defineProperty, O = (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);
@@ -6876,7 +6889,7 @@ class D extends M {
     }, 1e3);
   }
   renderChip(e) {
-    return f`
+    return g`
       <div class="chip" role="listitem">
         <span class="chip-label">${e.label}</span>
         <button
@@ -6947,17 +6960,17 @@ class D extends M {
       "select-input--visible": this.searchable && this.isOpen,
       "select-disabled": this.disabled
     };
-    return f`
+    return g`
       <div class="select-group">
-        ${this.label ? f`
+        ${this.label ? g`
               <label for=${this.selectId} class="select-label">
                 ${this.label}
-                ${this.required ? f`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
         <div class=${S(t)}>
-          ${this.multiple ? f`
+          ${this.multiple ? g`
                 <!-- Multiple select mode with chips -->
                 <div
                   id=${this.selectId}
@@ -6974,7 +6987,7 @@ class D extends M {
                 >
                   <div class="chips-container ${this.isOpen && !this.searchable ? "chips-container--open" : ""}" role="list">
                     ${this.selectedOptions.map((o) => this.renderChip(o))}
-                    ${this.searchable ? f`
+                    ${this.searchable ? g`
                           <input
                             id="${this.selectId}-input"
                             class="chips-search-input"
@@ -6989,10 +7002,10 @@ class D extends M {
       this.isOpen || this.toggleDropdown();
     }}
                           />
-                        ` : f`${this.selectedOptions.length === 0 ? f`<span class="chips-placeholder">${this.placeholder}</span>` : ""}`}
+                        ` : g`${this.selectedOptions.length === 0 ? g`<span class="chips-placeholder">${this.placeholder}</span>` : ""}`}
                   </div>
                 </div>
-                ${this.selectedValues.length > 0 && !this.disabled ? f`
+                ${this.selectedValues.length > 0 && !this.disabled ? g`
                       <button
                         type="button"
                         class="clear-all-button"
@@ -7004,7 +7017,7 @@ class D extends M {
                         </svg>
                       </button>
                     ` : ""}
-              ` : f`
+              ` : g`
                 <!-- Single select mode (original) -->
                 <input
                   id="${this.selectId}-input"
@@ -7044,7 +7057,7 @@ class D extends M {
             </svg>
           </div>
 
-          ${this.isOpen ? f`
+          ${this.isOpen ? g`
                 <div class="dropdown-overlay" @click=${this.closeDropdown}></div>
                 <div
                   class=${S({
@@ -7055,7 +7068,7 @@ class D extends M {
                   role="listbox"
                   aria-multiselectable=${Y(this.multiple ? "true" : void 0)}
                 >
-                  ${this.filteredOptions.length === 0 ? this.creatable && this.searchable && this.searchQuery.trim() ? f`
+                  ${this.filteredOptions.length === 0 ? this.creatable && this.searchable && this.searchQuery.trim() ? g`
                           <button
                             type="button"
                             class="dropdown-create-button"
@@ -7068,8 +7081,8 @@ class D extends M {
                             </div>
                             <span class="dropdown-create-label">"${this.searchQuery.trim()}"</span>
                           </button>
-                        ` : f` <div class="dropdown-no-results">No options found</div> ` : this.filteredOptions.map(
-      (o, a) => f`
+                        ` : g` <div class="dropdown-no-results">No options found</div> ` : this.filteredOptions.map(
+      (o, a) => g`
                           <div
                             class=${S({
         "dropdown-option": !0,
@@ -7088,11 +7101,11 @@ class D extends M {
               ` : ""}
         </div>
 
-        ${e ? f`
+        ${e ? g`
               <div id="${this.selectId}-error" class="select-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? f` <div class="select-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? g` <div class="select-hint">${this.hint}</div> ` : ""}
 
         <!-- Screen reader announcements -->
         <div class="sr-only" role="status" aria-live="polite" aria-atomic="true">
@@ -7244,7 +7257,7 @@ class De extends M {
     );
   }
   render() {
-    return f`
+    return g`
       <div
         class="base-tab"
         id="tabpanel-${this.id}"
@@ -7859,7 +7872,7 @@ class ae extends M {
       "tab-button": !0,
       "tab-button--active": i
     };
-    return f`
+    return g`
       <button
         role="tab"
         aria-selected=${i}
@@ -7870,9 +7883,9 @@ class ae extends M {
         @click=${() => this.handleTabClick(e.id)}
         @keydown=${(a) => this.handleKeyDown(a, t)}
       >
-        ${e.icon ? f`<span class="tab-icon">${Ir(e.icon)}</span>` : k}
-        ${s || this.variant !== "sidebar" || this.isMobile ? f`<span class="tab-label">${e.label}</span>` : k}
-        ${e.badge !== void 0 && e.badge > 0 && (s || this.variant !== "sidebar" || this.isMobile) ? f`<span class="tab-badge">${e.badge}</span>` : k}
+        ${e.icon ? g`<span class="tab-icon">${Ir(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}
       </button>
     `;
   }
@@ -7887,9 +7900,9 @@ class ae extends M {
       "sidebar-toggle": !0,
       "sidebar-toggle--hidden": this.forceExpanded
     };
-    return f`
+    return g`
       <div class=${S(e)} role="tablist" aria-label=${this.ariaLabel}>
-        ${this.variant === "sidebar" ? f`
+        ${this.variant === "sidebar" ? g`
               <div class=${S(i)}>
                 <!-- Sidebar Header -->
                 <div class="sidebar-header">
@@ -7919,7 +7932,7 @@ class ae extends M {
                   <slot name="sidebar-footer"></slot>
                 </div>
               </div>
-            ` : f`
+            ` : g`
               <div class="tabs-header">
                 ${this.tabs.map((o, a) => this.renderTabButton(o, a))}
               </div>
@@ -7960,16 +7973,16 @@ le([
 le([
   V(".tabs-nav")
 ], ae.prototype, "tabsNav");
-var qi = Object.defineProperty, ee = (r, e, t, i) => {
+var qi = 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 && qi(e, t, s), s;
 };
-const Fi = () => R({
+const Hi = () => R({
   name: "base-textarea",
-  element: J
+  element: X
 });
-class J extends M {
+class X extends M {
   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)}`;
   }
@@ -8184,12 +8197,12 @@ class J extends M {
       "character-count--warning": s && !o,
       "character-count--error": o
     };
-    return f`
+    return g`
       <div class="textarea-group">
-        ${this.label ? f`
+        ${this.label ? g`
               <label for=${this.textareaId} class="textarea-label">
                 ${this.label}
-                ${this.required ? f`<span class="required-indicator" aria-label="required">*</span>` : ""}
+                ${this.required ? g`<span class="required-indicator" aria-label="required">*</span>` : ""}
               </label>
             ` : ""}
 
@@ -8210,62 +8223,62 @@ class J extends M {
             @focus=${this.handleFocus}
           ></textarea>
 
-          ${i ? f`
+          ${i ? g`
                 <div class=${S(n)}>
                   ${t}${this.maxlength ? ` / ${this.maxlength}` : ""}
                 </div>
               ` : ""}
         </div>
 
-        ${e ? f`
+        ${e ? g`
               <div id="${this.textareaId}-error" class="textarea-error" role="alert">
                 ${this.error}
               </div>
-            ` : this.hint ? f` <div class="textarea-hint">${this.hint}</div> ` : ""}
+            ` : this.hint ? g` <div class="textarea-hint">${this.hint}</div> ` : ""}
       </div>
     `;
   }
 }
-ee([
+te([
   u({ type: String })
-], J.prototype, "value");
-ee([
+], X.prototype, "value");
+te([
   u({ type: String })
-], J.prototype, "label");
-ee([
+], X.prototype, "label");
+te([
   u({ type: String })
-], J.prototype, "placeholder");
-ee([
+], X.prototype, "placeholder");
+te([
   u({ type: Boolean, reflect: !0 })
-], J.prototype, "required");
-ee([
+], X.prototype, "required");
+te([
   u({ type: Boolean, reflect: !0 })
-], J.prototype, "disabled");
-ee([
+], X.prototype, "disabled");
+te([
   u({ type: String })
-], J.prototype, "error");
-ee([
+], X.prototype, "error");
+te([
   u({ type: String })
-], J.prototype, "hint");
-ee([
+], X.prototype, "hint");
+te([
   u({ type: String })
-], J.prototype, "size");
-ee([
+], X.prototype, "size");
+te([
   u({ type: Number })
-], J.prototype, "rows");
-ee([
+], X.prototype, "rows");
+te([
   u({ type: Number })
-], J.prototype, "maxlength");
-ee([
+], X.prototype, "maxlength");
+te([
   u({ type: String })
-], J.prototype, "resize");
-ee([
+], X.prototype, "resize");
+te([
   V("textarea")
-], J.prototype, "textareaElement");
-var Hi = Object.defineProperty, We = (r, e, t, i) => {
+], X.prototype, "textareaElement");
+var Fi = Object.defineProperty, We = (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 && Hi(e, t, s), s;
+  return s && Fi(e, t, s), s;
 };
 const Lr = () => R({
   name: "base-toast",
@@ -8676,13 +8689,13 @@ class Oe extends M {
   `;
   }
   render() {
-    return f`
+    return g`
       <div class="toast-container ${this.variant}">
-        ${this.dismiss !== "manual" ? f`
+        ${this.dismiss !== "manual" ? g`
             <div class="toast-progress"></div>
           ` : ""}
         <slot></slot>
-        ${this.dismiss === "manual" ? f`
+        ${this.dismiss === "manual" ? g`
             <button
               class="toast-dismiss-btn ${this.variant}"
               aria-label="Dismiss toast"
@@ -8922,7 +8935,7 @@ class Pe extends M {
       "quantity-input": !0,
       [`quantity-input--${this.size}`]: !0
     };
-    return f`
+    return g`
       <div class=${S(e)}>
         <button
           type="button"
@@ -9035,7 +9048,7 @@ class Re extends M {
   }
   render() {
     const e = (this.currentTheme + 1) % this.themes.length, t = this.themes[e], i = `Switch to ${t?.theme ?? "next"} theme`;
-    return f`
+    return g`
       <button
         class="theme-toggle ${this.getSizeClass()} ${this.getVariantClass()}"
         @click=${this.toggleTheme}
@@ -9216,7 +9229,7 @@ function Br(r, e) {
     return r.apply(e, arguments);
   };
 }
-const { toString: Wi } = Object.prototype, { getPrototypeOf: Ht } = Object, { iterator: bt, toStringTag: Nr } = Symbol, vt = /* @__PURE__ */ ((r) => (e) => {
+const { toString: Wi } = Object.prototype, { getPrototypeOf: Ft } = Object, { iterator: bt, toStringTag: Nr } = Symbol, vt = /* @__PURE__ */ ((r) => (e) => {
   const t = Wi.call(e);
   return r[t] || (r[t] = t.slice(8, -1).toLowerCase());
 })(/* @__PURE__ */ Object.create(null)), se = (r) => (r = r.toLowerCase(), (e) => vt(e) === r), yt = (r) => (e) => typeof e === r, { isArray: ze } = Array, Ae = yt("undefined");
@@ -9231,7 +9244,7 @@ function Ki(r) {
 const Ji = yt("string"), W = yt("function"), qr = yt("number"), Qe = (r) => r !== null && typeof r == "object", Xi = (r) => r === !0 || r === !1, nt = (r) => {
   if (vt(r) !== "object")
     return !1;
-  const e = Ht(r);
+  const e = Ft(r);
   return (e === null || e === Object.prototype || Object.getPrototypeOf(e) === null) && !(Nr in r) && !(bt in r);
 }, Qi = (r) => {
   if (!Qe(r) || Xe(r))
@@ -9262,7 +9275,7 @@ function Ge(r, e, { allOwnKeys: t = !1 } = {}) {
       n = o[i], e.call(null, r[n], n, r);
   }
 }
-function Fr(r, e) {
+function Hr(r, e) {
   if (Xe(r))
     return null;
   e = e.toLowerCase();
@@ -9273,10 +9286,10 @@ function Fr(r, e) {
       return s;
   return null;
 }
-const ve = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Hr = (r) => !Ae(r) && r !== ve;
+const ve = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Fr = (r) => !Ae(r) && r !== ve;
 function Dt() {
-  const { caseless: r, skipUndefined: e } = Hr(this) && this || {}, t = {}, i = (s, o) => {
-    const a = r && Fr(t, o) || o;
+  const { caseless: r, skipUndefined: e } = Fr(this) && this || {}, t = {}, i = (s, o) => {
+    const a = r && Hr(t, o) || o;
     nt(t[a]) && nt(s) ? t[a] = Dt(t[a], s) : nt(s) ? t[a] = Dt({}, s) : ze(s) ? t[a] = s.slice() : (!e || !Ae(s)) && (t[a] = s);
   };
   for (let s = 0, o = arguments.length; s < o; s++)
@@ -9285,18 +9298,18 @@ function Dt() {
 }
 const po = (r, e, t, { allOwnKeys: i } = {}) => (Ge(e, (s, o) => {
   t && W(s) ? r[o] = Br(s, t) : r[o] = s;
-}, { allOwnKeys: i }), r), uo = (r) => (r.charCodeAt(0) === 65279 && (r = r.slice(1)), r), fo = (r, e, t, i) => {
+}, { allOwnKeys: i }), r), uo = (r) => (r.charCodeAt(0) === 65279 && (r = r.slice(1)), r), go = (r, e, t, i) => {
   r.prototype = Object.create(e.prototype, i), r.prototype.constructor = r, Object.defineProperty(r, "super", {
     value: e.prototype
   }), t && Object.assign(r.prototype, t);
-}, go = (r, e, t, i) => {
+}, fo = (r, e, t, i) => {
   let s, o, a;
   const n = {};
   if (e = e || {}, r == null) return e;
   do {
     for (s = Object.getOwnPropertyNames(r), o = s.length; o-- > 0; )
       a = s[o], (!i || i(a, r, e)) && !n[a] && (e[a] = r[a], n[a] = !0);
-    r = t !== !1 && Ht(r);
+    r = t !== !1 && Ft(r);
   } while (r && (!t || t(r, e)) && r !== Object.prototype);
   return e;
 }, mo = (r, e, t) => {
@@ -9312,7 +9325,7 @@ const po = (r, e, t, { allOwnKeys: i } = {}) => (Ge(e, (s, o) => {
   for (; e-- > 0; )
     t[e] = r[e];
   return t;
-}, vo = /* @__PURE__ */ ((r) => (e) => r && e instanceof r)(typeof Uint8Array < "u" && Ht(Uint8Array)), yo = (r, e) => {
+}, vo = /* @__PURE__ */ ((r) => (e) => r && e instanceof r)(typeof Uint8Array < "u" && Ft(Uint8Array)), yo = (r, e) => {
   const i = (r && r[bt]).call(r);
   let s;
   for (; (s = i.next()) && !s.done; ) {
@@ -9420,8 +9433,8 @@ const To = (r) => {
   extend: po,
   trim: ho,
   stripBOM: uo,
-  inherits: fo,
-  toFlatObject: go,
+  inherits: go,
+  toFlatObject: fo,
   kindOf: vt,
   kindOfTest: se,
   endsWith: mo,
@@ -9438,9 +9451,9 @@ const To = (r) => {
   toCamelCase: $o,
   noop: Ao,
   toFiniteNumber: Co,
-  findKey: Fr,
+  findKey: Hr,
   global: ve,
-  isContextDefined: Hr,
+  isContextDefined: Fr,
   isSpecCompliantForm: Eo,
   toJSONObject: To,
   isAsyncFn: Do,
@@ -9508,7 +9521,7 @@ function Ot(r) {
 function Wr(r) {
   return d.endsWith(r, "[]") ? r.slice(0, -2) : r;
 }
-function fr(r, e, t) {
+function gr(r, e, t) {
   return r ? r.concat(e).map(function(s, o) {
     return s = Wr(s), !t && o ? "[" + s + "]" : s;
   }).join(t ? "." : "") : e;
@@ -9532,42 +9545,42 @@ function wt(r, e, t) {
   const i = t.metaTokens, s = t.visitor || c, o = t.dots, a = t.indexes, l = (t.Blob || typeof Blob < "u" && Blob) && d.isSpecCompliantForm(e);
   if (!d.isFunction(s))
     throw new TypeError("visitor must be a function");
-  function h(g) {
-    if (g === null) return "";
-    if (d.isDate(g))
-      return g.toISOString();
-    if (d.isBoolean(g))
-      return g.toString();
-    if (!l && d.isBlob(g))
+  function h(f) {
+    if (f === null) return "";
+    if (d.isDate(f))
+      return f.toISOString();
+    if (d.isBoolean(f))
+      return f.toString();
+    if (!l && d.isBlob(f))
       throw new $("Blob is not supported. Use a Buffer instead.");
-    return d.isArrayBuffer(g) || d.isTypedArray(g) ? l && typeof Blob == "function" ? new Blob([g]) : Buffer.from(g) : g;
+    return d.isArrayBuffer(f) || d.isTypedArray(f) ? l && typeof Blob == "function" ? new Blob([f]) : Buffer.from(f) : f;
   }
-  function c(g, v, m) {
-    let x = g;
-    if (g && !m && typeof g == "object") {
+  function c(f, v, m) {
+    let x = f;
+    if (f && !m && typeof f == "object") {
       if (d.endsWith(v, "{}"))
-        v = i ? v : v.slice(0, -2), g = JSON.stringify(g);
-      else if (d.isArray(g) && Mo(g) || (d.isFileList(g) || d.endsWith(v, "[]")) && (x = d.toArray(g)))
+        v = i ? v : v.slice(0, -2), f = JSON.stringify(f);
+      else if (d.isArray(f) && Mo(f) || (d.isFileList(f) || d.endsWith(v, "[]")) && (x = d.toArray(f)))
         return v = Wr(v), x.forEach(function(A, T) {
           !(d.isUndefined(A) || A === null) && e.append(
             // eslint-disable-next-line no-nested-ternary
-            a === !0 ? fr([v], T, o) : a === null ? v : v + "[]",
+            a === !0 ? gr([v], T, o) : a === null ? v : v + "[]",
             h(A)
           );
         }), !1;
     }
-    return Ot(g) ? !0 : (e.append(fr(m, v, o), h(g)), !1);
+    return Ot(f) ? !0 : (e.append(gr(m, v, o), h(f)), !1);
   }
   const p = [], b = Object.assign(Io, {
     defaultVisitor: c,
     convertValue: h,
     isVisitable: Ot
   });
-  function y(g, v) {
-    if (!d.isUndefined(g)) {
-      if (p.indexOf(g) !== -1)
+  function y(f, v) {
+    if (!d.isUndefined(f)) {
+      if (p.indexOf(f) !== -1)
         throw Error("Circular reference detected in " + v.join("."));
-      p.push(g), d.forEach(g, function(x, _) {
+      p.push(f), d.forEach(f, function(x, _) {
         (!(d.isUndefined(x) || x === null) && s.call(
           e,
           x,
@@ -9582,7 +9595,7 @@ function wt(r, e, t) {
     throw new TypeError("data must be an object");
   return y(r), e;
 }
-function gr(r) {
+function fr(r) {
   const e = {
     "!": "%21",
     "'": "%27",
@@ -9605,8 +9618,8 @@ Kr.append = function(e, t) {
 };
 Kr.toString = function(e) {
   const t = e ? function(i) {
-    return e.call(this, i, gr);
-  } : gr;
+    return e.call(this, i, fr);
+  } : fr;
   return this._pairs.map(function(s) {
     return t(s[0]) + "=" + t(s[1]);
   }, "").join("&");
@@ -9695,22 +9708,22 @@ const Xr = {
     Blob: Uo
   },
   protocols: ["http", "https", "file", "blob", "url", "data"]
-}, Vt = typeof window < "u" && typeof document < "u", Pt = typeof navigator == "object" && navigator || void 0, Fo = Vt && (!Pt || ["ReactNative", "NativeScript", "NS"].indexOf(Pt.product) < 0), Ho = typeof WorkerGlobalScope < "u" && // eslint-disable-next-line no-undef
+}, Vt = typeof window < "u" && typeof document < "u", Pt = typeof navigator == "object" && navigator || void 0, Ho = Vt && (!Pt || ["ReactNative", "NativeScript", "NS"].indexOf(Pt.product) < 0), Fo = typeof WorkerGlobalScope < "u" && // eslint-disable-next-line no-undef
 self instanceof WorkerGlobalScope && typeof self.importScripts == "function", jo = Vt && window.location.href || "http://localhost", Vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   hasBrowserEnv: Vt,
-  hasStandardBrowserEnv: Fo,
-  hasStandardBrowserWebWorkerEnv: Ho,
+  hasStandardBrowserEnv: Ho,
+  hasStandardBrowserWebWorkerEnv: Fo,
   navigator: Pt,
   origin: jo
-}, Symbol.toStringTag, { value: "Module" })), F = {
+}, Symbol.toStringTag, { value: "Module" })), H = {
   ...Vo,
   ...qo
 };
 function Zo(r, e) {
-  return wt(r, new F.classes.URLSearchParams(), {
+  return wt(r, new H.classes.URLSearchParams(), {
     visitor: function(t, i, s, o) {
-      return F.isNode && d.isBuffer(t) ? (this.append(i, t.toString("base64")), !1) : o.defaultVisitor.apply(this, arguments);
+      return H.isNode && d.isBuffer(t) ? (this.append(i, t.toString("base64")), !1) : o.defaultVisitor.apply(this, arguments);
     },
     ...e
   });
@@ -9805,8 +9818,8 @@ const et = {
   maxContentLength: -1,
   maxBodyLength: -1,
   env: {
-    FormData: F.classes.FormData,
-    Blob: F.classes.Blob
+    FormData: H.classes.FormData,
+    Blob: H.classes.Blob
   },
   validateStatus: function(e) {
     return e >= 200 && e < 300;
@@ -10106,10 +10119,10 @@ const pt = (r, e, t = 3) => {
     total: r,
     loaded: i
   }), e[1]];
-}, yr = (r) => (...e) => d.asap(() => r(...e)), oa = F.hasStandardBrowserEnv ? /* @__PURE__ */ ((r, e) => (t) => (t = new URL(t, F.origin), r.protocol === t.protocol && r.host === t.host && (e || r.port === t.port)))(
-  new URL(F.origin),
-  F.navigator && /(msie|trident)/i.test(F.navigator.userAgent)
-) : () => !0, aa = F.hasStandardBrowserEnv ? (
+}, yr = (r) => (...e) => d.asap(() => r(...e)), oa = H.hasStandardBrowserEnv ? /* @__PURE__ */ ((r, e) => (t) => (t = new URL(t, H.origin), r.protocol === t.protocol && r.host === t.host && (e || r.port === t.port)))(
+  new URL(H.origin),
+  H.navigator && /(msie|trident)/i.test(H.navigator.userAgent)
+) : () => !0, aa = H.hasStandardBrowserEnv ? (
   // Standard browser envs support document.cookie
   {
     write(r, e, t, i, s, o, a) {
@@ -10220,7 +10233,7 @@ const rs = (r) => {
     "Authorization",
     "Basic " + btoa((n.username || "") + ":" + (n.password ? unescape(encodeURIComponent(n.password)) : ""))
   ), d.isFormData(t)) {
-    if (F.hasStandardBrowserEnv || F.hasStandardBrowserWebWorkerEnv)
+    if (H.hasStandardBrowserEnv || H.hasStandardBrowserWebWorkerEnv)
       a.setContentType(void 0);
     else if (d.isFunction(t.getHeaders)) {
       const l = t.getHeaders(), h = ["content-type", "content-length"];
@@ -10229,7 +10242,7 @@ const rs = (r) => {
       });
     }
   }
-  if (F.hasStandardBrowserEnv && (i && d.isFunction(i) && (i = i(e)), i || i !== !1 && oa(e.url))) {
+  if (H.hasStandardBrowserEnv && (i && d.isFunction(i) && (i = i(e)), i || i !== !1 && oa(e.url))) {
     const l = s && o && aa.read(o);
     l && a.set(s, l);
   }
@@ -10239,9 +10252,9 @@ const rs = (r) => {
     const s = rs(r);
     let o = s.data;
     const a = K.from(s.headers).normalize();
-    let { responseType: n, onUploadProgress: l, onDownloadProgress: h } = s, c, p, b, y, g;
+    let { responseType: n, onUploadProgress: l, onDownloadProgress: h } = s, c, p, b, y, f;
     function v() {
-      y && y(), g && g(), s.cancelToken && s.cancelToken.unsubscribe(c), s.signal && s.signal.removeEventListener("abort", c);
+      y && y(), f && f(), s.cancelToken && s.cancelToken.unsubscribe(c), s.signal && s.signal.removeEventListener("abort", c);
     }
     let m = new XMLHttpRequest();
     m.open(s.method.toUpperCase(), s.url, !0), m.timeout = s.timeout;
@@ -10258,10 +10271,10 @@ const rs = (r) => {
         config: r,
         request: m
       };
-      es(function(X) {
-        t(X), v();
-      }, function(X) {
-        i(X), v();
+      es(function(Q) {
+        t(Q), v();
+      }, function(Q) {
+        i(Q), v();
       }, N), m = null;
     }
     "onloadend" in m ? m.onloadend = x : m.onreadystatechange = function() {
@@ -10282,11 +10295,11 @@ const rs = (r) => {
       )), m = null;
     }, o === void 0 && a.setContentType(null), "setRequestHeader" in m && d.forEach(a.toJSON(), function(T, N) {
       m.setRequestHeader(N, T);
-    }), d.isUndefined(s.withCredentials) || (m.withCredentials = !!s.withCredentials), n && n !== "json" && (m.responseType = s.responseType), h && ([b, g] = pt(h, !0), m.addEventListener("progress", b)), l && m.upload && ([p, y] = pt(l), m.upload.addEventListener("progress", p), m.upload.addEventListener("loadend", y)), (s.cancelToken || s.signal) && (c = (A) => {
+    }), d.isUndefined(s.withCredentials) || (m.withCredentials = !!s.withCredentials), n && n !== "json" && (m.responseType = s.responseType), h && ([b, f] = pt(h, !0), m.addEventListener("progress", b)), l && m.upload && ([p, y] = pt(l), m.upload.addEventListener("progress", p), m.upload.addEventListener("loadend", y)), (s.cancelToken || s.signal) && (c = (A) => {
       m && (i(!A || A.type ? new Me(null, r, m) : A), m.abort(), m = null);
     }, s.cancelToken && s.cancelToken.subscribe(c), s.signal && (s.signal.aborted ? c() : s.signal.addEventListener("abort", c)));
     const _ = ra(s.url);
-    if (_ && F.protocols.indexOf(_) === -1) {
+    if (_ && H.protocols.indexOf(_) === -1) {
       i(new $("Unsupported protocol " + _ + ":", $.ERR_BAD_REQUEST, r));
       return;
     }
@@ -10325,9 +10338,9 @@ const rs = (r) => {
   for (; i < t; )
     s = i + e, yield r.slice(i, s), i = s;
 }, ua = async function* (r, e) {
-  for await (const t of fa(r))
+  for await (const t of ga(r))
     yield* pa(t, e);
-}, fa = async function* (r) {
+}, ga = async function* (r) {
   if (r[Symbol.asyncIterator]) {
     yield* r;
     return;
@@ -10372,7 +10385,7 @@ const rs = (r) => {
   }, {
     highWaterMark: 2
   });
-}, $r = 64 * 1024, { isFunction: ot } = d, ga = (({ Request: r, Response: e }) => ({
+}, $r = 64 * 1024, { isFunction: ot } = d, fa = (({ Request: r, Response: e }) => ({
   Request: r,
   Response: e
 }))(d.global), {
@@ -10387,50 +10400,50 @@ const rs = (r) => {
 }, ma = (r) => {
   r = d.merge.call({
     skipUndefined: !0
-  }, ga, r);
+  }, fa, r);
   const { fetch: e, Request: t, Response: i } = r, s = e ? ot(e) : typeof fetch == "function", o = ot(t), a = ot(i);
   if (!s)
     return !1;
-  const n = s && ot(kr), l = s && (typeof Sr == "function" ? /* @__PURE__ */ ((g) => (v) => g.encode(v))(new Sr()) : async (g) => new Uint8Array(await new t(g).arrayBuffer())), h = o && n && _r(() => {
-    let g = !1;
-    const v = new t(F.origin, {
+  const n = s && ot(kr), l = s && (typeof Sr == "function" ? /* @__PURE__ */ ((f) => (v) => f.encode(v))(new Sr()) : async (f) => new Uint8Array(await new t(f).arrayBuffer())), h = o && n && _r(() => {
+    let f = !1;
+    const v = new t(H.origin, {
       body: new kr(),
       method: "POST",
       get duplex() {
-        return g = !0, "half";
+        return f = !0, "half";
       }
     }).headers.has("Content-Type");
-    return g && !v;
+    return f && !v;
   }), c = a && n && _r(() => d.isReadableStream(new i("").body)), p = {
-    stream: c && ((g) => g.body)
+    stream: c && ((f) => f.body)
   };
-  s && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((g) => {
-    !p[g] && (p[g] = (v, m) => {
-      let x = v && v[g];
+  s && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((f) => {
+    !p[f] && (p[f] = (v, m) => {
+      let x = v && v[f];
       if (x)
         return x.call(v);
-      throw new $(`Response type '${g}' is not supported`, $.ERR_NOT_SUPPORT, m);
+      throw new $(`Response type '${f}' is not supported`, $.ERR_NOT_SUPPORT, m);
     });
   });
-  const b = async (g) => {
-    if (g == null)
+  const b = async (f) => {
+    if (f == null)
       return 0;
-    if (d.isBlob(g))
-      return g.size;
-    if (d.isSpecCompliantForm(g))
-      return (await new t(F.origin, {
+    if (d.isBlob(f))
+      return f.size;
+    if (d.isSpecCompliantForm(f))
+      return (await new t(H.origin, {
         method: "POST",
-        body: g
+        body: f
       }).arrayBuffer()).byteLength;
-    if (d.isArrayBufferView(g) || d.isArrayBuffer(g))
-      return g.byteLength;
-    if (d.isURLSearchParams(g) && (g = g + ""), d.isString(g))
-      return (await l(g)).byteLength;
-  }, y = async (g, v) => {
-    const m = d.toFiniteNumber(g.getContentLength());
+    if (d.isArrayBufferView(f) || d.isArrayBuffer(f))
+      return f.byteLength;
+    if (d.isURLSearchParams(f) && (f = f + ""), d.isString(f))
+      return (await l(f)).byteLength;
+  }, y = async (f, v) => {
+    const m = d.toFiniteNumber(f.getContentLength());
     return m ?? b(v);
   };
-  return async (g) => {
+  return async (f) => {
     let {
       url: v,
       method: m,
@@ -10440,14 +10453,14 @@ const rs = (r) => {
       timeout: T,
       onDownloadProgress: N,
       onUploadProgress: ue,
-      responseType: X,
+      responseType: Q,
       headers: $t,
       withCredentials: tt = "same-origin",
       fetchOptions: Wt
-    } = rs(g), Kt = e || fetch;
-    X = X ? (X + "").toLowerCase() : "text";
+    } = rs(f), Kt = e || fetch;
+    Q = Q ? (Q + "").toLowerCase() : "text";
     let rt = ha([_, A && A.toAbortSignal()], T), Ie = null;
-    const fe = rt && rt.unsubscribe && (() => {
+    const ge = rt && rt.unsubscribe && (() => {
       rt.unsubscribe();
     });
     let Jt;
@@ -10478,8 +10491,8 @@ const rs = (r) => {
       };
       Ie = o && new t(v, Xt);
       let ce = await (o ? Kt(Ie, Wt) : Kt(v, Xt));
-      const Qt = c && (X === "stream" || X === "response");
-      if (c && (N || Qt && fe)) {
+      const Qt = c && (Q === "stream" || Q === "response");
+      if (c && (N || Qt && ge)) {
         const de = {};
         ["status", "statusText", "headers"].forEach((Gt) => {
           de[Gt] = ce[Gt];
@@ -10490,30 +10503,30 @@ const rs = (r) => {
         ) || [];
         ce = new i(
           xr(ce.body, $r, kt, () => {
-            st && st(), fe && fe();
+            st && st(), ge && ge();
           }),
           de
         );
       }
-      X = X || "text";
-      let ns = await p[d.findKey(p, X) || "text"](ce, g);
-      return !Qt && fe && fe(), await new Promise((de, ke) => {
+      Q = Q || "text";
+      let ns = await p[d.findKey(p, Q) || "text"](ce, f);
+      return !Qt && ge && ge(), await new Promise((de, ke) => {
         es(de, ke, {
           data: ns,
           headers: K.from(ce.headers),
           status: ce.status,
           statusText: ce.statusText,
-          config: g,
+          config: f,
           request: Ie
         });
       });
     } catch (ie) {
-      throw fe && fe(), ie && ie.name === "TypeError" && /Load failed|fetch/i.test(ie.message) ? Object.assign(
-        new $("Network Error", $.ERR_NETWORK, g, Ie),
+      throw ge && ge(), ie && ie.name === "TypeError" && /Load failed|fetch/i.test(ie.message) ? Object.assign(
+        new $("Network Error", $.ERR_NETWORK, f, Ie),
         {
           cause: ie.cause || ie
         }
-      ) : $.from(ie, ie && ie.code, g, Ie);
+      ) : $.from(ie, ie && ie.code, f, Ie);
     }
   };
 }, ba = /* @__PURE__ */ new Map(), ss = (r) => {
@@ -10706,8 +10719,8 @@ class ye {
     );
     o && d.forEach(
       ["delete", "get", "head", "post", "put", "patch", "common"],
-      (g) => {
-        delete o[g];
+      (f) => {
+        delete o[f];
       }
     ), t.headers = K.concat(a, o);
     const n = [];
@@ -10721,17 +10734,17 @@ class ye {
     });
     let c, p = 0, b;
     if (!l) {
-      const g = [Cr.bind(this), void 0];
-      for (g.unshift(...n), g.push(...h), b = g.length, c = Promise.resolve(t); p < b; )
-        c = c.then(g[p++], g[p++]);
+      const f = [Cr.bind(this), void 0];
+      for (f.unshift(...n), f.push(...h), b = f.length, c = Promise.resolve(t); p < b; )
+        c = c.then(f[p++], f[p++]);
       return c;
     }
     b = n.length;
     let y = t;
     for (; p < b; ) {
-      const g = n[p++], v = n[p++];
+      const f = n[p++], v = n[p++];
       try {
-        y = g(y);
+        y = f(y);
       } catch (m) {
         v.call(this, m);
         break;
@@ -10739,8 +10752,8 @@ class ye {
     }
     try {
       c = Cr.call(this, y);
-    } catch (g) {
-      return Promise.reject(g);
+    } catch (f) {
+      return Promise.reject(f);
     }
     for (p = 0, b = h.length; p < b; )
       c = c.then(h[p++], h[p++]);
@@ -11066,7 +11079,7 @@ const Ca = ({ baseUrl: r, useToasts: e = !0 }) => {
   ), t;
 };
 function Ea() {
-  Vs(), Ys(), Ks(), Xs(), ti(), si(), Ei(), Di(), Pi(), zi(), Ii(), Bi(), Ui(), Fi(), Gs(), Lr(), Vi(), Yi();
+  Vs(), Ys(), Ks(), Xs(), ti(), si(), Ei(), Di(), Pi(), zi(), Ii(), Bi(), Ui(), Hi(), Gs(), Lr(), Vi(), Yi();
 }
 export {
   C as AuthForm,
@@ -11077,13 +11090,13 @@ export {
   q as BaseDateTimePicker,
   j as BaseDrawer,
   Te as BaseIcon,
-  Q as BaseInput,
+  G as BaseInput,
   Ze as BaseList,
-  G as BaseListItem,
+  J as BaseListItem,
   D as BaseSelect,
   De as BaseTab,
   ae as BaseTabs,
-  J as BaseTextarea,
+  X as BaseTextarea,
   L as BaseTimePicker,
   Oe as BaseToast,
   Pe as QuantitySelect,
@@ -11103,7 +11116,7 @@ export {
   Ii as registerBaseSelect,
   Bi as registerBaseTab,
   Ui as registerBaseTabs,
-  Fi as registerBaseTextarea,
+  Hi as registerBaseTextarea,
   Gs as registerBaseTimePicker,
   Lr as registerBaseToast,
   Vi as registerQuantitySelect,