@wwtdev/bsds-components-vue3 2.9.3 → 2.9.4

package/lib/bsds-components.js

@@ -1,6 +1,6 @@
-import { computed as p, ref as I, onMounted as Y, onUnmounted as $e, shallowRef as Pt, watch as j, defineAsyncComponent as Qe, openBlock as u, createElementBlock as v, unref as c, createElementVNode as k, renderSlot as D, createBlock as O, resolveDynamicComponent as te, createCommentVNode as x, toDisplayString as V, createVNode as L, normalizeClass as ie, useAttrs as ve, mergeProps as z, withCtx as E, Fragment as G, toHandlers as Ke, onBeforeUnmount as Je, onBeforeMount as gt, nextTick as Ae, createTextVNode as W, createSlots as Ye, useSlots as yt, renderList as ee, Teleport as qt, withDirectives as de, Transition as st, vShow as ue, provide as ce, inject as fe, withModifiers as Mt, isRef as Nt } from "vue";
+import { computed as p, ref as I, onMounted as H, onUnmounted as Be, shallowRef as Pt, watch as j, defineAsyncComponent as Qe, openBlock as u, createElementBlock as v, unref as c, createElementVNode as k, renderSlot as D, createBlock as O, resolveDynamicComponent as te, createCommentVNode as x, toDisplayString as V, createVNode as L, normalizeClass as ie, useAttrs as ve, mergeProps as z, withCtx as E, Fragment as G, toHandlers as Ke, onBeforeUnmount as Je, onBeforeMount as gt, nextTick as Ae, createTextVNode as W, createSlots as Ye, useSlots as yt, renderList as ee, Teleport as qt, withDirectives as de, Transition as st, vShow as ue, provide as ce, inject as fe, withModifiers as Mt, isRef as Nt } from "vue";
 import { v4 as St } from "uuid";
-import { BsIconCaretDown as _e, BsIconWarning as Ze, BsIconClose as Be, BsIconCalendar as wt, BsIconCaretRight as $t, BsIconCaretLeft as Bt, BsIconSmallCaretRight as zt, BsIconSmallCaretLeft as Rt, BsIconCaretSort as Ft, BsIconSearch as jt, BsIconCaretLeftDouble as Ut, BsIconCaretRightDouble as Wt, BsIconActionEllipsis as Gt, BsIconGraphPieEmpty as dt, BsIconCircleStop as Ht, BsIconCircleCheck as Kt, BsIconCircleX as Yt, BsIconCircleEllipsis as Zt, BsIconCirclePlay as Xt, BsIconCirclePause as Qt, BsIconCircleExclamation as It, BsIconThumbsUpStroke as Jt } from "@wwtdev/bsds-icons-vue3";
+import { BsIconCaretDown as _e, BsIconWarning as Ze, BsIconClose as $e, BsIconCalendar as wt, BsIconCaretRight as Bt, BsIconCaretLeft as $t, BsIconSmallCaretRight as zt, BsIconSmallCaretLeft as Rt, BsIconCaretSort as Ft, BsIconSearch as jt, BsIconCaretLeftDouble as Ut, BsIconCaretRightDouble as Wt, BsIconActionEllipsis as Gt, BsIconGraphPieEmpty as dt, BsIconCircleStop as Ht, BsIconCircleCheck as Kt, BsIconCircleX as Yt, BsIconCircleEllipsis as Zt, BsIconCirclePlay as Xt, BsIconCirclePause as Qt, BsIconCircleExclamation as It, BsIconThumbsUpStroke as Jt } from "@wwtdev/bsds-icons-vue3";
 import { DatePicker as _t } from "v-calendar";
 import { Filler as ea, Chart as Fe, BarController as ta, BarElement as aa, CategoryScale as na, LinearScale as la, Legend as oa, TimeScale as ia, Tooltip as ra } from "chart.js";
 import "chartjs-adapter-date-fns";
@@ -15,13 +15,13 @@ const ct = {
 };
 function Ne(e, a, t = "button") {
   const l = ua(e, a, t), n = p(() => {
-    const i = l.value === "button", d = {};
-    return i ? (d.type = a.type || "button", d.autocomplete = "off", e.disabled && (d.disabled = !0)) : e.disabled && (d["aria-disabled"] = "true", d.tabindex = "-1"), d;
-  }), o = p(() => {
-    const i = { ...a, ...n.value };
-    return delete i.href, i;
+    const o = l.value === "button", d = {};
+    return o ? (d.type = a.type || "button", d.autocomplete = "off", e.disabled && (d.disabled = !0)) : e.disabled && (d["aria-disabled"] = "true", d.tabindex = "-1"), d;
+  }), i = p(() => {
+    const o = { ...a, ...n.value };
+    return delete o.href, o;
   }), s = p(() => e.linkTo || e.href);
-  return { rootTag: l, attrsToBind: o, hrefUrl: s };
+  return { rootTag: l, attrsToBind: i, hrefUrl: s };
 }
 function ua(e, a, t) {
   const l = Object.keys(ct).find((n) => ca(e, a, n));
@@ -33,32 +33,32 @@ function ca(e, a, t) {
 const kt = (e, a) => {
   const t = (l) => {
     e.some((n) => {
-      var o;
-      return (o = n.value) == null ? void 0 : o.contains(l.target);
+      var i;
+      return (i = n.value) == null ? void 0 : i.contains(l.target);
     }) || a(l);
   };
-  Y(() => {
+  H(() => {
     document.addEventListener("mouseup", t);
-  }), $e(() => {
+  }), Be(() => {
     document.removeEventListener("mouseup", t);
   });
 };
 function ze(e) {
   const a = p(() => e.linkTo || e.href || ""), t = p(() => {
-    var o, s;
-    return ((s = (o = a.value) == null ? void 0 : o.startsWith) == null ? void 0 : s.call(o, "/")) || !1;
+    var i, s;
+    return ((s = (i = a.value) == null ? void 0 : i.startsWith) == null ? void 0 : s.call(i, "/")) || !1;
   }), l = p(() => {
-    var o, s;
-    return t.value && ((o = e.router) == null ? void 0 : o.navigateTo) || ((s = e.router) == null ? void 0 : s.push) || null;
+    var i, s;
+    return t.value && ((i = e.router) == null ? void 0 : i.navigateTo) || ((s = e.router) == null ? void 0 : s.push) || null;
   });
-  function n(o) {
+  function n(i) {
     if (e.disabled) {
-      o.preventDefault(), o.stopImmediatePropagation();
+      i.preventDefault(), i.stopImmediatePropagation();
       return;
     }
     if (!a.value || !l.value)
       return;
-    o.target.closest("a").href === `${window.location.origin}${a.value}` && (o.preventDefault(), l.value(a.value));
+    i.target.closest("a").href === `${window.location.origin}${a.value}` && (i.preventDefault(), l.value(a.value));
   }
   return { onLinkClick: n };
 }
@@ -66,17 +66,17 @@ function ft(e) {
   return e.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join("");
 }
 const Pe = (e, a) => {
-  var o;
+  var i;
   function t(s) {
     if (!s)
       return null;
-    const i = s.startsWith("bs-") ? ft(s) : `BsIcon${ft(s)}`;
+    const o = s.startsWith("bs-") ? ft(s) : `BsIcon${ft(s)}`;
     return Qe(async () => {
-      const { [i]: d } = await import("@wwtdev/bsds-icons-vue3");
+      const { [o]: d } = await import("@wwtdev/bsds-icons-vue3");
       return d;
     });
   }
-  const l = Pt(), n = e[a] || ((o = e == null ? void 0 : e.value) == null ? void 0 : o[a]);
+  const l = Pt(), n = e[a] || ((i = e == null ? void 0 : e.value) == null ? void 0 : i[a]);
   return l.value = t(n), j(
     [
       () => e[a],
@@ -85,40 +85,40 @@ const Pe = (e, a) => {
         return (s = e == null ? void 0 : e.value) == null ? void 0 : s[a];
       }
     ],
-    async ([s, i]) => l.value = t(s || i)
+    async ([s, o]) => l.value = t(s || o)
   ), { icon: l };
 };
 function X(e = 1) {
   const a = [];
   for (let t = 0; t < e; t++)
     a.push(I(""));
-  return Y(() => {
+  return H(() => {
     a.forEach((t) => t.value = `id-${St()}`);
   }), a;
 }
 const pe = (e, a, t = void 0) => {
   const l = (n) => {
-    var o, s;
-    ((o = e == null ? void 0 : e.includes) != null && o.call(e, n.key) || (s = e == null ? void 0 : e.some) != null && s.call(e, (i) => {
+    var i, s;
+    ((i = e == null ? void 0 : e.includes) != null && i.call(e, n.key) || (s = e == null ? void 0 : e.some) != null && s.call(e, (o) => {
       var d;
-      return (d = i == null ? void 0 : i.test) == null ? void 0 : d.call(i, n.key);
+      return (d = o == null ? void 0 : o.test) == null ? void 0 : d.call(o, n.key);
     })) && a(n);
   };
-  Y(() => {
+  H(() => {
     ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", l);
-  }), $e(() => {
+  }), Be(() => {
     ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", l);
   });
 }, fa = (e, a, t) => {
   let l = null;
-  Y(() => {
+  H(() => {
     l = new MutationObserver(a), l.observe(e.value, t);
-  }), $e(() => {
+  }), Be(() => {
     l.disconnect();
   });
 }, Ee = (e) => {
   const a = I(!1);
-  return Y(() => {
+  return H(() => {
     e.enterControlled ? a.value = e.enterTrigger : a.value = e.shown;
   }), j(() => e.shown, (t) => {
     a.value = t;
@@ -148,12 +148,12 @@ const pe = (e, a, t = void 0) => {
   },
   emits: ["toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null), o = I(!1), { icon: s } = Pe(t, "icon"), [i] = X(), d = p(() => i.value + "-content"), r = p(() => i.value + "-title"), f = p(() => t.openItemId && t.openItemId === i.value || t.openItem === !0), m = p(() => t.controlled ? f.value : o.value);
+    const t = e, l = a, n = I(null), i = I(!1), { icon: s } = Pe(t, "icon"), [o] = X(), d = p(() => o.value + "-content"), r = p(() => o.value + "-title"), f = p(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), m = p(() => t.controlled ? f.value : i.value);
     function b() {
-      l("toggled", i.value), t.controlled || (o.value = !o.value);
+      l("toggled", o.value), t.controlled || (i.value = !i.value);
     }
     return (S, w) => (u(), v("div", {
-      id: c(i),
+      id: c(o),
       ref_key: "containerRef",
       ref: n,
       class: "bs-accordion",
@@ -245,13 +245,13 @@ const pe = (e, a, t = void 0) => {
   setup(e) {
     const a = e, t = I(null), l = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), n = p(() => {
       var d, r;
-      const o = ((r = (d = t.value) == null ? void 0 : d.textContent) == null ? void 0 : r.trim()) || "", s = l.value ? l.value + " " : "";
+      const i = ((r = (d = t.value) == null ? void 0 : d.textContent) == null ? void 0 : r.trim()) || "", s = l.value ? l.value + " " : "";
       if (!s && !a.dot)
-        return o;
-      const i = a.count !== 1 ? "s" : "";
-      return `${o ? `${o}, ` : ""}${s}${a.label}${i}`;
+        return i;
+      const o = a.count !== 1 ? "s" : "";
+      return `${i ? `${i}, ` : ""}${s}${a.label}${o}`;
     });
-    return (o, s) => (u(), v("span", {
+    return (i, s) => (u(), v("span", {
       ref_key: "hostRef",
       ref: t,
       "aria-label": n.value,
@@ -264,14 +264,14 @@ const pe = (e, a, t = void 0) => {
       "data-variant": e.variant,
       role: "status"
     }, [
-      e.variant !== "notext" ? D(o.$slots, "default", { key: 0 }) : x("", !0)
+      e.variant !== "notext" ? D(i.$slots, "default", { key: 0 }) : x("", !0)
     ], 10, ya));
   }
 }, wa = {
   key: 0,
   role: "alert",
   class: "bs-banner"
-}, $a = { class: "bs-banner-content" }, Ba = { class: "bs-banner-warning-icon" }, Po = {
+}, Ba = { class: "bs-banner-content" }, $a = { class: "bs-banner-warning-icon" }, Po = {
   __name: "BsBanner",
   emits: ["dismiss"],
   setup(e, { emit: a }) {
@@ -279,20 +279,20 @@ const pe = (e, a, t = void 0) => {
     function n() {
       l.value = !0, t("dismiss");
     }
-    return (o, s) => l.value ? x("", !0) : (u(), v("div", wa, [
-      k("div", $a, [
-        k("div", Ba, [
+    return (i, s) => l.value ? x("", !0) : (u(), v("div", wa, [
+      k("div", Ba, [
+        k("div", $a, [
           L(c(Ze), { size: "lg" })
         ]),
         k("p", null, [
-          D(o.$slots, "default")
+          D(i.$slots, "default")
         ]),
         k("button", {
           type: "button",
           title: "Close Banner",
           onClick: n
         }, [
-          L(c(Be))
+          L(c($e))
         ])
       ])
     ]));
@@ -328,18 +328,18 @@ const pe = (e, a, t = void 0) => {
     href: { type: String }
   },
   setup(e) {
-    const a = e, t = ve(), { rootTag: l, attrsToBind: n, hrefUrl: o } = Ne(a, t), { onLinkClick: s } = ze(a);
-    return (i, d) => (u(), O(te(c(l)), z({
+    const a = e, t = ve(), { rootTag: l, attrsToBind: n, hrefUrl: i } = Ne(a, t), { onLinkClick: s } = ze(a);
+    return (o, d) => (u(), O(te(c(l)), z({
       class: "bs-button",
       "data-component": "bs-button",
       "data-ghost": e.ghostBtn,
       "data-size": e.size,
       "data-text": e.textBtn,
       "data-variant": e.variant,
-      ".href": c(o)
+      ".href": c(i)
     }, c(n), { onClick: c(s) }), {
       default: E(() => [
-        D(i.$slots, "default")
+        D(o.$slots, "default")
       ]),
       _: 3
     }, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
@@ -425,19 +425,19 @@ const pe = (e, a, t = void 0) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = ve(), o = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    function s(i) {
-      const d = n.type === "number" ? parseInt(i.target.value) : i.target.value;
+    const t = e, l = a, n = ve(), i = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    function s(o) {
+      const d = n.type === "number" ? parseInt(o.target.value) : o.target.value;
       l("update:modelValue", d);
     }
-    return (i, d) => (u(), v("input", z({
+    return (o, d) => (u(), v("input", z({
       class: "bs-input",
       "data-component": "bs-input",
       "data-error": e.error,
-      id: i.$attrs.id || e.inputId,
+      id: o.$attrs.id || e.inputId,
       value: e.value || e.modelValue,
       onInput: s
-    }, o.value), null, 16, Oa));
+    }, i.value), null, 16, Oa));
   }
 }, Ea = ["data-autopad", "data-autosize-icons", "data-disabled", "data-error", "data-variant", "data-multifocus"], Le = {
   __name: "BsInputAddon",
@@ -518,9 +518,9 @@ const pe = (e, a, t = void 0) => {
 function Ve(e, a, t) {
   let l;
   return function() {
-    let n = this, o = arguments;
-    clearTimeout(l), t && !l && e.apply(n, o), l = setTimeout(function() {
-      l = null, t || e.apply(n, o);
+    let n = this, i = arguments;
+    clearTimeout(l), t && !l && e.apply(n, i), l = setTimeout(function() {
+      l = null, t || e.apply(n, i);
     }, a);
   };
 }
@@ -562,17 +562,17 @@ const Da = ["disabled", "id", "model-value"], Pa = ["disabled", "id", "model-val
   emits: ["ui-focusin", "ui-input"],
   setup(e, { emit: a }) {
     const t = a, l = I(null), n = I(null);
-    function o(r) {
+    function i(r) {
       const f = new Event("change", { bubbles: !0, cancelable: !0 });
       r.dispatchEvent(f);
     }
     function s(r) {
       const { value: f } = r.target, [m, b] = f.split(/ to | - /);
-      l.value.value = m || "", n.value.value = b || "", o(l.value), o(n.value);
+      l.value.value = m || "", n.value.value = b || "", i(l.value), i(n.value);
     }
-    const i = Ve(s, 1e3);
+    const o = Ve(s, 1e3);
     function d(r) {
-      t("ui-input"), i(r);
+      t("ui-input"), o(r);
     }
     return (r, f) => (u(), O(Le, {
       disabled: e.disabled,
@@ -614,8 +614,8 @@ const Da = ["disabled", "id", "model-value"], Pa = ["disabled", "id", "model-val
 };
 function Ma(e) {
   function a(n) {
-    var o, s;
-    return ((s = (o = n == null ? void 0 : n.classList) == null ? void 0 : o.contains) == null ? void 0 : s.call(o, "vc-arrow")) && (n.classList.contains("vc-prev") || n.classList.contains("vc-next"));
+    var i, s;
+    return ((s = (i = n == null ? void 0 : n.classList) == null ? void 0 : i.contains) == null ? void 0 : s.call(i, "vc-arrow")) && (n.classList.contains("vc-prev") || n.classList.contains("vc-next"));
   }
   function t(n) {
     return n === " " || n === "Spacebar" || n === "Enter";
@@ -623,12 +623,12 @@ function Ma(e) {
   function l(n) {
     a(n == null ? void 0 : n.target) && t(n == null ? void 0 : n.key) && n.preventDefault();
   }
-  Y(() => {
-    var n, o;
-    (o = (n = e.value) == null ? void 0 : n.addEventListener) == null || o.call(n, "keydown", l);
+  H(() => {
+    var n, i;
+    (i = (n = e.value) == null ? void 0 : n.addEventListener) == null || i.call(n, "keydown", l);
   }), Je(() => {
-    var n, o;
-    (o = (n = e.value) == null ? void 0 : n.removeEventListener) == null || o.call(n, "keydown", l);
+    var n, i;
+    (i = (n = e.value) == null ? void 0 : n.removeEventListener) == null || i.call(n, "keydown", l);
   });
 }
 function Xe(e, a, t = []) {
@@ -698,7 +698,7 @@ const et = [
   "size",
   "step"
 ];
-function K(e, a = []) {
+function Y(e, a = []) {
   const t = {}, l = {};
   return Object.keys(e).forEach((n) => {
     a.includes(n) ? t[n] = e[n] : l[n] = e[n];
@@ -771,7 +771,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = I(null), n = I(1), o = I(null), [s, i] = X(2), d = I(1), { filtered: r, remaining: f } = K(ve(), [
+    const t = e, l = I(null), n = I(1), i = I(null), [s, o] = X(2), d = I(1), { filtered: r, remaining: f } = Y(ve(), [
       "attributes",
       "data-cy",
       "expanded",
@@ -780,16 +780,16 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
       "masks",
       "rows",
       "trim-weeks"
-    ]), m = p(() => t.inputId || s.value), b = p(() => ({ range: t.isRange })), S = p(() => !!(t.error && t.errorMsg || t.hint)), w = p(() => t.step), B = p(() => t.variant);
-    Ma(o), Xe(
+    ]), m = p(() => t.inputId || s.value), b = p(() => ({ range: t.isRange })), S = p(() => !!(t.error && t.errorMsg || t.hint)), w = p(() => t.step), $ = p(() => t.variant);
+    Ma(i), Xe(
       pt,
-      (g) => n.value = g != null && g.matches && B.value == "2-col" ? 2 : 1,
-      [B]
+      (g) => n.value = g != null && g.matches && $.value == "2-col" ? 2 : 1,
+      [$]
     ), Xe(
       pt,
-      (g) => d.value = g != null && g.matches && B.value == "2-col" ? w.value : 1,
-      [w, B]
-    ), Y(() => {
+      (g) => d.value = g != null && g.matches && $.value == "2-col" ? w.value : 1,
+      [w, $]
+    ), H(() => {
       t.inputMode || y();
     }), j(() => {
       var g, M;
@@ -800,19 +800,19 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
     function h(g) {
       return t.isRange && g.start && g.end ? `${g.start} to ${g.end}` : !t.isRange && g ? g : "";
     }
-    function $(g) {
-      !t.isRange || o.value.contains(g.relatedTarget) || l.value.hidePopover();
+    function B(g) {
+      !t.isRange || i.value.contains(g.relatedTarget) || l.value.hidePopover();
     }
     function y() {
-      const g = o.value.querySelector("button.vc-prev"), M = o.value.querySelector("button.vc-next");
+      const g = i.value.querySelector("button.vc-prev"), M = i.value.querySelector("button.vc-next");
       g && g.setAttribute("aria-label", "Previous month"), M && M.setAttribute("aria-label", "Next month");
     }
     return (g, M) => (u(), v("div", z({
       ref_key: "container",
-      ref: o,
+      ref: i,
       class: "bs-calendar",
       "data-range": e.isRange,
-      onFocusout: $
+      onFocusout: B
     }, c(f)), [
       e.label || g.$slots.label ? (u(), O(ae, {
         key: 0,
@@ -876,7 +876,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint,
-        "hint-id": c(i)
+        "hint-id": c(o)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16, Ra));
   }
@@ -931,7 +931,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    const a = e, t = ve(), l = yt(), { rootTag: n, attrsToBind: o, hrefUrl: s } = Ne(a, t), { onLinkClick: i } = ze(a), d = p(() => m.value ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = p(() => {
+    const a = e, t = ve(), l = yt(), { rootTag: n, attrsToBind: i, hrefUrl: s } = Ne(a, t), { onLinkClick: o } = ze(a), d = p(() => m.value ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = p(() => {
       if (a.hoverEffect)
         return a.iconPosition;
     }), f = p(() => {
@@ -939,8 +939,8 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
       return {
         icon: a.icon || (a.textBtn || a.size == "sm" ? `small-${h}` : h)
       };
-    }), m = p(() => a.textBtn || !!(l != null && l.default)), b = p(() => m.value && a.iconPosition !== "left"), S = p(() => m.value && a.iconPosition === "left"), w = p(() => a.variant ? `color-${a.variant}` : void 0), { icon: B } = Pe(f, "icon");
-    return (h, $) => (u(), O(te(c(n)), z({
+    }), m = p(() => a.textBtn || !!(l != null && l.default)), b = p(() => m.value && a.iconPosition !== "left"), S = p(() => m.value && a.iconPosition === "left"), w = p(() => a.variant ? `color-${a.variant}` : void 0), { icon: $ } = Pe(f, "icon");
+    return (h, B) => (u(), O(te(c(n)), z({
       class: "bs-circle-button",
       "data-disabled": e.disabled,
       "data-direction": r.value,
@@ -949,7 +949,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
       "data-text": m.value,
       "data-variant": w.value,
       ".href": c(s)
-    }, { ...c(o), ...d.value }, { onClick: c(i) }), {
+    }, { ...c(i), ...d.value }, { onClick: c(o) }), {
       default: E(() => [
         b.value ? (u(), v("span", Fa, [
           D(h.$slots, "default", {}, () => [
@@ -958,7 +958,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
         ])) : x("", !0),
         k("span", ja, [
           D(h.$slots, "icon", {}, () => [
-            (u(), O(te(c(B))))
+            (u(), O(te(c($))))
           ])
         ]),
         S.value ? (u(), v("span", Ua, [
@@ -1016,7 +1016,7 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
       "text-btn": !1
     }, {
       icon: E(() => [
-        e.direction == "right" ? (u(), O(c($t), { key: 0 })) : (u(), O(c(Bt), { key: 1 }))
+        e.direction == "right" ? (u(), O(c(Bt), { key: 0 })) : (u(), O(c($t), { key: 1 }))
       ]),
       _: 1
     }, 8, ["disabled", "ghost-btn", "hover-effect", "icon-position", "label", "link-to", "router", "size"]));
@@ -1127,14 +1127,14 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
       var f;
       return !((f = a.dataIdxLabels) != null && f.length);
     });
-    function o(f) {
+    function i(f) {
       try {
         return f.map((m) => {
           const b = m.label;
           let S = [];
           if (m.data.some((w) => (w == null ? void 0 : w.x) && (w == null ? void 0 : w.y))) {
-            const w = m.data.reduce((B, h) => (B[h.x] = h.y, B), {});
-            S = a.dataIdxLabels.map((B) => ({ value: w[B] ?? null }));
+            const w = m.data.reduce(($, h) => ($[h.x] = h.y, $), {});
+            S = a.dataIdxLabels.map(($) => ({ value: w[$] ?? null }));
           } else
             S = m.data.map((w) => ({ value: w }));
           return { rowLabel: b, dataCells: S };
@@ -1145,32 +1145,32 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
     }
     function s(f) {
       try {
-        const m = f.reduce((w, B) => {
-          const h = B.data.map(($) => $ == null ? void 0 : $.x);
+        const m = f.reduce((w, $) => {
+          const h = $.data.map((B) => B == null ? void 0 : B.x);
           return [...w, ...h];
         }, []), b = Array.from(new Set(m));
-        return (a.xAxisType === "time" || a.xAxisType === "linear") && b.sort((w, B) => (typeof w == "string" && typeof B == "string" && (w = w.toLowerCase(), B = B.toLowerCase()), w < B ? -1 : w > B ? 1 : 0)), b.map((w) => {
-          const B = { rowLabel: w }, h = [];
-          return f.forEach(($) => {
-            const y = { datasetLabel: $.label }, g = $.data.find((M) => M.x === w);
+        return (a.xAxisType === "time" || a.xAxisType === "linear") && b.sort((w, $) => (typeof w == "string" && typeof $ == "string" && (w = w.toLowerCase(), $ = $.toLowerCase()), w < $ ? -1 : w > $ ? 1 : 0)), b.map((w) => {
+          const $ = { rowLabel: w }, h = [];
+          return f.forEach((B) => {
+            const y = { datasetLabel: B.label }, g = B.data.find((M) => M.x === w);
             y.value = g ? g.y : null, h.push(y);
-          }), B.dataCells = h, a.xAxisType === "time" && (B.rowLabelFmt = l(w)), B;
+          }), $.dataCells = h, a.xAxisType === "time" && ($.rowLabelFmt = l(w)), $;
         });
       } catch {
         return [];
       }
     }
-    const i = p(() => n.value ? s(a.data) : o(a.data)), d = p(() => ({
+    const o = p(() => n.value ? s(a.data) : i(a.data)), d = p(() => ({
       colspan: n.value ? a.data.length + 1 : a.dataIdxLabels.length + 1,
       title: a.tableTitle,
       colHeadingFirst: n.value ? a.xLabel : "Dataset",
       colHeadings: n.value ? a.data.map((f) => f.label) : a.dataIdxLabels,
-      rows: i.value
+      rows: o.value
     })), r = p(() => {
       var f;
-      return t.value && !!((f = i.value) != null && f.length);
+      return t.value && !!((f = o.value) != null && f.length);
     });
-    return Y(() => {
+    return H(() => {
       t.value = !0;
     }), (f, m) => (u(), v("div", Wa, [
       r.value ? (u(), v("table", {
@@ -1206,9 +1206,9 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", qo = /* @__PURE__ */ Objec
   }
 }, Oe = 16, Xa = 20;
 function Qa(e, a) {
-  const t = I(null), l = I(!1), n = I(null), o = "(min-width: 1166px)", s = { tickSize: Oe }, i = { tickSize: Xa };
+  const t = I(null), l = I(!1), n = I(null), i = "(min-width: 1166px)", s = { tickSize: Oe }, o = { tickSize: Xa };
   let d, r;
-  function f(h, $) {
+  function f(h, B) {
     let y;
     switch (h) {
       case "bar":
@@ -1220,19 +1220,19 @@ function Qa(e, a) {
       default:
         throw new Error(`Unsupported chart type: ${h}`);
     }
-    return new nn().setCommonConfigs($).setCustomOptions($)[y]($).setPlugins([Ja(n), ea]).build();
+    return new nn().setCommonConfigs(B).setCustomOptions(B)[y](B).setPlugins([Ja(n), ea]).build();
   }
   function m(h) {
     h.preventDefault(), h.stopImmediatePropagation();
-    const $ = h.target.closest("li");
-    if ($ && d) {
-      const { labelIndex: y, datasetIndex: g } = $.dataset;
+    const B = h.target.closest("li");
+    if (B && d) {
+      const { labelIndex: y, datasetIndex: g } = B.dataset;
       e === "pie" || e === "doughnut" ? d.toggleDataVisibility(y) : d.setDatasetVisibility(g, !d.isDatasetVisible(g)), d.update(), h.preventDefault(), h.stopImmediatePropagation(), b(g, y);
     }
   }
-  function b(h, $) {
+  function b(h, B) {
     var M;
-    const y = `[data-dataset-index="${h}"][data-label-index="${$}"]`, g = n.value.querySelector(y);
+    const y = `[data-dataset-index="${h}"][data-label-index="${B}"]`, g = n.value.querySelector(y);
     (M = g == null ? void 0 : g.focus) == null || M.call(g);
   }
   function S(...h) {
@@ -1240,19 +1240,19 @@ function Qa(e, a) {
   }
   const w = Ve(function(h) {
     r && (r.updateOptions(h), d.options = r.options, d.update());
-  }, 100), B = Ve(function(h) {
+  }, 100), $ = Ve(function(h) {
     r && (r.updateData(h), d.data = r.data, d.update());
   }, 100);
   return Xe(
-    o,
+    i,
     (h) => l.value = h == null ? void 0 : h.matches,
     [l]
-  ), Y(() => {
+  ), H(() => {
     var h;
     try {
       r = f(e, a), (h = n.value) == null || h.addEventListener("click", m);
-    } catch ($) {
-      console.error("Error creating chart config", $), r = null;
+    } catch (B) {
+      console.error("Error creating chart config", B), r = null;
     }
   }), pe([" ", "Enter"], m, n), Je(() => {
     var h;
@@ -1272,14 +1272,14 @@ function Qa(e, a) {
     (h) => w(Me(
       {},
       a,
-      h ? i : s
+      h ? o : s
     ))
   ), j(
     [
       () => a.data,
       () => a.dataIdxLabels
     ],
-    () => B(a),
+    () => $(a),
     { deep: !0 }
   ), {
     canvasRef: t,
@@ -1293,10 +1293,10 @@ const Ja = (e) => ({
     e.value.innerHTML = "", e.value.style.setProperty("--cjs-legend-padding-inline", `${a.scales.x.left}px`), a.options.plugins.legend.labels.generateLabels(a).forEach((l) => {
       const n = document.createElement("li");
       n.setAttribute("tabindex", "0"), n.dataset.datasetIndex = l.datasetIndex, n.dataset.labelIndex = l.index;
-      const o = document.createElement("span");
-      o.style.setProperty("--legend-item-box-fill", l.fillStyle), o.style.setProperty("--legend-item-box-stroke", l.strokeStyle);
-      const s = document.createTextNode(l.text), i = document.createElement("p");
-      i.style.setProperty("--legend-item-text-color", "var(--bs-ink-base)"), i.style.setProperty("--legend-item-text-decoration", l.hidden ? "line-through" : "none"), i.appendChild(s), n.appendChild(o), n.appendChild(i), e.value.appendChild(n);
+      const i = document.createElement("span");
+      i.style.setProperty("--legend-item-box-fill", l.fillStyle), i.style.setProperty("--legend-item-box-stroke", l.strokeStyle);
+      const s = document.createTextNode(l.text), o = document.createElement("p");
+      o.style.setProperty("--legend-item-text-color", "var(--bs-ink-base)"), o.style.setProperty("--legend-item-text-decoration", l.hidden ? "line-through" : "none"), o.appendChild(s), n.appendChild(i), n.appendChild(o), e.value.appendChild(n);
     });
   }
 });
@@ -1384,9 +1384,9 @@ function nt(e) {
     showXGrid: t,
     showYGrid: l,
     stacked: n,
-    xAxisType: o,
+    xAxisType: i,
     xLabel: s,
-    yLabel: i,
+    yLabel: o,
     yMax: d,
     yMin: r,
     customOptions: f,
@@ -1407,7 +1407,7 @@ function nt(e) {
         display: !!s,
         text: s
       },
-      type: o || "category"
+      type: i || "category"
     },
     y: {
       beginAtZero: !0,
@@ -1424,12 +1424,12 @@ function nt(e) {
         }
       },
       title: {
-        display: !!i,
-        text: i
+        display: !!o,
+        text: o
       }
     }
   };
-  return (o === "time" || ((w = (S = f == null ? void 0 : f.scales) == null ? void 0 : S.x) == null ? void 0 : w.type) === "time") && (b.x.ticks.source = a != null && a.length ? "labels" : "auto", b.x.time = {
+  return (i === "time" || ((w = (S = f == null ? void 0 : f.scales) == null ? void 0 : S.x) == null ? void 0 : w.type) === "time") && (b.x.ticks.source = a != null && a.length ? "labels" : "auto", b.x.time = {
     tooltipFormat: "dd MMM yyyy : h:mm bbb"
   }), b;
 }
@@ -1663,8 +1663,8 @@ const ln = {
     }
   },
   setup(e) {
-    const a = e, { canvasRef: t, legendListRef: l, registerChart: n } = Qa("bar", a), o = p(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`);
-    return Y(() => n(
+    const a = e, { canvasRef: t, legendListRef: l, registerChart: n } = Qa("bar", a), i = p(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`);
+    return H(() => n(
       ta,
       aa,
       na,
@@ -1672,11 +1672,11 @@ const ln = {
       oa,
       ia,
       ra
-    )), (s, i) => (u(), v("div", ln, [
+    )), (s, o) => (u(), v("div", ln, [
       k("figure", null, [
         k("div", null, [
           k("canvas", {
-            "aria-label": o.value,
+            "aria-label": i.value,
             ref_key: "canvasRef",
             ref: t,
             role: "img"
@@ -1687,7 +1687,7 @@ const ln = {
             "chart-type": "bar",
             data: e.data,
             "data-idx-labels": e.dataIdxLabels,
-            "table-title": o.value,
+            "table-title": i.value,
             "x-axis-type": e.xAxisType,
             "x-label": e.xLabel,
             "y-label": e.yLabel
@@ -1767,7 +1767,7 @@ const ln = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n] = X(), o = p(() => et.concat(t.passAttrs.split(","))), s = I(null), i = p(() => t.inputId || n.value), d = p(() => t.checked || m.value), r = p(() => t.indeterminate || t.checkedPartially), f = p(() => Array.isArray(t.modelValue) && t.value), m = p(() => f.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
+    const t = e, l = a, [n] = X(), i = p(() => et.concat(t.passAttrs.split(","))), s = I(null), o = p(() => t.inputId || n.value), d = p(() => t.checked || m.value), r = p(() => t.indeterminate || t.checkedPartially), f = p(() => Array.isArray(t.modelValue) && t.value), m = p(() => f.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
     function b() {
       s.value && (s.value.indeterminate = r.value && !d.value);
     }
@@ -1775,35 +1775,35 @@ const ln = {
       l("update:modelValue", h);
     }
     function w(h) {
-      const $ = [...t.modelValue];
-      h ? $.push(t.value) : $.splice($.indexOf(t.value), 1), l("update:modelValue", $);
+      const B = [...t.modelValue];
+      h ? B.push(t.value) : B.splice(B.indexOf(t.value), 1), l("update:modelValue", B);
     }
-    function B(h) {
-      const { checked: $ } = h.target;
-      f.value ? w($) : S($);
+    function $(h) {
+      const { checked: B } = h.target;
+      f.value ? w(B) : S(B);
     }
-    return j(d, b), j(r, b), Y(b), (h, $) => (u(), v("div", z({
+    return j(d, b), j(r, b), H(b), (h, B) => (u(), v("div", z({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-disabled": e.disabled,
       "data-error": e.error,
       "data-size": e.size
-    }, c(K)(h.$attrs, o.value).remaining), [
+    }, c(Y)(h.$attrs, i.value).remaining), [
       k("input", z({
         ref_key: "inputEl",
         ref: s,
         checked: d.value,
         "data-error": e.error,
         disabled: e.disabled,
-        id: h.$attrs.id || i.value,
+        id: h.$attrs.id || o.value,
         required: e.required,
         value: e.value || "on",
         type: "checkbox",
-        onChange: B
-      }, c(K)(h.$attrs, o.value).filtered), null, 16, dn),
+        onChange: $
+      }, c(Y)(h.$attrs, i.value).filtered), null, 16, dn),
       e.label || h.$slots.label ? (u(), O(ae, {
         key: 0,
-        for: h.$attrs.id || i.value,
+        for: h.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
@@ -1892,14 +1892,14 @@ const ln = {
     return (l, n) => e.preloaded ? de((u(), O(st, {
       key: 0,
       name: e.name,
-      onBeforeEnter: n[0] || (n[0] = (o) => t("before-enter")),
-      onEnter: n[1] || (n[1] = (o) => t("enter")),
-      onAfterEnter: n[2] || (n[2] = (o) => t("after-enter")),
-      onEnterCancelled: n[3] || (n[3] = (o) => t("enter-cancelled")),
-      onBeforeLeave: n[4] || (n[4] = (o) => t("before-leave")),
-      onLeave: n[5] || (n[5] = (o) => t("leave")),
-      onAfterLeave: n[6] || (n[6] = (o) => t("after-leave")),
-      onLeaveCancelled: n[7] || (n[7] = (o) => t("leave-cancelled"))
+      onBeforeEnter: n[0] || (n[0] = (i) => t("before-enter")),
+      onEnter: n[1] || (n[1] = (i) => t("enter")),
+      onAfterEnter: n[2] || (n[2] = (i) => t("after-enter")),
+      onEnterCancelled: n[3] || (n[3] = (i) => t("enter-cancelled")),
+      onBeforeLeave: n[4] || (n[4] = (i) => t("before-leave")),
+      onLeave: n[5] || (n[5] = (i) => t("leave")),
+      onAfterLeave: n[6] || (n[6] = (i) => t("after-leave")),
+      onLeaveCancelled: n[7] || (n[7] = (i) => t("leave-cancelled"))
     }, {
       default: E(() => [
         D(l.$slots, "default")
@@ -1910,14 +1910,14 @@ const ln = {
     ]) : (u(), O(st, {
       key: 1,
       name: e.name,
-      onBeforeEnter: n[8] || (n[8] = (o) => t("before-enter")),
-      onEnter: n[9] || (n[9] = (o) => t("enter")),
-      onAfterEnter: n[10] || (n[10] = (o) => t("after-enter")),
-      onEnterCancelled: n[11] || (n[11] = (o) => t("enter-cancelled")),
-      onBeforeLeave: n[12] || (n[12] = (o) => t("before-leave")),
-      onLeave: n[13] || (n[13] = (o) => t("leave")),
-      onAfterLeave: n[14] || (n[14] = (o) => t("after-leave")),
-      onLeaveCancelled: n[15] || (n[15] = (o) => t("leave-cancelled"))
+      onBeforeEnter: n[8] || (n[8] = (i) => t("before-enter")),
+      onEnter: n[9] || (n[9] = (i) => t("enter")),
+      onAfterEnter: n[10] || (n[10] = (i) => t("after-enter")),
+      onEnterCancelled: n[11] || (n[11] = (i) => t("enter-cancelled")),
+      onBeforeLeave: n[12] || (n[12] = (i) => t("before-leave")),
+      onLeave: n[13] || (n[13] = (i) => t("leave")),
+      onAfterLeave: n[14] || (n[14] = (i) => t("after-leave")),
+      onLeaveCancelled: n[15] || (n[15] = (i) => t("leave-cancelled"))
     }, {
       default: E(() => [
         e.shown ? D(l.$slots, "default", { key: 0 }) : x("", !0)
@@ -1926,14 +1926,14 @@ const ln = {
     }, 8, ["name"]));
   }
 }, cn = (e, a = void 0, t = "relative") => {
-  const l = I(null), n = I(null), o = I(!1);
+  const l = I(null), n = I(null), i = I(!1);
   let s = !1;
-  return Y(() => {
-    e && (l.value = a || St(), document.getElementById(l.value) ? (n.value = document.getElementById(l.value), s = !0) : (n.value = document.createElement("div"), n.value.id = l.value, n.value.style.position = t, document.body.insertAdjacentElement("afterbegin", n.value)), o.value = !0);
-  }), $e(() => {
-    var i;
-    e && !s && ((i = document.getElementById(l.value)) == null || i.remove());
-  }), { breakoutId: l, breakoutStub: n, breakoutMounted: o };
+  return H(() => {
+    e && (l.value = a || St(), document.getElementById(l.value) ? (n.value = document.getElementById(l.value), s = !0) : (n.value = document.createElement("div"), n.value.id = l.value, n.value.style.position = t, document.body.insertAdjacentElement("afterbegin", n.value)), i.value = !0);
+  }), Be(() => {
+    var o;
+    e && !s && ((o = document.getElementById(l.value)) == null || o.remove());
+  }), { breakoutId: l, breakoutStub: n, breakoutMounted: i };
 }, fn = {
   key: 0,
   class: "bs-dropdown-backdrop"
@@ -1990,22 +1990,22 @@ const ln = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null), o = I(null), s = I(!1), i = I(!1), d = p(() => document.getElementById(t.anchorId)), r = p(() => t.breakout ? m.value : t.containerId ? document.getElementById(t.containerId) : n.value.internalContainerRef), f = p(() => t.width === "anchor" ? void 0 : t.width);
-    kt([o, d], () => {
-      i.value && l("close");
+    const t = e, l = a, n = I(null), i = I(null), s = I(!1), o = I(!1), d = p(() => document.getElementById(t.anchorId)), r = p(() => t.breakout ? m.value : t.containerId ? document.getElementById(t.containerId) : n.value.internalContainerRef), f = p(() => t.width === "anchor" ? void 0 : t.width);
+    kt([i, d], () => {
+      o.value && l("close");
     }), pe(["Escape"], () => {
-      i.value && l("close");
+      o.value && l("close");
     });
     const { breakoutStub: m, breakoutMounted: b } = cn(t.breakout, t.containerId);
-    ce("dropdownEnter", s), ce("dropdownAfterEnter", i), ce("dropdownShown", p(() => t.shown));
+    ce("dropdownEnter", s), ce("dropdownAfterEnter", o), ce("dropdownShown", p(() => t.shown));
     const S = (T, P) => {
-      o.value.style.setProperty(T, P);
+      i.value.style.setProperty(T, P);
     };
     function w() {
-      const T = r.value.getBoundingClientRect(), P = d.value.getBoundingClientRect(), R = o.value.getBoundingClientRect();
-      B(T, P), h(T, P, R);
+      const T = r.value.getBoundingClientRect(), P = d.value.getBoundingClientRect(), R = i.value.getBoundingClientRect();
+      $(T, P), h(T, P, R);
     }
-    function B(T, P) {
+    function $(T, P) {
       if (t.position === "top") {
         const R = T.bottom - P.bottom;
         S("--dropdown-wscreen-top", "auto"), S("--dropdown-wscreen-bottom", `${R + P.height + 8}px`);
@@ -2027,7 +2027,7 @@ const ln = {
           S("--dropdown-wscreen-left", `${_}px`), S("--dropdown-wscreen-right", "auto");
       }
     }
-    function $() {
+    function B() {
       if (t.width === "anchor") {
         const T = d.value.getBoundingClientRect();
         S("--dropdown-wscreen-width", `${T.width}px`);
@@ -2035,13 +2035,13 @@ const ln = {
         S("--dropdown-wscreen-width", "");
     }
     function y() {
-      s.value = !0, w(), $(), l("enter");
+      s.value = !0, w(), B(), l("enter");
     }
     function g() {
-      i.value = !0, l("after-enter");
+      o.value = !0, l("after-enter");
     }
     function M() {
-      s.value = !1, i.value = !1, l("after-leave");
+      s.value = !1, o.value = !1, l("after-leave");
     }
     return (T, P) => (u(), v(G, null, [
       e.useMobileStyle && e.shown ? (u(), v("div", fn)) : x("", !0),
@@ -2065,7 +2065,7 @@ const ln = {
             default: E(() => [
               k("div", z({
                 ref_key: "dropdownRef",
-                ref: o,
+                ref: i,
                 class: "bs-dropdown",
                 "data-width": f.value,
                 "data-shown": e.shown,
@@ -2081,7 +2081,7 @@ const ln = {
                     title: "close",
                     onClick: P[0] || (P[0] = () => l("close"))
                   }, [
-                    L(c(Be))
+                    L(c($e))
                   ])
                 ])) : x("", !0),
                 D(T.$slots, "default")
@@ -2184,9 +2184,9 @@ const ln = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Ee(t), o = p(() => t.width === "toggle" ? "anchor" : t.width), s = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), i = p(() => t.toggleId ? t.toggleId : t.anchorId);
+    const t = e, l = a, { transition: n } = Ee(t), i = p(() => t.width === "toggle" ? "anchor" : t.width), s = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = p(() => t.toggleId ? t.toggleId : t.anchorId);
     return (d, r) => (u(), O(mn, {
-      "anchor-id": i.value,
+      "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
       "helper-description": e.helperDescription,
@@ -2195,7 +2195,7 @@ const ln = {
       preloaded: e.preloaded,
       shown: c(n),
       "use-mobile-style": e.useMobileStyle,
-      width: o.value,
+      width: i.value,
       onClose: r[0] || (r[0] = () => l("close")),
       onEnter: r[1] || (r[1] = () => l("enter")),
       onAfterEnter: r[2] || (r[2] = () => l("after-enter")),
@@ -2249,18 +2249,18 @@ const ln = {
   setup(e, { emit: a }) {
     const t = e, l = a;
     let n = !1;
-    const o = I(null), [s] = X(1), i = p(() => ({
+    const i = I(null), [s] = X(1), o = p(() => ({
       icon: t.modelValue ? "close" : t.optionsId ? "caret-down" : "",
       show: !!(t.modelValue || t.optionsId),
       text: t.modelValue ? "Clear this field" : t.optionsId ? "Toggle options dropdown" : ""
     }));
     function d() {
-      t.modelValue && l("clear"), n = !0, o.value.$el.focus();
+      t.modelValue && l("clear"), n = !0, i.value.$el.focus();
     }
     function r(m) {
-      var w, B;
+      var w, $;
       const b = ((w = m.relatedTarget) == null ? void 0 : w.id) === s.value;
-      !(((B = m.relatedTarget) == null ? void 0 : B.id) === t.optionsId) && (!b || !n) && f(!0), n = !1;
+      !((($ = m.relatedTarget) == null ? void 0 : $.id) === t.optionsId) && (!b || !n) && f(!0), n = !1;
     }
     const f = Ve((m) => l("toggled", m), 200, !0);
     return (m, b) => (u(), O(Le, {
@@ -2275,7 +2275,7 @@ const ln = {
       default: E(() => [
         L(Ie, z({
           ref_key: "inputRef",
-          ref: o,
+          ref: i,
           "aria-controls": e.optionsId,
           "aria-describedby": e.hintId,
           "aria-expanded": e.optionsId ? e.open : void 0,
@@ -2302,21 +2302,21 @@ const ln = {
           type: "button",
           onClick: d
         }, [
-          k("span", gn, V(i.value.text), 1),
+          k("span", gn, V(o.value.text), 1),
           de(L(c(_e), {
             role: "presentation",
             size: "md"
           }, null, 512), [
-            [ue, i.value.icon == "caret-down"]
+            [ue, o.value.icon == "caret-down"]
           ]),
-          de(L(c(Be), {
+          de(L(c($e), {
             role: "presentation",
             size: "md"
           }, null, 512), [
-            [ue, i.value.icon == "close"]
+            [ue, o.value.icon == "close"]
           ])
         ], 8, bn), [
-          [ue, i.value.show]
+          [ue, o.value.show]
         ])
       ]),
       _: 1
@@ -2376,7 +2376,7 @@ const ln = {
       L(c(_e))
     ], 8, Sn));
   }
-}, $n = ["data-value", "data-value-type", "data-variant", "id"], ot = {
+}, Bn = ["data-value", "data-value-type", "data-variant", "id"], ot = {
   __name: "BsDropdownOption",
   props: {
     value: {
@@ -2390,25 +2390,25 @@ const ln = {
   },
   setup(e) {
     const a = e, t = I(null), l = fe("optionsId", ""), n = fe("handleOptionSelect", () => {
-    }), o = p(() => `${l.value}-option-${a.value}`);
-    function s(i) {
-      n(t.value), i.stopPropagation();
+    }), i = p(() => `${l.value}-option-${a.value}`);
+    function s(o) {
+      n(t.value), o.stopPropagation();
     }
-    return (i, d) => (u(), v("li", {
+    return (o, d) => (u(), v("li", {
       ref_key: "optionRef",
       ref: t,
       "data-component": "bs-dropdown-option",
       "data-value": a.value,
       "data-value-type": typeof a.value,
       "data-variant": e.variant || void 0,
-      id: o.value,
+      id: i.value,
       role: "option",
       onClick: s
     }, [
-      D(i.$slots, "default")
-    ], 8, $n));
+      D(o.$slots, "default")
+    ], 8, Bn));
   }
-}, Bn = ["data-img-size", "data-initials", "data-no-img"], In = ["src", "alt"], Tt = {
+}, $n = ["data-img-size", "data-initials", "data-no-img"], In = ["src", "alt"], Tt = {
   __name: "BsProfileImg",
   props: {
     src: String,
@@ -2428,7 +2428,7 @@ const ln = {
   },
   setup(e) {
     const a = e, t = I(!1), l = I(!!a.src);
-    return Y(() => t.value = !0), (n, o) => (u(), v("div", {
+    return H(() => t.value = !0), (n, i) => (u(), v("div", {
       class: "bs-profile-img",
       "data-img-size": e.size,
       "data-initials": e.initials,
@@ -2438,9 +2438,9 @@ const ln = {
         key: 0,
         src: e.src,
         alt: e.useAltText ? e.profileName : "",
-        onError: o[0] || (o[0] = (s) => l.value = !1)
+        onError: i[0] || (i[0] = (s) => l.value = !1)
       }, null, 40, In)) : x("", !0)
-    ], 8, Bn));
+    ], 8, $n));
   }
 }, kn = ["id", "data-checked"], Cn = { key: 1 }, xn = ["innerHTML"], Tn = { key: 4 }, An = { key: 5 }, Vn = {
   key: 0,
@@ -2485,25 +2485,25 @@ const ln = {
       l();
     });
     function l() {
-      a.options.forEach((i) => {
-        const { icon: d } = i;
-        d && !t[d] && (t[d] = o(d));
+      a.options.forEach((o) => {
+        const { icon: d } = o;
+        d && !t[d] && (t[d] = i(d));
       });
     }
-    function n(i) {
+    function n(o) {
       let d = "", r = 1;
-      return r += i.checkbox ? 1 : 0, r += i.icon ? 1 : 0, r += i.profileImg ? 1 : 0, r > 1 && (d += ` ${r}-col`), i.checkbox && (d += " checkbox"), i.description && (d += " description"), i.negative && (d += " negative"), d;
+      return r += o.checkbox ? 1 : 0, r += o.icon ? 1 : 0, r += o.profileImg ? 1 : 0, r > 1 && (d += ` ${r}-col`), o.checkbox && (d += " checkbox"), o.description && (d += " description"), o.negative && (d += " negative"), d;
     }
-    function o(i) {
+    function i(o) {
       return Qe(async () => {
-        const { [`BsIcon${i}`]: d } = await import("@wwtdev/bsds-icons-vue3");
+        const { [`BsIcon${o}`]: d } = await import("@wwtdev/bsds-icons-vue3");
         return d;
       });
     }
-    function s(i, d) {
-      return !!i && i !== d;
+    function s(o, d) {
+      return !!o && o !== d;
     }
-    return (i, d) => (u(), v(G, null, [
+    return (o, d) => (u(), v(G, null, [
       (u(!0), v(G, null, ee(e.options, (r) => (u(), O(ot, {
         "aria-checked": r.checkbox ? r.checkbox.checked : void 0,
         key: r.value,
@@ -2538,7 +2538,7 @@ const ln = {
         _: 2
       }, 1032, ["aria-checked", "value", "variant"]))), 128)),
       e.showNoOptions && e.options.length === 0 ? (u(), v("li", Vn, [
-        D(i.$slots, "no-options", {}, () => [
+        D(o.$slots, "no-options", {}, () => [
           W("No options")
         ])
       ])) : x("", !0)
@@ -2618,25 +2618,25 @@ const ln = {
   setup(e, { emit: a }) {
     const t = e, l = a;
     let n = null;
-    const [o, s] = X(2), i = I(!1), d = () => n || (n = document.getElementById(m.value)), r = p(() => Qe(async () => await (t.multiselect ? Promise.resolve().then(() => zn) : Promise.resolve().then(() => Dn)))), f = p(() => t.optionsId || s.value), m = p(() => t.toggleId || o.value);
+    const [i, s] = X(2), o = I(!1), d = () => n || (n = document.getElementById(m.value)), r = p(() => Qe(async () => await (t.multiselect ? Promise.resolve().then(() => zn) : Promise.resolve().then(() => Dn)))), f = p(() => t.optionsId || s.value), m = p(() => t.toggleId || i.value);
     function b() {
       const y = document.activeElement;
       return !y || y.tagName === "BODY" || y.id === f.value;
     }
     function S() {
       var y, g;
-      i.value = !1, l("close"), b() && ((g = (y = d()) == null ? void 0 : y.focus) == null || g.call(y));
+      o.value = !1, l("close"), b() && ((g = (y = d()) == null ? void 0 : y.focus) == null || g.call(y));
     }
     function w() {
-      i.value && S();
+      o.value && S();
     }
-    function B() {
-      i.value = !0;
+    function $() {
+      o.value = !0;
     }
     function h(y) {
       l("update:selectedOptions", y);
     }
-    function $(y) {
+    function B(y) {
       t.multiselect || (l("update:selectedOption", y), S());
     }
     return (y, g) => (u(), v("div", {
@@ -2677,7 +2677,7 @@ const ln = {
         "use-mobile-style": e.useMobileStyle,
         width: e.dropdownWidth,
         onClose: w,
-        onEnter: B
+        onEnter: $
       }, {
         default: E(() => [
           L(c(r), {
@@ -2687,7 +2687,7 @@ const ln = {
             "options-id": f.value,
             "selected-options": e.selectedOptions,
             shown: e.open,
-            "onUpdate:modelValue": $,
+            "onUpdate:modelValue": B,
             "onUpdate:selectedOptions": h,
             onClose: g[1] || (g[1] = (M) => e.multiselect ? void 0 : w())
           }, {
@@ -2763,7 +2763,7 @@ const ln = {
   },
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n, o, s] = X(3), i = I(!1), d = p(() => t.inputId || n.value);
+    const t = e, l = a, [n, i, s] = X(3), o = I(!1), d = p(() => t.inputId || n.value);
     function r(w) {
       l("combobox:change", w.target.value), l("update:modelValue", w.target.value);
     }
@@ -2771,41 +2771,41 @@ const ln = {
       l("combobox:change", ""), l("update:modelValue", "");
     }
     function m(w) {
-      var B, h;
-      (B = w.relatedTarget) != null && B.closest(`#${s.value}`) || (h = w.relatedTarget) != null && h.closest(`#${o.value}`) || (i.value = !1);
+      var $, h;
+      ($ = w.relatedTarget) != null && $.closest(`#${s.value}`) || (h = w.relatedTarget) != null && h.closest(`#${i.value}`) || (o.value = !1);
     }
     function b(w) {
       l("combobox:input", w.target.value), t.updateOnInput && l("update:modelValue", w.target.value);
     }
     function S(w) {
-      w === !0 || w === !1 ? i.value = w : i.value = !i.value;
+      w === !0 || w === !1 ? o.value = w : o.value = !o.value;
     }
-    return (w, B) => (u(), O(En, {
-      "anchor-id": c(o),
+    return (w, $) => (u(), O(En, {
+      "anchor-id": c(i),
       disabled: e.disabled,
       "dropdown-position": e.dropdownPosition,
       "dropdown-width": e.dropdownWidth,
       "helper-description": e.helperDescription,
       "helper-text": e.helperText,
       multiselect: !1,
-      open: i.value,
+      open: o.value,
       options: e.options,
       "options-id": c(s),
       "selected-option": e.modelValue,
       "toggle-id": w.$attrs.id || d.value,
-      onClose: B[0] || (B[0] = (h) => i.value = !1),
+      onClose: $[0] || ($[0] = (h) => o.value = !1),
       onFocusout: m,
-      "onUpdate:selectedOption": B[1] || (B[1] = (h) => w.$emit("update:modelValue", h))
+      "onUpdate:selectedOption": $[1] || ($[1] = (h) => w.$emit("update:modelValue", h))
     }, {
       toggle: E(() => [
         L(yn, z({
           id: w.$attrs.id || d.value,
-          "container-id": c(o),
+          "container-id": c(i),
           disabled: e.disabled,
           error: e.error,
           "hint-id": e.hintId,
           "model-value": e.displayValue || e.modelValue,
-          open: i.value,
+          open: o.value,
           "options-id": c(s),
           placeholder: e.placeholder,
           required: e.required,
@@ -2886,16 +2886,16 @@ const ln = {
   },
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = X(2), o = p(() => t.error && t.errorMsg || t.hint || void 0), s = p(() => t.inputId || l.value);
-    return (i, d) => (u(), v("div", z({ "data-component": "bs-dropdown-combobox-field" }, c(K)(i.$attrs, c(he)).remaining), [
-      e.label || i.$slots.label ? (u(), O(ae, {
+    const t = e, [l, n] = X(2), i = p(() => t.error && t.errorMsg || t.hint || void 0), s = p(() => t.inputId || l.value);
+    return (o, d) => (u(), v("div", z({ "data-component": "bs-dropdown-combobox-field" }, c(Y)(o.$attrs, c(he)).remaining), [
+      e.label || o.$slots.label ? (u(), O(ae, {
         key: 0,
-        for: i.$attrs.id || s.value,
+        for: o.$attrs.id || s.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: E(() => [
-          D(i.$slots, "label", {}, () => [
+          D(o.$slots, "label", {}, () => [
             W(V(e.label), 1)
           ])
         ]),
@@ -2910,21 +2910,21 @@ const ln = {
         "helper-text": e.helperText,
         "helper-description": e.helperDescription,
         "hint-id": c(n),
-        "input-id": i.$attrs.id || s.value,
+        "input-id": o.$attrs.id || s.value,
         "model-value": e.modelValue,
         options: e.options,
         placeholder: e.placeholder,
         required: e.required,
         "update-on-input": e.updateOnInput,
-        "onCombobox:change": d[0] || (d[0] = (r) => i.$emit("combobox:change", r)),
-        "onCombobox:input": d[1] || (d[1] = (r) => i.$emit("combobox:input", r)),
-        "onUpdate:modelValue": d[2] || (d[2] = (r) => i.$emit("update:modelValue", r))
-      }, c(K)(i.$attrs, c(he)).filtered), null, 16, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-text", "helper-description", "hint-id", "input-id", "model-value", "options", "placeholder", "required", "update-on-input"]),
-      o.value ? (u(), O(ge, {
+        "onCombobox:change": d[0] || (d[0] = (r) => o.$emit("combobox:change", r)),
+        "onCombobox:input": d[1] || (d[1] = (r) => o.$emit("combobox:input", r)),
+        "onUpdate:modelValue": d[2] || (d[2] = (r) => o.$emit("update:modelValue", r))
+      }, c(Y)(o.$attrs, c(he)).filtered), null, 16, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-text", "helper-description", "hint-id", "input-id", "model-value", "options", "placeholder", "required", "update-on-input"]),
+      i.value ? (u(), O(ge, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || i.hintDeprecated,
+        hint: e.hint || o.hintDeprecated,
         "hint-id": c(n)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16));
@@ -2965,13 +2965,13 @@ const ln = {
     "update:modelValue"
   ],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, o = I(null), s = I(null), i = I(-1), d = I(-1), r = I(null), f = I(!1), m = fe("dropdownEnter", I(!1)), b = fe("dropdownAfterEnter", I(!1)), S = fe("dropdownShown", I(!1));
-    ce("optionsId", p(() => l.optionsId)), ce("handleOptionSelect", ye), fa(o, g, { childList: !0 }), pe([" ", "Enter", "NumpadEnter"], ke, o), pe(["ArrowDown", "ArrowUp", "Home", "End"], Ce);
-    const h = [/^[a-zA-Z0-9]{1}$/], $ = {
+    const l = e, n = t, i = I(null), s = I(null), o = I(-1), d = I(-1), r = I(null), f = I(!1), m = fe("dropdownEnter", I(!1)), b = fe("dropdownAfterEnter", I(!1)), S = fe("dropdownShown", I(!1));
+    ce("optionsId", p(() => l.optionsId)), ce("handleOptionSelect", ye), fa(i, g, { childList: !0 }), pe([" ", "Enter", "NumpadEnter"], ke, i), pe(["ArrowDown", "ArrowUp", "Home", "End"], Ce);
+    const h = [/^[a-zA-Z0-9]{1}$/], B = {
       keys: "",
       lastTyped: 0
     };
-    pe(h, (A) => xe(A, $)), Y(() => {
+    pe(h, (A) => xe(A, B)), H(() => {
       g(), J(S.value);
     }), j(
       [m, () => {
@@ -2979,7 +2979,7 @@ const ln = {
         return (A = r.value) == null ? void 0 : A.length;
       }],
       ([A, F]) => {
-        (A || F > 0) && (f.value = o.value.scrollHeight > o.value.clientHeight);
+        (A || F > 0) && (f.value = i.value.scrollHeight > i.value.clientHeight);
       }
     ), j(b, (A) => {
       A && (M(), T());
@@ -2987,27 +2987,27 @@ const ln = {
     const y = p(() => l.modelValue || l.selectedValue);
     function g() {
       r.value = Array.from(
-        o.value.querySelectorAll('[data-component="bs-dropdown-option"]')
+        i.value.querySelectorAll('[data-component="bs-dropdown-option"]')
       );
     }
     function M() {
-      o.value.getBoundingClientRect().bottom > window.innerHeight && o.value.scrollIntoView({ block: "nearest" });
+      i.value.getBoundingClientRect().bottom > window.innerHeight && i.value.scrollIntoView({ block: "nearest" });
     }
     function T() {
       var A;
-      i.value > -1 && (M(), (A = r.value[i.value]) == null || A.scrollIntoView({ block: "nearest" }));
+      o.value > -1 && (M(), (A = r.value[o.value]) == null || A.scrollIntoView({ block: "nearest" }));
     }
     function P() {
       var A, F;
-      i.value > -1 && ((A = r.value[i.value]) == null || A.setAttribute("data-active", ""), s.value = (F = r.value[i.value]) == null ? void 0 : F.id, T());
+      o.value > -1 && ((A = r.value[o.value]) == null || A.setAttribute("data-active", ""), s.value = (F = r.value[o.value]) == null ? void 0 : F.id, T());
     }
     function R() {
       var A;
-      i.value > -1 && ((A = r.value[i.value]) == null || A.removeAttribute("data-active"));
+      o.value > -1 && ((A = r.value[o.value]) == null || A.removeAttribute("data-active"));
     }
     function _() {
       var A;
-      i.value < 0 && (i.value = 0, s.value = (A = r.value[0]) == null ? void 0 : A.id), P();
+      o.value < 0 && (o.value = 0, s.value = (A = r.value[0]) == null ? void 0 : A.id), P();
     }
     function J(A) {
       A ? ne() : me();
@@ -3016,12 +3016,12 @@ const ln = {
       var A, F;
       l.multiselect || (d.value = r.value.findIndex(
         (q) => q.getAttribute("data-value") === String(y.value)
-      ), !l.multiselect && d.value > -1 && ((A = r.value[d.value]) == null || A.setAttribute("data-selected", ""), (F = r.value[d.value]) == null || F.setAttribute("aria-selected", "true")), i.value = d.value);
+      ), !l.multiselect && d.value > -1 && ((A = r.value[d.value]) == null || A.setAttribute("data-selected", ""), (F = r.value[d.value]) == null || F.setAttribute("aria-selected", "true")), o.value = d.value);
     }
     function me() {
       r.value.forEach((A) => {
         A.removeAttribute("data-selected"), A.setAttribute("aria-selected", "false");
-      }), R(), d.value = -1, i.value = -1, s.value = null;
+      }), R(), d.value = -1, o.value = -1, s.value = null;
     }
     function ye(A) {
       var q;
@@ -3030,7 +3030,7 @@ const ln = {
       A.getAttribute("data-value-type") === "number" && (F = Number(F)), s.value = A.id, R(), n("optselected", F), n("update:modelValue", F), n("close");
     }
     function ke(A) {
-      ye(r.value[i.value]), A.preventDefault();
+      ye(r.value[o.value]), A.preventDefault();
     }
     function Ce(A) {
       if (S.value)
@@ -3053,10 +3053,10 @@ const ln = {
       let F;
       switch (A) {
         case "up":
-          F = i.value - 1 < 0 ? r.value.length - 1 : i.value - 1;
+          F = o.value - 1 < 0 ? r.value.length - 1 : o.value - 1;
           break;
         case "down":
-          F = (i.value + 1) % r.value.length;
+          F = (o.value + 1) % r.value.length;
           break;
         case "home":
           F = 0;
@@ -3071,21 +3071,21 @@ const ln = {
       if (!S.value)
         return;
       F.keys = A.timeStamp - F.lastTyped > 500 ? A.key : F.keys + A.key, F.lastTyped = A.timeStamp;
-      const q = r.value.findIndex((H) => H.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(F.keys));
+      const q = r.value.findIndex((K) => K.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(F.keys));
       q > -1 && Se(q, !1);
     }
     function Se(A, F = !0) {
-      R(), i.value = A, document.activeElement !== o.value && F ? o.value.focus() : P();
+      R(), o.value = A, document.activeElement !== i.value && F ? i.value.focus() : P();
     }
     return a({
-      activeIndex: i,
+      activeIndex: o,
       optionEls: r,
-      optionsRef: o,
+      optionsRef: i,
       refreshOptions: g,
       setCurrentActive: P
     }), (A, F) => (u(), v("ul", {
       ref_key: "optionsRef",
-      ref: o,
+      ref: i,
       "aria-activedescendant": s.value || void 0,
       "aria-label": e.label,
       "aria-live": "polite",
@@ -3141,12 +3141,12 @@ const ln = {
     "uncheck-option"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null), o = I([]), s = I([]), i = p(() => {
-      var B, h;
-      return ((B = o.value) == null ? void 0 : B.length) && ((h = s.value) == null ? void 0 : h.length);
+    const t = e, l = a, n = I(null), i = I([]), s = I([]), o = p(() => {
+      var $, h;
+      return (($ = i.value) == null ? void 0 : $.length) && ((h = s.value) == null ? void 0 : h.length);
     }), d = p(() => {
-      var B, h;
-      return ((B = o.value) == null ? void 0 : B.length) || ((h = s.value) == null ? void 0 : h.length);
+      var $, h;
+      return (($ = i.value) == null ? void 0 : $.length) || ((h = s.value) == null ? void 0 : h.length);
     });
     let r = !1;
     j(() => t.options, () => {
@@ -3155,8 +3155,8 @@ const ln = {
       () => t.selectedOptions,
       b,
       { immediate: !0 }
-    ), j(() => t.shown, (B) => {
-      B && Ae(f);
+    ), j(() => t.shown, ($) => {
+      $ && Ae(f);
     });
     function f() {
       n.value && (n.value.refreshOptions(), n.value.optionsRef.focus());
@@ -3164,28 +3164,28 @@ const ln = {
     function m() {
       n.value && (n.value.refreshOptions(), n.value.setCurrentActive());
     }
-    function b(B = []) {
-      const h = new Set(B), $ = [], y = [];
+    function b($ = []) {
+      const h = new Set($), B = [], y = [];
       t.options.forEach((g) => {
         const M = { ...g }, T = `${t.optionsId}-${g.value}-cb`;
-        h.has(g.value) ? (M.checkbox = { inputId: T, checked: !0 }, $.push(M)) : (M.checkbox = { inputId: T, checked: !1 }, y.push(M));
-      }), o.value = $, Ae(() => {
+        h.has(g.value) ? (M.checkbox = { inputId: T, checked: !0 }, B.push(M)) : (M.checkbox = { inputId: T, checked: !1 }, y.push(M));
+      }), i.value = B, Ae(() => {
         s.value = y, Ae(() => {
           r && m(), r = !1;
         });
       });
     }
-    function S(B = []) {
-      const h = new Set(B), $ = [];
+    function S($ = []) {
+      const h = new Set($), B = [];
       return t.options.forEach((y) => {
-        h.has(y.value) && $.push(y.value);
-      }), $;
+        h.has(y.value) && B.push(y.value);
+      }), B;
     }
-    function w(B) {
+    function w($) {
       let h = [];
-      t.selectedOptions.includes(B) ? (h = t.selectedOptions.filter(($) => $ !== B), l("uncheck-option", B)) : (h = S([...t.selectedOptions, B]), l("check-option", B)), r = !0, l("update:selectedOptions", h);
+      t.selectedOptions.includes($) ? (h = t.selectedOptions.filter((B) => B !== $), l("uncheck-option", $)) : (h = S([...t.selectedOptions, $]), l("check-option", $)), r = !0, l("update:selectedOptions", h);
     }
-    return (B, h) => (u(), O(Re, {
+    return ($, h) => (u(), O(Re, {
       ref_key: "optlist",
       ref: n,
       "aria-multiselectable": "true",
@@ -3199,18 +3199,18 @@ const ln = {
       default: E(() => [
         d.value ? (u(), v(G, { key: 0 }, [
           L(qe, {
-            options: o.value,
+            options: i.value,
             "show-no-options": !1
           }, null, 8, ["options"]),
           de(k("li", Pn, Mn, 512), [
-            [ue, i.value]
+            [ue, o.value]
           ]),
           L(qe, {
             options: s.value,
             "show-no-options": !1
           }, null, 8, ["options"])
         ], 64)) : (u(), v("li", Nn, [
-          D(B.$slots, "no-options", {}, () => [
+          D($.$slots, "no-options", {}, () => [
             W("No options")
           ])
         ]))
@@ -3300,13 +3300,13 @@ const ln = {
     function n() {
       l.value = !0;
     }
-    function o(i) {
-      l.value = !1, t("update:modelValue", i), t("close");
+    function i(o) {
+      l.value = !1, t("update:modelValue", o), t("close");
     }
     function s() {
       l.value && (l.value = !1, t("close"));
     }
-    return (i, d) => (u(), O(c(lt), {
+    return (o, d) => (u(), O(c(lt), {
       "anchor-id": e.anchorId,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -3329,11 +3329,11 @@ const ln = {
           "options-id": e.optionsId,
           "prevent-tab": e.preventTab,
           "type-to-focus": e.typeToFocus,
-          "onUpdate:modelValue": o,
+          "onUpdate:modelValue": i,
           onClose: s
         }, {
           default: E(() => [
-            D(i.$slots, "default")
+            D(o.$slots, "default")
           ]),
           _: 3
         }, 8, ["label", "model-value", "options-id", "prevent-tab", "type-to-focus"])
@@ -3455,12 +3455,12 @@ const ln = {
     "after-leave"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Ee(t), o = p(() => t.width === "toggle" ? "anchor" : t.width), s = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), i = p(() => t.toggleId ? t.toggleId : t.anchorId), d = p(() => t.selectedValue || t.modelValue);
+    const t = e, l = a, { transition: n } = Ee(t), i = p(() => t.width === "toggle" ? "anchor" : t.width), s = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = p(() => t.toggleId ? t.toggleId : t.anchorId), d = p(() => t.selectedValue || t.modelValue);
     function r(f) {
       l("optselected", f), l("update:modelValue", f);
     }
     return (f, m) => (u(), O(Rn, {
-      "anchor-id": i.value,
+      "anchor-id": o.value,
       breakout: e.breakout,
       "container-id": e.containerId,
       "helper-description": e.helperDescription,
@@ -3473,7 +3473,7 @@ const ln = {
       "prevent-tab": e.preventTab,
       shown: c(n),
       "use-mobile-style": e.useMobileStyle,
-      width: o.value,
+      width: i.value,
       onClose: m[0] || (m[0] = (b) => l("close")),
       onAfterEnter: m[1] || (m[1] = (b) => l("after-enter")),
       onAfterLeave: m[2] || (m[2] = (b) => l("after-leave")),
@@ -3521,12 +3521,12 @@ const ln = {
   },
   emits: ["close"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(null), o = p(() => document.getElementById(t.toggleId));
-    kt([n, o], s), pe(["Escape"], s);
+    const t = e, l = a, n = I(null), i = p(() => document.getElementById(t.toggleId));
+    kt([n, i], s), pe(["Escape"], s);
     function s() {
       t.shown && l("close");
     }
-    return (i, d) => (u(), O(De, {
+    return (o, d) => (u(), O(De, {
       name: "bs-flyout",
       preloaded: e.preloaded,
       shown: e.shown
@@ -3540,7 +3540,7 @@ const ln = {
           "data-position": e.position,
           "data-shown": e.shown,
           "data-size": e.size
-        }, i.$attrs), [
+        }, o.$attrs), [
           k("div", jn, [
             k("button", {
               type: "button",
@@ -3548,10 +3548,10 @@ const ln = {
               "aria-label": "Close",
               onClick: s
             }, [
-              L(c(Be))
+              L(c($e))
             ])
           ]),
-          D(i.$slots, "default")
+          D(o.$slots, "default")
         ], 16, Fn)
       ]),
       _: 3
@@ -3565,16 +3565,16 @@ const ln = {
       { offset: 0.5466, color: "#1C0087" },
       { offset: 0.9715, color: "#0086EA" }
     ], [n] = X();
-    return Y(() => {
+    return H(() => {
       t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
-    }), (o, s) => (u(), v(G, null, [
+    }), (i, s) => (u(), v(G, null, [
       k("span", z({
         ref_key: "svgWrapperRef",
         ref: a,
         class: "bs-icon-gradient-wrapper",
         style: `fill: url(#${c(n)});`
-      }, o.$attrs), [
-        D(o.$slots, "default")
+      }, i.$attrs), [
+        D(i.$slots, "default")
       ], 16),
       (u(), v("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -3590,10 +3590,10 @@ const ln = {
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (u(), v(G, null, ee(l, (i) => k("stop", {
-            key: i.offset,
-            offset: i.offset,
-            "stop-color": i.color
+          (u(), v(G, null, ee(l, (o) => k("stop", {
+            key: o.offset,
+            offset: o.offset,
+            "stop-color": o.color
           }, null, 8, Gn)), 64))
         ], 8, Wn)
       ], 8, Un))
@@ -3646,12 +3646,12 @@ const ln = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = X(2), o = p(() => he.concat(t.passAttrs.split(",")).concat("type")), s = p(() => {
+    const t = e, [l, n] = X(2), i = p(() => he.concat(t.passAttrs.split(",")).concat("type")), s = p(() => {
       var r, f;
       return ((f = (r = t.hints) == null ? void 0 : r.join) == null ? void 0 : f.call(r, `
 `)) || t.hints;
-    }), i = p(() => t.error && t.errorMsg || t.hint || s.value || void 0), d = p(() => t.inputId || l.value);
-    return (r, f) => (u(), v("div", z({ "data-component": "bs-input-field" }, c(K)(r.$attrs, o.value).remaining), [
+    }), o = p(() => t.error && t.errorMsg || t.hint || s.value || void 0), d = p(() => t.inputId || l.value);
+    return (r, f) => (u(), v("div", z({ "data-component": "bs-input-field" }, c(Y)(r.$attrs, i.value).remaining), [
       e.label || r.$slots.label ? (u(), O(ae, {
         key: 0,
         for: r.$attrs.id || d.value,
@@ -3675,8 +3675,8 @@ const ln = {
         type: e.type,
         value: e.value || e.modelValue,
         "onUpdate:modelValue": f[0] || (f[0] = (m) => r.$emit("update:modelValue", m))
-      }, c(K)(r.$attrs, o.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
-      i.value ? (u(), O(ge, {
+      }, c(Y)(r.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
+      o.value ? (u(), O(ge, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
@@ -3806,7 +3806,7 @@ const ln = {
   },
   emits: ["update:modelValue", "input-blur"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, o = [
+    const l = e, n = t, i = [
       "ArrowDown",
       "ArrowLeft",
       "ArrowRight",
@@ -3818,62 +3818,62 @@ const ln = {
       "Escape",
       "Home",
       "Tab"
-    ], s = I(null), i = I(1), d = I([]), r = I(null), [
+    ], s = I(null), o = I(1), d = I([]), r = I(null), [
       f,
       m,
       b,
       S
-    ] = X(4), w = I(!1), B = I(""), h = I(""), $ = I(!1), y = I(!1), g = I(!0);
+    ] = X(4), w = I(!1), $ = I(""), h = I(""), B = I(!1), y = I(!1), g = I(!0);
     a({
-      validationErr: $,
+      validationErr: B,
       validationErrMsg: h
     });
-    const M = p(() => B.value ? `+${i.value}${B.value}` : ""), T = p(() => `Country code: ${i.value}. Click to change.`), P = p(() => g.value ? l.errorMsg || h.value : ""), R = p(() => l.error || $.value), _ = p(() => l.hint || R.value && P.value), J = p(() => g.value && R.value);
+    const M = p(() => $.value ? `+${o.value}${$.value}` : ""), T = p(() => `Country code: ${o.value}. Click to change.`), P = p(() => g.value ? l.errorMsg || h.value : ""), R = p(() => l.error || B.value), _ = p(() => l.hint || R.value && P.value), J = p(() => g.value && R.value);
     j(M, (q) => {
       n("update:modelValue", q), F(q);
-    }), j(() => l.modelValue, ne), xe(), Y(() => w.value = !0);
-    function ne(q, H) {
-      q === "" && q !== H && (B.value = "");
+    }), j(() => l.modelValue, ne), xe(), H(() => w.value = !0);
+    function ne(q, K) {
+      q === "" && q !== K && ($.value = "");
     }
     function me() {
       var q;
       y.value && (y.value = !1, (q = s.value) == null || q.focus());
     }
     function ye(q) {
-      var H;
-      i.value = q, y.value = !1, (H = s.value) == null || H.focus(), A(q);
+      var K;
+      o.value = q, y.value = !1, (K = s.value) == null || K.focus(), A(q);
     }
     function ke() {
       l.deferValidation && (g.value = !0), n("input-blur");
     }
     function Ce(q) {
-      B.value = q.target.value, l.deferValidation && (g.value = !1);
+      $.value = q.target.value, l.deferValidation && (g.value = !1);
     }
     function re(q) {
-      var H, Z;
-      !((Z = (H = q.key) == null ? void 0 : H.match) != null && Z.call(H, /[0-9]/)) && !o.includes(q.key) && !q.ctrlKey && !q.metaKey && q.preventDefault();
+      var K, Z;
+      !((Z = (K = q.key) == null ? void 0 : K.match) != null && Z.call(K, /[0-9]/)) && !i.includes(q.key) && !q.ctrlKey && !q.metaKey && q.preventDefault();
     }
     function xe() {
-      je.initSourceData(), Se(), A(i.value), F(M.value);
+      je.initSourceData(), Se(), A(o.value), F(M.value);
     }
     function Se() {
-      var H, Z;
+      var K, Z;
       let q = ut(l.modelValue);
-      q.valid || q.countryCode && ((Z = (H = l.modelValue) == null ? void 0 : H.startsWith) != null && Z.call(H, "+")) ? (i.value = q.countryCode, B.value = q.number.significant) : B.value = l.modelValue, d.value = je.data.allCountries.map((Te) => ({
+      q.valid || q.countryCode && ((Z = (K = l.modelValue) == null ? void 0 : K.startsWith) != null && Z.call(K, "+")) ? (o.value = q.countryCode, $.value = q.number.significant) : $.value = l.modelValue, d.value = je.data.allCountries.map((Te) => ({
         ...Te,
-        isSelected: i.value === Te
+        isSelected: o.value === Te
       }));
     }
     function A(q) {
       r.value = je.getCountryByCountryCode(q);
     }
     function F(q) {
-      $.value = q ? !ut(q).valid : !1, h.value = $.value ? "Invalid phone number" : "";
+      B.value = q ? !ut(q).valid : !1, h.value = B.value ? "Invalid phone number" : "";
     }
-    return (q, H) => (u(), v("div", z({
+    return (q, K) => (u(), v("div", z({
       class: "bs-input-phone",
       "data-component": "bs-input-phone"
-    }, c(K)(q.$attrs, c(he)).remaining), [
+    }, c(Y)(q.$attrs, c(he)).remaining), [
       L(ae, {
         for: q.$attrs.id || e.inputId || c(S),
         required: e.required,
@@ -3904,10 +3904,10 @@ const ln = {
               "aria-label": T.value,
               disabled: e.disabled,
               type: "button",
-              onClick: H[0] || (H[0] = (Te) => y.value = !y.value)
+              onClick: K[0] || (K[0] = (Te) => y.value = !y.value)
             }, [
               k("span", null, V((Z = r.value) == null ? void 0 : Z.flag), 1),
-              k("span", null, "+" + V(i.value), 1),
+              k("span", null, "+" + V(o.value), 1),
               L(c(Ft), { size: "sm" })
             ], 8, Hn),
             L(Ie, z({
@@ -3915,10 +3915,10 @@ const ln = {
               disabled: e.disabled,
               "hint-id": c(b),
               placeholder: e.placeholder,
-              value: B.value,
+              value: $.value,
               "data-autowidth": "",
               type: "tel"
-            }, c(K)(q.$attrs, c(he)).filtered, {
+            }, c(Y)(q.$attrs, c(he)).filtered, {
               onInput: Ce,
               onFocusout: ke,
               onKeydown: re
@@ -3940,7 +3940,7 @@ const ln = {
           "anchor-id": c(f),
           "helper-text": "Country Code",
           label: "Country Code",
-          "model-value": i.value,
+          "model-value": o.value,
           "options-id": c(m),
           preloaded: "",
           shown: y.value,
@@ -4013,29 +4013,29 @@ const ln = {
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = p(() => he.concat(t.passAttrs.split(","))), n = p(() => !t.disabled && !t.hideClear && t.variant !== "filter");
-    return (o, s) => (u(), O(Le, z({
+    return (i, s) => (u(), O(Le, z({
       class: "bs-input-search",
       "data-component": "bs-input-search",
       "data-variant": e.variant,
       disabled: e.disabled
-    }, c(K)(o.$attrs, l.value).remaining), {
+    }, c(Y)(i.$attrs, l.value).remaining), {
       default: E(() => [
         e.hideSearchIcon ? x("", !0) : (u(), O(c(jt), { key: 0 })),
         L(Ie, z({
           "data-autowidth": "",
           disabled: e.disabled,
-          "input-id": o.$attrs.id || e.inputId,
+          "input-id": i.$attrs.id || e.inputId,
           placeholder: e.placeholder,
           value: e.value || e.modelValue
-        }, c(K)(o.$attrs, l.value).filtered, {
-          "onUpdate:modelValue": s[0] || (s[0] = (i) => o.$emit("update:modelValue", i))
+        }, c(Y)(i.$attrs, l.value).filtered, {
+          "onUpdate:modelValue": s[0] || (s[0] = (o) => i.$emit("update:modelValue", o))
         }), null, 16, ["disabled", "input-id", "placeholder", "value"]),
         de(k("button", {
           title: "Clear",
           type: "button",
-          onClick: s[1] || (s[1] = (i) => o.$emit("clear"))
+          onClick: s[1] || (s[1] = (o) => i.$emit("clear"))
         }, [
-          L(c(Be), { size: "sm" })
+          L(c($e), { size: "sm" })
         ], 512), [
           [ue, n.value]
         ])
@@ -4158,23 +4158,23 @@ const ln = {
   },
   emits: ["update:inputValue", "update:optionsValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(!1), o = I(!1), [s] = X();
-    let i = [];
+    const t = e, l = a, n = I(!1), i = I(!1), [s] = X();
+    let o = [];
     j(() => t.inputValue, () => {
-      o.value ? o.value = !1 : h();
+      i.value ? i.value = !1 : h();
     });
     const d = p(() => t.typeaheadId || s.value), r = p(() => `${d.value}-input-container`), f = p(() => `${d.value}-input`), m = p(() => `${d.value}-options`), b = p(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), S = p(() => {
       if (n.value) {
         let T = t.options;
         const P = t.inputValue.toLowerCase(), R = t.filterType === "includes" ? "includes" : "startsWith";
-        return t.inputValue.length >= t.characterThreshold && (T = w(T, P, R), T = T.slice(0, t.maxOptions), T = B(T, P, R), i = T), T;
+        return t.inputValue.length >= t.characterThreshold && (T = w(T, P, R), T = T.slice(0, t.maxOptions), T = $(T, P, R), o = T), T;
       } else
-        return i;
+        return o;
     });
     function w(T, P, R) {
       return t.internalFiltering ? T.filter((_) => _.label.toLowerCase()[R](P)) : T;
     }
-    function B(T, P, R) {
+    function $(T, P, R) {
       return T.map((_) => {
         let J = _.label;
         if (P !== "") {
@@ -4187,11 +4187,11 @@ const ln = {
     function h() {
       t.showDropdownOnFocus || t.inputValue.length >= t.characterThreshold ? n.value = !0 : n.value = !1;
     }
-    function $() {
+    function B() {
       l("update:inputValue", ""), t.multiselect || l("update:optionsValue", ""), document.getElementById(f.value).focus();
     }
     function y(T) {
-      o.value = !0;
+      i.value = !0;
       const P = S.value.find((R) => R.value === T);
       l("update:inputValue", P.label), l("update:optionsValue", T);
     }
@@ -4235,7 +4235,7 @@ const ln = {
           role: "combobox",
           value: e.inputValue
         }, T.$attrs, {
-          onClear: $,
+          onClear: B,
           onFocusin: h,
           "onUpdate:modelValue": P[0] || (P[0] = (R) => l("update:inputValue", R))
         }), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
@@ -4366,14 +4366,20 @@ const ln = {
   emits: ["after-enter", "after-leave"],
   setup(e, { emit: a }) {
     const t = e, l = a, { transition: n } = Ee(t);
-    return j(n, (o) => {
-      o ? document == null || document.body.setAttribute("data-scroll", "false") : document == null || document.body.removeAttribute("data-scroll");
-    }, { immediate: !0 }), (o, s) => (u(), O(De, {
+    H(() => {
+      i();
+    }), j(n, () => {
+      i();
+    });
+    function i() {
+      n.value ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
+    }
+    return (s, o) => (u(), O(De, {
       name: "bs-overlay",
       shown: c(n),
       preloaded: e.preloaded,
-      onAfterEnter: s[0] || (s[0] = (i) => l("after-enter")),
-      onAfterLeave: s[1] || (s[1] = (i) => l("after-leave"))
+      onAfterEnter: o[0] || (o[0] = (d) => l("after-enter")),
+      onAfterLeave: o[1] || (o[1] = (d) => l("after-leave"))
     }, {
       default: E(() => [
         k("div", {
@@ -4429,14 +4435,14 @@ const ln = {
   },
   emits: ["close", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
-    const t = e, l = a, { transition: n } = Ee(t), [o] = X();
+    const t = e, l = a, { transition: n } = Ee(t), [i] = X();
     let s = !1;
-    const i = I(null), d = (m) => {
-      i.value && m.target.closest(".bs-overlay") && l("close", t.modalId);
+    const o = I(null), d = (m) => {
+      o.value && m.target.closest(".bs-overlay") && l("close", t.modalId);
     };
-    Y(() => {
+    H(() => {
       document.addEventListener("click", d);
-    }), $e(() => {
+    }), Be(() => {
       document.removeEventListener("click", d);
     }), pe(["Escape"], () => {
       s && l("close", t.modalId);
@@ -4463,11 +4469,11 @@ const ln = {
             id: e.modalId,
             class: "bs-modal",
             role: e.alert ? "alertdialog" : "dialog",
-            "aria-labelledby": e.title && !m.$attrs["aria-label"] ? c(o) : void 0,
+            "aria-labelledby": e.title && !m.$attrs["aria-label"] ? c(i) : void 0,
             "aria-modal": "true"
           }, m.$attrs, {
             ref_key: "modalRef",
-            ref: i,
+            ref: o,
             "data-shown": c(n)
           }), [
             e.title || e.closeButton ? (u(), v("header", {
@@ -4479,7 +4485,7 @@ const ln = {
             }, [
               e.title ? (u(), v("span", {
                 key: 0,
-                id: c(o),
+                id: c(i),
                 class: "modal-title"
               }, V(e.title), 9, vl)) : x("", !0),
               e.closeButton ? (u(), v("button", {
@@ -4489,7 +4495,7 @@ const ln = {
                 "aria-label": "Close Modal",
                 onClick: b[0] || (b[0] = (S) => l("close", e.modalId))
               }, [
-                L(c(Be), { class: "close-button" })
+                L(c($e), { class: "close-button" })
               ])) : x("", !0)
             ], 2)) : x("", !0),
             D(m.$slots, "default")
@@ -4502,10 +4508,10 @@ const ln = {
 }), ml = ["data-variant", "data-fixed"], bl = {
   key: 0,
   class: "bs-pagination-carets"
-}, gl = ["aria-label", "title", "disabled"], yl = { key: 0 }, Sl = ["aria-label", "title", "disabled"], wl = { key: 0 }, $l = {
+}, gl = ["aria-label", "title", "disabled"], yl = { key: 0 }, Sl = ["aria-label", "title", "disabled"], wl = { key: 0 }, Bl = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, Bl = ["title", "data-selected", "onClick"], Il = { key: 2 }, kl = { key: 3 }, Cl = /* @__PURE__ */ k("span", null, "Results Per Page:", -1), xl = { class: "bs-pagination-results-numbers" }, Tl = ["data-selected", "disabled", "onClick"], Al = {
+}, $l = ["title", "data-selected", "onClick"], Il = { key: 2 }, kl = { key: 3 }, Cl = /* @__PURE__ */ k("span", null, "Results Per Page:", -1), xl = { class: "bs-pagination-results-numbers" }, Tl = ["data-selected", "disabled", "onClick"], Al = {
   key: 5,
   class: "bs-pagination-carets"
 }, Vl = ["aria-label", "title", "disabled"], Ol = { key: 0 }, El = ["aria-label", "title", "disabled"], Ll = { key: 0 }, Zo = {
@@ -4595,23 +4601,23 @@ const ln = {
   emits: ["selchange", "update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = a, n = I(null);
-    Y(() => {
-      o.value ? n.value = o.value : t.variant === "results" ? n.value = B.value[0] : n.value = 1;
+    H(() => {
+      i.value ? n.value = i.value : t.variant === "results" ? n.value = $.value[0] : n.value = 1;
     });
-    const o = p(() => t.modelValue || t.selection);
+    const i = p(() => t.modelValue || t.selection);
     j(() => t.selection, (h) => {
       n.value = h;
     }), j(() => t.modelValue, (h) => {
       n.value = h;
-    }), j(n, (h, $) => {
-      $ !== null && (l("selchange", h), l("update:modelValue", h));
+    }), j(n, (h, B) => {
+      B !== null && (l("selchange", h), l("update:modelValue", h));
     });
     const s = p(() => {
       if (t.variant === "group")
         return Math.ceil(t.itemsCount / t.itemsPerGroup);
       if (t.variant === "base")
         return t.pageCount;
-    }), i = p(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
+    }), o = p(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
     function d() {
       n.value = 1;
     }
@@ -4630,19 +4636,19 @@ const ln = {
     const b = p(() => {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
-      const h = [1], $ = (t.pageRange - 1) / 2;
-      let y = n.value - $, g = n.value + $;
+      const h = [1], B = (t.pageRange - 1) / 2;
+      let y = n.value - B, g = n.value + B;
       y < 1 && (g += 1 - y, y = 1), g > t.pageCount && (y -= g - t.pageCount, g = t.pageCount), y = Math.max(y, 2), g = Math.min(g, t.pageCount - 1), y > 2 && h.push(t.breakText);
       for (let M = y; M <= g; M++)
         h.push(M);
       return g < t.pageCount - 1 && h.push(t.breakText), h.push(t.pageCount), h;
     }), S = p(() => `${t.centerLabel ?? "Page"} ${n.value} of ${s.value}`), w = p(() => {
-      const h = (n.value - 1) * t.itemsPerGroup + 1, $ = Math.min(h - 1 + t.itemsPerGroup, t.itemsCount);
-      return `${t.centerLabel ?? "Results"} ${h} - ${$} of ${t.itemsCount}`;
-    }), B = p(() => t.resultsIncrements.split(",").map((h) => parseInt(h)));
-    return (h, $) => (u(), v("div", {
+      const h = (n.value - 1) * t.itemsPerGroup + 1, B = Math.min(h - 1 + t.itemsPerGroup, t.itemsCount);
+      return `${t.centerLabel ?? "Results"} ${h} - ${B} of ${t.itemsCount}`;
+    }), $ = p(() => t.resultsIncrements.split(",").map((h) => parseInt(h)));
+    return (h, B) => (u(), v("div", {
       class: "bs-pagination",
-      "data-variant": i.value,
+      "data-variant": o.value,
       "data-fixed": t.fixed
     }, [
       e.variant === "base" || e.variant === "group" ? (u(), v("div", bl, [
@@ -4666,25 +4672,25 @@ const ln = {
           disabled: n.value === 1,
           onClick: r
         }, [
-          L(c(Bt)),
+          L(c($t)),
           e.prevPageText ? (u(), v("span", wl, V(e.prevPageText), 1)) : x("", !0)
         ], 10, Sl)
       ])) : x("", !0),
-      e.variant === "base" && e.centerDisplay === "numbers" ? (u(), v("div", $l, [
+      e.variant === "base" && e.centerDisplay === "numbers" ? (u(), v("div", Bl, [
         (u(!0), v(G, null, ee(b.value, (y) => (u(), v("button", {
           key: `page-${y}-button`,
           type: "button",
           title: `Page ${y}`,
           "data-selected": y === n.value,
           onClick: (g) => n.value = y
-        }, V(y), 9, Bl))), 128))
+        }, V(y), 9, $l))), 128))
       ])) : x("", !0),
       t.variant === "base" && t.centerDisplay === "text" ? (u(), v("span", Il, V(S.value), 1)) : x("", !0),
       t.variant === "group" ? (u(), v("span", kl, V(w.value), 1)) : x("", !0),
       t.variant === "results" ? (u(), v(G, { key: 4 }, [
         Cl,
         k("div", xl, [
-          (u(!0), v(G, null, ee(B.value, (y) => (u(), v("button", {
+          (u(!0), v(G, null, ee($.value, (y) => (u(), v("button", {
             type: "button",
             key: `results-${y}`,
             "data-selected": y === n.value,
@@ -4703,7 +4709,7 @@ const ln = {
           onClick: f
         }, [
           e.nextPageText ? (u(), v("span", Ol, V(e.nextPageText), 1)) : x("", !0),
-          L(c($t))
+          L(c(Bt))
         ], 10, Vl),
         e.showFirstLastButtons ? (u(), v("button", {
           key: 0,
@@ -4744,8 +4750,8 @@ const ln = {
     }
   },
   setup(e) {
-    const a = e, { onLinkClick: t } = ze(a), l = ve(), { rootTag: n, attrsToBind: o, hrefUrl: s } = Ne(a, l, "span");
-    return (i, d) => (u(), O(te(c(n)), z({
+    const a = e, { onLinkClick: t } = ze(a), l = ve(), { rootTag: n, attrsToBind: i, hrefUrl: s } = Ne(a, l, "span");
+    return (o, d) => (u(), O(te(c(n)), z({
       class: "bs-pill",
       "data-active": e.active,
       "data-component": "bs-pill",
@@ -4753,10 +4759,10 @@ const ln = {
       "data-variant": e.variant || void 0,
       disabled: e.disabled,
       ".href": c(s)
-    }, c(o), { onClick: c(t) }), {
+    }, c(i), { onClick: c(t) }), {
       default: E(() => [
         k("span", { "data-truncate": e.truncate }, [
-          D(i.$slots, "default")
+          D(o.$slots, "default")
         ], 8, Dl)
       ]),
       _: 3
@@ -4789,17 +4795,17 @@ const ln = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, { icon: n } = Pe(t, "actionIcon"), { icon: o } = Pe(t, "miscMetaIcon");
-    function s(i) {
-      i.target.tagName === "BUTTON" && (i.preventDefault(), i.stopImmediatePropagation(), l("action-toggled"));
+    const t = e, l = a, { icon: n } = Pe(t, "actionIcon"), { icon: i } = Pe(t, "miscMetaIcon");
+    function s(o) {
+      o.target.tagName === "BUTTON" && (o.preventDefault(), o.stopImmediatePropagation(), l("action-toggled"));
     }
-    return (i, d) => (u(), v("div", Pl, [
-      e.action || i.$slots.action ? (u(), v("button", {
+    return (o, d) => (u(), v("div", Pl, [
+      e.action || o.$slots.action ? (u(), v("button", {
         key: 0,
         "data-icon": "true",
         onClick: s
       }, [
-        D(i.$slots, "action", {}, () => [
+        D(o.$slots, "action", {}, () => [
           e.actionIcon ? (u(), O(te(c(n) ? c(n) : "span"), {
             key: 0,
             class: "bs-icon"
@@ -4811,9 +4817,9 @@ const ln = {
       e.company ? (u(), v("span", Ml, V(e.company), 1)) : x("", !0),
       e.jobTitle ? (u(), v("span", Nl, V(e.jobTitle), 1)) : x("", !0),
       e.email ? (u(), v("span", zl, V(e.email), 1)) : x("", !0),
-      e.miscMeta || i.$slots.misc ? (u(), v("span", Rl, [
-        D(i.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (u(), O(te(c(o) ? c(o) : "span"), {
+      e.miscMeta || o.$slots.misc ? (u(), v("span", Rl, [
+        D(o.$slots, "misc", {}, () => [
+          e.miscMetaIcon ? (u(), O(te(c(i) ? c(i) : "span"), {
             key: 0,
             class: "bs-icon"
           })) : x("", !0),
@@ -4852,12 +4858,12 @@ const ln = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = ve(), { onLinkClick: o } = ze(t), { rootTag: s, attrsToBind: i, hrefUrl: d } = Ne(t, n, "div");
+    const t = e, l = a, n = ve(), { onLinkClick: i } = ze(t), { rootTag: s, attrsToBind: o, hrefUrl: d } = Ne(t, n, "div");
     return (r, f) => (u(), O(te(c(s)), z({
       class: "bs-profile",
       ".href": c(d),
       "data-layout": e.layout
-    }, c(i), { onClick: c(o) }), {
+    }, c(o), { onClick: c(i) }), {
       default: E(() => [
         L(Tt, {
           src: e.imageSrc,
@@ -4897,7 +4903,7 @@ function Et(e) {
       case void 0:
       case null:
       case "":
-        return (n = e.steps.filter((o) => o.status === "complete")) == null ? void 0 : n.length;
+        return (n = e.steps.filter((i) => i.status === "complete")) == null ? void 0 : n.length;
       case "complete":
         return e.steps.length;
       case "in-progress":
@@ -4906,8 +4912,8 @@ function Et(e) {
         return e.currentStep;
     }
   }), t = p(() => `${a.value} of ${e.steps.length} completed.`);
-  function l(n, o) {
-    return n || (e.currentStatus ? o < e.currentStep ? "complete" : o === e.currentStep ? e.currentStatus : "not-started" : "not-started");
+  function l(n, i) {
+    return n || (e.currentStatus ? i < e.currentStep ? "complete" : i === e.currentStep ? e.currentStatus : "not-started" : "not-started");
   }
   return {
     progressStep: a,
@@ -4944,21 +4950,21 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   },
   setup(e) {
     const a = e, { progressStep: t, progressText: l, getStatus: n } = Et(a);
-    return (o, s) => (u(), v("div", {
+    return (i, s) => (u(), v("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": c(t),
       "aria-valuetext": c(l),
       class: "bs-progress-bar",
       role: "progressbar"
     }, [
-      (u(!0), v(G, null, ee(e.steps, (i, d) => (u(), v("div", {
+      (u(!0), v(G, null, ee(e.steps, (o, d) => (u(), v("div", {
         class: "bs-step-item",
-        "data-status": c(n)(i.status, d),
+        "data-status": c(n)(o.status, d),
         "data-variant": "progress",
-        key: i.id || i.label,
+        key: o.id || o.label,
         role: "status"
       }, [
-        k("span", null, V(i.label || i) + " : " + V(c(n)(i.status, d) || "not started"), 1)
+        k("span", null, V(o.label || o) + " : " + V(c(n)(o.status, d) || "not started"), 1)
       ], 8, Ul))), 128))
     ], 8, jl));
   }
@@ -5006,33 +5012,33 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l] = X(), n = p(() => et.concat(t.passAttrs.split(","))), o = p(() => t.inputId || l.value), s = p(() => t.checked || t.modelValue && t.modelValue === t.value);
-    return (i, d) => (u(), v("div", z({
+    const t = e, [l] = X(), n = p(() => et.concat(t.passAttrs.split(","))), i = p(() => t.inputId || l.value), s = p(() => t.checked || t.modelValue && t.modelValue === t.value);
+    return (o, d) => (u(), v("div", z({
       class: "bs-boolean",
       "data-component": "bs-radio",
       "data-disabled": e.disabled,
       "data-error": e.error,
       "data-size": e.size
-    }, c(K)(i.$attrs, n.value).remaining), [
+    }, c(Y)(o.$attrs, n.value).remaining), [
       k("input", z({
         checked: s.value,
         disabled: e.disabled,
-        id: i.$attrs.id || o.value,
+        id: o.$attrs.id || i.value,
         required: e.required,
         type: "radio",
         value: e.value,
         "data-error": e.error
-      }, c(K)(i.$attrs, n.value).filtered, {
-        onChange: d[0] || (d[0] = (r) => i.$emit("update:modelValue", r.target.value))
+      }, c(Y)(o.$attrs, n.value).filtered, {
+        onChange: d[0] || (d[0] = (r) => o.$emit("update:modelValue", r.target.value))
       }), null, 16, Gl),
-      e.label || i.$slots.label ? (u(), O(ae, {
+      e.label || o.$slots.label ? (u(), O(ae, {
         key: 0,
-        for: i.$attrs.id || o.value,
+        for: o.$attrs.id || i.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: E(() => [
-          D(i.$slots, "label", {}, () => [
+          D(o.$slots, "label", {}, () => [
             W(V(e.label), 1)
           ])
         ]),
@@ -5054,7 +5060,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (n, o) => (u(), v("select", z({
+    return (n, i) => (u(), v("select", z({
       id: n.$attrs.id || e.inputId,
       class: "bs-select",
       "data-component": "bs-select",
@@ -5063,7 +5069,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
       "data-error": e.error,
       value: e.value || e.modelValue
     }, l.value, {
-      onChange: o[0] || (o[0] = (s) => n.$emit("update:modelValue", s.target.value))
+      onChange: i[0] || (i[0] = (s) => n.$emit("update:modelValue", s.target.value))
     }), [
       D(n.$slots, "default")
     ], 16, Hl));
@@ -5112,15 +5118,15 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
     modelValue: [String, Number]
   },
   setup(e) {
-    const a = e, [t, l] = X(2), n = p(() => Na.concat(a.passAttrs.split(","))), o = p(() => {
+    const a = e, [t, l] = X(2), n = p(() => Na.concat(a.passAttrs.split(","))), i = p(() => {
       var r, f;
       return ((f = (r = a.hints) == null ? void 0 : r.join) == null ? void 0 : f.call(r, `
 `)) || a.hints;
-    }), s = p(() => a.error && a.errorMsg || a.hint || o.value || void 0), i = p(() => a.inputId || t.value), d = p(() => a.value || a.modelValue);
-    return (r, f) => (u(), v("div", z({ "data-component": "bs-select-field" }, c(K)(r.$attrs, n.value).remaining), [
+    }), s = p(() => a.error && a.errorMsg || a.hint || i.value || void 0), o = p(() => a.inputId || t.value), d = p(() => a.value || a.modelValue);
+    return (r, f) => (u(), v("div", z({ "data-component": "bs-select-field" }, c(Y)(r.$attrs, n.value).remaining), [
       e.label || r.$slots.label ? (u(), O(ae, {
         key: 0,
-        for: r.$attrs.id || i.value,
+        for: r.$attrs.id || o.value,
         disabled: e.disabled,
         required: e.required
       }, {
@@ -5135,11 +5141,11 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
         disabled: e.disabled,
         error: e.error,
         "hint-id": c(l),
-        "input-id": r.$attrs.id || i.value,
+        "input-id": r.$attrs.id || o.value,
         required: e.required,
         value: d.value,
         "onUpdate:modelValue": f[0] || (f[0] = (m) => r.$emit("update:modelValue", m))
-      }, c(K)(r.$attrs, n.value).filtered), {
+      }, c(Y)(r.$attrs, n.value).filtered), {
         default: E(() => [
           k("option", {
             selected: !d.value,
@@ -5160,7 +5166,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || o.value,
+        hint: e.hint || i.value,
         "hint-id": c(l)
       }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16));
@@ -5211,13 +5217,13 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n] = X(), o = p(() => et.concat(t.passAttrs.split(","))), s = p(() => t.inputId || n.value), i = p(() => t.checked || t.modelValue);
+    const t = e, l = a, [n] = X(), i = p(() => et.concat(t.passAttrs.split(","))), s = p(() => t.inputId || n.value), o = p(() => t.checked || t.modelValue);
     return (d, r) => (u(), v("div", z({
       class: "bs-boolean",
       "data-component": "bs-switch",
       "data-disabled": e.disabled,
       "data-size": e.size
-    }, c(K)(d.$attrs, o.value).remaining), [
+    }, c(Y)(d.$attrs, i.value).remaining), [
       e.label || d.$slots.label ? (u(), O(ae, {
         key: 0,
         for: d.$attrs.id || s.value,
@@ -5238,11 +5244,11 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
         "data-size": e.size
       }, [
         k("input", z({
-          checked: i.value,
+          checked: o.value,
           disabled: e.disabled,
           id: d.$attrs.id || s.value,
           type: "checkbox"
-        }, c(K)(d.$attrs, o.value).filtered, {
+        }, c(Y)(d.$attrs, i.value).filtered, {
           onChange: r[0] || (r[0] = (f) => l("update:modelValue", f.target.checked))
         }), null, 16, Jl),
         k("span", {
@@ -5270,8 +5276,8 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   },
   emits: ["tabClick"],
   setup(e, { emit: a }) {
-    const t = e, l = ve(), n = I(), o = p(() => t.activeTabId === l.id), s = p(() => t.panelId || `${l.id}-panel`);
-    function i(r) {
+    const t = e, l = ve(), n = I(), i = p(() => t.activeTabId === l.id), s = p(() => t.panelId || `${l.id}-panel`);
+    function o(r) {
       (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), d());
     }
     function d() {
@@ -5282,7 +5288,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
     }
     return (r, f) => (u(), v("div", {
       "aria-controls": s.value,
-      "aria-selected": o.value ? "true" : "false",
+      "aria-selected": i.value ? "true" : "false",
       "data-hidden": e.hidden || void 0,
       "data-component": "bs-tab",
       role: "tab",
@@ -5290,7 +5296,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
       ref_key: "hostEl",
       ref: n,
       onClick: d,
-      onKeydown: i
+      onKeydown: o
     }, [
       D(r.$slots, "default")
     ], 40, eo));
@@ -5306,7 +5312,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = I(!1), o = I(!1), s = I([]), i = I(!1), d = I(!1), r = I(), f = I([]), m = I(!1), b = I([]), S = I(), w = I([]), B = I(), h = I(), [$, y] = X(2), g = p(() => t.activeTabId ? b.value.findIndex((C) => C.id === t.activeTabId) : 0), M = p(() => s.value.some((C) => C.id === t.activeTabId)), T = p(() => `${y.value}-options`), P = p(() => `${y.value}-toggle`), R = p(() => {
+    const t = e, l = a, n = I(!1), i = I(!1), s = I([]), o = I(!1), d = I(!1), r = I(), f = I([]), m = I(!1), b = I([]), S = I(), w = I([]), $ = I(), h = I(), [B, y] = X(2), g = p(() => t.activeTabId ? b.value.findIndex((C) => C.id === t.activeTabId) : 0), M = p(() => s.value.some((C) => C.id === t.activeTabId)), T = p(() => `${y.value}-options`), P = p(() => `${y.value}-toggle`), R = p(() => {
       var C;
       return M.value ? (C = b.value[g.value]) == null ? void 0 : C.textContent : "More";
     }), _ = p(() => M.value ? f.value[g.value] - f.value[g.value - 1] + lo + Ue : no + Ue);
@@ -5344,14 +5350,14 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
     }
     function ke() {
       var C;
-      (C = S.value) == null || C.focus(), i.value = !1;
+      (C = S.value) == null || C.focus(), o.value = !1;
     }
     function Ce() {
-      i.value = !i.value, o.value || (o.value = !0);
+      o.value = !o.value, i.value || (i.value = !0);
     }
     function re(C) {
       var N;
-      i.value = !1, (N = S.value) == null || N.focus(), ne(C);
+      o.value = !1, (N = S.value) == null || N.focus(), ne(C);
     }
     function xe(C) {
       if (t.withBsTabs)
@@ -5386,15 +5392,15 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
       let U = 300, Q = ((oe = (se = w.value) == null ? void 0 : se[g.value]) == null ? void 0 : oe.offsetLeft) || 0, le = me(g.value);
       d.value && M.value && (Q = (it = S.value) == null ? void 0 : it.offsetLeft, le = (rt = S.value) == null ? void 0 : rt.offsetWidth), U = Math.max(Math.abs((Q - C) / N * 300), 100), r.value.style.setProperty("--active-line-max-width", `${N}px`), r.value.style.setProperty("--active-line-scale", `${le / N}`), r.value.style.setProperty("--active-line-offset", `${Q}px`), r.value.style.setProperty("--active-line-transition-duration", `${U}ms`);
     }
-    function H() {
+    function K() {
       var C, N;
-      (N = (C = B.value) == null ? void 0 : C.disconnect) == null || N.call(C), B.value = null;
+      (N = (C = $.value) == null ? void 0 : C.disconnect) == null || N.call(C), $.value = null;
     }
     function Z() {
       const C = Ve(() => {
         h.value = r.value.clientWidth, J();
       }, 25);
-      B.value = new ResizeObserver(C), B.value.observe(document.body);
+      $.value = new ResizeObserver(C), $.value.observe(document.body);
     }
     function Te() {
       b.value = Array.from(r.value.children).filter((C) => C.role === "tab");
@@ -5417,17 +5423,17 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
       }
       d.value && C.push(r.value.querySelector(".bs-tab-list-toggle")), w.value = C;
     }
-    return j(() => t.activeTabId, ye), Y(() => {
+    return j(() => t.activeTabId, ye), H(() => {
       var C;
       try {
         Te(), Lt(), Z(), h.value = r.value.getBoundingClientRect().width, J(), t.withBsTabs || (C = b.value[g.value]) == null || C.setAttribute("aria-selected", "true");
       } catch (N) {
         console.log("tab error", N);
       }
-    }), $e(H), (C, N) => (u(), v("div", {
+    }), Be(K), (C, N) => (u(), v("div", {
       class: "bs-tab-list",
       "data-component": "bs-tab-list",
-      id: C.$attrs.id || c($),
+      id: C.$attrs.id || c(B),
       ref_key: "hostEl",
       ref: r,
       role: "tablist",
@@ -5439,7 +5445,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
       D(C.$slots, "default"),
       k("button", {
         "aria-controls": c(y),
-        "aria-expanded": i.value,
+        "aria-expanded": o.value,
         class: "bs-tab-list-toggle",
         "data-active": M.value || void 0,
         "data-hidden": !d.value,
@@ -5454,14 +5460,14 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
       L(Ot, {
         "anchor-id": P.value,
         breakout: "",
-        "container-id": C.$attrs.id || c($),
+        "container-id": C.$attrs.id || c(B),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
         id: c(y),
         "options-id": T.value,
         position: "right",
         preloaded: "",
-        shown: i.value,
+        shown: o.value,
         width: "content",
         onClose: ke,
         "onUpdate:modelValue": re
@@ -5496,14 +5502,14 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   },
   setup(e) {
     const a = e, t = ve(), l = p(() => a.activeTabId && a.activeTabId === a.tabId), n = p(() => t.id || `${a.tabId}-panel`);
-    return (o, s) => (u(), v("section", {
+    return (i, s) => (u(), v("section", {
       "aria-labelledby": e.tabId,
       "data-active": l.value,
       "data-component": "bs-tab-panel",
       id: n.value,
       role: "tabpanel"
     }, [
-      D(o.$slots, "default")
+      D(i.$slots, "default")
     ], 8, oo));
   }
 }, io = ["data-error", "id", "rows", "value"], ro = {
@@ -5522,14 +5528,14 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
     const t = e, l = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (n, o) => (u(), v("textarea", z({
+    return (n, i) => (u(), v("textarea", z({
       class: "bs-textarea",
       "data-component": "bs-textarea",
       "data-error": e.error,
       id: n.$attrs.id || e.inputId,
       rows: n.$attrs.rows || 6,
       value: e.value || e.modelValue,
-      onInput: o[0] || (o[0] = (s) => n.$emit("update:modelValue", s.target.value))
+      onInput: i[0] || (i[0] = (s) => n.$emit("update:modelValue", s.target.value))
     }, l.value), null, 16, io));
   }
 }, oi = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -5581,15 +5587,15 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = X(2), o = p(() => za.concat(t.passAttrs.split(","))), s = p(() => {
+    const t = e, [l, n] = X(2), i = p(() => za.concat(t.passAttrs.split(","))), s = p(() => {
       var f;
       return ((f = t.value || t.modelValue) == null ? void 0 : f.length) || 0;
-    }), i = p(() => {
+    }), o = p(() => {
       var f, m;
       return ((m = (f = t.hints) == null ? void 0 : f.join) == null ? void 0 : m.call(f, `
 `)) || t.hints;
-    }), d = p(() => t.error && t.errorMsg || t.hint || i.value || void 0), r = p(() => t.inputId || l.value);
-    return (f, m) => (u(), v("div", z({ "data-component": "bs-textarea-field" }, c(K)(f.$attrs, o.value).remaining), [
+    }), d = p(() => t.error && t.errorMsg || t.hint || o.value || void 0), r = p(() => t.inputId || l.value);
+    return (f, m) => (u(), v("div", z({ "data-component": "bs-textarea-field" }, c(Y)(f.$attrs, i.value).remaining), [
       e.label || f.$slots.label ? (u(), O(ae, {
         key: 0,
         for: f.$attrs.id || r.value,
@@ -5613,7 +5619,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
         rows: e.rows,
         value: e.value || e.modelValue,
         "onUpdate:modelValue": m[0] || (m[0] = (b) => f.$emit("update:modelValue", b))
-      }, c(K)(f.$attrs, o.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
+      }, c(Y)(f.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
       d.value || e.charMax ? (u(), O(ge, {
         key: 1,
         "char-count": s.value,
@@ -5621,7 +5627,7 @@ const jl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Ul = ["data-sta
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || i.value,
+        hint: e.hint || o.value,
         "hint-id": c(n)
       }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16));
@@ -5642,8 +5648,8 @@ function uo(e = "") {
       break;
     case "amPm":
     case "amPmNoColon":
-      const o = e.split(/(a|p|am|pm)/), s = e.includes("p");
-      l = we(o[0].slice(-2)), t = we(o[0].slice(0, -2)), t < 12 && s && (t += 12), t === 12 && !s && (t = 0), t === 24 && (t = 0);
+      const i = e.split(/(a|p|am|pm)/), s = e.includes("p");
+      l = we(i[0].slice(-2)), t = we(i[0].slice(0, -2)), t < 12 && s && (t += 12), t === 12 && !s && (t = 0), t === 24 && (t = 0);
       break;
   }
   return {
@@ -5655,8 +5661,8 @@ function be(e = "") {
   const a = /[^0-9:]/g;
   if (e = e.replaceAll(a, ""), !e)
     return "";
-  const [t, l] = e.split(":"), n = we(t), o = we(l), s = n < 12 ? "AM" : "PM";
-  return isNaN(n) || isNaN(o) || n > 23 || o > 59 ? "" : `${n % 12 || 12}:${l} ${s}`;
+  const [t, l] = e.split(":"), n = we(t), i = we(l), s = n < 12 ? "AM" : "PM";
+  return isNaN(n) || isNaN(i) || n > 23 || i > 59 ? "" : `${n % 12 || 12}:${l} ${s}`;
 }
 function co(e = "") {
   const { hours: a, minutes: t } = uo(e);
@@ -5727,9 +5733,9 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, o = I(be(l.modelValue)), s = I([]), i = I(""), d = I(!1);
+    const l = e, n = t, i = I(be(l.modelValue)), s = I([]), o = I(""), d = I(!1);
     function r() {
-      const $ = [];
+      const B = [];
       let y = !1;
       for (let g = 0; g < 24 && !y; g++)
         for (let M = 0; M < 60; M += l.step) {
@@ -5739,19 +5745,19 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
               y = !0;
               break;
             }
-            $.push({
+            B.push({
               label: be(T),
               value: T
             });
           }
         }
-      return $;
+      return B;
     }
-    function f($) {
-      return $ ? l.minTime && $ < l.minTime ? He : l.maxTime && $ > l.maxTime ? Ge : l.disabledTimes.includes($) ? We : "" : "";
+    function f(B) {
+      return B ? l.minTime && B < l.minTime ? He : l.maxTime && B > l.maxTime ? Ge : l.disabledTimes.includes(B) ? We : "" : "";
     }
-    function m($) {
-      switch (f($)) {
+    function m(B) {
+      switch (f(B)) {
         case Ge:
           return bt;
         case He:
@@ -5761,35 +5767,35 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
           return "";
       }
     }
-    function b($, y) {
-      return $ = $.toString().padStart(2, "0"), y = y.toString().padStart(2, "0"), `${$}:${y}`;
+    function b(B, y) {
+      return B = B.toString().padStart(2, "0"), y = y.toString().padStart(2, "0"), `${B}:${y}`;
     }
-    function S($) {
-      const y = co($);
-      y === l.modelValue && (o.value = be(l.modelValue)), B(y);
+    function S(B) {
+      const y = co(B);
+      y === l.modelValue && (i.value = be(l.modelValue)), $(y);
     }
     function w() {
       s.value = r();
     }
-    function B($) {
-      h($), n("update:modelValue", $);
+    function $(B) {
+      h(B), n("update:modelValue", B);
     }
-    function h($) {
-      switch (f($)) {
+    function h(B) {
+      switch (f(B)) {
         case Ge:
-          i.value = `Time must be before ${be(l.maxTime)}`, d.value = !0;
+          o.value = `Time must be before ${be(l.maxTime)}`, d.value = !0;
           break;
         case He:
-          i.value = `Time must be after ${be(l.minTime)}`, d.value = !0;
+          o.value = `Time must be after ${be(l.minTime)}`, d.value = !0;
           break;
         case We:
-          i.value = `The following times are disabled: ${l.disabledTimes.map((g) => be(g)).join(", ")}`, d.value = !0;
+          o.value = `The following times are disabled: ${l.disabledTimes.map((g) => be(g)).join(", ")}`, d.value = !0;
           break;
         default:
-          i.value = "", d.value = !1;
+          o.value = "", d.value = !1;
       }
     }
-    return Y(w), j([
+    return H(w), j([
       () => l.disabledTimes,
       () => l.maxTime,
       () => l.minTime,
@@ -5799,14 +5805,14 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
       () => l.maxTime,
       () => l.minTime,
       () => l.modelValue
-    ], () => h(l.modelValue)), j(() => l.modelValue, ($) => {
-      o.value = l.modelValue ? be($) : "";
+    ], () => h(l.modelValue)), j(() => l.modelValue, (B) => {
+      i.value = l.modelValue ? be(B) : "";
     }), a({
       validationErr: d,
-      validationErrMsg: i
-    }), ($, y) => (u(), O(At, {
+      validationErrMsg: o
+    }), (B, y) => (u(), O(At, {
       disabled: e.disabled,
-      "display-value": o.value,
+      "display-value": i.value,
       "dropdown-position": e.dropdownPosition,
       "dropdown-width": e.dropdownWidth,
       error: e.error || d.value,
@@ -5891,7 +5897,7 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, [n, o] = X(2), s = I(null), i = p(() => l.errorMsg || m.value), d = p(() => l.error || b.value), r = p(() => l.inputId || n.value), f = p(() => l.hint || d.value && i.value), m = p(() => {
+    const l = e, [n, i] = X(2), s = I(null), o = p(() => l.errorMsg || m.value), d = p(() => l.error || b.value), r = p(() => l.inputId || n.value), f = p(() => l.hint || d.value && o.value), m = p(() => {
       var S;
       return (S = s.value) == null ? void 0 : S.validationErrMsg;
     }), b = p(() => {
@@ -5904,7 +5910,7 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
     }), (S, w) => (u(), v("div", z({
       "aria-live": "polite",
       "data-component": "bs-time-picker-field"
-    }, c(K)(S.$attrs, c(he)).remaining), [
+    }, c(Y)(S.$attrs, c(he)).remaining), [
       e.label || S.$slots.label ? (u(), O(ae, {
         key: 0,
         for: S.$attrs.id || r.value,
@@ -5928,7 +5934,7 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
         error: d.value,
         "helper-description": e.helperDescription,
         "helper-text": e.helperText,
-        "hint-id": c(o),
+        "hint-id": c(i),
         "input-id": S.$attrs.id || r.value,
         "max-time": e.maxTime,
         "min-time": e.minTime,
@@ -5936,13 +5942,13 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
         placeholder: e.placeholder,
         required: e.required,
         step: e.step,
-        "onUpdate:modelValue": w[0] || (w[0] = (B) => S.$emit("update:modelValue", B))
-      }, c(K)(S.$attrs, c(he)).filtered), null, 16, ["disabled", "disabled-times", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "max-time", "min-time", "model-value", "placeholder", "required", "step"]),
+        "onUpdate:modelValue": w[0] || (w[0] = ($) => S.$emit("update:modelValue", $))
+      }, c(Y)(S.$attrs, c(he)).filtered), null, 16, ["disabled", "disabled-times", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "max-time", "min-time", "model-value", "placeholder", "required", "step"]),
       de(L(ge, {
         error: d.value,
-        "error-msg": i.value,
+        "error-msg": o.value,
         hint: e.hint,
-        "hint-id": c(o)
+        "hint-id": c(i)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
         [ue, f.value]
       ])
@@ -5985,11 +5991,11 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
       ongoing: Xt,
       paused: Qt,
       warning: It
-    }, { progressStep: l, progressText: n, getStatus: o } = Et(a);
-    function s(i, d) {
-      return i = o(i, d), t[i] || dt;
+    }, { progressStep: l, progressText: n, getStatus: i } = Et(a);
+    function s(o, d) {
+      return o = i(o, d), t[o] || dt;
     }
-    return (i, d) => (u(), v("div", {
+    return (o, d) => (u(), v("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": c(l),
       "aria-valuetext": c(n),
@@ -5998,7 +6004,7 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
     }, [
       (u(!0), v(G, null, ee(e.steps, (r, f) => (u(), v("div", {
         class: "bs-step-item",
-        "data-status": c(o)(r.status, f),
+        "data-status": c(i)(r.status, f),
         key: r.id || r.label,
         role: "status"
       }, [
@@ -6008,7 +6014,7 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
         })),
         k("p", null, [
           W(V(r.label || r) + " ", 1),
-          k("span", vo, " : " + V(c(o)(r.status, f) || "not started"), 1)
+          k("span", vo, " : " + V(c(i)(r.status, f) || "not started"), 1)
         ])
       ], 8, ho))), 128))
     ], 8, po));
@@ -6060,15 +6066,15 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
   emits: ["dismiss", "after-enter", "after-leave"],
   setup(e, { emit: a }) {
     const t = e, l = a, { transition: n } = Ee(t);
-    let o = null;
-    ce("variant", t.variant), ce("handleDismiss", i);
+    let i = null;
+    ce("variant", t.variant), ce("handleDismiss", o);
     const s = fe("stacked", t.stacked);
-    function i() {
-      o && (clearTimeout(o), o = null), l("dismiss", t.toastId);
+    function o() {
+      i && (clearTimeout(i), i = null), l("dismiss", t.toastId);
     }
     function d() {
-      t.duration > 0 && (o = setTimeout(() => {
-        i();
+      t.duration > 0 && (i = setTimeout(() => {
+        o();
       }, t.duration)), l("after-enter");
     }
     return (r, f) => (u(), O(De, {
@@ -6096,7 +6102,7 @@ const We = "excluded", Ge = "over", mt = "skip", bt = "stop", He = "under", fo =
   __name: "BsToastActions",
   setup(e) {
     const a = I(!1);
-    Y(() => {
+    H(() => {
       var n;
       const l = yt();
       ((n = l.default) == null ? void 0 : n.call(l).length) > 2 && (a.value = !0);
@@ -6131,7 +6137,7 @@ function wo(e, a) {
     D(e.$slots, "default")
   ]);
 }
-const ui = /* @__PURE__ */ go(yo, [["render", wo]]), $o = ["data-variant"], ci = {
+const ui = /* @__PURE__ */ go(yo, [["render", wo]]), Bo = ["data-variant"], ci = {
   __name: "BsToastHeader",
   setup(e) {
     const a = fe("variant"), t = p(() => {
@@ -6154,12 +6160,12 @@ const ui = /* @__PURE__ */ go(yo, [["render", wo]]), $o = ["data-variant"], ci =
       k("h5", null, [
         D(l.$slots, "default")
       ])
-    ], 8, $o));
+    ], 8, Bo));
   }
-}, Bo = { class: "bs-toaster" }, fi = {
+}, $o = { class: "bs-toaster" }, fi = {
   __name: "BsToaster",
   setup(e) {
-    return ce("stacked", !0), (a, t) => (u(), v("div", Bo, [
+    return ce("stacked", !0), (a, t) => (u(), v("div", $o, [
       D(a.$slots, "default")
     ]));
   }
@@ -6191,28 +6197,28 @@ const ui = /* @__PURE__ */ go(yo, [["render", wo]]), $o = ["data-variant"], ci =
   },
   setup(e) {
     const a = e, t = I(!1), l = I(!1), n = p(() => {
-      let i = "bs-tooltip-text";
-      return l.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? i += " escaped-x" : a.position === "left" || a.position === "right" ? i += " escaped-y" : i += " escaped"), i;
+      let o = "bs-tooltip-text";
+      return l.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? o += " escaped-x" : a.position === "left" || a.position === "right" ? o += " escaped-y" : o += " escaped"), o;
     });
     pe(["Escape"], () => {
       t.value && (t.value = !1, l.value = !0);
     });
-    function o() {
+    function i() {
       t.value = !0;
     }
     function s() {
       t.value = !1, l.value = !1;
     }
-    return (i, d) => (u(), v("div", {
+    return (o, d) => (u(), v("div", {
       class: "bs-tooltip",
       "data-position": e.position || void 0,
       "data-component": "bs-tooltip",
-      onMouseenter: o,
-      onFocusin: o,
+      onMouseenter: i,
+      onFocusin: i,
       onMouseleave: s,
       onFocusout: s
     }, [
-      D(i.$slots, "default"),
+      D(o.$slots, "default"),
       e.content ? (u(), v("div", {
         key: 0,
         class: ie(n.value),