vue-quest-ui 0.0.37 → 0.0.39

package/dist/vue-quest-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as So, h as Mt, computed as k, createElementBlock as I, openBlock as p, normalizeClass as U, normalizeStyle as Z, createBlock as R, unref as S, ref as T, watch as $, nextTick as he, useSlots as rt, onMounted as we, onBeforeUnmount as ze, createElementVNode as z, createCommentVNode as B, withModifiers as qe, renderSlot as K, Teleport as Qe, withDirectives as ge, vShow as Ae, toDisplayString as te, mergeProps as Ve, vModelDynamic as Jt, useCssVars as pe, createVNode as le, withCtx as Y, vModelText as yt, isRef as qt, Fragment as ye, createTextVNode as ve, withKeys as To, vModelCheckbox as Kt, renderList as Be, resolveDynamicComponent as It, Transition as ko, vModelRadio as xo, toRefs as Yt, watchEffect as Xt } from "vue";
+import { defineComponent as So, h as Mt, computed as k, createElementBlock as I, openBlock as p, normalizeClass as U, normalizeStyle as Z, createBlock as R, unref as S, ref as T, watch as $, nextTick as he, useSlots as rt, onMounted as we, onBeforeUnmount as ze, createElementVNode as z, createCommentVNode as B, withModifiers as Ve, renderSlot as K, Teleport as Qe, withDirectives as ge, vShow as Ae, toDisplayString as te, mergeProps as xe, vModelDynamic as Jt, useCssVars as pe, createVNode as le, withCtx as Y, vModelText as yt, isRef as Vt, Fragment as ye, createTextVNode as ve, withKeys as To, vModelCheckbox as Kt, renderList as Be, resolveDynamicComponent as It, Transition as ko, vModelRadio as xo, toRefs as Yt, watchEffect as Xt } from "vue";
 const Gt = /^[a-z0-9]+(-[a-z0-9]+)*$/, at = (e, i, o, t = "") => {
   const l = e.split(":");
   if (e.slice(0, 1) === "@") {
@@ -56,19 +56,19 @@ const Gt = /^[a-z0-9]+(-[a-z0-9]+)*$/, at = (e, i, o, t = "") => {
   body: "",
   hidden: !1
 });
-function Vo(e, i) {
+function qo(e, i) {
   const o = {};
   !e.hFlip != !i.hFlip && (o.hFlip = !0), !e.vFlip != !i.vFlip && (o.vFlip = !0);
   const t = ((e.rotate || 0) + (i.rotate || 0)) % 4;
   return t && (o.rotate = t), o;
 }
 function Bt(e, i) {
-  const o = Vo(e, i);
+  const o = qo(e, i);
   for (const t in St)
     t in st ? t in e && !(t in o) && (o[t] = st[t]) : t in i ? o[t] = i[t] : t in e && (o[t] = e[t]);
   return o;
 }
-function qo(e, i) {
+function Vo(e, i) {
   const o = e.icons, t = e.aliases || /* @__PURE__ */ Object.create(null), l = /* @__PURE__ */ Object.create(null);
   function n(s) {
     if (o[s])
@@ -100,7 +100,7 @@ function _t(e, i) {
   e.not_found instanceof Array && e.not_found.forEach((l) => {
     i(l, null), o.push(l);
   });
-  const t = qo(e);
+  const t = Vo(e);
   for (const l in t) {
     const n = t[l];
     n && (i(l, Io(e, l, n)), o.push(l));
@@ -323,10 +323,10 @@ function No(e, i) {
   const s = t.width, u = t.height, r = l.width, a = l.height;
   let c, d;
   s === null ? (d = u === null ? "1em" : u === "auto" ? a : u, c = Pt(d, r / a)) : (c = s === "auto" ? r : s, d = u === null ? Pt(c, a / r) : u === "auto" ? a : u);
-  const g = {}, V = (y, m) => {
+  const g = {}, q = (y, m) => {
     jo(m) || (g[y] = m.toString());
   };
-  V("width", c), V("height", d);
+  q("width", c), q("height", d);
   const h = [l.left, l.top, r, a];
   return g.viewBox = h.join(" "), {
     attributes: g,
@@ -620,8 +620,8 @@ function sl(e, i, o, t) {
   } else
     s = e.resources.slice(n).concat(e.resources.slice(0, n));
   const u = Date.now();
-  let r = "pending", a = 0, c, d = null, g = [], V = [];
-  typeof t == "function" && V.push(t);
+  let r = "pending", a = 0, c, d = null, g = [], q = [];
+  typeof t == "function" && q.push(t);
   function h() {
     d && (clearTimeout(d), d = null);
   }
@@ -631,7 +631,7 @@ function sl(e, i, o, t) {
     }), g = [];
   }
   function m(M, H) {
-    H && (V = []), typeof M == "function" && V.push(M);
+    H && (q = []), typeof M == "function" && q.push(M);
   }
   function v() {
     return {
@@ -645,7 +645,7 @@ function sl(e, i, o, t) {
     };
   }
   function C() {
-    r = "failed", V.forEach((M) => {
+    r = "failed", q.forEach((M) => {
       M(void 0, c);
     });
   }
@@ -678,7 +678,7 @@ function sl(e, i, o, t) {
       const P = e.resources.indexOf(M.resource);
       P !== -1 && P !== e.index && (e.index = P);
     }
-    r = "completed", V.forEach((P) => {
+    r = "completed", q.forEach((P) => {
       P(J);
     });
   }
@@ -837,13 +837,13 @@ function cl(e, i) {
       l.forEach((c) => {
         const d = n(c, t, o);
         Nt(d, (g) => {
-          const V = g ? {
+          const q = g ? {
             prefix: t,
             icons: {
               [c]: g
             }
           } : null;
-          Fe(e, [c], V);
+          Fe(e, [c], q);
         });
       });
       return;
@@ -888,8 +888,8 @@ const fl = (e, i) => {
     const d = l[a] || (l[a] = /* @__PURE__ */ Object.create(null));
     d[c] || (d[c] = []);
   }), t.pending.forEach((r) => {
-    const { provider: a, prefix: c, name: d } = r, g = Me(a, c), V = g.pendingIcons || (g.pendingIcons = /* @__PURE__ */ new Set());
-    V.has(d) || (V.add(d), l[a][c].push(d));
+    const { provider: a, prefix: c, name: d } = r, g = Me(a, c), q = g.pendingIcons || (g.pendingIcons = /* @__PURE__ */ new Set());
+    q.has(d) || (q.add(d), l[a][c].push(d));
   }), n.forEach((r) => {
     const a = l[r.provider][r.prefix];
     a.length && cl(r, a);
@@ -1046,7 +1046,7 @@ const Qt = (e, i) => {
     let y = 0, m = i.id;
     return typeof m == "string" && (m = m.replace(/-/g, "_")), t.innerHTML = Wo(r.body, m ? () => m + "ID" + y++ : "iconifyVue"), Mt("svg", t);
   }
-  const { body: c, width: d, height: g } = e, V = l === "mask" || (l === "bg" ? !1 : c.indexOf("currentColor") !== -1), h = yl(c, {
+  const { body: c, width: d, height: g } = e, q = l === "mask" || (l === "bg" ? !1 : c.indexOf("currentColor") !== -1), h = yl(c, {
     ...a,
     width: d + "",
     height: g + ""
@@ -1057,7 +1057,7 @@ const Qt = (e, i) => {
     width: Wt(a.width),
     height: Wt(a.height),
     ...Tl,
-    ...V ? xt : ro,
+    ...q ? xt : ro,
     ...u
   }, Mt("span", t);
 };
@@ -1169,7 +1169,7 @@ const kl = {
   for (const [t, l] of i)
     o[t] = l;
   return o;
-}, Vl = ["src"], ql = {
+}, ql = ["src"], Vl = {
   __name: "QstIcon",
   props: {
     /** Iconify value for the icon. */
@@ -1199,7 +1199,7 @@ const kl = {
     size: {
       type: String,
       required: !1,
-      default: "16px",
+      default: "",
       tsType: "string",
       description: "Pixel value to resize the component, styles are adjusted when the size is updated."
     },
@@ -1213,31 +1213,98 @@ const kl = {
     }
   },
   setup(e) {
-    const i = e, o = k(() => i.circle ? {
+    const i = e, o = {
+      "qst-plus": "emojione-monotone:heavy-plus-sign",
+      "qst-minus": "",
+      "qst-edit": "entypo:edit",
+      "qst-delete": "mdi:trash-can",
+      "qst-x": "emojione-monotone:heavy-multiplication-x",
+      "qst-input-x": "eva:close-fill",
+      "qst-settings": "clarity:settings-solid",
+      "qst-admin": "ic:baseline-admin-panel-settings",
+      "qst-arrow-right": "ep:arrow-right-bold",
+      "qst-arrow-left": "ep:arrow-left-bold",
+      "qst-arrow-up": "ep:arrow-up-bold",
+      "qst-arrow-down": "ep:arrow-down-bold",
+      "qst-search": "akar-icons:search",
+      "qst-checkmark--light": "eva:checkmark-outline",
+      "qst-checkmark--bold": "mdi:check-bold",
+      "qst-checkmark": "ph:check-fat-fill",
+      "qst-warning": "ant-design:warning-filled",
+      "qst-warning-inv": "codicon:warning",
+      "qst-email": "clarity:email-solid",
+      "qst-sms": "subway:sms-3",
+      "qst-draggable": "icon-park-outline:drag",
+      "qst-refresh--filled": "mdi:refresh-circle",
+      "qst-refresh": "mdi:refresh",
+      "qst-lock": "material-symbols:lock",
+      "qst-admin-user": "mdi:user-check",
+      "qst-history": "material-symbols:history",
+      "qst-circle": "akar-icons:circle",
+      "qst-circle--fill": "akar-icons:circle-fill",
+      "qst-sort": "material-symbols:sort",
+      "qst-excel": "ri:file-excel-2-fill",
+      "qst-new-tab": "icomoon-free:new-tab",
+      "qst-help": "material-symbols:help-outline-rounded",
+      "qst-help--filled": "material-symbols:help-rounded",
+      "qst-help--question": "material-symbols:question-mark-rounded",
+      "qst-files": "lsicon:folder-files-filled",
+      "qst-exclamation": "bi:exclamation-circle-fill",
+      "qst-phone": "ic:baseline-local-phone",
+      "qst-location": "mdi:address-marker",
+      "qst-home": "zondicons:home",
+      "qst-user": "ph:user-fill",
+      "qst-note": "wpf:note",
+      "qst-attach": "ion:attach-sharp",
+      "qst-download": "zondicons:download",
+      "qst-download-scale": "ph:download-fill",
+      "qst-refund": "mdi:cash-refund",
+      "qst-reserve": "tabler:reserved-line",
+      "qst-truck": "mdi:truck",
+      "qst-reset": "fluent:arrow-reset-24-filled",
+      "qst-dash": "octicon:dash-16",
+      "qst-ellipses": "tabler:dots",
+      "qst-eye": "mdi:eye",
+      "qst-no-mobile": "emojione-monotone:no-mobile-phones",
+      "qst-instructions": "codicon:book",
+      "qst-table": "fa6-solid:table",
+      "qst-guru": "https://quest-files.snowjoe.com/user-files/guru-logo.png",
+      "qst-print": "mingcute:print-line",
+      "qst-slack": "logos:slack-icon",
+      "qst-usa": "https://upload.wikimedia.org/wikipedia/commons/thumb/8/88/United-states_flag_icon_round.svg/512px-United-states_flag_icon_round.svg.png?20170727094809",
+      "qst-canada": "https://cdn-icons-png.flaticon.com/512/5372/5372678.png",
+      "qst-print": "cil:print",
+      "qst-percent": "ic:baseline-percent",
+      "qst-info": "material-symbols:info-rounded",
+      "qst-promo": "lsicon:badge-promotion-filled",
+      "qst-favorite": "clarity:star-solid",
+      "qst-favorite--empty": "cil:star",
+      "qst-template": "gg:template"
+    }, t = k(() => i.circle ? {
       backgroundColor: i.color,
       color: "white",
       borderRadius: "50%",
       padding: "3px"
-    } : i.color ? { color: i.color } : null);
-    return (t, l) => {
-      var n;
+    } : i.color ? { color: i.color } : null), l = k(() => o[i.icon] || i.icon);
+    return (n, s) => {
+      var u;
       return p(), I("div", {
         style: Z({ fontSize: e.size }),
         class: U([{ "icon--align": e.alignText }, "qst-icon__wrapper"])
       }, [
-        (n = e.icon) != null && n.startsWith("https") ? (p(), I("img", {
+        (u = l.value) != null && u.startsWith("https") ? (p(), I("img", {
           key: 0,
-          src: e.icon,
+          src: l.value,
           class: "image-icon"
-        }, null, 8, Vl)) : (p(), R(S(xl), {
+        }, null, 8, ql)) : (p(), R(S(xl), {
           key: 1,
-          icon: e.icon,
-          style: Z(o.value)
+          icon: l.value,
+          style: Z(t.value)
         }, null, 8, ["icon", "style"]))
       ], 6);
     };
   }
-}, ie = /* @__PURE__ */ ee(ql, [["__scopeId", "data-v-cd030e7c"]]), Il = { class: "tooltip-wrapper__outer" }, Al = { class: "tooltip-wrapper" }, Cl = ["innerHTML"], zl = {
+}, ie = /* @__PURE__ */ ee(Vl, [["__scopeId", "data-v-ef23d225"]]), Il = { class: "tooltip-wrapper__outer" }, Al = { class: "tooltip-wrapper" }, Cl = ["innerHTML"], zl = {
   __name: "QstTooltip",
   props: {
     /** Moves the tooltip from its default position. *(+X moves right, -X moves left, +Y moves down, -Y moves up)* */
@@ -1376,8 +1443,8 @@ const kl = {
       "--offset-top": (o.width / 2 - 13) * -1 + o.offset.x + "px",
       "--offset-left": n.value / 2 * -1 + 10 + o.offset.y + "px",
       width: o.width + "px",
-      top: V.value.top,
-      left: V.value.left,
+      top: q.value.top,
+      left: q.value.left,
       ...o.overrideStyles
     })), u = k(() => ({
       style: o.helpMode ? "background-color: black; border-radius: 50%;" : "",
@@ -1405,7 +1472,7 @@ const kl = {
     i({
       isShowing: r
     });
-    const V = T({ top: "", left: "-1000px" }), h = T(), y = () => {
+    const q = T({ top: "", left: "-1000px" }), h = T(), y = () => {
       if (!t.value || !r.value)
         return;
       const C = new IntersectionObserver((A) => {
@@ -1414,7 +1481,7 @@ const kl = {
         let O = 0, M = 0;
         h.value = (ne = l.value) == null ? void 0 : ne.offsetHeight;
         const { top: H, left: J, height: X, width: P } = w, { offset: F, position: oe } = o;
-        oe === "top" || oe === "bottom" ? (O = J + P / 2 - o.width / 2 + F.x, M = oe === "bottom" ? H + document.documentElement.scrollTop + X + 15 + F.y : H + document.documentElement.scrollTop - (h.value + X) + F.y) : (M = H + document.documentElement.scrollTop - h.value / 2 + F.y + X / 2, O = oe === "right" ? J + (P + 15) + F.x : J - (o.width + 15) + F.x), V.value.left = Math.trunc(O) + "px", V.value.top = Math.trunc(M) + "px", v(w), C.disconnect();
+        oe === "top" || oe === "bottom" ? (O = J + P / 2 - o.width / 2 + F.x, M = oe === "bottom" ? H + document.documentElement.scrollTop + X + 15 + F.y : H + document.documentElement.scrollTop - (h.value + X) + F.y) : (M = H + document.documentElement.scrollTop - h.value / 2 + F.y + X / 2, O = oe === "right" ? J + (P + 15) + F.x : J - (o.width + 15) + F.x), q.value.left = Math.trunc(O) + "px", q.value.top = Math.trunc(M) + "px", v(w), C.disconnect();
       }, { threshold: 1 });
       C.observe(t.value);
     };
@@ -1451,7 +1518,7 @@ const kl = {
             ref: t,
             onMouseenter: A[0] || (A[0] = (w) => r.value = !e.disabled),
             onMouseleave: A[1] || (A[1] = (w) => c(!1)),
-            onClick: A[2] || (A[2] = qe((w) => a.value = !e.disabled && !e.preventClickOverride, ["stop"])),
+            onClick: A[2] || (A[2] = Ve((w) => a.value = !e.disabled && !e.preventClickOverride, ["stop"])),
             class: "tooltip-trigger"
           }, [
             K(C.$slots, "trigger", {}, () => [
@@ -1484,7 +1551,7 @@ const kl = {
               ], !0),
               a.value ? (p(), R(ie, {
                 key: 0,
-                onClick: A[3] || (A[3] = qe((w) => c(!0), ["stop"])),
+                onClick: A[3] || (A[3] = Ve((w) => c(!0), ["stop"])),
                 icon: "emojione-monotone:heavy-multiplication-x",
                 size: "8px",
                 class: "tooltip-close__icon"
@@ -1497,7 +1564,7 @@ const kl = {
       ]),
       g.value ? (p(), I("div", {
         key: 0,
-        onClick: A[6] || (A[6] = qe((w) => c(!0), ["stop"])),
+        onClick: A[6] || (A[6] = Ve((w) => c(!0), ["stop"])),
         class: "backdrop-overlay"
       })) : B("", !0)
     ]));
@@ -1522,13 +1589,13 @@ function Ol(e, i) {
       if (l.value)
         l.value = !1;
       else {
-        const V = t.value.match(/^(1|)?(\d{1,3})?(\d{1,3})?(\d{1,4})?$/);
-        V && (o.value = ["1 (", V[2], ") ", V[3], "-", V[4]].join(""));
+        const q = t.value.match(/^(1|)?(\d{1,3})?(\d{1,3})?(\d{1,4})?$/);
+        q && (o.value = ["1 (", q[2], ") ", q[3], "-", q[4]].join(""));
       }
   }, { immediate: !0 });
   const s = (g) => g.match(/^(1)(\d{3})(\d{3})(\d{4})$/) != null, u = (g) => g.match(/^(1) (\(\d{3}\)) (\d{3})\-(\d{4})$/) != null, r = k(() => s(t.value)), a = k(() => u(t.value)), c = (g) => {
-    const V = Number.isInteger(Number.parseInt(g)), h = g == " ", y = g == "(" || g == ")", m = g == "-";
-    return V && !h && !y && !m;
+    const q = Number.isInteger(Number.parseInt(g)), h = g == " ", y = g == "(" || g == ")", m = g == "-";
+    return q && !h && !y && !m;
   };
   return {
     formattedNumber: o,
@@ -1537,10 +1604,10 @@ function Ol(e, i) {
     isValidPhoneAndFormat: a,
     enforceValidChars: (g) => {
       var h, y;
-      const V = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Backspace", "Shift", "Delete", "Tab"].includes(g.key);
-      if (isNaN(Number(g.key)) && !V || g.key === null || g.key === " " || g.which === 229)
+      const q = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Backspace", "Shift", "Delete", "Tab"].includes(g.key);
+      if (isNaN(Number(g.key)) && !q || g.key === null || g.key === " " || g.which === 229)
         return g.preventDefault(), g.stopPropagation(), !1;
-      if (V) {
+      if (q) {
         ((y = (h = g == null ? void 0 : g.target) == null ? void 0 : h.value) == null ? void 0 : y.length) > 0 && (l.value = !0);
         return;
       }
@@ -1681,12 +1748,12 @@ const El = { key: 0 }, dt = {
     }), $(a, () => {
       a.value && c.disconnect();
     }), (d, g) => (p(), I("div", Ml, [
-      z("picture", Ve(d.$attrs, {
+      z("picture", xe(d.$attrs, {
         ref_key: "pictureEl",
         ref: r,
-        onMouseenter: g[0] || (g[0] = (V) => l(!0)),
-        onMouseleave: g[1] || (g[1] = (V) => l(!1)),
-        onClick: g[2] || (g[2] = (V) => u.value = e.useZoom),
+        onMouseenter: g[0] || (g[0] = (q) => l(!0)),
+        onMouseleave: g[1] || (g[1] = (q) => l(!1)),
+        onClick: g[2] || (g[2] = (q) => u.value = e.useZoom),
         class: { "cursor-pointer": e.useZoom }
       }), [
         z("img", {
@@ -1700,7 +1767,7 @@ const El = { key: 0 }, dt = {
         to: "body"
       }, [
         ge(z("div", {
-          onClick: g[3] || (g[3] = (V) => u.value = !1),
+          onClick: g[3] || (g[3] = (q) => u.value = !1),
           class: "backdrop-overlay overlay-bg"
         }, [
           z("img", {
@@ -1776,8 +1843,8 @@ const El = { key: 0 }, dt = {
           return "time";
       }
     }), s = (c = null) => {
-      const d = c || o.defaultTime || `${(/* @__PURE__ */ new Date()).getHours()}:${(/* @__PURE__ */ new Date()).getMinutes()}`, [g, V] = d.split(":");
-      return String(g).padStart(2, "0") + ":" + String(V).padStart(2, "0");
+      const d = c || o.defaultTime || `${(/* @__PURE__ */ new Date()).getHours()}:${(/* @__PURE__ */ new Date()).getMinutes()}`, [g, q] = d.split(":");
+      return String(g).padStart(2, "0") + ":" + String(q).padStart(2, "0");
     }, u = (c) => {
       if (!c || c.toString() === "Invalid Date")
         return;
@@ -2156,8 +2223,8 @@ const El = { key: 0 }, dt = {
       var ae;
       const j = ((ae = x == null ? void 0 : x.toString()) == null ? void 0 : ae.length) || 0;
       return t.maxChars > -1 && (L ? j >= t.maxChars : j > t.maxChars);
-    }, V = (x) => {
-      !["Backspace", "Tab", "Enter", "ArrowLeft", "ArrowRight", "Shift"].includes(x.key) && !(["c", "v"].includes(x.key) && x.ctrlKey) && (g(v.value, !0) && x.preventDefault(), t.type === "decimal" && q(v.value) && x.preventDefault(), ["decimal", "number"].includes(t.type) && isNaN(+x.key) && ![".", "-"].includes(x.key) && x.preventDefault(), ["number-string", "money"].includes(t.type) && isNaN(+x.key) && x.preventDefault()), t.blockedChars.includes(x.key) && x.preventDefault(), t.type !== "textarea" && x.key === "Enter" && l("on-enter");
+    }, q = (x) => {
+      !["Backspace", "Tab", "Enter", "ArrowLeft", "ArrowRight", "Shift"].includes(x.key) && !(["c", "v"].includes(x.key) && x.ctrlKey) && (g(v.value, !0) && x.preventDefault(), t.type === "decimal" && V(v.value) && x.preventDefault(), ["decimal", "number"].includes(t.type) && isNaN(+x.key) && ![".", "-"].includes(x.key) && x.preventDefault(), ["number-string", "money"].includes(t.type) && isNaN(+x.key) && x.preventDefault()), t.blockedChars.includes(x.key) && x.preventDefault(), t.type !== "textarea" && x.key === "Enter" && l("on-enter");
     }, h = (x = !1) => {
       var L;
       (L = m.value) == null || L.focus({ preventScroll: x });
@@ -2182,7 +2249,7 @@ const El = { key: 0 }, dt = {
       v.value !== t.modelValue && (v.value = t.modelValue);
     }, { immediate: !0 }), $(v, (x, L) => {
       if (d.value && (!v.value || v.value.length !== t.maxChars) && (d.value = ""), C.value) {
-        if (["decimal", "number"].includes(t.type) && (v.value < t.minNum || v.value > t.maxNum) && (v.value = L), t.type === "decimal" && q(v.value)) {
+        if (["decimal", "number"].includes(t.type) && (v.value < t.minNum || v.value > t.maxNum) && (v.value = L), t.type === "decimal" && V(v.value)) {
           const j = v.value.toString().match(/^-?\d+(?:\.\d{0,2})?/)[0];
           v.value = parseFloat(j);
         }
@@ -2248,7 +2315,7 @@ const El = { key: 0 }, dt = {
     });
     const ne = k(() => ["datepicker", "datetimepicker", "timepicker"].includes(t.type)), { isPhoneInput: se, formattedNumber: _, enforceValidChars: re } = Ol(v, t.type);
     _ !== null && $(_, () => v.value = _.value);
-    const q = (x) => {
+    const V = (x) => {
       var j;
       return t.maxDecimals < 0 || Math.floor(x) === x ? !1 : (((j = x == null ? void 0 : x.toString().split(".")[1]) == null ? void 0 : j.length) || 0) >= t.maxDecimals;
     }, E = (x) => {
@@ -2301,7 +2368,7 @@ const El = { key: 0 }, dt = {
             onClick: L[0] || (L[0] = (j) => h()),
             class: "label"
           }, te(e.placeholder), 1),
-          e.type === "textarea" ? ge((p(), I("textarea", Ve({
+          e.type === "textarea" ? ge((p(), I("textarea", xe({
             key: 1,
             ref_key: "input",
             ref: m,
@@ -2310,7 +2377,7 @@ const El = { key: 0 }, dt = {
           }, x.$attrs, {
             placeholder: "",
             onClick: L[2] || (L[2] = (j) => h()),
-            onKeydown: V,
+            onKeydown: q,
             class: "qst-input"
           }), null, 16, Hl)), [
             [
@@ -2324,7 +2391,7 @@ const El = { key: 0 }, dt = {
             ref_key: "input",
             ref: m,
             id: s.value,
-            "onUpdate:modelValue": L[3] || (L[3] = (j) => qt(_) ? _.value = j : null),
+            "onUpdate:modelValue": L[3] || (L[3] = (j) => Vt(_) ? _.value = j : null),
             type: "tel",
             maxlength: "16",
             onKeydown: L[4] || (L[4] = (...j) => S(re) && S(re)(...j)),
@@ -2332,7 +2399,7 @@ const El = { key: 0 }, dt = {
             class: "qst-input"
           }, null, 40, Fl)), [
             [yt, S(_)]
-          ]) : ne.value ? (p(), R(jl, Ve({
+          ]) : ne.value ? (p(), R(jl, xe({
             key: 3,
             modelValue: v.value,
             "onUpdate:modelValue": L[6] || (L[6] = (j) => v.value = j)
@@ -2345,7 +2412,7 @@ const El = { key: 0 }, dt = {
             "use-range": e.useDatepickerRange,
             "default-time": e.defaultTime,
             placeholder: ""
-          }), null, 16, ["modelValue", "id", "disabled", "type", "min-date", "max-date", "use-range", "default-time"])) : e.type === "number" || e.type === "decimal" ? ge((p(), I("input", Ve({
+          }), null, 16, ["modelValue", "id", "disabled", "type", "min-date", "max-date", "use-range", "default-time"])) : e.type === "number" || e.type === "decimal" ? ge((p(), I("input", xe({
             key: 4,
             ref_key: "input",
             ref: m,
@@ -2360,7 +2427,7 @@ const El = { key: 0 }, dt = {
             onClick: L[8] || (L[8] = (j) => h()),
             onBlur: L[9] || (L[9] = (j) => l("blur", v.value)),
             onChange: E,
-            onKeydown: V,
+            onKeydown: q,
             class: "qst-input"
           }), null, 16, Wl)), [
             [
@@ -2381,7 +2448,7 @@ const El = { key: 0 }, dt = {
             autocomplete: "off",
             onClick: L[11] || (L[11] = (j) => h()),
             onBlur: L[12] || (L[12] = (j) => l("blur", v.value)),
-            onKeydown: V,
+            onKeydown: q,
             class: "qst-input"
           }, null, 40, Ql)), [
             [
@@ -2413,7 +2480,7 @@ const El = { key: 0 }, dt = {
                 key: 0,
                 icon: M.value,
                 size: e.size,
-                onClick: qe(O, ["stop"]),
+                onClick: Ve(O, ["stop"]),
                 color: "#949494",
                 class: "icon"
               }, null, 8, ["icon", "size"])) : B("", !0),
@@ -2424,7 +2491,7 @@ const El = { key: 0 }, dt = {
               }, [
                 z("span", Jl, te(v.value.toString().length) + " / " + te(e.maxChars), 1)
               ], 4)) : B("", !0),
-              X.value && !e.useClearIcon ? (p(), R(Te, Ve({
+              X.value && !e.useClearIcon ? (p(), R(Te, xe({
                 key: 2,
                 ref_key: "infoTooltipEl",
                 ref: P
@@ -2456,7 +2523,9 @@ const El = { key: 0 }, dt = {
       }, null, 8, Yl)) : B("", !0)
     ], 6));
   }
-}, xe = /* @__PURE__ */ ee(Xl, [["__scopeId", "data-v-986b71ee"]]), Gl = ["disabled"], Zl = ["disabled"], _l = {
+}, qe = /* @__PURE__ */ ee(Xl, [["__scopeId", "data-v-986b71ee"]]), Gl = ["disabled"], Zl = ["disabled"], _l = {
+  inheritAttrs: !1
+}, ei = /* @__PURE__ */ Object.assign(_l, {
   __name: "QstButton",
   props: {
     /** The background color of the button. */
@@ -2479,7 +2548,7 @@ const El = { key: 0 }, dt = {
     size: {
       type: String,
       required: !1,
-      default: "",
+      default: "14px",
       tsType: "string",
       description: "Pixel value to resize the component, styles are adjusted when the size is updated."
     },
@@ -2526,7 +2595,7 @@ const El = { key: 0 }, dt = {
   },
   setup(e) {
     pe((l) => ({
-      "04f7a376": e.fontColor
+      "4d8f466c": e.fontColor
     }));
     const i = e, o = k(() => ({
       circle: i.circle,
@@ -2540,23 +2609,23 @@ const El = { key: 0 }, dt = {
     });
     return (l, n) => (p(), I("div", {
       style: Z({ fontSize: e.size, "--btn-color": e.color }),
-      class: U([o.value, "qst-btn__wrapper"])
+      class: U([o.value, "qst-button"])
     }, [
-      t.value ? (p(), R(Te, Ve({ key: 0 }, t.value, {
+      t.value ? (p(), R(Te, xe({ key: 0 }, t.value, {
         "use-hover-icon": !1,
         "prevent-click-override": ""
       }), {
         trigger: Y(() => [
-          z("button", Ve(l.$attrs, {
+          z("button", xe(l.$attrs, {
             disabled: e.disabled,
-            class: "qst-btn"
+            class: "btn"
           }), [
             e.icon ? (p(), R(ie, {
               key: 0,
               icon: e.icon,
               color: e.fontColor,
               size: e.size,
-              class: "qst-btn__icon"
+              class: "btn-icon"
             }, null, 8, ["icon", "color", "size"])) : B("", !0),
             K(l.$slots, "default", {}, void 0, !0)
           ], 16, Gl)
@@ -2567,23 +2636,22 @@ const El = { key: 0 }, dt = {
           ], !0)
         ]),
         _: 3
-      }, 16)) : (p(), I("button", {
-        key: 1,
+      }, 16)) : (p(), I("button", xe({ key: 1 }, l.$attrs, {
         disabled: e.disabled,
-        class: "qst-btn"
-      }, [
+        class: "btn"
+      }), [
         e.icon ? (p(), R(ie, {
           key: 0,
           icon: e.icon,
           color: e.fontColor,
           size: e.size,
-          class: "qst-btn__icon"
+          class: "btn-icon"
         }, null, 8, ["icon", "color", "size"])) : B("", !0),
         K(l.$slots, "default", {}, void 0, !0)
-      ], 8, Zl))
+      ], 16, Zl))
     ], 6));
   }
-}, nt = /* @__PURE__ */ ee(_l, [["__scopeId", "data-v-a92fa59a"]]), ei = { class: "loader-container" }, ti = ["src"], oi = ["innerHTML"], li = {
+}), nt = /* @__PURE__ */ ee(ei, [["__scopeId", "data-v-4007dba2"]]), ti = { class: "loader-container" }, oi = ["src"], li = ["innerHTML"], ii = {
   __name: "QstLoader",
   props: {
     /** The image/gif that will be used for the loader. */
@@ -2672,12 +2740,12 @@ const El = { key: 0 }, dt = {
       style: Z({ fontSize: e.size }),
       class: U([o.value, "loader-wrapper"])
     }, [
-      z("div", ei, [
+      z("div", ti, [
         e.loaderSrc ? (p(), I("img", {
           key: 0,
           src: e.loaderSrc,
           class: "loader-img"
-        }, null, 8, ti)) : (p(), R(ie, {
+        }, null, 8, oi)) : (p(), R(ie, {
           key: 1,
           icon: "eos-icons:three-dots-loading",
           size: e.size,
@@ -2688,17 +2756,17 @@ const El = { key: 0 }, dt = {
           key: 2,
           innerHTML: e.subtext,
           class: "loader-subtext"
-        }, null, 8, oi)) : B("", !0)
+        }, null, 8, li)) : B("", !0)
       ])
     ], 6));
   }
-}, Ot = /* @__PURE__ */ ee(li, [["__scopeId", "data-v-fe18eb42"]]), ii = {
+}, Ot = /* @__PURE__ */ ee(ii, [["__scopeId", "data-v-fe18eb42"]]), ni = {
   key: 0,
   class: "qst-modal__inner"
-}, ni = { class: "qst-modal__header" }, si = {
+}, si = { class: "qst-modal__header" }, ri = {
   key: 1,
   class: "qst-modal__content"
-}, ri = { class: "qst-modal__action" }, ai = { key: 0 }, ui = {
+}, ai = { class: "qst-modal__action" }, ui = { key: 0 }, di = {
   __name: "QstModal",
   props: {
     /** Used for v-model, will be set to whether the modal is showing. */
@@ -2824,8 +2892,8 @@ const El = { key: 0 }, dt = {
   emits: ["update:modelValue", "on-confirm", "on-cancel"],
   setup(e, { emit: i }) {
     pe((c) => ({
-      c026cc82: o.width,
-      "43d7a44e": o.height
+      "2dac675e": o.width,
+      "6e118a8f": o.height
     }));
     const o = e, t = i, l = T(), n = T(!1), s = T();
     $(n, () => {
@@ -2839,8 +2907,8 @@ const El = { key: 0 }, dt = {
     }, r = () => {
       t("on-cancel"), n.value = !1;
     }, a = (c) => {
-      const d = l.value.getBoundingClientRect(), { top: g, left: V, height: h, width: y } = d, { clientX: m, clientY: v } = c;
-      !(g <= v && v <= g + h && V <= m && m <= V + y) && r();
+      const d = l.value.getBoundingClientRect(), { top: g, left: q, height: h, width: y } = d, { clientX: m, clientY: v } = c;
+      !(g <= v && v <= g + h && q <= m && m <= q + y) && r();
     };
     return (c, d) => (p(), R(Qe, { to: "#app" }, [
       z("dialog", {
@@ -2850,8 +2918,8 @@ const El = { key: 0 }, dt = {
         style: Z({ fontSize: e.size }),
         class: U([{ "scroll--hidden": e.hideScroll, dark: e.darkMode }, "qst-modal"])
       }, [
-        n.value ? (p(), I("div", ii, [
-          z("div", ni, [
+        n.value ? (p(), I("div", ni, [
+          z("div", si, [
             z("div", null, [
               ge(z("span", null, [
                 K(c.$slots, "title", {}, void 0, !0)
@@ -2867,16 +2935,16 @@ const El = { key: 0 }, dt = {
               "use-icon-btn": ""
             }, null, 8, ["size", "font-color"])
           ]),
-          e.useLoader ? (p(), R(Ot, { key: 0 })) : (p(), I("div", si, [
+          e.useLoader ? (p(), R(Ot, { key: 0 })) : (p(), I("div", ri, [
             K(c.$slots, "default", {}, void 0, !0)
           ])),
-          ge(z("div", ri, [
+          ge(z("div", ai, [
             z("div", null, [
               K(c.$slots, "footer-left", {}, void 0, !0)
             ]),
             z("div", null, [
               K(c.$slots, "footer", {}, () => [
-                e.useLoader ? B("", !0) : (p(), I("div", ai, [
+                e.useLoader ? B("", !0) : (p(), I("div", ui, [
                   e.showSubmitBtn ? (p(), R(nt, {
                     key: 0,
                     onClick: u,
@@ -2915,7 +2983,7 @@ const El = { key: 0 }, dt = {
       })) : B("", !0)
     ]));
   }
-}, di = /* @__PURE__ */ ee(ui, [["__scopeId", "data-v-6c12b87f"]]), ci = {
+}, ci = /* @__PURE__ */ ee(di, [["__scopeId", "data-v-dee6dfdd"]]), fi = {
   __name: "QstDropdown",
   props: {
     /** The width of the dropdown menu, set in px. */
@@ -3000,15 +3068,15 @@ const El = { key: 0 }, dt = {
     }
   },
   setup(e, { expose: i }) {
-    pe((V) => ({
+    pe((q) => ({
       "42b1a3d3": e.maxHeight
     }));
     const o = e, t = k(() => {
-      var V, h;
+      var q, h;
       return {
         "--offsetPropX": o.offset.x + "px",
         "--offsetPropY": o.offset.y + "px",
-        "--triggerHeight": Math.round(((V = u.value) == null ? void 0 : V.offsetHeight) / 2 - 10) + "px",
+        "--triggerHeight": Math.round(((q = u.value) == null ? void 0 : q.offsetHeight) / 2 - 10) + "px",
         "--triggerWidth": Math.round(((h = u.value) == null ? void 0 : h.offsetWidth) / 2) - 10 + "px",
         width: o.width,
         top: a.value.top,
@@ -3019,19 +3087,19 @@ const El = { key: 0 }, dt = {
       triangle: o.useTriangle,
       "offset-triangle": o.offsetTriangle,
       "center-triangle": o.centerDropdown
-    })), n = T(!1), s = (V, h = !1) => {
-      (!h || o.openOnHover) && (n.value = V);
+    })), n = T(!1), s = (q, h = !1) => {
+      (!h || o.openOnHover) && (n.value = q);
     }, u = T(), r = T(), a = T({}), c = () => {
       if (!u.value || !n.value)
         return;
-      const V = new IntersectionObserver((h) => {
+      const q = new IntersectionObserver((h) => {
         var P;
         const y = h[0].boundingClientRect;
         let m = 0, v = 0;
         const C = (P = r.value) == null ? void 0 : P.offsetHeight, { top: A, left: w, height: O, width: M } = y, { offset: H, position: J, width: X } = o;
-        J === "top" || J === "bottom" ? (m = w + H.x, o.centerDropdown && (m += Math.round(-(parseInt(X) / 2) + M / 2)), v = J === "bottom" ? A + document.documentElement.scrollTop + O + 15 + H.y : A + document.documentElement.scrollTop - (C + O) + H.y) : (v = A + document.documentElement.scrollTop - H.y + O / 2, o.centerDropdown && (v -= C / 2), m = J === "right" ? w + (M + 15) + H.x : w - (parseInt(X) + 15) + H.x), a.value.left = Math.trunc(m) + "px", a.value.top = Math.trunc(v) + "px", g(y, C), V.disconnect();
+        J === "top" || J === "bottom" ? (m = w + H.x, o.centerDropdown && (m += Math.round(-(parseInt(X) / 2) + M / 2)), v = J === "bottom" ? A + document.documentElement.scrollTop + O + 15 + H.y : A + document.documentElement.scrollTop - (C + O) + H.y) : (v = A + document.documentElement.scrollTop - H.y + O / 2, o.centerDropdown && (v -= C / 2), m = J === "right" ? w + (M + 15) + H.x : w - (parseInt(X) + 15) + H.x), a.value.left = Math.trunc(m) + "px", a.value.top = Math.trunc(v) + "px", g(y, C), q.disconnect();
       }, { threshold: 1 });
-      V.observe(u.value);
+      q.observe(u.value);
     };
     we(() => {
       he(() => c()), window.addEventListener("resize", c);
@@ -3040,10 +3108,10 @@ const El = { key: 0 }, dt = {
     }), $(n, () => {
       n.value && c();
     });
-    const d = T(), g = (V, h) => {
+    const d = T(), g = (q, h) => {
       if (!o.openOnHover || !n.value)
         return;
-      const y = Math.trunc(V.width), m = Math.trunc(V.height), v = Math.trunc(h);
+      const y = Math.trunc(q.width), m = Math.trunc(q.height), v = Math.trunc(h);
       o.position === "left" || o.position === "right" ? d.value = {
         height: v + "px",
         width: Math.trunc(y * 0.5 + 8) + "px",
@@ -3054,11 +3122,11 @@ const El = { key: 0 }, dt = {
         width: o.width,
         top: m * (o.position === "bottom" ? 1 : -1),
         left: o.centerDropdown ? parseInt(o.width) * -0.5 + y / 2 : 0
-      }, d.value.top = d.value.top + V.top + o.offset.y + "px", d.value.left = d.value.left + V.left + o.offset.x + "px";
+      }, d.value.top = d.value.top + q.top + o.offset.y + "px", d.value.left = d.value.left + q.left + o.offset.x + "px";
     };
     return i({
       isShowing: n
-    }), (V, h) => (p(), I("div", {
+    }), (q, h) => (p(), I("div", {
       onMouseenter: h[5] || (h[5] = (y) => s(!0, !0)),
       onMouseleave: h[6] || (h[6] = (y) => s(!1, !0)),
       onKeydown: h[7] || (h[7] = To((y) => s(!1), ["esc"])),
@@ -3068,10 +3136,10 @@ const El = { key: 0 }, dt = {
         z("div", {
           ref_key: "triggerEl",
           ref: u,
-          onClick: h[0] || (h[0] = qe((y) => s(!0), ["stop"])),
+          onClick: h[0] || (h[0] = Ve((y) => s(!0), ["stop"])),
           class: "dropdown-heading"
         }, [
-          K(V.$slots, "heading", { isShowing: n.value }, () => [
+          K(q.$slots, "heading", { isShowing: n.value }, () => [
             h[8] || (h[8] = ve("Dropdown"))
           ], !0),
           e.openOnHover && n.value ? (p(), I("div", {
@@ -3093,7 +3161,7 @@ const El = { key: 0 }, dt = {
             z("div", {
               class: U({ "content--scroll": !!e.maxHeight })
             }, [
-              K(V.$slots, "content", {}, () => [
+              K(q.$slots, "content", {}, () => [
                 h[9] || (h[9] = ve("Dropdown Content"))
               ], !0)
             ], 2)
@@ -3104,15 +3172,15 @@ const El = { key: 0 }, dt = {
       ]),
       n.value && !e.openOnHover && e.closeOnOutsideClick ? (p(), I("div", {
         key: 0,
-        onClick: h[4] || (h[4] = qe((y) => s(!1), ["stop"])),
+        onClick: h[4] || (h[4] = Ve((y) => s(!1), ["stop"])),
         class: "backdrop-overlay"
       })) : B("", !0)
     ], 32));
   }
-}, fi = /* @__PURE__ */ ee(ci, [["__scopeId", "data-v-dd5d2a37"]]), pi = { class: "switch-input" }, hi = ["checked", "disabled"], mi = {
+}, pi = /* @__PURE__ */ ee(fi, [["__scopeId", "data-v-dd5d2a37"]]), hi = { class: "switch-input" }, mi = ["checked", "disabled"], gi = {
   key: 1,
   class: "label-text"
-}, gi = {
+}, yi = {
   __name: "QstSwitch",
   props: {
     /** Used for v-model, will be set to whether the switch is active. */
@@ -3218,13 +3286,13 @@ const El = { key: 0 }, dt = {
           K(u.$slots, "view-mode", {}, void 0, !0)
         ]),
         default: Y(() => [
-          z("label", pi, [
+          z("label", hi, [
             ge(z("input", {
               "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
               type: "checkbox",
               checked: l.value,
               disabled: e.disabled
-            }, null, 8, hi), [
+            }, null, 8, mi), [
               [Kt, l.value]
             ]),
             z("span", {
@@ -3241,21 +3309,21 @@ const El = { key: 0 }, dt = {
               icon: e.icon,
               class: "label-icon"
             }, null, 8, ["icon"])) : B("", !0),
-            e.label ? (p(), I("span", mi, te(e.label), 1)) : B("", !0),
-            s.value ? (p(), R(Te, Ve({ key: 2 }, s.value, { size: e.size }), null, 16, ["size"])) : B("", !0)
+            e.label ? (p(), I("span", gi, te(e.label), 1)) : B("", !0),
+            s.value ? (p(), R(Te, xe({ key: 2 }, s.value, { size: e.size }), null, 16, ["size"])) : B("", !0)
           ])
         ]),
         _: 3
       }, 8, ["use-edit-mode", "value", "label", "show-label-on-edit-mode"])
     ], 6));
   }
-}, yi = /* @__PURE__ */ ee(gi, [["__scopeId", "data-v-e01bf080"]]), vi = {
+}, vi = /* @__PURE__ */ ee(yi, [["__scopeId", "data-v-e01bf080"]]), bi = {
   key: 0,
   class: "progress-bar__wrapper"
-}, bi = {
+}, wi = {
   key: 2,
   class: "horizontal-slider__dots"
-}, wi = { class: "slider-dots" }, Si = ["onClick"], Ti = {
+}, Si = { class: "slider-dots" }, Ti = ["onClick"], ki = {
   __name: "QstScrollContainer",
   props: {
     /** If the container has overflow, shows arrows on the ends of the container. */
@@ -3353,13 +3421,13 @@ const El = { key: 0 }, dt = {
         return;
       const P = o.value.scrollWidth - o.value.clientWidth, F = t.value.scrollLeft * 100;
       c.value = Math.min(Math.round(F / P), 100) + "%";
-    }, g = T(!1), V = T(0), h = (P) => {
-      g.value = !0, V.value = P.pageX - o.value.offsetLeft;
+    }, g = T(!1), q = T(0), h = (P) => {
+      g.value = !0, q.value = P.pageX - o.value.offsetLeft;
     }, y = () => g.value = !1, m = (P) => {
       var ne;
       if (!g.value)
         return;
-      const oe = (P.pageX - o.value.offsetLeft - V.value) * 2;
+      const oe = (P.pageX - o.value.offsetLeft - q.value) * 2;
       O(((ne = t.value) == null ? void 0 : ne.scrollLeft) - oe);
     }, v = T(1), C = T(!0), A = T(!0), w = k(() => !!o.value && o.value.scrollWidth > o.value.clientWidth), O = (P) => {
       var F;
@@ -3391,7 +3459,7 @@ const El = { key: 0 }, dt = {
         ref: t,
         onMousedown: h,
         onMouseup: y,
-        onMousemove: qe(m, ["prevent"]),
+        onMousemove: Ve(m, ["prevent"]),
         class: "scroll-slider"
       }, [
         z("div", {
@@ -3406,7 +3474,7 @@ const El = { key: 0 }, dt = {
         key: 0,
         style: Z({ fontSize: e.size })
       }, [
-        e.useProgressBar ? (p(), I("div", vi, [
+        e.useProgressBar ? (p(), I("div", bi, [
           z("div", {
             style: Z({ width: c.value }),
             class: "progress-bar--active"
@@ -3428,19 +3496,19 @@ const El = { key: 0 }, dt = {
             class: "slide-right"
           }, null, 8, ["size"])) : B("", !0)
         ], 64)) : B("", !0),
-        e.useDots ? (p(), I("div", bi, [
-          z("div", wi, [
+        e.useDots ? (p(), I("div", wi, [
+          z("div", Si, [
             (p(!0), I(ye, null, Be(u.value, (oe) => (p(), I("button", {
               key: oe,
               onClick: (ne) => r(oe),
               class: U({ "dot--active": v.value === oe })
-            }, null, 10, Si))), 128))
+            }, null, 10, Ti))), 128))
           ])
         ])) : B("", !0)
       ], 4)) : B("", !0)
     ], 6));
   }
-}, ki = /* @__PURE__ */ ee(Ti, [["__scopeId", "data-v-09e90f8d"]]), xi = { class: "qst-tag" }, Vi = {
+}, xi = /* @__PURE__ */ ee(ki, [["__scopeId", "data-v-09e90f8d"]]), qi = { class: "qst-tag" }, Vi = {
   __name: "QstTag",
   props: {
     /** Pixel value to resize the component, styles are adjusted when the size is updated. */
@@ -3578,7 +3646,7 @@ const El = { key: 0 }, dt = {
     }, {
       default: Y(() => [
         z("div", null, [
-          r.value ? (p(), R(Te, Ve({ key: 0 }, r.value, {
+          r.value ? (p(), R(Te, xe({ key: 0 }, r.value, {
             width: 200,
             "use-hover-icon": !1,
             "prevent-click-override": "",
@@ -3594,7 +3662,7 @@ const El = { key: 0 }, dt = {
             ]),
             _: 3
           }, 16)) : B("", !0),
-          z("div", xi, [
+          z("div", qi, [
             e.iconLeft ? (p(), R(ie, {
               key: 0,
               icon: e.iconLeft,
@@ -3625,7 +3693,7 @@ const El = { key: 0 }, dt = {
       _: 3
     }, 8, ["href", "to", "target", "style", "class"]));
   }
-}, uo = /* @__PURE__ */ ee(Vi, [["__scopeId", "data-v-e5c5ff84"]]), qi = {
+}, uo = /* @__PURE__ */ ee(Vi, [["__scopeId", "data-v-e5c5ff84"]]), Ii = {
   __name: "TransitionCollapseHeight",
   setup(e) {
     const i = (u) => {
@@ -3669,7 +3737,7 @@ const El = { key: 0 }, dt = {
       _: 3
     }));
   }
-}, Ii = /* @__PURE__ */ ee(qi, [["__scopeId", "data-v-e53787a9"]]), Ai = {
+}, Ai = /* @__PURE__ */ ee(Ii, [["__scopeId", "data-v-e53787a9"]]), Ci = {
   __name: "QstExpandableRow",
   props: {
     /** The trigger and content slot elements will have a div parent element. */
@@ -3742,7 +3810,7 @@ const El = { key: 0 }, dt = {
     }), (u, r) => (p(), I(ye, null, [
       e.useDiv ? (p(), I("div", {
         key: 0,
-        onClick: qe(s, ["stop"]),
+        onClick: Ve(s, ["stop"]),
         class: "row-trigger"
       }, [
         K(u.$slots, "default", {}, void 0, !0),
@@ -3755,7 +3823,7 @@ const El = { key: 0 }, dt = {
         key: 1,
         toggleContainer: s
       }, void 0, !0),
-      le(Ii, {
+      le(Ai, {
         class: U(l.value)
       }, {
         default: Y(() => [
@@ -3772,10 +3840,10 @@ const El = { key: 0 }, dt = {
       }, 8, ["class"])
     ], 64));
   }
-}, Ci = /* @__PURE__ */ ee(Ai, [["__scopeId", "data-v-ed708f8b"]]), zi = {
+}, zi = /* @__PURE__ */ ee(Ci, [["__scopeId", "data-v-ed708f8b"]]), Oi = {
   key: 0,
   class: "panel-header"
-}, Oi = {
+}, Ei = {
   __name: "QstPanel",
   props: {
     /** The default padding styles will be removed from the panel. */
@@ -3850,16 +3918,16 @@ const El = { key: 0 }, dt = {
       style: Z({ height: e.height }),
       class: U([t.value, "qst-panel"])
     }, [
-      S(o).heading ? (p(), I("span", zi, [
+      S(o).heading ? (p(), I("span", Oi, [
         K(l.$slots, "heading", {}, void 0, !0)
       ])) : B("", !0),
       K(l.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}, Ei = /* @__PURE__ */ ee(Oi, [["__scopeId", "data-v-ac9da80d"]]), Mi = ["for"], Bi = ["id", "disabled"], $i = { class: "custom-checkbox" }, Pi = {
+}, Mi = /* @__PURE__ */ ee(Ei, [["__scopeId", "data-v-ac9da80d"]]), Bi = ["for"], $i = ["id", "disabled"], Pi = { class: "custom-checkbox" }, Di = {
   key: 0,
   class: "checkbox-label"
-}, Di = {
+}, Li = {
   __name: "QstCheckbox",
   props: {
     /** Used for v-model, will be set to whether the checkbox is checked. */
@@ -3951,10 +4019,10 @@ const El = { key: 0 }, dt = {
           id: n.value,
           disabled: e.disabled,
           type: "checkbox"
-        }, null, 40, Bi), [
+        }, null, 40, $i), [
           [Kt, l.value]
         ]),
-        z("span", $i, [
+        z("span", Pi, [
           le(ie, {
             size: e.size,
             icon: "fluent:checkmark-12-filled",
@@ -3962,17 +4030,17 @@ const El = { key: 0 }, dt = {
             class: "checkbox-icon"
           }, null, 8, ["size"])
         ]),
-        s.value ? (p(), I("span", Pi, te(s.value), 1)) : B("", !0)
-      ], 10, Mi)
+        s.value ? (p(), I("span", Di, te(s.value), 1)) : B("", !0)
+      ], 10, Bi)
     ], 4));
   }
-}, co = /* @__PURE__ */ ee(Di, [["__scopeId", "data-v-a910855c"]]), Li = {
+}, co = /* @__PURE__ */ ee(Li, [["__scopeId", "data-v-a910855c"]]), ji = {
   key: 0,
   class: "group-label"
-}, ji = {
+}, Ni = {
   key: 1,
   class: "checkbox-error"
-}, Ni = {
+}, Ri = {
   __name: "QstCheckboxGroup",
   props: {
     /** Used for v-model of the selected checkbox, will be set to the checkbox's *value* property. If using multiSelect, set to an array of active values. */
@@ -4070,7 +4138,7 @@ const El = { key: 0 }, dt = {
       style: Z({ fontSize: e.size }),
       class: U([{ "checkbox-row": e.useRow, "error--visible": !!e.error }, "checkbox-group"])
     }, [
-      e.groupLabel ? (p(), I("p", Li, te(e.groupLabel), 1)) : B("", !0),
+      e.groupLabel ? (p(), I("p", ji, te(e.groupLabel), 1)) : B("", !0),
       (p(!0), I(ye, null, Be(l.value, (d) => (p(), R(co, {
         key: d.id,
         modelValue: d.isActive,
@@ -4079,10 +4147,10 @@ const El = { key: 0 }, dt = {
         checkbox: d,
         disabled: e.disabled
       }, null, 8, ["modelValue", "onUpdate:modelValue", "checkbox", "disabled"]))), 128)),
-      e.error ? (p(), I("span", ji, "*" + te(e.error) + "*", 1)) : B("", !0)
+      e.error ? (p(), I("span", Ni, "*" + te(e.error) + "*", 1)) : B("", !0)
     ], 6));
   }
-}, Ri = /* @__PURE__ */ ee(Ni, [["__scopeId", "data-v-06246ddf"]]), Hi = ["for"], Fi = ["id", "value", "disabled"], Wi = {
+}, Hi = /* @__PURE__ */ ee(Ri, [["__scopeId", "data-v-06246ddf"]]), Fi = ["for"], Wi = ["id", "value", "disabled"], Qi = {
   __name: "QstRadio",
   props: {
     /** Used for v-model of the selected radio option, will be set to the input's *value* property. */
@@ -4152,21 +4220,21 @@ const El = { key: 0 }, dt = {
           value: e.radio.value,
           disabled: e.disabled,
           type: "radio"
-        }, null, 8, Fi), [
+        }, null, 8, Wi), [
           [xo, n.value]
         ]),
         u[1] || (u[1] = z("span", { class: "radio-input" }, null, -1)),
         ve(" " + te(e.radio.label), 1)
-      ], 8, Hi)
+      ], 8, Fi)
     ], 6));
   }
-}, fo = /* @__PURE__ */ ee(Wi, [["__scopeId", "data-v-aecdfc1f"]]), Qi = {
+}, fo = /* @__PURE__ */ ee(Qi, [["__scopeId", "data-v-aecdfc1f"]]), Ui = {
   key: 0,
   class: "group-label"
-}, Ui = {
+}, Ji = {
   key: 1,
   class: "radio-error"
-}, Ji = {
+}, Ki = {
   __name: "QstRadioGroup",
   props: {
     /** Used for v-model of the selected radio option, will be set to the input's *value* property. */
@@ -4247,7 +4315,7 @@ const El = { key: 0 }, dt = {
       style: Z({ fontSize: e.size }),
       class: U([{ "radio-row": e.useRow, "error--visible": !!e.error }, "qst-radio__wrapper"])
     }, [
-      e.groupLabel ? (p(), I("p", Qi, te(e.groupLabel), 1)) : B("", !0),
+      e.groupLabel ? (p(), I("p", Ui, te(e.groupLabel), 1)) : B("", !0),
       (p(!0), I(ye, null, Be(n.value, (r) => (p(), R(fo, {
         key: r.id,
         modelValue: l.value,
@@ -4256,10 +4324,10 @@ const El = { key: 0 }, dt = {
         disabled: e.disabled,
         color: e.color
       }, null, 8, ["modelValue", "radio", "disabled", "color"]))), 128)),
-      e.error ? (p(), I("span", Ui, "*" + te(e.error) + "*", 1)) : B("", !0)
+      e.error ? (p(), I("span", Ji, "*" + te(e.error) + "*", 1)) : B("", !0)
     ], 6));
   }
-}, Ki = /* @__PURE__ */ ee(Ji, [["__scopeId", "data-v-d198a081"]]), po = {
+}, Yi = /* @__PURE__ */ ee(Ki, [["__scopeId", "data-v-d198a081"]]), po = {
   __name: "QstTeleport",
   props: {
     teleportTo: {
@@ -4277,13 +4345,13 @@ const El = { key: 0 }, dt = {
       K(i.$slots, "default")
     ], 8, ["to"]));
   }
-}, Yi = ["onClick"], Xi = { class: "select-label" }, Gi = {
+}, Xi = ["onClick"], Gi = { class: "select-label" }, Zi = {
   key: 2,
   class: "placeholder-label"
-}, Zi = { class: "multiselect__icon-container" }, _i = {
+}, _i = { class: "multiselect__icon-container" }, en = {
   key: 3,
   class: "input-error"
-}, en = ["innerHTML"], tn = {
+}, tn = ["innerHTML"], on = {
   __name: "MultiSelectDisplay",
   props: {
     activeValues: {
@@ -4402,7 +4470,7 @@ const El = { key: 0 }, dt = {
           (p(!0), I(ye, null, Be(e.activeValues, (d, g) => (p(), I(ye, null, [
             g < e.numExpandedOptions || !n.value ? (p(), I("div", {
               key: 0,
-              onClick: qe((V) => t("on-toggle-active", d), ["stop"]),
+              onClick: Ve((q) => t("on-toggle-active", d), ["stop"]),
               class: "selected-option"
             }, [
               K(r.$slots, "selection", { selection: d }, () => [
@@ -4418,7 +4486,7 @@ const El = { key: 0 }, dt = {
                   size: e.size
                 }, null, 8, ["size"])
               ], !0)
-            ], 8, Yi)) : B("", !0)
+            ], 8, Xi)) : B("", !0)
           ], 64))), 256)),
           n.value ? (p(), R(Te, {
             key: 0,
@@ -4432,9 +4500,9 @@ const El = { key: 0 }, dt = {
             ]),
             _: 1
           })) : B("", !0),
-          z("label", Xi, te(e.placeholder), 1)
-        ], 64)) : (p(), I("span", Gi, te(e.placeholder), 1)),
-        z("div", Zi, [
+          z("label", Gi, te(e.placeholder), 1)
+        ], 64)) : (p(), I("span", Zi, te(e.placeholder), 1)),
+        z("div", _i, [
           e.useErrorIcon ? (p(), R(Te, {
             key: 0,
             solid: "",
@@ -4458,7 +4526,7 @@ const El = { key: 0 }, dt = {
               size: e.size,
               class: "icon"
             }, null, 8, ["icon", "size"])) : B("", !0),
-            e.tooltip ? (p(), R(Te, Ve({ key: 1 }, e.tooltip, {
+            e.tooltip ? (p(), R(Te, xe({ key: 1 }, e.tooltip, {
               size: e.size,
               class: "info-tooltip"
             }), null, 16, ["size"])) : B("", !0),
@@ -4469,15 +4537,15 @@ const El = { key: 0 }, dt = {
             })) : B("", !0)
           ], 64))
         ]),
-        e.error && !e.useErrorIcon ? (p(), I("span", _i, [
+        e.error && !e.useErrorIcon ? (p(), I("span", en, [
           a[1] || (a[1] = ve("  *")),
-          z("span", { innerHTML: e.error }, null, 8, en),
+          z("span", { innerHTML: e.error }, null, 8, tn),
           a[2] || (a[2] = ve("* "))
         ])) : B("", !0)
       ], 2);
     };
   }
-}, ho = /* @__PURE__ */ ee(tn, [["__scopeId", "data-v-2ca1e844"]]), on = ["onKeydown"], ln = {
+}, ho = /* @__PURE__ */ ee(on, [["__scopeId", "data-v-2ca1e844"]]), ln = ["onKeydown"], nn = {
   __name: "VirtualScroller",
   props: {
     items: {
@@ -4532,7 +4600,7 @@ const El = { key: 0 }, dt = {
     const t = e, l = o, n = T(), s = T(), u = k(() => {
       var v;
       return ((v = t.items) == null ? void 0 : v.length) || 0;
-    }), r = k(() => t.heightPerEntry ? t.heightPerEntry : t.entriesPerScroll ? parseInt(t.height) / t.entriesPerScroll : 34), a = k(() => u.value * r.value + "px"), c = k(() => Math.min(parseInt(a.value), parseInt(t.height)) + "px"), d = T(), g = T(), V = () => {
+    }), r = k(() => t.heightPerEntry ? t.heightPerEntry : t.entriesPerScroll ? parseInt(t.height) / t.entriesPerScroll : 34), a = k(() => u.value * r.value + "px"), c = k(() => Math.min(parseInt(a.value), parseInt(t.height)) + "px"), d = T(), g = T(), q = () => {
       he(() => {
         var w, O;
         const v = Math.ceil(((w = n.value) == null ? void 0 : w.clientHeight) / r.value), C = v + t.numBufferItems, A = u.value > C ? C : v;
@@ -4543,11 +4611,11 @@ const El = { key: 0 }, dt = {
       C && C.scrollIntoView({ behavior: "smooth" });
     };
     $(() => t.isShowing, () => {
-      t.isShowing && V();
-    }, { immediate: !0 }), $(u, () => V()), we(() => {
-      n.value.addEventListener("scroll", V);
+      t.isShowing && q();
+    }, { immediate: !0 }), $(u, () => q()), we(() => {
+      n.value.addEventListener("scroll", q);
     }), ze(() => {
-      n.value.removeEventListener("scroll", V);
+      n.value.removeEventListener("scroll", q);
     }), i({
       scrollToItem: h
     });
@@ -4599,12 +4667,12 @@ const El = { key: 0 }, dt = {
             }, () => [
               ve(te(A), 1)
             ], !0)
-          ], 44, on)) : B("", !0)
+          ], 44, ln)) : B("", !0)
         ], 64))), 256))
       ], 512)
     ], 512));
   }
-}, nn = /* @__PURE__ */ ee(ln, [["__scopeId", "data-v-7594afb9"]]), sn = { key: 0 }, rn = { class: "text-subtext__wrapper" }, an = { class: "text-subtext__container" }, un = ["innerHTML"], dn = ["innerHTML"], cn = { class: "matching-search__tag" }, fn = { class: "search-label" }, pn = ["innerHTML"], hn = {
+}, sn = /* @__PURE__ */ ee(nn, [["__scopeId", "data-v-7594afb9"]]), rn = { key: 0 }, an = { class: "text-subtext__wrapper" }, un = { class: "text-subtext__container" }, dn = ["innerHTML"], cn = ["innerHTML"], fn = { class: "matching-search__tag" }, pn = { class: "search-label" }, hn = ["innerHTML"], mn = {
   __name: "AutocompleteMenuLineItem",
   props: {
     item: {
@@ -4684,36 +4752,36 @@ const El = { key: 0 }, dt = {
       return p(), I("div", {
         class: U([{ "option--active": t.value }, "autocomplete-menu__line-item"])
       }, [
-        e.showImages ? (p(), I("div", sn, [
+        e.showImages ? (p(), I("div", rn, [
           le(ct, {
             src: o.value,
             class: "autocomplete__wrapper--image"
           }, null, 8, ["src"])
         ])) : B("", !0),
-        z("div", rn, [
-          z("div", an, [
+        z("div", an, [
+          z("div", un, [
             z("p", {
               innerHTML: l.value.text,
               class: "autocomplete__item-value"
-            }, null, 8, un),
+            }, null, 8, dn),
             l.value.subtext ? (p(), I("p", {
               key: 0,
               innerHTML: l.value.subtext,
               class: "autocomplete__item-subtext"
-            }, null, 8, dn)) : B("", !0)
+            }, null, 8, cn)) : B("", !0)
           ]),
           (a = s.value) != null && a.length ? (p(), R(uo, {
             key: 0,
             class: "autocomplete__search-tag"
           }, {
             default: Y(() => [
-              (p(!0), I(ye, null, Be(s.value, (c) => (p(), I("span", cn, [
-                z("span", fn, te(c.label), 1),
+              (p(!0), I(ye, null, Be(s.value, (c) => (p(), I("span", fn, [
+                z("span", pn, te(c.label), 1),
                 r[0] || (r[0] = ve(": ")),
                 z("span", {
                   class: "search-val",
                   innerHTML: c.value
-                }, null, 8, pn)
+                }, null, 8, hn)
               ]))), 256))
             ]),
             _: 1
@@ -4727,7 +4795,7 @@ const El = { key: 0 }, dt = {
       ], 2);
     };
   }
-}, mn = /* @__PURE__ */ ee(hn, [["__scopeId", "data-v-38efd18f"]]), gn = { class: "w-full" }, yn = {
+}, gn = /* @__PURE__ */ ee(mn, [["__scopeId", "data-v-38efd18f"]]), yn = { class: "w-full" }, vn = {
   __name: "LineItemWrapper",
   props: {
     item: {
@@ -4837,7 +4905,7 @@ const El = { key: 0 }, dt = {
       tabindex: "0",
       class: U([r.value, "dropdown-item"])
     }, [
-      z("div", gn, [
+      z("div", yn, [
         s.value && e.item.disabledReason ? (p(), R(Te, {
           key: 0,
           content: e.item.disabledReason,
@@ -4850,7 +4918,7 @@ const El = { key: 0 }, dt = {
           ])),
           _: 1
         }, 8, ["content", "position", "offset"])) : B("", !0),
-        le(mn, {
+        le(gn, {
           item: e.item,
           "active-value": e.activeValue,
           "show-active-icon": e.showActiveIcon,
@@ -4863,10 +4931,10 @@ const El = { key: 0 }, dt = {
       ])
     ], 2));
   }
-}, vn = /* @__PURE__ */ ee(yn, [["__scopeId", "data-v-553273be"]]), bn = {
+}, bn = /* @__PURE__ */ ee(vn, [["__scopeId", "data-v-553273be"]]), wn = {
   key: 0,
   class: "dropdown-input"
-}, wn = {
+}, Sn = {
   __name: "QstAutocompleteMenu",
   props: {
     modelValue: {
@@ -5072,15 +5140,15 @@ const El = { key: 0 }, dt = {
   },
   emits: ["update:item", "on-select", "update:modelValue", "on-enter", "on-dropdown-focus", "blur", "on-select-all"],
   setup(e, { expose: i, emit: o }) {
-    pe((q) => ({
+    pe((V) => ({
       b702cd94: e.color
     }));
     const t = e, l = o, n = T(), s = T(), u = T(), r = k(() => {
-      var q, E;
+      var V, E;
       return {
         width: t.width,
         fontSize: t.size,
-        top: (q = t.position) == null ? void 0 : q.top,
+        top: (V = t.position) == null ? void 0 : V.top,
         left: (E = t.position) == null ? void 0 : E.left
       };
     }), a = k(() => {
@@ -5090,40 +5158,40 @@ const El = { key: 0 }, dt = {
         return null;
       if (!t.size)
         return 34;
-      const q = typeof F.value[1] == "object" && F.value.some((E) => !!E.subtext || !!E.leftImage);
-      return Math.round(parseInt(t.size) * (q ? 2.8 : 2.4));
+      const V = typeof F.value[1] == "object" && F.value.some((E) => !!E.subtext || !!E.leftImage);
+      return Math.round(parseInt(t.size) * (V ? 2.8 : 2.4));
     }), c = k(() => {
       var E;
-      const q = (E = se.value) != null && E.length ? se.value : F.value;
-      return q == null ? void 0 : q.some((W) => !!W.leftImage);
+      const V = (E = se.value) != null && E.length ? se.value : F.value;
+      return V == null ? void 0 : V.some((W) => !!W.leftImage);
     }), d = () => {
       he(() => {
-        var q, E;
-        return (E = (q = s.value) == null ? void 0 : q.querySelector("li")) == null ? void 0 : E.focus();
+        var V, E;
+        return (E = (V = s.value) == null ? void 0 : V.querySelector("li")) == null ? void 0 : E.focus();
       });
     }, g = () => {
-      var q;
-      t.multiSelect && m.value && ((q = u.value) == null || q.focusInput(!0));
-    }, V = (q) => {
+      var V;
+      t.multiSelect && m.value && ((V = u.value) == null || V.focusInput(!0));
+    }, q = (V) => {
       var E, W;
-      q.key === "Escape" ? M(!0) : q.key === "ArrowDown" && m.value && ((E = document.activeElement) == null ? void 0 : E.id) === ((W = u.value) == null ? void 0 : W.id) && (d(), q.preventDefault());
-    }, h = (q) => {
-      q.disabled || (l("update:item", q), l("on-select"), g());
-    }, y = (q) => {
-      t.useAutocomplete && t.isInputFocused || h(q);
+      V.key === "Escape" ? M(!0) : V.key === "ArrowDown" && m.value && ((E = document.activeElement) == null ? void 0 : E.id) === ((W = u.value) == null ? void 0 : W.id) && (d(), V.preventDefault());
+    }, h = (V) => {
+      V.disabled || (l("update:item", V), l("on-select"), g());
+    }, y = (V) => {
+      t.useAutocomplete && t.isInputFocused || h(V);
     }, m = T(t.modelValue);
     $(m, () => {
       m.value !== t.modelValue && l("update:modelValue", m.value), he(() => g());
     }), $(() => t.modelValue, () => {
       m.value !== t.modelValue && (m.value = t.modelValue, m.value && t.position && he(() => {
-        var q;
-        return (q = n.value) == null ? void 0 : q.scrollToItem(0);
+        var V;
+        return (V = n.value) == null ? void 0 : V.scrollToItem(0);
       }));
     });
     const v = T([]), C = T(!1), A = async () => {
-      var q;
+      var V;
       try {
-        if (C.value = !0, (q = t.src) != null && q.length)
+        if (C.value = !0, (V = t.src) != null && V.length)
           v.value = Ce(t.src);
         else if (t.autocompleteEndpoint) {
           const E = await $axios.get(t.autocompleteEndpoint);
@@ -5136,8 +5204,8 @@ const El = { key: 0 }, dt = {
         C.value = !1;
       }
     }, w = k(() => {
-      var q;
-      return (q = t.src) == null ? void 0 : q.length;
+      var V;
+      return (V = t.src) == null ? void 0 : V.length;
     });
     $(w, () => {
       A();
@@ -5156,14 +5224,14 @@ const El = { key: 0 }, dt = {
     }), $(() => t.searchTerm, () => {
       O.value = t.searchTerm;
     }, { immediate: !0 });
-    const M = (q = !1) => {
-      O.value = "", m.value = !q;
+    const M = (V = !1) => {
+      O.value = "", m.value = !V;
     }, H = () => {
       l("on-enter", O.value), M();
-    }, J = (q) => {
+    }, J = (V) => {
       const E = Ce(v.value);
-      return !q && q !== 0 ? E : E.filter((W) => {
-        const G = q.toString().toLowerCase(), me = ["string", "number"].includes(typeof W) ? W.toString() : `${W.text} ${W.subtext ?? ""}`, x = ao(me).toLowerCase().includes(G), j = (W.searchData ? W.searchData.map((ae) => {
+      return !V && V !== 0 ? E : E.filter((W) => {
+        const G = V.toString().toLowerCase(), me = ["string", "number"].includes(typeof W) ? W.toString() : `${W.text} ${W.subtext ?? ""}`, x = ao(me).toLowerCase().includes(G), j = (W.searchData ? W.searchData.map((ae) => {
           var Se;
           return ((Se = ae.value) == null ? void 0 : Se.toString().toLowerCase()) || "";
         }) : []).some((ae) => ae.includes(G));
@@ -5171,40 +5239,40 @@ const El = { key: 0 }, dt = {
       }).sort((W, G) => {
         var L, j;
         const me = typeof W == "string" || typeof W == "number" ? W.toString().toLowerCase() : (L = W.text) == null ? void 0 : L.toString().toLowerCase(), x = typeof G == "string" || typeof W == "number" ? G.toString().toLowerCase() : (j = G.text) == null ? void 0 : j.toString().toLowerCase();
-        return (x == null ? void 0 : x.startsWith(q.toString().toLowerCase())) - me.startsWith(q.toString().toLowerCase());
+        return (x == null ? void 0 : x.startsWith(V.toString().toLowerCase())) - me.startsWith(V.toString().toLowerCase());
       });
-    }, X = (q) => {
+    }, X = (V) => {
       var G, me;
       const E = [];
       t.activeValue.forEach((x) => {
-        const L = q.find((j) => JSON.stringify(j) === JSON.stringify(x));
-        L && (q.splice(q.indexOf(L), 1), t.hideSelectedOptions || E.push(L));
-      }), E.forEach((x) => q.unshift(x));
+        const L = V.find((j) => JSON.stringify(j) === JSON.stringify(x));
+        L && (V.splice(V.indexOf(L), 1), t.hideSelectedOptions || E.push(L));
+      }), E.forEach((x) => V.unshift(x));
       const W = (me = t.defaultVal) == null ? void 0 : me.toLowerCase().includes((G = O.value) == null ? void 0 : G.toString().toLowerCase());
-      t.defaultVal && !q.includes(t.defaultVal) && (!O.value || W) && q.unshift(t.defaultVal);
-    }, P = (q) => {
-      const E = q.reduce((W, G) => (W[G.disabled ? "disabled" : "active"].push(G), W), { active: [], disabled: [] });
+      t.defaultVal && !V.includes(t.defaultVal) && (!O.value || W) && V.unshift(t.defaultVal);
+    }, P = (V) => {
+      const E = V.reduce((W, G) => (W[G.disabled ? "disabled" : "active"].push(G), W), { active: [], disabled: [] });
       return [...E.active, ...E.disabled];
     }, F = k(() => {
       if (t.minChars > 0 && O.value.length < t.minChars)
         return [];
-      let q = J(O.value);
-      return t.multiSelect && Array.isArray(t.activeValue) && t.activeValue.length && X(q), !t.useAutocomplete && (q != null && q.some((E) => typeof E == "object" && E.disabled)) && (q = P(q)), q;
-    }), oe = (q) => {
-      if (q)
-        return typeof q[0] == "string" || typeof q[0] == "number" ? q.sort((E, W) => Ut(E, W)) : q.sort((E, W) => Ut(E.text, W.text));
+      let V = J(O.value);
+      return t.multiSelect && Array.isArray(t.activeValue) && t.activeValue.length && X(V), !t.useAutocomplete && (V != null && V.some((E) => typeof E == "object" && E.disabled)) && (V = P(V)), V;
+    }), oe = (V) => {
+      if (V)
+        return typeof V[0] == "string" || typeof V[0] == "number" ? V.sort((E, W) => Ut(E, W)) : V.sort((E, W) => Ut(E.text, W.text));
     }, ne = T();
     k(() => {
-      var q, E;
-      return t.showExtendedResults && !t.multiSelect && (!!((q = se.value) != null && q.length) || ((E = F.value) == null ? void 0 : E.length) > 1);
+      var V, E;
+      return t.showExtendedResults && !t.multiSelect && (!!((V = se.value) != null && V.length) || ((E = F.value) == null ? void 0 : E.length) > 1);
     });
     const se = k(() => {
       var E, W;
       return !t.showExtendedResults || t.multiSelect || !((E = F.value) != null && E.length) || !((W = ne.value) != null && W.prevSearch) || !t.activeValue ? void 0 : F.value.length === 1 && JSON.stringify(F.value[0]) === JSON.stringify(t.activeValue) ? J(ne.value.prevSearch) : [];
     }), _ = T(!1), re = k(() => {
-      var q, E;
+      var V, E;
       if (t.useSelectAll)
-        return ((q = t.activeValue) == null ? void 0 : q.length) === ((E = v.value) == null ? void 0 : E.length);
+        return ((V = t.activeValue) == null ? void 0 : V.length) === ((E = v.value) == null ? void 0 : E.length);
     });
     return $(_, () => {
       _.value ? l("on-select-all", !0) : re.value && l("on-select-all", !1);
@@ -5217,7 +5285,7 @@ const El = { key: 0 }, dt = {
       clearDropdownInput: M,
       focusMultiSelectInput: g,
       focusFirstOption: d
-    }), (q, E) => {
+    }), (V, E) => {
       var W;
       return ge((p(), I("div", {
         style: Z(r.value),
@@ -5228,13 +5296,13 @@ const El = { key: 0 }, dt = {
           size: e.size,
           class: "dropdown-loader"
         }, null, 8, ["size"])) : (p(), I(ye, { key: 1 }, [
-          e.multiSelect ? (p(), I("div", bn, [
-            le(xe, {
+          e.multiSelect ? (p(), I("div", wn, [
+            le(qe, {
               ref_key: "multiSelectInputEl",
               ref: u,
               modelValue: O.value,
               "onUpdate:modelValue": E[0] || (E[0] = (G) => O.value = G),
-              onKeydown: V,
+              onKeydown: q,
               onFocus: E[1] || (E[1] = (G) => l("on-dropdown-focus")),
               onBlur: E[2] || (E[2] = (G) => l("blur")),
               onOnEnter: H,
@@ -5252,7 +5320,7 @@ const El = { key: 0 }, dt = {
             ref_key: "listContainerEl",
             ref: s
           }, [
-            (W = F.value) != null && W.length ? (p(), R(nn, {
+            (W = F.value) != null && W.length ? (p(), R(sn, {
               key: 0,
               ref_key: "scrollerEl",
               ref: n,
@@ -5265,7 +5333,7 @@ const El = { key: 0 }, dt = {
               "entries-per-scroll": e.entriesPerScroll
             }, {
               default: Y(({ item: G }) => [
-                le(vn, {
+                le(bn, {
                   onOnToggle: h,
                   item: G,
                   "multi-select": e.multiSelect,
@@ -5282,7 +5350,7 @@ const El = { key: 0 }, dt = {
                 }, null, 8, ["item", "multi-select", "default-val", "search-value", "bold-matching-search-values", "active-value", "show-active-icon", "is-all-active", "disabled-tooltip-position", "size", "color", "show-images"])
               ]),
               _: 1
-            }, 8, ["items", "is-showing", "height", "height-per-entry", "entries-per-scroll"])) : K(q.$slots, "no-results-msg", { key: 1 }, () => [
+            }, 8, ["items", "is-showing", "height", "height-per-entry", "entries-per-scroll"])) : K(V.$slots, "no-results-msg", { key: 1 }, () => [
               E[5] || (E[5] = z("p", { class: "autocomplete__no-results" }, "No Results", -1))
             ], !0)
           ], 512)
@@ -5292,7 +5360,7 @@ const El = { key: 0 }, dt = {
       ]);
     };
   }
-}, mo = /* @__PURE__ */ ee(wn, [["__scopeId", "data-v-bb14d019"]]);
+}, mo = /* @__PURE__ */ ee(Sn, [["__scopeId", "data-v-bb14d019"]]);
 function go(e, i, o) {
   const t = T([]), l = (a) => {
     a.length && (t.value = Ce(a).map((c, d) => ({
@@ -5428,8 +5496,8 @@ function wo(e, i, o) {
       const d = c[0].boundingClientRect;
       n.value = Math.trunc(d.width) + "px", l.value.top = Math.trunc(d.top + document.documentElement.scrollTop + d.height) + "px", l.value.left = Math.trunc(d.left) + "px", he(() => {
         var y;
-        const { top: g, bottom: V } = (y = e.value.closest("dialog")) == null ? void 0 : y.getBoundingClientRect();
-        d.top >= g && d.top <= V || d.bottom >= g && d.bottom <= V || (o.value && (o.value = !1), he(() => t()));
+        const { top: g, bottom: q } = (y = e.value.closest("dialog")) == null ? void 0 : y.getBoundingClientRect();
+        d.top >= g && d.top <= q || d.bottom >= g && d.bottom <= q || (o.value && (o.value = !1), he(() => t()));
       }), a.disconnect();
     }, { threshold: 1 });
     a.observe(i.value);
@@ -5451,10 +5519,10 @@ function wo(e, i, o) {
     calculateDropdownPosition: u
   };
 }
-const Sn = { class: "autocomplete-inner__container" }, Tn = {
+const Tn = { class: "autocomplete-inner__container" }, kn = {
   key: 1,
   class: "autocomplete-input__wrapper"
-}, kn = {
+}, xn = {
   __name: "QstAutocomplete",
   props: {
     /** Whether only a single or multiple options can be selected. */
@@ -5741,12 +5809,12 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
       "4318c48e": e.color,
       "8e8a82d4": S(M)
     }));
-    const t = e, l = o, { modelValue: n, result: s, multiSelect: u, disabled: r, error: a, useErrorIcon: c, darkMode: d, size: g, dynamicSizes: V } = Yt(t), h = T(), y = T(), m = T(), v = T(), C = T(), A = k(() => {
+    const t = e, l = o, { modelValue: n, result: s, multiSelect: u, disabled: r, error: a, useErrorIcon: c, darkMode: d, size: g, dynamicSizes: q } = Yt(t), h = T(), y = T(), m = T(), v = T(), C = T(), A = k(() => {
       var f, b;
       return !!((f = be.value) != null && f.length) || t.multiSelect && !!((b = Je.value) != null && b.length);
-    }), { isOpen: w, displayInputClasses: O, inputSize: M, isShowingErrorIcon: H, clearTextSelection: J, toggleOpen: X } = yo(u, r, a, c, h, d, g, V), { isFocused: P, isTabFocused: F, focusSelectInput: oe, handleBlur: ne } = Et(w, u, v, C), { isInvalidVal: se, emitModelValues: _, checkIsValidOption: re, getCurrOptionValue: q, activeOption: E } = bo(l, !0), { hasActiveModelValue: W, hasActiveResultValue: G, isSameResultValues: me, updateResultFromValues: x } = vo(l, u, n, s), { position: L, dropdownWidth: j, isTeleporting: ae, calculateDropdownPosition: Se } = wo(m, y, w), { multiSelectOptions: Je, multiSelectActiveIds: Ke, multiSelectActiveValues: $e, setActiveMultiSelectIds: Pe, assignMultiSelectValuesAndIds: Ye } = go(l, n, A), Ie = () => {
+    }), { isOpen: w, displayInputClasses: O, inputSize: M, isShowingErrorIcon: H, clearTextSelection: J, toggleOpen: X } = yo(u, r, a, c, h, d, g, q), { isFocused: P, isTabFocused: F, focusSelectInput: oe, handleBlur: ne } = Et(w, u, v, C), { isInvalidVal: se, emitModelValues: _, checkIsValidOption: re, getCurrOptionValue: V, activeOption: E } = bo(l, !0), { hasActiveModelValue: W, hasActiveResultValue: G, isSameResultValues: me, updateResultFromValues: x } = vo(l, u, n, s), { position: L, dropdownWidth: j, isTeleporting: ae, calculateDropdownPosition: Se } = wo(m, y, w), { multiSelectOptions: Je, multiSelectActiveIds: Ke, multiSelectActiveValues: $e, setActiveMultiSelectIds: Pe, assignMultiSelectValuesAndIds: Ye } = go(l, n, A), Ie = () => {
       var b;
-      const f = !se(q(t.modelValue));
+      const f = !se(V(t.modelValue));
       !t.clearAfterSelecting && !t.multiSelect && f && (h.value = ((b = t.modelValue) == null ? void 0 : b.text) || t.modelValue);
     }, Xe = T(), De = () => {
       t.multiSelect || _(""), ae.value || (w.value = !0), oe();
@@ -5794,7 +5862,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
         return;
       h.value = "";
       const b = ke(f);
-      w.value = t.multiSelect && !t.closeMultiSelectAfterSelecting, t.multiSelect ? ht(f, b) : (t.clearAfterSelecting || (h.value = q(b)), _(b));
+      w.value = t.multiSelect && !t.closeMultiSelectAfterSelecting, t.multiSelect ? ht(f, b) : (t.clearAfterSelecting || (h.value = V(b)), _(b));
     }, Ee = (f = "") => {
       var Q;
       if (!((Q = t.modelValue) != null && Q.searchVal) && (!P.value || se(h.value) && !f))
@@ -5901,7 +5969,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
           default: Y(() => {
             var N, Q, ue, de;
             return [
-              z("div", Sn, [
+              z("div", Tn, [
                 z("div", {
                   ref_key: "displayInputEl",
                   ref: y,
@@ -5925,8 +5993,8 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
                     error: S(a),
                     "use-error-icon": S(H),
                     class: U({ "input-error--bottom": e.showErrorBelow })
-                  }, null, 8, ["size", "color", "icon", "placeholder", "tooltip", "active-values", "show-active-values", "num-expanded-options", "disabled-config", "error", "use-error-icon", "class"])) : (p(), I("div", Tn, [
-                    le(xe, {
+                  }, null, 8, ["size", "color", "icon", "placeholder", "tooltip", "active-values", "show-active-values", "num-expanded-options", "disabled-config", "error", "use-error-icon", "class"])) : (p(), I("div", kn, [
+                    le(qe, {
                       ref_key: "qstInputEl",
                       ref: v,
                       modelValue: h.value,
@@ -5969,7 +6037,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
                           ref_key: "autocompleteMenuEl",
                           ref: C,
                           modelValue: S(w),
-                          "onUpdate:modelValue": b[5] || (b[5] = (gt) => qt(w) ? w.value = gt : null),
+                          "onUpdate:modelValue": b[5] || (b[5] = (gt) => Vt(w) ? w.value = gt : null),
                           "use-autocomplete": "",
                           src: e.src,
                           width: S(j) || "100%",
@@ -6017,7 +6085,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
       ], 34)
     ], 6));
   }
-}, xn = /* @__PURE__ */ ee(kn, [["__scopeId", "data-v-94830ba8"]]), Vn = { class: "input-row" }, qn = { class: "input-row" }, In = { class: "input-row" }, An = {
+}, qn = /* @__PURE__ */ ee(xn, [["__scopeId", "data-v-94830ba8"]]), Vn = { class: "input-row" }, In = { class: "input-row" }, An = { class: "input-row" }, Cn = {
   __name: "QstAddressAutocomplete",
   props: {
     /** The selected address. The object will be set with the following properties: {AddressLine1: string, AddressLine2: string, City: string, State: string, ZipCode: string, Country: string}. */
@@ -6127,7 +6195,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
           ZipCode: d.value.postal_code ?? "",
           Country: d.value.country ?? ""
         };
-    }), V = () => {
+    }), q = () => {
       if (!o.modelValue)
         return {};
       const h = Ce(o.modelValue);
@@ -6143,7 +6211,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
     return $(g, () => {
       JSON.stringify(o.modelValue) !== JSON.stringify(g.value) && t("update:modelValue", g.value);
     }, { deep: !0 }), $(() => o.modelValue, () => {
-      JSON.stringify(g.value) !== JSON.stringify(o.modelValue) && (d.value = V());
+      JSON.stringify(g.value) !== JSON.stringify(o.modelValue) && (d.value = q());
     }, { immediate: !0, deep: !0 }), (h, y) => (p(), I("div", {
       class: U([{ "layout--col": e.useColumn }, "address-form"])
     }, [
@@ -6152,7 +6220,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
         ref: l,
         class: "input-row"
       }, [
-        le(xe, {
+        le(qe, {
           modelValue: d.value.street_name,
           "onUpdate:modelValue": y[0] || (y[0] = (m) => d.value.street_name = m),
           onFocus: y[1] || (y[1] = (m) => a()),
@@ -6167,7 +6235,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
         }, null, 8, ["modelValue", "required", "error", "use-edit-mode", "size", "color", "dark-mode"])
       ], 512),
       z("div", Vn, [
-        le(xe, {
+        le(qe, {
           modelValue: d.value.apartment,
           "onUpdate:modelValue": y[2] || (y[2] = (m) => d.value.apartment = m),
           required: !1,
@@ -6178,7 +6246,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
           placeholder: "Apartment, suite, etc. (optional)",
           width: "100%"
         }, null, 8, ["modelValue", "use-edit-mode", "size", "color", "dark-mode"]),
-        le(xe, {
+        le(qe, {
           modelValue: d.value.city,
           "onUpdate:modelValue": y[3] || (y[3] = (m) => d.value.city = m),
           required: e.required,
@@ -6191,8 +6259,8 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
           width: "100%"
         }, null, 8, ["modelValue", "required", "error", "use-edit-mode", "size", "color", "dark-mode"])
       ]),
-      z("div", qn, [
-        le(xe, {
+      z("div", In, [
+        le(qe, {
           modelValue: d.value.administrative_area_level_1,
           "onUpdate:modelValue": y[4] || (y[4] = (m) => d.value.administrative_area_level_1 = m),
           required: e.required,
@@ -6204,7 +6272,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
           placeholder: "State",
           width: "100%"
         }, null, 8, ["modelValue", "required", "error", "use-edit-mode", "size", "color", "dark-mode"]),
-        le(xe, {
+        le(qe, {
           modelValue: d.value.postal_code,
           "onUpdate:modelValue": y[5] || (y[5] = (m) => d.value.postal_code = m),
           required: e.required,
@@ -6217,8 +6285,8 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
           width: "100%"
         }, null, 8, ["modelValue", "required", "error", "use-edit-mode", "size", "color", "dark-mode"])
       ]),
-      z("div", In, [
-        le(xe, {
+      z("div", An, [
+        le(qe, {
           modelValue: d.value.country,
           "onUpdate:modelValue": y[6] || (y[6] = (m) => d.value.country = m),
           required: e.required,
@@ -6233,10 +6301,10 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
       ])
     ], 2));
   }
-}, Cn = /* @__PURE__ */ ee(An, [["__scopeId", "data-v-29125fcb"]]), zn = { class: "select-inner__container" }, On = {
+}, zn = /* @__PURE__ */ ee(Cn, [["__scopeId", "data-v-29125fcb"]]), On = { class: "select-inner__container" }, En = {
   key: 0,
   class: "select-label dark-fonts"
-}, En = {
+}, Mn = {
   __name: "QstSelect",
   props: {
     /** Whether only a single or multiple options can be selected. */
@@ -6470,11 +6538,11 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
       "2e334459": e.color,
       e0ab3e3e: S(H)
     }));
-    const t = e, l = o, { modelValue: n, result: s, defaultVal: u, multiSelect: r, disabled: a, error: c, useErrorIcon: d, darkMode: g, size: V, dynamicSizes: h } = Yt(t), y = T(), m = T(), v = T(), C = T(), A = T(), w = k(() => {
+    const t = e, l = o, { modelValue: n, result: s, defaultVal: u, multiSelect: r, disabled: a, error: c, useErrorIcon: d, darkMode: g, size: q, dynamicSizes: h } = Yt(t), y = T(), m = T(), v = T(), C = T(), A = T(), w = k(() => {
       var f, b;
       const D = t.defaultVal ? 1 : 0;
       return ((f = ce.value) == null ? void 0 : f.length) > D || t.multiSelect && ((b = Ke.value) == null ? void 0 : b.length) > D;
-    }), { isOpen: O, displayInputClasses: M, inputSize: H, isShowingErrorIcon: J, clearTextSelection: X, toggleOpen: P } = yo(r, a, c, d, y, g, V, h), { isFocused: F, isTabFocused: oe, focusSelectInput: ne, handleBlur: se } = Et(O, r, v, C), { isInvalidVal: _, emitModelValues: re, checkIsValidOption: q, getCurrOptionValue: E, activeOption: W } = bo(l, !1), { hasActiveModelValue: G, hasActiveResultValue: me, isSameResultValues: x, updateResultFromValues: L } = vo(l, r, n, s), { position: j, dropdownWidth: ae, isTeleporting: Se, calculateDropdownPosition: Je } = wo(A, m, O), { multiSelectOptions: Ke, multiSelectActiveIds: $e, multiSelectActiveValues: Pe, setActiveMultiSelectIds: Ye, assignMultiSelectValuesAndIds: Ie, assignMultiSelectDefaultVal: Xe } = go(l, n, w), De = T(!1), Ge = k(() => !_(E(t.modelValue))), Ze = k(() => {
+    }), { isOpen: O, displayInputClasses: M, inputSize: H, isShowingErrorIcon: J, clearTextSelection: X, toggleOpen: P } = yo(r, a, c, d, y, g, q, h), { isFocused: F, isTabFocused: oe, focusSelectInput: ne, handleBlur: se } = Et(O, r, v, C), { isInvalidVal: _, emitModelValues: re, checkIsValidOption: V, getCurrOptionValue: E, activeOption: W } = bo(l, !1), { hasActiveModelValue: G, hasActiveResultValue: me, isSameResultValues: x, updateResultFromValues: L } = vo(l, r, n, s), { position: j, dropdownWidth: ae, isTeleporting: Se, calculateDropdownPosition: Je } = wo(A, m, O), { multiSelectOptions: Ke, multiSelectActiveIds: $e, multiSelectActiveValues: Pe, setActiveMultiSelectIds: Ye, assignMultiSelectValuesAndIds: Ie, assignMultiSelectDefaultVal: Xe } = go(l, n, w), De = T(!1), Ge = k(() => !_(E(t.modelValue))), Ze = k(() => {
       var D;
       if (t.multiSelect) {
         if (!$e.value.length && t.defaultVal && ((D = t.modelValue) != null && D.includes(t.defaultVal)))
@@ -6540,7 +6608,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
       w.value && (je.value = !0, et());
     });
     const Ne = () => {
-      q(t.modelValue, ce.value) || !w.value ? W.value = t.modelValue : re(ke(t.modelValue));
+      V(t.modelValue, ce.value) || !w.value ? W.value = t.modelValue : re(ke(t.modelValue));
     };
     $(() => t.modelValue, () => {
       var D, f, b;
@@ -6549,7 +6617,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
           return;
         if ($e.value = [], t.defaultVal && ((D = t.modelValue) != null && D.includes(t.defaultVal)))
           return Xe(t.defaultVal);
-        if (!(Array.isArray(t.modelValue) && ((f = t.modelValue) == null ? void 0 : f.every((Q) => q(Q, ce.value))))) {
+        if (!(Array.isArray(t.modelValue) && ((f = t.modelValue) == null ? void 0 : f.every((Q) => V(Q, ce.value))))) {
           const Q = (b = t.modelValue) == null ? void 0 : b.map((ue) => ke(ue)).filter((ue) => !!ue);
           return !Q.length && t.defaultVal && Q.push(t.defaultVal), re(Q);
         }
@@ -6636,7 +6704,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
             default: Y(() => {
               var N, Q, ue;
               return [
-                z("div", zn, [
+                z("div", On, [
                   z("div", {
                     ref_key: "displayInputEl",
                     ref: m,
@@ -6645,7 +6713,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
                     style: Z({ fontSize: S(H) }),
                     class: U([S(M), { focused: S(F), "info-tooltip--visible": !!e.tooltip && !S(J) }])
                   }, [
-                    Ge.value ? (p(), I("label", On, te(e.placeholder), 1)) : B("", !0),
+                    Ge.value ? (p(), I("label", En, te(e.placeholder), 1)) : B("", !0),
                     S(r) ? (p(), R(ho, {
                       key: 1,
                       "use-select": "",
@@ -6665,7 +6733,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
                       key: 2,
                       class: U([{ "active-placeholder": De.value }, "select-input__wrapper"])
                     }, [
-                      le(xe, {
+                      le(qe, {
                         ref_key: "qstInputEl",
                         ref: v,
                         modelValue: y.value,
@@ -6713,7 +6781,7 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
                           ref_key: "autocompleteMenuEl",
                           ref: C,
                           modelValue: S(O),
-                          "onUpdate:modelValue": f[6] || (f[6] = (fe) => qt(O) ? O.value = fe : null),
+                          "onUpdate:modelValue": f[6] || (f[6] = (fe) => Vt(O) ? O.value = fe : null),
                           src: e.options,
                           "default-val": S(u),
                           width: S(ae) || "100%",
@@ -6756,57 +6824,57 @@ const Sn = { class: "autocomplete-inner__container" }, Tn = {
       ], 6);
     };
   }
-}, Mn = /* @__PURE__ */ ee(En, [["__scopeId", "data-v-ed836bf4"]]), Vt = {
+}, Bn = /* @__PURE__ */ ee(Mn, [["__scopeId", "data-v-ed836bf4"]]), qt = {
   QstIcon: ie,
   QstTooltip: Te,
-  QstInput: xe,
+  QstInput: qe,
   QstButton: nt,
-  QstModal: di,
+  QstModal: ci,
   QstLoader: Ot,
-  QstDropdown: fi,
-  QstSwitch: yi,
-  QstScrollContainer: ki,
+  QstDropdown: pi,
+  QstSwitch: vi,
+  QstScrollContainer: xi,
   QstImg: ct,
   QstTag: uo,
-  QstExpandableRow: Ci,
-  QstPanel: Ei,
+  QstExpandableRow: zi,
+  QstPanel: Mi,
   QstCheckbox: co,
-  QstCheckboxGroup: Ri,
+  QstCheckboxGroup: Hi,
   QstRadio: fo,
-  QstRadioGroup: Ki,
-  QstAutocomplete: xn,
-  QstAddressAutocomplete: Cn,
-  QstSelect: Mn
+  QstRadioGroup: Yi,
+  QstAutocomplete: qn,
+  QstAddressAutocomplete: zn,
+  QstSelect: Bn
 };
-function Bn(e, i) {
+function $n(e, i) {
   i.forEach((o) => {
-    Vt[o] ? e.component(o, Vt[o]) : console.warn(`Component ${o} not found.`);
+    qt[o] ? e.component(o, qt[o]) : console.warn(`Component ${o} not found.`);
   });
 }
-function Pn(e) {
-  Bn(e, Object.keys(Vt));
+function Dn(e) {
+  $n(e, Object.keys(qt));
 }
 export {
-  Cn as QstAddressAutocomplete,
-  xn as QstAutocomplete,
+  zn as QstAddressAutocomplete,
+  qn as QstAutocomplete,
   nt as QstButton,
   co as QstCheckbox,
-  Ri as QstCheckboxGroup,
-  fi as QstDropdown,
-  Ci as QstExpandableRow,
+  Hi as QstCheckboxGroup,
+  pi as QstDropdown,
+  zi as QstExpandableRow,
   ie as QstIcon,
   ct as QstImg,
-  xe as QstInput,
+  qe as QstInput,
   Ot as QstLoader,
-  di as QstModal,
-  Ei as QstPanel,
+  ci as QstModal,
+  Mi as QstPanel,
   fo as QstRadio,
-  Ki as QstRadioGroup,
-  ki as QstScrollContainer,
-  Mn as QstSelect,
-  yi as QstSwitch,
+  Yi as QstRadioGroup,
+  xi as QstScrollContainer,
+  Bn as QstSelect,
+  vi as QstSwitch,
   uo as QstTag,
   Te as QstTooltip,
-  Pn as install,
-  Bn as installGlobalComponents
+  Dn as install,
+  $n as installGlobalComponents
 };