@wwtdev/bsds-components-vue3 2.38.0 → 2.39.0

package/lib/bsds-components.js

@@ -1,4 +1,4 @@
-import { ref as C, useId as St, onMounted as ee, watch as Z, computed as m, createElementBlock as h, openBlock as l, unref as p, createElementVNode as w, createCommentVNode as x, createVNode as R, renderSlot as z, createBlock as D, resolveDynamicComponent as ae, createTextVNode as _, toDisplayString as V, useAttrs as Se, useSlots as et, mergeProps as H, withCtx as q, Fragment as J, normalizeClass as ve, withDirectives as fe, toHandlers as yt, vShow as be, onBeforeUnmount as tt, onBeforeMount as _t, createSlots as gt, renderList as de, onUnmounted as De, Teleport as Un, Transition as wt, provide as me, withKeys as Ye, withModifiers as Ce, inject as ue, nextTick as Re, toRaw as Wn, resolveComponent as en, mergeModels as qt, useModel as Kn, isRef as Hn, normalizeStyle as tn, h as se, useTemplateRef as Gn, shallowRef as nn, readonly as Rt, cloneVNode as Yn } from "vue";
+import { ref as C, useId as St, onMounted as ee, watch as Z, computed as m, createElementBlock as h, openBlock as l, unref as f, createElementVNode as w, createCommentVNode as x, createVNode as R, renderSlot as z, createBlock as D, resolveDynamicComponent as ae, createTextVNode as _, toDisplayString as V, useAttrs as Se, useSlots as et, mergeProps as H, withCtx as q, Fragment as J, normalizeClass as ve, withDirectives as fe, toHandlers as yt, vShow as be, onBeforeUnmount as tt, onBeforeMount as _t, createSlots as gt, renderList as de, onUnmounted as De, Teleport as Un, Transition as wt, provide as me, withKeys as Ye, withModifiers as Ce, inject as ue, nextTick as Re, toRaw as Wn, resolveComponent as en, mergeModels as qt, useModel as Kn, isRef as Hn, normalizeStyle as tn, h as se, useTemplateRef as Gn, shallowRef as nn, readonly as Rt, cloneVNode as Yn } from "vue";
 import { BsIcon as ce, BsIconCaretDown as Ve, BsIconSmallCaretLeft as an, BsIconCaretLeft as nt, BsIconSmallCaretRight as on, BsIconCaretRight as at, BsIconCircleExclamation as $t, BsIconClose as ke, BsIconWarning as kt, BsIconCalendar as ln, BsIconSearch as Xn, BsIconCaretSort as sn, BsIconCaretLeftDouble as Zn, BsIconCaretRightDouble as Qn, BsIconActionEllipsis as Jn, BsIconCaretSortDown as _n, BsIconCaretSortUp as ea, BsIconCirclePause as ta, BsIconCirclePlay as na, BsIconGraphPieEmpty as jt, BsIconCircleEllipsis as aa, BsIconCircleX as oa, BsIconCircleCheck as ia, BsIconCircleStop as la, BsIconThumbsUpStroke as sa, BsIconCaretUp as ra } from "@wwtdev/bsds-icons-vue3";
 import { DatePicker as da } from "v-calendar";
 import { Filler as ua, Chart as rt, BarController as ca, BarElement as pa, CategoryScale as fa, LinearScale as ba, Legend as ha, TimeScale as va, Tooltip as ma } from "chart.js";
@@ -814,6 +814,8 @@ const wa = {
       text: string,
       // Router path, Router object, or absolute URL. When navItems are present, this is ignored.
       to?: string | object,
+      // Set the desired behavior of a link. _self, _blank, _parent, _top can be used.
+      target?: string
     }
 
     -- or --
@@ -836,6 +838,8 @@ const wa = {
       },
       // Text to display for the nav item
       text: string,
+      // Set the desired behavior of a link. _self, _blank, _parent, _top can be used.
+      target?: string
     }`
   },
   router: {
@@ -1301,6 +1305,8 @@ const wa = {
       text: string,
       // Router path, Router object, or absolute URL. When navItems are present, this is ignored.
       to?: string | object,
+      // Set the desired behavior of a link. _self, _blank, _parent, _top can be used.
+      target?: string
     }
 
     -- or --
@@ -1323,6 +1329,8 @@ const wa = {
       },
       // Text to display for the nav item
       text: string,
+      // Set the desired behavior of a link. _self, _blank, _parent, _top can be used.
+      target?: string
     }`
   },
   router: {
@@ -1407,12 +1415,12 @@ const Wa = ["id", "data-stacked"], Ka = ["data-open"], Ha = ["aria-controls", "a
   setup(e, { emit: n }) {
     const t = e;
     W(t, "headingLevel", void 0, "'aria-level' and 'role=heading' are no longer set on the header text.");
-    const a = n, o = C(null), i = C(!1), [u] = re(), s = m(() => u.value + "-content"), d = m(() => u.value + "-title"), r = m(() => t.openItemId && t.openItemId === u.value || t.openItem === !0), c = m(() => t.controlled ? r.value : i.value);
-    function b() {
+    const a = n, o = C(null), i = C(!1), [u] = re(), s = m(() => u.value + "-content"), r = m(() => u.value + "-title"), d = m(() => t.openItemId && t.openItemId === u.value || t.openItem === !0), c = m(() => t.controlled ? d.value : i.value);
+    function p() {
       a("toggled", u.value), t.controlled || (i.value = !i.value);
     }
     return (v, $) => (l(), h("div", {
-      id: p(u),
+      id: f(u),
       ref_key: "containerRef",
       ref: o,
       class: "bs-accordion",
@@ -1428,29 +1436,29 @@ const Wa = ["id", "data-stacked"], Ka = ["data-open"], Ha = ["aria-controls", "a
           "aria-expanded": c.value,
           class: "bs-accordion-toggle",
           type: "button",
-          onClick: b
+          onClick: p
         }, [
           v.icon || v.$slots.icon ? (l(), h("span", Ga, [
             z(v.$slots, "icon", {}, () => [
-              typeof v.icon == "string" ? (l(), D(p(ce), {
+              typeof v.icon == "string" ? (l(), D(f(ce), {
                 key: 0,
                 name: v.icon
               }, null, 8, ["name"])) : (l(), D(ae(v.icon), { key: 1 }))
             ])
           ])) : x("", !0),
-          w("span", { id: d.value }, [
+          w("span", { id: r.value }, [
             z(v.$slots, "header", {}, () => [
               _(V(v.headerText), 1)
             ])
           ], 8, Ya),
-          R(p(Ve), {
+          R(f(Ve), {
             size: "md",
             "data-position": "end"
           })
         ], 8, Ha)
       ], 8, Ka),
       w("div", {
-        "aria-labelledby": d.value,
+        "aria-labelledby": r.value,
         class: "bs-accordion-content",
         "data-open": c.value,
         id: s.value,
@@ -1471,22 +1479,22 @@ const Wa = ["id", "data-stacked"], Ka = ["data-open"], Ha = ["aria-controls", "a
   type: "button"
 };
 function Ke(e, n, t = "button") {
-  const a = Za(p(e), n, t), o = C(), i = m(() => {
-    const d = p(e), r = a.value === "button", c = {};
-    return r ? (c.type = n.type || "button", c.autocomplete = "off", d.disabled && (c.disabled = !0)) : d.disabled && (c["aria-disabled"] = "true", c.tabindex = "-1"), c;
+  const a = Za(f(e), n, t), o = C(), i = m(() => {
+    const r = f(e), d = a.value === "button", c = {};
+    return d ? (c.type = n.type || "button", c.autocomplete = "off", r.disabled && (c.disabled = !0)) : r.disabled && (c["aria-disabled"] = "true", c.tabindex = "-1"), c;
   }), u = m(() => {
-    const d = { ...n, ...i.value };
-    return d.href = s.value, d;
+    const r = { ...n, ...i.value };
+    return r.href = s.value, r;
   }), s = m(() => {
-    var r, c;
-    const d = p(e);
-    return d.linkTo && typeof d.linkTo == "object" ? ((c = (r = d.router) == null ? void 0 : r.resolve(d.linkTo)) == null ? void 0 : c.path) || "" : d.linkTo || d.href;
+    var d, c;
+    const r = f(e);
+    return r.linkTo && typeof r.linkTo == "object" ? ((c = (d = r.router) == null ? void 0 : d.resolve(r.linkTo)) == null ? void 0 : c.path) || "" : r.linkTo || r.href;
   });
   return Z(
     s,
-    (d) => {
-      var r;
-      (r = o.value) == null || r.setAttribute("href", d);
+    (r) => {
+      var d;
+      (d = o.value) == null || d.setAttribute("href", r);
     }
   ), { rootTag: a, attrsToBind: u, btnRef: o };
 }
@@ -1500,18 +1508,18 @@ function Qa(e, n, t) {
 function it(e) {
   const n = m(() => {
     var u, s;
-    const i = p(e);
+    const i = f(e);
     return i.linkTo && typeof i.linkTo == "object" ? ((s = (u = i.router) == null ? void 0 : u.resolve(i.linkTo)) == null ? void 0 : s.path) || "" : i.linkTo || i.href || "";
   }), t = m(() => {
     var i, u;
     return ((u = (i = n.value) == null ? void 0 : i.startsWith) == null ? void 0 : u.call(i, "/")) || !1;
   }), a = m(() => {
     var u, s;
-    const i = p(e);
+    const i = f(e);
     return t.value && ((u = i.router) == null ? void 0 : u.navigateTo) || ((s = i.router) == null ? void 0 : s.push) || null;
   });
   function o(i) {
-    if (p(e).disabled) {
+    if (f(e).disabled) {
       i.preventDefault(), i.stopImmediatePropagation();
       return;
     }
@@ -1529,22 +1537,22 @@ const Ja = { key: 0 }, _a = {
   setup(e) {
     const n = e;
     W(n, "href", "linkTo");
-    const t = Se(), a = et(), { rootTag: o, attrsToBind: i, btnRef: u } = Ke(n, t), { onLinkClick: s } = it(n), d = m(() => b.value ? {} : n.href ? { title: n.label } : { "aria-label": n.label }), r = m(() => {
+    const t = Se(), a = et(), { rootTag: o, attrsToBind: i, btnRef: u } = Ke(n, t), { onLinkClick: s } = it(n), r = m(() => p.value ? {} : n.href ? { title: n.label } : { "aria-label": n.label }), d = m(() => {
       if (n.hoverEffect)
         return n.iconPosition;
-    }), c = m(() => n.icon ? n.icon : n.iconPosition === "left" ? n.textBtn || n.size === "sm" ? an : nt : n.textBtn || n.size === "sm" ? on : at), b = m(() => n.textBtn || !!(a != null && a.default)), v = m(() => b.value && n.iconPosition !== "left"), $ = m(() => b.value && n.iconPosition === "left"), O = m(() => n.variant ? `color-${n.variant}` : void 0);
-    return (k, y) => (l(), D(ae(p(o)), H({
+    }), c = m(() => n.icon ? n.icon : n.iconPosition === "left" ? n.textBtn || n.size === "sm" ? an : nt : n.textBtn || n.size === "sm" ? on : at), p = m(() => n.textBtn || !!(a != null && a.default)), v = m(() => p.value && n.iconPosition !== "left"), $ = m(() => p.value && n.iconPosition === "left"), O = m(() => n.variant ? `color-${n.variant}` : void 0);
+    return (k, y) => (l(), D(ae(f(o)), H({
       ref_key: "btnRef",
       ref: u,
       class: "bs-circle-button",
       "data-disabled": k.disabled,
-      "data-direction": r.value,
+      "data-direction": d.value,
       "data-ghost": k.ghostBtn,
       "data-size": k.size,
-      "data-text": b.value,
+      "data-text": p.value,
       "data-variant": O.value,
       "data-component": "bs-circle-button"
-    }, { ...p(i), ...d.value }, { onClick: p(s) }), {
+    }, { ...f(i), ...r.value }, { onClick: f(s) }), {
       default: q(() => [
         v.value ? (l(), h("span", Ja, [
           z(k.$slots, "default", {}, () => [
@@ -1553,7 +1561,7 @@ const Ja = { key: 0 }, _a = {
         ])) : x("", !0),
         w("span", _a, [
           z(k.$slots, "icon", {}, () => [
-            typeof c.value == "string" ? (l(), D(p(ce), {
+            typeof c.value == "string" ? (l(), D(f(ce), {
               key: 0,
               name: c.value
             }, null, 8, ["name"])) : (l(), D(ae(c.value), { key: 1 }))
@@ -1620,7 +1628,7 @@ const Ja = { key: 0 }, _a = {
       variant: e.variant
     }, {
       icon: q(() => [
-        e.direction == "right" ? (l(), D(p(on), { key: 0 })) : (l(), D(p(an), { key: 1 }))
+        e.direction == "right" ? (l(), D(f(on), { key: 0 })) : (l(), D(f(an), { key: 1 }))
       ]),
       default: q(() => [
         z(n.$slots, "default", {}, () => [
@@ -1659,7 +1667,7 @@ const Ja = { key: 0 }, _a = {
       w("div", ao, [
         z(i.$slots, "icon", {}, () => [
           i.icon ? (l(), h(J, { key: 0 }, [
-            typeof i.icon == "string" ? (l(), D(p(ce), {
+            typeof i.icon == "string" ? (l(), D(f(ce), {
               key: 0,
               name: i.icon,
               size: "auto"
@@ -1667,7 +1675,7 @@ const Ja = { key: 0 }, _a = {
               key: 1,
               size: "auto"
             }))
-          ], 64)) : (l(), D(p($t), {
+          ], 64)) : (l(), D(f($t), {
             key: 1,
             size: "auto"
           }))
@@ -1691,7 +1699,7 @@ const Ja = { key: 0 }, _a = {
         type: "button",
         onClick: u[0] || (u[0] = (s) => a("close"))
       }, [
-        R(p(ke))
+        R(f(ke))
       ])),
       i.actionLabel ? (l(), D(to, {
         key: 2,
@@ -1710,8 +1718,8 @@ const Ja = { key: 0 }, _a = {
   props: Bt,
   setup(e) {
     const n = e, t = C(null), a = m(() => n.count === 0 ? "0" : !n.count || n.dot ? null : n.count > n.countMax ? n.countMax + "+" : n.count.toString()), o = m(() => {
-      var d, r;
-      const i = ((r = (d = t.value) == null ? void 0 : d.textContent) == null ? void 0 : r.trim()) || "", u = a.value ? a.value + " " : "";
+      var r, d;
+      const i = ((d = (r = t.value) == null ? void 0 : r.textContent) == null ? void 0 : d.trim()) || "", u = a.value ? a.value + " " : "";
       if (!u && !n.dot) return i;
       const s = n.count !== 1 ? "s" : "";
       return `${i ? `${i}, ` : ""}${u}${n.label}${s}`;
@@ -1752,7 +1760,7 @@ const Ja = { key: 0 }, _a = {
         w("div", co, [
           z(i.$slots, "icon", {}, () => [
             i.icon ? (l(), h(J, { key: 0 }, [
-              typeof i.icon == "string" ? (l(), D(p(ce), {
+              typeof i.icon == "string" ? (l(), D(f(ce), {
                 key: 0,
                 name: i.icon,
                 size: "md"
@@ -1760,7 +1768,7 @@ const Ja = { key: 0 }, _a = {
                 key: 1,
                 size: "md"
               }))
-            ], 64)) : (l(), D(p(kt), {
+            ], 64)) : (l(), D(f(kt), {
               key: 1,
               size: "md"
             }))
@@ -1774,7 +1782,7 @@ const Ja = { key: 0 }, _a = {
           title: "Close Banner",
           onClick: o
         }, [
-          R(p(ke))
+          R(f(ke))
         ])
       ])
     ], 8, ro));
@@ -1786,7 +1794,7 @@ const Ja = { key: 0 }, _a = {
     const n = e;
     W(n, "href", "linkTo");
     const t = Se(), { rootTag: a, attrsToBind: o, btnRef: i } = Ke(n, t), { onLinkClick: u } = it(n);
-    return (s, d) => (l(), D(ae(p(a)), H({
+    return (s, r) => (l(), D(ae(f(a)), H({
       ref_key: "btnRef",
       ref: i,
       class: "bs-button",
@@ -1795,7 +1803,7 @@ const Ja = { key: 0 }, _a = {
       "data-size": s.size,
       "data-text": s.textBtn,
       "data-variant": s.variant
-    }, p(o), { onClick: p(u) }), {
+    }, f(o), { onClick: f(u) }), {
       default: q(() => [
         z(s.$slots, "default")
       ]),
@@ -1887,10 +1895,10 @@ const Ja = { key: 0 }, _a = {
     W(t, "inputId", void 0, "Set 'id' directly on the component instead.");
     const a = n, o = Se(), i = m(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
     function u(s) {
-      const d = o.type === "number" ? parseInt(s.target.value) : s.target.value;
-      a("update:modelValue", d);
+      const r = o.type === "number" ? parseInt(s.target.value) : s.target.value;
+      a("update:modelValue", r);
     }
-    return (s, d) => (l(), h("input", H({
+    return (s, r) => (l(), h("input", H({
       class: "bs-input",
       "data-component": "bs-input",
       "data-error": e.error,
@@ -1966,7 +1974,7 @@ const Ja = { key: 0 }, _a = {
       error: e.error
     }, {
       default: q(() => [
-        R(p(ln)),
+        R(f(ln)),
         R(qe, H({
           "data-autowidth": "",
           disabled: e.disabled,
@@ -1981,7 +1989,7 @@ const Ja = { key: 0 }, _a = {
           class: "bs-calendar-clear-btn",
           onClick: a[0] || (a[0] = (o) => t.$emit("clear"))
         }, [
-          R(p(ke), {
+          R(f(ke), {
             size: "sm",
             class: "bs-text-black"
           })
@@ -2052,17 +2060,17 @@ const go = ["disabled", "id", "model-value"], wo = ["disabled", "id", "model-val
       const { value: $ } = v.target, [O, k] = $.split(/ to | - /);
       o.value.value = O || "", i.value.value = k || "", u(o.value), u(i.value);
     }
-    const d = Je(s, 1e3);
-    function r(v) {
-      a("ui-input"), d(v);
+    const r = Je(s, 1e3);
+    function d(v) {
+      a("ui-input"), r(v);
     }
-    const c = m(() => t.listeners.start ? t.listeners.start : {}), b = m(() => t.listeners.end ? t.listeners.end : {});
+    const c = m(() => t.listeners.start ? t.listeners.start : {}), p = m(() => t.listeners.end ? t.listeners.end : {});
     return (v, $) => (l(), D(He, {
       disabled: e.disabled,
       error: e.error
     }, {
       default: q(() => [
-        R(p(ln)),
+        R(f(ln)),
         R(qe, {
           "data-autowidth": "",
           disabled: e.disabled,
@@ -2071,7 +2079,7 @@ const go = ["disabled", "id", "model-value"], wo = ["disabled", "id", "model-val
           placeholder: e.placeholder,
           required: e.required,
           onFocusin: $[0] || ($[0] = (O) => v.$emit("ui-focusin")),
-          onInput: r,
+          onInput: d,
           onChange: s
         }, null, 8, ["disabled", "id", "model-value", "placeholder", "required"]),
         w("input", H({
@@ -2089,14 +2097,14 @@ const go = ["disabled", "id", "model-value"], wo = ["disabled", "id", "model-val
           disabled: e.disabled,
           id: `${e.inputId}-end`,
           "model-value": e.inputValue.end
-        }, yt(b.value, !0)), null, 16, wo),
+        }, yt(p.value, !0)), null, 16, wo),
         fe(w("button", {
           "aria-label": "Clear",
           type: "button",
           class: "bs-calendar-clear-btn",
           onClick: $[1] || ($[1] = (O) => v.$emit("clear"))
         }, [
-          R(p(ke), {
+          R(f(ke), {
             size: "sm",
             class: "bs-text-black"
           })
@@ -2136,7 +2144,7 @@ function Fe(e, n, t = []) {
   }), t.length && Z(t, () => n(a));
 }
 function ye(e = []) {
-  const n = Se(), t = (u) => p(e).includes(u), a = m(() => Object.entries(n)), o = m(() => Object.fromEntries(
+  const n = Se(), t = (u) => f(e).includes(u), a = m(() => Object.entries(n)), o = m(() => Object.fromEntries(
     a.value.filter(([u]) => t(u))
   )), i = m(() => Object.fromEntries(
     a.value.filter(([u]) => !t(u))
@@ -2148,7 +2156,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
   props: Xe,
   emits: Object.keys(pn),
   setup(e, { emit: n }) {
-    const t = e, a = C(null), o = C(1), i = C(null), [u, s] = re(2), d = C(1), { filtered: r, remaining: c } = ye([
+    const t = e, a = C(null), o = C(1), i = C(null), [u, s] = re(2), r = C(1), { filtered: d, remaining: c } = ye([
       "attributes",
       "data-cy",
       "expanded",
@@ -2157,7 +2165,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       "masks",
       "rows",
       "trim-weeks"
-    ]), b = m(
+    ]), p = m(
       () => {
         var g;
         return (g = t.exclusiveDates) != null && g.length ? M(t.exclusiveDates) : t.disabledDates;
@@ -2169,7 +2177,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       [S]
     ), Fe(
       Wt,
-      (g) => d.value = g != null && g.matches && S.value == "2-col" ? y.value : 1,
+      (g) => r.value = g != null && g.matches && S.value == "2-col" ? y.value : 1,
       [y, S]
     ), ee(() => {
       t.inputMode || setTimeout(B, 100);
@@ -2179,7 +2187,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
     }, (g) => {
       g && setTimeout(B, 100);
     });
-    function f(g) {
+    function b(g) {
       return t.isRange && g.start && g.end ? `${g.start} to ${g.end}` : !t.isRange && g ? g : "";
     }
     function M(g) {
@@ -2207,7 +2215,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       "data-component": "bs-calendar",
       "data-range": g.isRange,
       onFocusout: P
-    }, p(c)), [
+    }, f(c)), [
       g.label || g.$slots.label ? (l(), D(pe, {
         key: 0,
         for: v.value,
@@ -2221,11 +2229,11 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
         ]),
         _: 3
       }, 8, ["for", "disabled", "required"])) : x("", !0),
-      R(p(da), H({
+      R(f(da), H({
         ref_key: "calendar",
         ref: a,
         columns: o.value,
-        "disabled-dates": b.value,
+        "disabled-dates": p.value,
         "max-date": g.maxDate,
         "min-date": g.minDate,
         mode: "date",
@@ -2233,9 +2241,9 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
         "model-modifiers": $.value,
         popover: { visibility: "focus" },
         rows: 1,
-        step: d.value,
+        step: r.value,
         "onUpdate:modelValue": I[2] || (I[2] = (E) => g.$emit("update:modelValue", E))
-      }, p(r)), gt({ _: 2 }, [
+      }, f(d)), gt({ _: 2 }, [
         g.inputMode ? {
           name: "default",
           fn: q(({ inputValue: E, inputEvents: N, showPopover: G }) => [
@@ -2245,7 +2253,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
               error: g.error,
               "input-id": v.value,
               "input-value": E,
-              "input-value-fmt": f(E),
+              "input-value-fmt": b(E),
               listeners: N,
               placeholder: g.placeholder,
               "show-clear": O.value,
@@ -2259,7 +2267,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
               error: g.error,
               "input-id": v.value,
               listeners: N,
-              "model-value": f(E),
+              "model-value": b(E),
               placeholder: g.placeholder,
               "show-clear": O.value,
               required: g.required,
@@ -2274,7 +2282,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
         error: g.error,
         "error-msg": g.errorMsg,
         hint: g.hint,
-        "hint-id": p(s)
+        "hint-id": f(s)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16, $o));
   }
@@ -2324,7 +2332,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       "text-btn": !1
     }, {
       icon: q(() => [
-        e.direction == "right" ? (l(), D(p(at), { key: 0 })) : (l(), D(p(nt), { key: 1 }))
+        e.direction == "right" ? (l(), D(f(at), { key: 0 })) : (l(), D(f(nt), { key: 1 }))
       ]),
       _: 1
     }, 8, ["disabled", "ghost-btn", "hover-effect", "icon-position", "label", "link-to", "router", "size"]));
@@ -2367,7 +2375,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
   },
   setup(e) {
     const n = e, t = C(!1), a = (c) => {
-      const b = new Date(c), v = b.toTimeString().split(" ")[0], $ = b.toDateString().split(" ").slice(1, 3).join(" ");
+      const p = new Date(c), v = p.toTimeString().split(" ")[0], $ = p.toDateString().split(" ").slice(1, 3).join(" ");
       return `${v} (${$})`;
     }, o = m(() => {
       var c;
@@ -2375,14 +2383,14 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
     });
     function i(c) {
       try {
-        return c.map((b) => {
-          const v = b.label;
+        return c.map((p) => {
+          const v = p.label;
           let $ = [];
-          if (b.data.some((O) => (O == null ? void 0 : O.x) && (O == null ? void 0 : O.y))) {
-            const O = b.data.reduce((k, y) => (k[y.x] = y.y, k), {});
+          if (p.data.some((O) => (O == null ? void 0 : O.x) && (O == null ? void 0 : O.y))) {
+            const O = p.data.reduce((k, y) => (k[y.x] = y.y, k), {});
             $ = n.dataIdxLabels.map((k) => ({ value: O[k] ?? null }));
           } else
-            $ = b.data.map((O) => ({ value: O }));
+            $ = p.data.map((O) => ({ value: O }));
           return { rowLabel: v, dataCells: $ };
         });
       } catch {
@@ -2391,54 +2399,54 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
     }
     function u(c) {
       try {
-        const b = c.reduce((O, k) => {
+        const p = c.reduce((O, k) => {
           const y = k.data.map((S) => S == null ? void 0 : S.x);
           return [...O, ...y];
-        }, []), v = Array.from(new Set(b));
+        }, []), v = Array.from(new Set(p));
         return (n.xAxisType === "time" || n.xAxisType === "linear") && v.sort((O, k) => (typeof O == "string" && typeof k == "string" && (O = O.toLowerCase(), k = k.toLowerCase()), O < k ? -1 : O > k ? 1 : 0)), v.map((O) => {
           const k = { rowLabel: O }, y = [];
           return c.forEach((S) => {
-            const f = { datasetLabel: S.label }, M = S.data.find((P) => P.x === O);
-            f.value = M ? M.y : null, y.push(f);
+            const b = { datasetLabel: S.label }, M = S.data.find((P) => P.x === O);
+            b.value = M ? M.y : null, y.push(b);
           }), k.dataCells = y, n.xAxisType === "time" && (k.rowLabelFmt = a(O)), k;
         });
       } catch {
         return [];
       }
     }
-    const s = m(() => o.value ? u(n.data) : i(n.data)), d = m(() => ({
+    const s = m(() => o.value ? u(n.data) : i(n.data)), r = m(() => ({
       colspan: o.value ? n.data.length + 1 : n.dataIdxLabels.length + 1,
       title: n.tableTitle,
       colHeadingFirst: o.value ? n.xLabel : "Dataset",
       colHeadings: o.value ? n.data.map((c) => c.label) : n.dataIdxLabels,
       rows: s.value
-    })), r = m(() => {
+    })), d = m(() => {
       var c;
       return t.value && !!((c = s.value) != null && c.length);
     });
     return ee(() => {
       t.value = !0;
-    }), (c, b) => (l(), h("div", Io, [
-      r.value ? (l(), h("table", {
+    }), (c, p) => (l(), h("div", Io, [
+      d.value ? (l(), h("table", {
         key: 0,
-        summary: d.value.title
+        summary: r.value.title
       }, [
         w("thead", null, [
           w("tr", null, [
             w("th", {
-              colspan: d.value.colspan
-            }, V(d.value.title), 9, To)
+              colspan: r.value.colspan
+            }, V(r.value.title), 9, To)
           ]),
           w("tr", null, [
-            w("th", Co, V(d.value.colHeadingFirst), 1),
-            (l(!0), h(J, null, de(d.value.colHeadings, (v) => (l(), h("th", {
+            w("th", Co, V(r.value.colHeadingFirst), 1),
+            (l(!0), h(J, null, de(r.value.colHeadings, (v) => (l(), h("th", {
               key: v,
               scope: "col"
             }, V(v), 1))), 128))
           ])
         ]),
         w("tbody", null, [
-          (l(!0), h(J, null, de(d.value.rows, (v) => (l(), h("tr", {
+          (l(!0), h(J, null, de(r.value.rows, (v) => (l(), h("tr", {
             key: v.rowLabelFmt || v.rowLabel
           }, [
             w("th", Do, V(v.rowLabelFmt || v.rowLabel), 1),
@@ -2454,8 +2462,8 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
   const a = (o) => {
     var i, u;
     ((i = e == null ? void 0 : e.includes) != null && i.call(e, o.key) || (u = e == null ? void 0 : e.some) != null && u.call(e, (s) => {
-      var d;
-      return (d = s == null ? void 0 : s.test) == null ? void 0 : d.call(s, o.key);
+      var r;
+      return (r = s == null ? void 0 : s.test) == null ? void 0 : r.call(s, o.key);
     })) && n(o);
   };
   ee(() => {
@@ -2466,41 +2474,41 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
 }, Ue = 16, xo = 20;
 function Ao(e, n) {
   const t = C(null), a = C(!1), o = C(null), i = "(min-width: 1166px)", u = { tickSize: Ue }, s = { tickSize: xo };
-  let d, r;
+  let r, d;
   function c(y, S) {
-    let f;
+    let b;
     switch (y) {
       case "bar":
-        f = "setBarChartConfigs";
+        b = "setBarChartConfigs";
         break;
       case "line":
-        f = "setLineChartConfigs";
+        b = "setLineChartConfigs";
         break;
       default:
         throw new Error(`Unsupported chart type: ${y}`);
     }
-    return new Mo().setCommonConfigs(S).setCustomOptions(S)[f](S).setPlugins([zo(o), ua]).build();
+    return new Mo().setCommonConfigs(S).setCustomOptions(S)[b](S).setPlugins([zo(o), ua]).build();
   }
-  function b(y) {
+  function p(y) {
     y.preventDefault(), y.stopImmediatePropagation();
     const S = y.target.closest("li");
-    if (S && d) {
-      const { labelIndex: f, datasetIndex: M } = S.dataset;
-      d.setDatasetVisibility(M, !d.isDatasetVisible(M)), d.update(), y.preventDefault(), y.stopImmediatePropagation(), v(M, f);
+    if (S && r) {
+      const { labelIndex: b, datasetIndex: M } = S.dataset;
+      r.setDatasetVisibility(M, !r.isDatasetVisible(M)), r.update(), y.preventDefault(), y.stopImmediatePropagation(), v(M, b);
     }
   }
   function v(y, S) {
     var P;
-    const f = `[data-dataset-index="${y}"][data-label-index="${S}"]`, M = o.value.querySelector(f);
+    const b = `[data-dataset-index="${y}"][data-label-index="${S}"]`, M = o.value.querySelector(b);
     (P = M == null ? void 0 : M.focus) == null || P.call(M);
   }
   function $(...y) {
-    !r || !t.value || (rt.register(...y), rt.defaults.font.family = "'Roobert', sans-serif", d = new rt(t.value, r));
+    !d || !t.value || (rt.register(...y), rt.defaults.font.family = "'Roobert', sans-serif", r = new rt(t.value, d));
   }
   const O = Je(function(y) {
-    r && (r.updateOptions(y), d.options = r.options, d.update());
+    d && (d.updateOptions(y), r.options = d.options, r.update());
   }, 100), k = Je(function(y) {
-    r && (r.updateData(y), d.data = r.data, d.update());
+    d && (d.updateData(y), r.data = d.data, r.update());
   }, 100);
   return Fe(
     i,
@@ -2509,13 +2517,13 @@ function Ao(e, n) {
   ), ee(() => {
     var y;
     try {
-      r = c(e, n), (y = o.value) == null || y.addEventListener("click", b);
+      d = c(e, n), (y = o.value) == null || y.addEventListener("click", p);
     } catch (S) {
-      console.error("Error creating chart config", S), r = null;
+      console.error("Error creating chart config", S), d = null;
     }
-  }), Ae([" ", "Enter"], b, o), tt(() => {
+  }), Ae([" ", "Enter"], p, o), tt(() => {
     var y;
-    (y = o.value) == null || y.removeEventListener("click", b), d == null || d.destroy();
+    (y = o.value) == null || y.removeEventListener("click", p), r == null || r.destroy();
   }), Z([
     () => n.customOptions,
     () => n.showTooltips,
@@ -2646,10 +2654,10 @@ function zt(e) {
     xAxisType: i,
     xLabel: u,
     yLabel: s,
-    yMax: d,
-    yMin: r,
+    yMax: r,
+    yMin: d,
     customOptions: c,
-    tickSize: b
+    tickSize: p
   } = e, v = {
     x: {
       grid: {
@@ -2659,7 +2667,7 @@ function zt(e) {
       stacked: o,
       ticks: {
         font: {
-          size: b || Ue
+          size: p || Ue
         }
       },
       title: {
@@ -2675,11 +2683,11 @@ function zt(e) {
         display: a
       },
       stacked: o,
-      suggestedMax: d,
-      suggestedMin: r,
+      suggestedMax: r,
+      suggestedMin: d,
       ticks: {
         font: {
-          size: b || Ue
+          size: p || Ue
         }
       },
       title: {
@@ -3021,43 +3029,43 @@ const No = {
   setup(e, { emit: n }) {
     const t = e;
     W(t, "checkedPartially", "indeterminate"), W(t, "passAttrs", void 0, "Use Vue's native fallthrough attributes instead.");
-    const a = n, [o] = re(), { filtered: i, remaining: u } = ye(["class", "style"]), s = C(null), d = m(() => t.inputId || o.value), r = m(() => t.checked || v.value), c = m(() => t.indeterminate || t.checkedPartially), b = m(() => Array.isArray(t.modelValue) && t.value), v = m(() => b.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
+    const a = n, [o] = re(), { filtered: i, remaining: u } = ye(["class", "style"]), s = C(null), r = m(() => t.inputId || o.value), d = m(() => t.checked || v.value), c = m(() => t.indeterminate || t.checkedPartially), p = m(() => Array.isArray(t.modelValue) && t.value), v = m(() => p.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
     function $() {
-      s.value && (s.value.indeterminate = c.value && !r.value);
+      s.value && (s.value.indeterminate = c.value && !d.value);
     }
     function O(S) {
       a("update:modelValue", S);
     }
     function k(S) {
-      const f = [...t.modelValue];
-      S ? f.push(t.value) : f.splice(f.indexOf(t.value), 1), a("update:modelValue", f);
+      const b = [...t.modelValue];
+      S ? b.push(t.value) : b.splice(b.indexOf(t.value), 1), a("update:modelValue", b);
     }
     function y(S) {
-      const { checked: f } = S.target;
-      b.value ? k(f) : O(f);
+      const { checked: b } = S.target;
+      p.value ? k(b) : O(b);
     }
-    return Z(r, $), Z(c, $), ee($), (S, f) => (l(), h("div", H({
+    return Z(d, $), Z(c, $), ee($), (S, b) => (l(), h("div", H({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-disabled": e.disabled,
       "data-error": e.error,
       "data-size": e.size
-    }, p(i)), [
+    }, f(i)), [
       w("input", H({
         ref_key: "inputEl",
         ref: s,
-        checked: r.value,
+        checked: d.value,
         "data-error": e.error,
         disabled: e.disabled,
-        id: S.$attrs.id || d.value,
+        id: S.$attrs.id || r.value,
         required: e.required,
         value: e.value || "on",
         type: "checkbox",
         onChange: y
-      }, p(u)), null, 16, Fo),
+      }, f(u)), null, 16, Fo),
       e.label || S.$slots.label ? (l(), D(pe, {
         key: 0,
-        for: S.$attrs.id || d.value,
+        for: S.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
@@ -3256,19 +3264,19 @@ const No = {
     "after-leave"
   ],
   setup(e, { emit: n }) {
-    const t = e, a = n, o = C(null), i = C(null), u = C(!1), s = C(!1), d = C(null), r = m(() => t.breakout ? b.value : t.containerId ? document.getElementById(t.containerId) : o.value.internalContainerRef), c = m(() => t.width === "anchor" ? void 0 : t.width);
-    Et([i, d], () => {
+    const t = e, a = n, o = C(null), i = C(null), u = C(!1), s = C(!1), r = C(null), d = m(() => t.breakout ? p.value : t.containerId ? document.getElementById(t.containerId) : o.value.internalContainerRef), c = m(() => t.width === "anchor" ? void 0 : t.width);
+    Et([i, r], () => {
       s.value && a("close");
     }), Ae(["Escape"], () => {
       s.value && a("close");
     });
-    const { breakoutStub: b, breakoutMounted: v } = Wo(t.breakout, t.containerId);
+    const { breakoutStub: p, breakoutMounted: v } = Wo(t.breakout, t.containerId);
     me("dropdownEnter", u), me("dropdownAfterEnter", s), me("dropdownShown", m(() => t.shown));
     const $ = (B, g) => {
       i.value.style.setProperty(B, g);
     };
     function O() {
-      const B = r.value.getBoundingClientRect(), g = d.value.getBoundingClientRect(), I = i.value.getBoundingClientRect();
+      const B = d.value.getBoundingClientRect(), g = r.value.getBoundingClientRect(), I = i.value.getBoundingClientRect();
       k(B, g), y(B, g, I);
     }
     function k(B, g) {
@@ -3293,13 +3301,13 @@ const No = {
     }
     function S() {
       if (t.width === "anchor") {
-        const B = d.value.getBoundingClientRect();
+        const B = r.value.getBoundingClientRect();
         $("--dropdown-wscreen-width", `${B.width}px`);
       } else
         $("--dropdown-wscreen-width", "");
     }
-    function f() {
-      u.value = !0, d.value = document.getElementById(t.anchorId), O(), S(), a("enter");
+    function b() {
+      u.value = !0, r.value = document.getElementById(t.anchorId), O(), S(), a("enter");
     }
     function M() {
       s.value = !0, a("after-enter");
@@ -3313,8 +3321,8 @@ const No = {
         ref_key: "dropdownContainerRef",
         ref: o,
         breakout: e.breakout,
-        breakoutMounted: p(v),
-        breakoutStub: p(b),
+        breakoutMounted: f(v),
+        breakoutStub: f(p),
         containerId: e.containerId
       }, {
         default: q(() => [
@@ -3323,7 +3331,7 @@ const No = {
             preloaded: e.preloaded,
             shown: e.shown,
             onAfterEnter: M,
-            onEnter: f,
+            onEnter: b,
             onAfterLeave: P
           }, {
             default: q(() => [
@@ -3345,7 +3353,7 @@ const No = {
                     title: "close",
                     onClick: g[0] || (g[0] = () => a("close"))
                   }, [
-                    R(p(ke))
+                    R(f(ke))
                   ])
                 ])) : x("", !0),
                 z(B.$slots, "default")
@@ -3436,7 +3444,7 @@ const No = {
     const t = e;
     W(t, "center", "position"), W(t, "enterControlled", "preloaded"), W(t, "enterTrigger", "shown"), W(t, "leaveTrigger", "shown"), W(t, "right", "position"), W(t, "toggleId", "anchorId"), W(t, "top", "position");
     const a = n, { transition: o } = We(t), i = m(() => t.width === "toggle" ? "anchor" : t.width), u = m(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), s = m(() => t.toggleId ? t.toggleId : t.anchorId);
-    return (d, r) => (l(), D(Xo, {
+    return (r, d) => (l(), D(Xo, {
       "anchor-id": s.value,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -3444,16 +3452,16 @@ const No = {
       "helper-text": e.helperText,
       position: u.value,
       preloaded: e.preloaded,
-      shown: p(o),
+      shown: f(o),
       "use-mobile-style": e.useMobileStyle,
       width: i.value,
-      onClose: r[0] || (r[0] = () => a("close")),
-      onEnter: r[1] || (r[1] = () => a("enter")),
-      onAfterEnter: r[2] || (r[2] = () => a("after-enter")),
-      onAfterLeave: r[3] || (r[3] = () => a("after-leave"))
+      onClose: d[0] || (d[0] = () => a("close")),
+      onEnter: d[1] || (d[1] = () => a("enter")),
+      onAfterEnter: d[2] || (d[2] = () => a("after-enter")),
+      onAfterLeave: d[3] || (d[3] = () => a("after-leave"))
     }, {
       default: q(() => [
-        z(d.$slots, "default")
+        z(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
@@ -3512,10 +3520,10 @@ const No = {
       show: !!(t.modelValue || t.optionsId),
       text: t.modelValue ? "Clear this field" : t.optionsId ? "Toggle options dropdown" : ""
     })), s = m(() => u.value.icon === "close");
-    function d() {
+    function r() {
       s.value ? a("clear") : a("toggled");
     }
-    return (r, c) => (l(), D(He, {
+    return (d, c) => (l(), D(He, {
       "aria-live": "polite",
       disabled: e.disabled,
       error: e.error,
@@ -3539,32 +3547,32 @@ const No = {
           placeholder: e.placeholder,
           required: e.required,
           role: e.optionsId ? "combobox" : void 0,
-          onFocus: c[0] || (c[0] = (b) => r.$emit("input-focus")),
-          onInput: c[1] || (c[1] = (b) => r.$emit("update:modelValue", b.target.value)),
+          onFocus: c[0] || (c[0] = (p) => d.$emit("input-focus")),
+          onInput: c[1] || (c[1] = (p) => d.$emit("update:modelValue", p.target.value)),
           onKeydown: [
-            c[2] || (c[2] = Ye(Ce((b) => r.$emit("input-shift-tab"), ["shift"]), ["tab"])),
-            c[3] || (c[3] = Ye(Ce((b) => r.$emit("input-tab"), ["exact"]), ["tab"]))
+            c[2] || (c[2] = Ye(Ce((p) => d.$emit("input-shift-tab"), ["shift"]), ["tab"])),
+            c[3] || (c[3] = Ye(Ce((p) => d.$emit("input-tab"), ["exact"]), ["tab"]))
           ],
-          onMousedown: c[4] || (c[4] = (b) => r.$emit("input-mousedown")),
-          onMouseup: c[5] || (c[5] = (b) => r.$emit("input-mouseup"))
-        }, r.$attrs), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup", "aria-invalid", "data-error", "disabled", "model-value", "placeholder", "required", "role"]),
+          onMousedown: c[4] || (c[4] = (p) => d.$emit("input-mousedown")),
+          onMouseup: c[5] || (c[5] = (p) => d.$emit("input-mouseup"))
+        }, d.$attrs), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup", "aria-invalid", "data-error", "disabled", "model-value", "placeholder", "required", "role"]),
         fe(w("button", {
           "aria-controls": !s.value && e.optionsId ? e.optionsId : void 0,
           "aria-expanded": !s.value && e.optionsId ? e.open : void 0,
           "data-open": s.value ? void 0 : e.open,
           "data-part": "right",
           disabled: e.disabled,
-          id: p(i),
+          id: f(i),
           style: { cursor: "pointer" },
           type: "button",
-          onClick: d
+          onClick: r
         }, [
           w("span", Qo, V(u.value.text), 1),
-          s.value ? (l(), D(p(ke), {
+          s.value ? (l(), D(f(ke), {
             key: 0,
             role: "presentation",
             size: "md"
-          })) : (l(), D(p(Ve), {
+          })) : (l(), D(f(Ve), {
             key: 1,
             role: "presentation",
             size: "md"
@@ -3628,7 +3636,7 @@ const No = {
       z(a.$slots, "label", {}, () => [
         _(V(e.label), 1)
       ]),
-      R(p(Ve))
+      R(f(Ve))
     ], 8, _o));
   }
 }, Cn = (e, n, t = "id") => {
@@ -3655,12 +3663,12 @@ const No = {
     const n = e, t = C(null), a = ue("optionsId", C("")), o = ue("handleOptionSelect", () => {
     }), i = ue("registerOptionById", () => {
     }), u = m(() => typeof n.value != "object" ? "" : n.valueIdKey), s = m(() => Cn(a.value, n.value, u.value));
-    function d(r) {
-      o(t.value), r.stopPropagation();
+    function r(d) {
+      o(t.value), d.stopPropagation();
     }
     return ee(() => {
       i({ id: s.value, val: n.value });
-    }), (r, c) => (l(), h("li", {
+    }), (d, c) => (l(), h("li", {
       ref_key: "optionRef",
       ref: t,
       "data-component": "bs-dropdown-option",
@@ -3670,9 +3678,9 @@ const No = {
       "data-variant": e.variant || void 0,
       id: s.value,
       role: "option",
-      onClick: d
+      onClick: r
     }, [
-      z(r.$slots, "default")
+      z(d.$slots, "default")
     ], 8, ti));
   }
 }, ni = ["data-img-size", "data-initials", "data-no-img"], ai = ["src", "alt"], Dn = {
@@ -3742,7 +3750,7 @@ const No = {
             "data-checked": i.checkbox.checked
           }, null, 8, oi)) : x("", !0),
           i.icon ? (l(), h("span", ii, [
-            typeof i.icon == "string" ? (l(), D(p(ce), {
+            typeof i.icon == "string" ? (l(), D(f(ce), {
               key: 0,
               name: i.icon
             }, null, 8, ["name"])) : (l(), D(ae(i.icon), { key: 1 }))
@@ -3821,24 +3829,24 @@ const No = {
       "data-component": "bs-input-search",
       "data-variant": e.variant,
       disabled: e.disabled
-    }, p(a)), {
+    }, f(a)), {
       default: q(() => [
-        e.hideSearchIcon ? x("", !0) : (l(), D(p(Xn), { key: 0 })),
+        e.hideSearchIcon ? x("", !0) : (l(), D(f(Xn), { key: 0 })),
         R(qe, H({
           "data-autowidth": "",
           disabled: e.disabled,
           id: u.$attrs.id || e.inputId,
           placeholder: e.placeholder,
           value: e.value || e.modelValue
-        }, p(o), {
-          "onUpdate:modelValue": s[0] || (s[0] = (d) => u.$emit("update:modelValue", d))
+        }, f(o), {
+          "onUpdate:modelValue": s[0] || (s[0] = (r) => u.$emit("update:modelValue", r))
         }), null, 16, ["disabled", "id", "placeholder", "value"]),
         fe(w("button", {
           title: "Clear",
           type: "button",
-          onClick: s[1] || (s[1] = (d) => u.$emit("clear"))
+          onClick: s[1] || (s[1] = (r) => u.$emit("clear"))
         }, [
-          R(p(ke), { size: "sm" })
+          R(f(ke), { size: "sm" })
         ], 512), [
           [be, i.value]
         ])
@@ -3891,17 +3899,17 @@ const No = {
   setup(e, { expose: n, emit: t }) {
     const a = e;
     W(a, "selectedValue", void 0, "Use 'modelValue' (or 'v-model') instead");
-    const o = $n(a, "selectedValue", "modelValue"), i = t, u = C(null), s = C(null), d = C(-1), r = C(-1), c = C(null), b = C(!1);
+    const o = $n(a, "selectedValue", "modelValue"), i = t, u = C(null), s = C(null), r = C(-1), d = C(-1), c = C(null), p = C(!1);
     let v = {};
     const $ = ue("dropdownEnter", C(!1)), O = ue("dropdownAfterEnter", C(!1)), k = ue("dropdownShown", C(!1));
     me("optionsId", m(() => a.optionsId)), me("handleOptionSelect", $e), me("registerOptionById", ({ id: U, val: K }) => {
       v[U] = K;
     }), ui(u, P, { childList: !0 }), Ae([" ", "Enter", "NumpadEnter"], ge, u), Ae(["ArrowDown", "ArrowUp", "Home", "End"], Ie);
-    const f = [/^[a-zA-Z0-9]{1}$/], M = {
+    const b = [/^[a-zA-Z0-9]{1}$/], M = {
       keys: "",
       lastTyped: 0
     };
-    Ae(f, (U) => Ee(U, M)), ee(() => {
+    Ae(b, (U) => Ee(U, M)), ee(() => {
       P(), G(k.value);
     }), De(() => {
       v = null;
@@ -3911,7 +3919,7 @@ const No = {
         return (U = c.value) == null ? void 0 : U.length;
       }],
       ([U, K]) => {
-        U && K > 0 && (b.value = u.value.scrollHeight > u.value.clientHeight);
+        U && K > 0 && (p.value = u.value.scrollHeight > u.value.clientHeight);
       }
     ), Z(O, (U) => {
       U && (B(), g());
@@ -3926,34 +3934,34 @@ const No = {
     }
     function g() {
       var U;
-      d.value > -1 && (B(), (U = c.value[d.value]) == null || U.scrollIntoView({ block: "nearest" }));
+      r.value > -1 && (B(), (U = c.value[r.value]) == null || U.scrollIntoView({ block: "nearest" }));
     }
     function I() {
       var U, K;
-      d.value > -1 && ((U = c.value[d.value]) == null || U.setAttribute("data-active", ""), s.value = (K = c.value[d.value]) == null ? void 0 : K.id, g());
+      r.value > -1 && ((U = c.value[r.value]) == null || U.setAttribute("data-active", ""), s.value = (K = c.value[r.value]) == null ? void 0 : K.id, g());
     }
     function E() {
       var U;
-      d.value > -1 && ((U = c.value[d.value]) == null || U.removeAttribute("data-active"));
+      r.value > -1 && ((U = c.value[r.value]) == null || U.removeAttribute("data-active"));
     }
     function N() {
       var U;
-      d.value < 0 && (d.value = 0, s.value = (U = c.value[0]) == null ? void 0 : U.id), I();
+      r.value < 0 && (r.value = 0, s.value = (U = c.value[0]) == null ? void 0 : U.id), I();
     }
     function G(U) {
       U ? te() : he();
     }
     function te() {
       var U, K;
-      a.multiselect || (r.value = c.value.findIndex(
+      a.multiselect || (d.value = c.value.findIndex(
         // valueIdKey will only be present if value is an object
         (ie) => ie.dataset.valueIdKey ? ie.id === Cn(a.optionsId, o.value, ie.dataset.valueIdKey) : ie.dataset.value === String(o.value)
-      ), !a.multiselect && r.value > -1 && ((U = c.value[r.value]) == null || U.setAttribute("data-selected", ""), (K = c.value[r.value]) == null || K.setAttribute("aria-selected", "true")), d.value = r.value);
+      ), !a.multiselect && d.value > -1 && ((U = c.value[d.value]) == null || U.setAttribute("data-selected", ""), (K = c.value[d.value]) == null || K.setAttribute("aria-selected", "true")), r.value = d.value);
     }
     function he() {
       c.value.forEach((U) => {
         U.removeAttribute("data-selected"), U.setAttribute("aria-selected", "false");
-      }), E(), r.value = -1, d.value = -1, s.value = null;
+      }), E(), d.value = -1, r.value = -1, s.value = null;
     }
     function $e(U) {
       var ie;
@@ -3962,7 +3970,7 @@ const No = {
       U.dataset.valueType == "number" && (K = Number(K)), s.value = U.id, E(), i("update:modelValue", K), i("close");
     }
     function ge(U) {
-      $e(c.value[d.value]), U.preventDefault();
+      $e(c.value[r.value]), U.preventDefault();
     }
     function Ie(U) {
       if (k.value)
@@ -3985,10 +3993,10 @@ const No = {
       let K;
       switch (U) {
         case "up":
-          K = d.value - 1 < 0 ? c.value.length - 1 : d.value - 1;
+          K = r.value - 1 < 0 ? c.value.length - 1 : r.value - 1;
           break;
         case "down":
-          K = (d.value + 1) % c.value.length;
+          K = (r.value + 1) % c.value.length;
           break;
         case "home":
           K = 0;
@@ -4006,10 +4014,10 @@ const No = {
       ie > -1 && Oe(ie, !1);
     }
     function Oe(U, K = !0) {
-      E(), d.value = U, document.activeElement !== u.value && K ? u.value.focus() : I();
+      E(), r.value = U, document.activeElement !== u.value && K ? u.value.focus() : I();
     }
     return n({
-      activeIndex: d,
+      activeIndex: r,
       optionEls: c,
       optionsRef: u,
       refreshOptions: P,
@@ -4022,10 +4030,10 @@ const No = {
       "aria-live": "polite",
       class: "bs-dropdown-options",
       "data-component": "bs-dropdown-option-list",
-      "data-overflow": b.value,
+      "data-overflow": p.value,
       id: e.optionsId,
       role: "listbox",
-      tabindex: p(k) ? 0 : void 0,
+      tabindex: f(k) ? 0 : void 0,
       onBlur: E,
       onFocus: N,
       onKeydown: [
@@ -4088,11 +4096,11 @@ const No = {
     const t = e, a = n, o = C(null), i = C([]), u = C([]), s = m(() => {
       var k, y;
       return ((k = i.value) == null ? void 0 : k.length) && ((y = u.value) == null ? void 0 : y.length);
-    }), d = m(() => {
+    }), r = m(() => {
       var k, y;
       return ((k = i.value) == null ? void 0 : k.length) || ((y = u.value) == null ? void 0 : y.length);
     });
-    let r = !1;
+    let d = !1;
     Z(() => t.options, () => {
       v(t.selectedOptions);
     }), Z(
@@ -4105,32 +4113,32 @@ const No = {
     function c() {
       o.value && (o.value.refreshOptions(), o.value.optionsRef.focus());
     }
-    function b() {
+    function p() {
       o.value && (o.value.refreshOptions(), o.value.setCurrentActive());
     }
     function v(k = []) {
       var P;
       const y = ((P = k[0]) == null ? void 0 : P[t.valueIdKey]) !== void 0;
       y && (k = k.map((B) => B[t.valueIdKey]));
-      const S = new Set(k), f = [], M = [];
+      const S = new Set(k), b = [], M = [];
       t.options.forEach((B) => {
         const g = { ...B }, I = y ? B.value[t.valueIdKey] : B.value, E = `${t.optionsId}-${I}-cb`;
-        S.has(y ? B.value[t.valueIdKey] : B.value) ? (g.checkbox = { inputId: E, checked: !0 }, f.push(g)) : (g.checkbox = { inputId: E, checked: !1 }, M.push(g));
-      }), i.value = f, Re(() => {
+        S.has(y ? B.value[t.valueIdKey] : B.value) ? (g.checkbox = { inputId: E, checked: !0 }, b.push(g)) : (g.checkbox = { inputId: E, checked: !1 }, M.push(g));
+      }), i.value = b, Re(() => {
         u.value = M, Re(() => {
-          r && b(), r = !1;
+          d && p(), d = !1;
         });
       });
     }
     function $(k = []) {
       const y = new Set(k), S = [];
-      return t.options.forEach((f) => {
-        y.has(f.value) && S.push(f.value);
+      return t.options.forEach((b) => {
+        y.has(b.value) && S.push(b.value);
       }), S;
     }
     function O(k) {
       let y = [];
-      t.selectedOptions.includes(k) ? (y = t.selectedOptions.filter((S) => S !== k), a("uncheck-option", k)) : (y = $([...t.selectedOptions, k]), a("check-option", k)), r = !0, a("update:selectedOptions", y);
+      t.selectedOptions.includes(k) ? (y = t.selectedOptions.filter((S) => S !== k), a("uncheck-option", k)) : (y = $([...t.selectedOptions, k]), a("check-option", k)), d = !0, a("update:selectedOptions", y);
     }
     return (k, y) => (l(), D(st, {
       ref_key: "optlist",
@@ -4146,7 +4154,7 @@ const No = {
       "onUpdate:modelValue": O
     }, {
       default: q(() => [
-        d.value ? (l(), h(J, { key: 0 }, [
+        r.value ? (l(), h(J, { key: 0 }, [
           R(_e, {
             options: i.value,
             "show-no-options": !1,
@@ -4293,20 +4301,20 @@ const No = {
   setup(e, { emit: n }) {
     const t = e, a = n;
     let o = null;
-    const [i, u] = re(2), s = C(!1), d = C(""), r = m(() => t.selectedOptions.length), c = m(
+    const [i, u] = re(2), s = C(!1), r = C(""), d = m(() => t.selectedOptions.length), c = m(
       () => t.multiselect ? xn : st
-    ), b = m(() => t.optionsId || u.value), v = m(() => t.toggleId || i.value), $ = m(() => d.value ? t.options.filter(
-      (N) => N.label.toLowerCase().startsWith(d.value.toLowerCase())
+    ), p = m(() => t.optionsId || u.value), v = m(() => t.toggleId || i.value), $ = m(() => r.value ? t.options.filter(
+      (N) => N.label.toLowerCase().startsWith(r.value.toLowerCase())
     ) : t.options), O = m(() => t.filter ? $.value : t.options), k = () => o || (o = document.getElementById(v.value));
     function y() {
       const N = document.activeElement;
-      return !N || N.tagName === "BODY" || N.id === b.value;
+      return !N || N.tagName === "BODY" || N.id === p.value;
     }
     function S() {
       var N, G;
       s.value = !1, a("close"), y() && ((G = (N = k()) == null ? void 0 : N.focus) == null || G.call(N));
     }
-    function f() {
+    function b() {
       s.value && S();
     }
     function M() {
@@ -4324,10 +4332,10 @@ const No = {
       t.multiselect || (a("update:selectedOption", N), S());
     }
     function I() {
-      d.value = "";
+      r.value = "";
     }
     function E(N) {
-      d.value = N;
+      r.value = N;
     }
     return (N, G) => (l(), h("div", {
       class: "bs-dropdown-with-toggle",
@@ -4335,18 +4343,18 @@ const No = {
     }, [
       z(N.$slots, "toggle", {
         anchorId: e.anchorId,
-        optionsId: b.value,
+        optionsId: p.value,
         toggleId: v.value
       }, () => [
         R(ei, {
-          "aria-controls": b.value,
+          "aria-controls": p.value,
           "aria-expanded": e.open,
           disabled: e.disabled,
           id: v.value,
           open: e.open,
-          "options-id": b.value,
+          "options-id": p.value,
           size: e.toggleSize,
-          "badge-count": e.showBadgeCount && e.multiselect ? r.value : void 0,
+          "badge-count": e.showBadgeCount && e.multiselect ? d.value : void 0,
           onClick: G[0] || (G[0] = (te) => N.$emit("toggled"))
         }, {
           label: q(() => [
@@ -4367,7 +4375,7 @@ const No = {
         shown: e.open,
         "use-mobile-style": e.useMobileStyle,
         width: e.dropdownWidth,
-        onClose: f,
+        onClose: b,
         onEnter: M,
         onAfterLeave: I
       }, {
@@ -4375,23 +4383,23 @@ const No = {
           e.filter ? (l(), h("div", hi, [
             R(On, {
               "aria-label": e.filterLabel,
-              "model-value": d.value,
+              "model-value": r.value,
               placeholder: e.filterPlaceholder,
               "onUpdate:modelValue": E,
               onClear: I
             }, null, 8, ["aria-label", "model-value", "placeholder"])
           ])) : x("", !0),
-          R(p(c), {
+          R(f(c), {
             class: ve({ "filterable-options": e.filter }),
             label: e.dropdownLabel,
             "model-value": e.selectedOption,
             options: e.multiselect ? O.value : void 0,
-            "options-id": b.value,
+            "options-id": p.value,
             "selected-options": e.selectedOptions,
             shown: e.open,
             "value-id-key": e.valueIdKey,
             onCheckOption: B,
-            onClose: G[1] || (G[1] = (te) => e.multiselect ? void 0 : f()),
+            onClose: G[1] || (G[1] = (te) => e.multiselect ? void 0 : b()),
             onOptionsListShiftTab: G[2] || (G[2] = (te) => N.$emit("options-list-shift-tab")),
             onOptionsListTab: G[3] || (G[3] = (te) => N.$emit("options-list-tab")),
             onUncheckOption: P,
@@ -4490,10 +4498,10 @@ const No = {
   },
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: n }) {
-    const t = e, a = n, [o, i, u] = re(3), s = C(!1), d = C(!1), r = C(null), c = m(() => t.inputId || o.value);
-    let b = null;
+    const t = e, a = n, [o, i, u] = re(3), s = C(!1), r = C(!1), d = C(null), c = m(() => t.inputId || o.value);
+    let p = null;
     function v() {
-      return b || (b = r.value.$el.querySelector("input")), b;
+      return p || (p = d.value.$el.querySelector("input")), p;
     }
     function $(P) {
       a("combobox:change", P.target.value), a("update:modelValue", P.target.value);
@@ -4505,19 +4513,19 @@ const No = {
       a("combobox:input", P.target.value), t.updateOnInput && a("update:modelValue", P.target.value);
     }
     function y() {
-      s.value = !1, document.activeElement !== v() && (d.value = !0);
+      s.value = !1, document.activeElement !== v() && (r.value = !0);
     }
     function S() {
-      d.value = !0;
+      r.value = !0;
     }
-    function f() {
-      s.value = !0, d.value = !1;
+    function b() {
+      s.value = !0, r.value = !1;
     }
     function M() {
-      d.value ? d.value = !1 : s.value = !0;
+      r.value ? r.value = !1 : s.value = !0;
     }
     return (P, B) => (l(), D(An, {
-      "anchor-id": p(i),
+      "anchor-id": f(i),
       disabled: e.disabled,
       "dropdown-position": e.dropdownPosition,
       "dropdown-width": e.dropdownWidth,
@@ -4526,7 +4534,7 @@ const No = {
       multiselect: !1,
       open: s.value,
       options: e.options,
-      "options-id": p(u),
+      "options-id": f(u),
       "selected-option": e.modelValue,
       "toggle-id": P.$attrs.id || c.value,
       "use-mobile-style": e.useMobileStyle,
@@ -4538,15 +4546,15 @@ const No = {
       toggle: q(() => [
         R(Jo, H({
           ref_key: "inputComboboxRef",
-          ref: r,
+          ref: d,
           id: P.$attrs.id || c.value,
-          "container-id": p(i),
+          "container-id": f(i),
           disabled: e.disabled,
           error: e.error,
           "hint-id": e.hintId,
           "model-value": e.displayValue || e.modelValue,
           open: s.value,
-          "options-id": p(u),
+          "options-id": f(u),
           placeholder: e.placeholder,
           required: e.required,
           onChange: $,
@@ -4554,7 +4562,7 @@ const No = {
           onInput: k,
           onInputFocus: M,
           onInputMousedown: S,
-          onInputMouseup: f,
+          onInputMouseup: b,
           onInputShiftTab: B[0] || (B[0] = (g) => s.value = !1),
           onToggled: B[1] || (B[1] = (g) => s.value = !s.value)
         }, P.$attrs), null, 16, ["id", "container-id", "disabled", "error", "hint-id", "model-value", "open", "options-id", "placeholder", "required"])
@@ -4638,16 +4646,16 @@ const No = {
   },
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: n }) {
-    const t = e, [a, o] = re(2), { filtered: i, remaining: u } = ye(["class", "style"]), s = m(() => t.error && t.errorMsg || t.hint || void 0), d = m(() => t.inputId || a.value);
-    return (r, c) => (l(), h("div", H({ "data-component": "bs-dropdown-combobox-field" }, p(i)), [
-      e.label || r.$slots.label ? (l(), D(pe, {
+    const t = e, [a, o] = re(2), { filtered: i, remaining: u } = ye(["class", "style"]), s = m(() => t.error && t.errorMsg || t.hint || void 0), r = m(() => t.inputId || a.value);
+    return (d, c) => (l(), h("div", H({ "data-component": "bs-dropdown-combobox-field" }, f(i)), [
+      e.label || d.$slots.label ? (l(), D(pe, {
         key: 0,
-        for: r.$attrs.id || d.value,
+        for: d.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: q(() => [
-          z(r.$slots, "label", {}, () => [
+          z(d.$slots, "label", {}, () => [
             _(V(e.label), 1)
           ])
         ]),
@@ -4661,8 +4669,8 @@ const No = {
         error: e.error,
         "helper-text": e.helperText,
         "helper-description": e.helperDescription,
-        "hint-id": p(o),
-        "input-id": r.$attrs.id || d.value,
+        "hint-id": f(o),
+        "input-id": d.$attrs.id || r.value,
         "model-value": e.modelValue,
         options: e.options,
         placeholder: e.placeholder,
@@ -4670,16 +4678,16 @@ const No = {
         "update-on-input": e.updateOnInput,
         "use-mobile-style": e.useMobileStyle,
         "value-id-key": e.valueIdKey,
-        "onCombobox:change": c[0] || (c[0] = (b) => r.$emit("combobox:change", b)),
-        "onCombobox:input": c[1] || (c[1] = (b) => r.$emit("combobox:input", b)),
-        "onUpdate:modelValue": c[2] || (c[2] = (b) => r.$emit("update:modelValue", b))
-      }, p(u)), 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", "use-mobile-style", "value-id-key"]),
+        "onCombobox:change": c[0] || (c[0] = (p) => d.$emit("combobox:change", p)),
+        "onCombobox:input": c[1] || (c[1] = (p) => d.$emit("combobox:input", p)),
+        "onUpdate:modelValue": c[2] || (c[2] = (p) => d.$emit("update:modelValue", p))
+      }, f(u)), 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", "use-mobile-style", "value-id-key"]),
       s.value ? (l(), D(ze, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint,
-        "hint-id": p(o)
+        "hint-id": f(o)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16));
   }
@@ -4768,7 +4776,7 @@ const No = {
     function u() {
       a.value && (a.value = !1, t("close"));
     }
-    return (s, d) => (l(), D(p(lt), {
+    return (s, r) => (l(), D(f(lt), {
       "anchor-id": e.anchorId,
       breakout: e.breakout,
       "container-id": e.containerId,
@@ -4780,12 +4788,12 @@ const No = {
       "use-mobile-style": e.useMobileStyle,
       width: e.width,
       onClose: u,
-      onAfterEnter: d[0] || (d[0] = (r) => t("after-enter")),
+      onAfterEnter: r[0] || (r[0] = (d) => t("after-enter")),
       onEnter: o,
-      onAfterLeave: d[1] || (d[1] = (r) => t("after-leave"))
+      onAfterLeave: r[1] || (r[1] = (d) => t("after-leave"))
     }, {
       default: q(() => [
-        R(p(st), {
+        R(f(st), {
           label: e.label,
           "model-value": e.modelValue,
           "options-id": e.optionsId,
@@ -4900,29 +4908,29 @@ const No = {
   setup(e, { emit: n }) {
     const t = e;
     W(t, "center", "position"), W(t, "enterControlled", "preloaded"), W(t, "enterTrigger", "shown"), W(t, "leaveTrigger", "shown"), W(t, "right", "position"), W(t, "selectedValue", void 0, "Use 'modelValue' (or 'v-model') instead"), W(t, "toggleId", "anchorId"), W(t, "top", "position");
-    const a = n, { transition: o } = We(t), i = m(() => t.width === "toggle" ? "anchor" : t.width), u = m(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), s = m(() => t.toggleId ? t.toggleId : t.anchorId), d = m(() => t.selectedValue || t.modelValue);
-    function r(c) {
+    const a = n, { transition: o } = We(t), i = m(() => t.width === "toggle" ? "anchor" : t.width), u = m(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), s = m(() => t.toggleId ? t.toggleId : t.anchorId), r = m(() => t.selectedValue || t.modelValue);
+    function d(c) {
       a("update:modelValue", c);
     }
-    return (c, b) => (l(), D(mi, {
+    return (c, p) => (l(), D(mi, {
       "anchor-id": s.value,
       breakout: e.breakout,
       "container-id": e.containerId,
       "helper-description": e.helperDescription,
       "helper-text": e.helperText,
       label: e.label,
-      "model-value": d.value,
+      "model-value": r.value,
       "options-id": e.optionsId,
       position: u.value,
       preloaded: e.preloaded,
       "prevent-tab": e.preventTab,
-      shown: p(o),
+      shown: f(o),
       "use-mobile-style": e.useMobileStyle,
       width: i.value,
-      onClose: b[0] || (b[0] = (v) => a("close")),
-      onAfterEnter: b[1] || (b[1] = (v) => a("after-enter")),
-      onAfterLeave: b[2] || (b[2] = (v) => a("after-leave")),
-      "onUpdate:modelValue": r
+      onClose: p[0] || (p[0] = (v) => a("close")),
+      onAfterEnter: p[1] || (p[1] = (v) => a("after-enter")),
+      onAfterLeave: p[2] || (p[2] = (v) => a("after-leave")),
+      "onUpdate:modelValue": d
     }, {
       default: q(() => [
         z(c.$slots, "default")
@@ -4945,12 +4953,12 @@ const No = {
     }, [
       w("div", gi, [
         z(u.$slots, "icon", {}, () => [
-          typeof o.value == "string" ? (l(), D(p(ce), {
+          typeof o.value == "string" ? (l(), D(f(ce), {
             key: 0,
             name: o.value,
             size: "auto",
-            onLoading: s[0] || (s[0] = (d) => a.value = !1),
-            onLoaded: s[1] || (s[1] = (d) => a.value = !0)
+            onLoading: s[0] || (s[0] = (r) => a.value = !1),
+            onLoaded: s[1] || (s[1] = (r) => a.value = !0)
           }, null, 8, ["name"])) : (l(), D(ae(o.value), {
             key: 1,
             size: "auto"
@@ -5009,11 +5017,11 @@ const No = {
     const t = e, a = n, o = C(null), i = m(() => document.getElementById(t.toggleId));
     Et([o, i], u), Ae(["Escape"], u);
     function u() {
-      var d;
-      const s = ((d = o.value) == null ? void 0 : d.querySelector('[data-shown="true"]')) !== null;
+      var r;
+      const s = ((r = o.value) == null ? void 0 : r.querySelector('[data-shown="true"]')) !== null;
       t.shown && !s && a("close");
     }
-    return (s, d) => (l(), D(Ge, {
+    return (s, r) => (l(), D(Ge, {
       name: "bs-flyout",
       preloaded: e.preloaded,
       shown: e.shown
@@ -5036,7 +5044,7 @@ const No = {
               "aria-label": "Close",
               onClick: u
             }, [
-              R(p(ke))
+              R(f(ke))
             ])
           ]),
           z(s.$slots, "default")
@@ -5079,38 +5087,38 @@ const No = {
       "[tabindex]",
       '[contenteditable="true"]'
     ], u = m(() => {
-      let b = "";
+      let p = "";
       return i.forEach((v) => {
-        b += `${t.selectorPrefix}${v}:not([disabled]):not([tabindex="-1"]),`;
-      }), b = b.slice(0, -1), b;
+        p += `${t.selectorPrefix}${v}:not([disabled]):not([tabindex="-1"]),`;
+      }), p = p.slice(0, -1), p;
     });
     ee(() => {
       t.active && window.addEventListener("keydown", s);
     }), tt(() => {
       window.removeEventListener("keydown", s);
-    }), Z(() => t.active, (b) => {
-      b ? window.addEventListener("keydown", s) : window.removeEventListener("keydown", s);
+    }), Z(() => t.active, (p) => {
+      p ? window.addEventListener("keydown", s) : window.removeEventListener("keydown", s);
     });
-    function s(b) {
-      if (b.key === "Tab") {
+    function s(p) {
+      if (p.key === "Tab") {
         const v = o.value.querySelectorAll(u.value), $ = v[0], O = v[v.length - 1];
-        document.activeElement === $ && b.shiftKey ? d(b, O) : document.activeElement === O && !b.shiftKey ? r(b, $) : o.value.contains(document.activeElement) || c(b, $);
+        document.activeElement === $ && p.shiftKey ? r(p, O) : document.activeElement === O && !p.shiftKey ? d(p, $) : o.value.contains(document.activeElement) || c(p, $);
       }
     }
-    function d(b, v) {
-      b.preventDefault(), t.preventFirstShiftTab || v.focus(), a("first-shift-tab", b);
+    function r(p, v) {
+      p.preventDefault(), t.preventFirstShiftTab || v.focus(), a("first-shift-tab", p);
     }
-    function r(b, v) {
-      b.preventDefault(), t.preventLastTab || v.focus(), a("last-tab", b);
+    function d(p, v) {
+      p.preventDefault(), t.preventLastTab || v.focus(), a("last-tab", p);
     }
-    function c(b, v) {
-      b.preventDefault(), v.focus();
+    function c(p, v) {
+      p.preventDefault(), v.focus();
     }
-    return (b, v) => (l(), h("div", {
+    return (p, v) => (l(), h("div", {
       ref_key: "focusGuard",
       ref: o
     }, [
-      z(b.$slots, "default")
+      z(p.$slots, "default")
     ], 512));
   }
 }, Bi = ["data-inactive"], Ti = { class: "bs-form-container-header-wrapper" }, Ci = { class: "bs-form-container-header" }, Di = { class: "bs-form-container-title-wrapper" }, Oi = {
@@ -5129,7 +5137,7 @@ const No = {
           w("div", Di, [
             n.icon || n.$slots.icon ? (l(), h("div", Oi, [
               z(n.$slots, "icon", {}, () => [
-                typeof n.icon == "string" ? (l(), D(p(ce), {
+                typeof n.icon == "string" ? (l(), D(f(ce), {
                   key: 0,
                   name: n.icon,
                   size: "auto"
@@ -5182,34 +5190,38 @@ const No = {
 };
 function Lt(e) {
   const n = C({}), t = m(() => Wn(e.navData));
-  function a(r) {
-    t.value.forEach((c) => {
-      var b;
-      ((b = c.navItems) == null ? void 0 : b.length) > 0 && !c.dividerOnly && (n.value[c.id] = r);
+  function a(c) {
+    t.value.forEach((p) => {
+      var v;
+      ((v = p.navItems) == null ? void 0 : v.length) > 0 && !p.dividerOnly && (n.value[p.id] = c);
     });
   }
-  function o(r) {
-    const c = d(r);
-    return typeof c == "string" && c.startsWith("http");
+  function o(c) {
+    const p = r(c);
+    return typeof p == "string" && p.startsWith("http");
   }
-  function i(r) {
-    const c = d(r);
-    return o(r) ? window.location.href.startsWith(c) : e.router ? c && e.router.resolve(c).path === e.router.currentRoute.value.path : !1;
+  function i(c) {
+    const p = r(c);
+    return o(c) ? window.location.href.startsWith(p) : e.router ? p && e.router.resolve(p).path === e.router.currentRoute.value.path : !1;
   }
-  function u(r) {
-    return r.dividerOnly ? !0 : !n.value[r.id];
+  function u(c) {
+    return c.dividerOnly ? !0 : !n.value[c.id];
   }
-  function s(r) {
-    return u(r) ? `Collapse ${r.text} Section` : `Expand ${r.text} Section`;
+  function s(c) {
+    return u(c) ? `Collapse ${c.text} Section` : `Expand ${c.text} Section`;
   }
-  function d(r) {
-    var c;
-    return r.to ? r.to : (c = r.resource) != null && c.url ? r.resource.url : null;
+  function r(c) {
+    var p;
+    return c.to ? c.to : (p = c.resource) != null && p.url ? c.resource.url : null;
+  }
+  function d(c) {
+    return c.target ? c.target : "_self";
   }
   return {
     collapsedSections: n,
     getExpandButtonTitle: s,
-    getTo: d,
+    getTarget: d,
+    getTo: r,
     initializeSections: a,
     isAbsoluteTo: o,
     isActivePath: i,
@@ -5217,7 +5229,7 @@ function Lt(e) {
     rawNavData: t
   };
 }
-const Li = ["aria-current", "data-active", "href"], Me = {
+const Li = ["aria-current", "data-active", "href", "target"], Me = {
   __name: "NavigationLink",
   props: {
     item: {
@@ -5231,29 +5243,31 @@ const Li = ["aria-current", "data-active", "href"], Me = {
   },
   emits: ["nav-link-clicked"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { isAbsoluteTo: o, isActivePath: i, getTo: u } = Lt(t);
-    return (s, d) => {
-      const r = en("router-link");
-      return p(o)(e.item) ? (l(), h("a", {
+    const t = e, a = n, { isAbsoluteTo: o, isActivePath: i, getTo: u, getTarget: s } = Lt(t);
+    return (r, d) => {
+      const c = en("router-link");
+      return f(o)(e.item) ? (l(), h("a", {
         key: 0,
-        "aria-current": p(i)(e.item) || void 0,
-        "data-active": p(i)(e.item),
-        href: p(u)(e.item),
-        onClick: d[0] || (d[0] = (c) => a("nav-link-clicked", c))
+        "aria-current": f(i)(e.item) || void 0,
+        "data-active": f(i)(e.item),
+        href: f(u)(e.item),
+        target: f(s)(e.item),
+        onClick: d[0] || (d[0] = (p) => a("nav-link-clicked", p))
       }, [
-        z(s.$slots, "default")
-      ], 8, Li)) : (l(), D(r, {
+        z(r.$slots, "default")
+      ], 8, Li)) : (l(), D(c, {
         key: 1,
-        "aria-current": p(i)(e.item) || void 0,
-        "data-active": p(i)(e.item),
-        to: p(u)(e.item),
-        onClick: d[1] || (d[1] = (c) => a("nav-link-clicked", c))
+        "aria-current": f(i)(e.item) || void 0,
+        "data-active": f(i)(e.item),
+        to: f(u)(e.item),
+        target: f(s)(e.item),
+        onClick: d[1] || (d[1] = (p) => a("nav-link-clicked", p))
       }, {
         default: q(() => [
-          z(s.$slots, "default")
+          z(r.$slots, "default")
         ]),
         _: 3
-      }, 8, ["aria-current", "data-active", "to"]));
+      }, 8, ["aria-current", "data-active", "to", "target"]));
     };
   }
 }, Vi = ["data-shown", "data-hide-toggle"], Mi = ["aria-expanded", "aria-controls", "title"], Ni = { class: "bs-horizontal-nav-mobile-toggle-title" }, qi = ["id"], Ri = ["data-expanded"], ji = ["aria-expanded", "aria-controls", "data-active", "title", "onClick"], Fi = { class: "bs-horizontal-nav-mobile-nested-menu" }, Ui = { key: 1 }, Wi = {
@@ -5278,108 +5292,108 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       getExpandButtonTitle: i,
       initializeSections: u,
       isActivePath: s,
-      isExpanded: d,
-      rawNavData: r
+      isExpanded: r,
+      rawNavData: d
     } = Lt(t), c = St();
-    Fe("(max-width: 1165px)", (f) => {
-      b.value = f.matches;
+    Fe("(max-width: 1165px)", (b) => {
+      p.value = b.matches;
     });
-    const b = C(!1), v = C(!1);
+    const p = C(!1), v = C(!1);
     _t(() => {
       u(!0);
     }), ee(() => {
       v.value = t.mobileOpen;
     }), Z(() => t.navData, () => {
       u(!0);
-    }), Z(() => t.mobileOpen, (f) => {
-      v.value = f;
-    }), Z(v, (f) => {
-      f ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", a("mobile-toggle", f);
-    }), Z(b, (f, M) => {
-      f !== M && (v.value = !1, y());
+    }), Z(() => t.mobileOpen, (b) => {
+      v.value = b;
+    }), Z(v, (b) => {
+      b ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", a("mobile-toggle", b);
+    }), Z(p, (b, M) => {
+      b !== M && (v.value = !1, y());
     });
-    function $(f) {
-      o.value[f] = !o.value[f], Object.keys(o.value).forEach((M) => {
-        M !== f && (o.value[M] = !0);
+    function $(b) {
+      o.value[b] = !o.value[b], Object.keys(o.value).forEach((M) => {
+        M !== b && (o.value[M] = !0);
       });
     }
     function O() {
       return v.value ? "Close Menu" : "Open Menu";
     }
-    function k(f) {
-      return f.navItems.some((M) => s(M));
+    function k(b) {
+      return b.navItems.some((M) => s(M));
     }
     function y() {
-      Object.keys(o.value).forEach((f) => {
-        o.value[f] = !0;
+      Object.keys(o.value).forEach((b) => {
+        o.value[b] = !0;
       });
     }
-    function S(f, M) {
-      f.ctrlKey || f.metaKey || $(M.id), a("nav-link-clicked", { ev: f, payload: M });
+    function S(b, M) {
+      b.ctrlKey || b.metaKey || $(M.id), a("nav-link-clicked", { ev: b, payload: M });
     }
-    return (f, M) => {
+    return (b, M) => {
       const P = en("router-link");
-      return b.value ? (l(), h("nav", {
+      return p.value ? (l(), h("nav", {
         key: 0,
         class: "bs-horizontal-nav-mobile",
         "data-shown": v.value,
-        "data-hide-toggle": f.hideMobileToggle
+        "data-hide-toggle": b.hideMobileToggle
       }, [
-        f.hideMobileToggle ? x("", !0) : (l(), h("button", {
+        b.hideMobileToggle ? x("", !0) : (l(), h("button", {
           key: 0,
           type: "button",
           class: "bs-horizontal-nav-mobile-toggle",
-          "aria-expanded": f.mobileOpen,
-          "aria-controls": `horizontal-nav-mobile-${p(c)}`,
+          "aria-expanded": b.mobileOpen,
+          "aria-controls": `horizontal-nav-mobile-${f(c)}`,
           title: O(),
           onClick: M[0] || (M[0] = (B) => v.value = !v.value)
         }, [
           w("div", Ni, [
-            typeof f.titleIcon == "string" ? (l(), D(p(ce), {
+            typeof b.titleIcon == "string" ? (l(), D(f(ce), {
               key: 0,
               class: "bs-horizontal-nav-mobile-toggle-title-icon",
-              name: f.titleIcon
-            }, null, 8, ["name"])) : (l(), D(ae(f.titleIcon), {
+              name: b.titleIcon
+            }, null, 8, ["name"])) : (l(), D(ae(b.titleIcon), {
               key: 1,
               class: "bs-horizontal-nav-mobile-toggle-title-icon"
             })),
-            w("span", null, V(f.mobileToggleText), 1)
+            w("span", null, V(b.mobileToggleText), 1)
           ]),
-          R(p(Ve), { class: "bs-horizontal-nav-mobile-toggle-caret" })
+          R(f(Ve), { class: "bs-horizontal-nav-mobile-toggle-caret" })
         ], 8, Mi)),
         R(wt, { name: "bs-horizontal-nav-mobile" }, {
           default: q(() => [
             fe(w("div", {
               class: "bs-horizontal-nav-mobile-menu",
-              id: `horizontal-nav-mobile-${p(c)}`
+              id: `horizontal-nav-mobile-${f(c)}`
             }, [
               w("ul", null, [
-                (l(!0), h(J, null, de(p(r), (B) => {
+                (l(!0), h(J, null, de(f(d), (B) => {
                   var g;
                   return l(), h(J, {
                     key: B.id
                   }, [
                     ((g = B.navItems) == null ? void 0 : g.length) > 0 ? (l(), h("li", {
                       key: 0,
-                      "data-expanded": p(d)(B)
+                      "data-expanded": f(r)(B)
                     }, [
                       w("button", {
                         type: "button",
                         class: "bs-horizontal-nav-mobile-nested-toggle",
-                        "aria-expanded": p(d)(B),
+                        "aria-expanded": f(r)(B),
                         "aria-controls": `${B.id}-nested-menu`,
                         "data-active": k(B),
-                        title: p(i)(B),
+                        title: f(i)(B),
                         onClick: (I) => $(B.id)
                       }, [
                         w("span", null, V(B.text), 1),
-                        R(p(Ve), { class: "bs-horizontal-nav-mobile-nested-toggle-caret" })
+                        R(f(Ve), { class: "bs-horizontal-nav-mobile-nested-toggle-caret" })
                       ], 8, ji),
                       w("ul", Fi, [
                         (l(!0), h(J, null, de(B.navItems, (I) => (l(), h("li", null, [
                           R(Me, {
                             item: I,
-                            router: f.router,
+                            router: b.router,
                             onNavLinkClicked: (E) => a("nav-link-clicked", { ev: E, payload: I })
                           }, {
                             default: q(() => [
@@ -5392,7 +5406,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
                     ], 8, Ri)) : (l(), h("li", Ui, [
                       R(Me, {
                         item: B,
-                        router: f.router,
+                        router: b.router,
                         onNavLinkClicked: (I) => a("nav-link-clicked", { ev: I, payload: B })
                       }, {
                         default: q(() => [
@@ -5404,43 +5418,43 @@ const Li = ["aria-current", "data-active", "href"], Me = {
                   ], 64);
                 }), 128))
               ]),
-              f.$slots["end-items"] ? (l(), h("div", Wi, [
-                z(f.$slots, "end-items")
+              b.$slots["end-items"] ? (l(), h("div", Wi, [
+                z(b.$slots, "end-items")
               ])) : x("", !0)
             ], 8, qi), [
-              [be, f.mobileOpen]
+              [be, b.mobileOpen]
             ])
           ]),
           _: 3
         })
       ], 8, Vi)) : (l(), h("div", Ki, [
         w("nav", null, [
-          !f.title && f.titleIcon ? (l(), h(J, { key: 0 }, [
-            typeof f.titleIcon == "string" ? (l(), D(p(ce), {
+          !b.title && b.titleIcon ? (l(), h(J, { key: 0 }, [
+            typeof b.titleIcon == "string" ? (l(), D(f(ce), {
               key: 0,
               class: "bs-horizontal-nav-title-icon",
-              name: f.titleIcon
-            }, null, 8, ["name"])) : (l(), D(ae(f.titleIcon), {
+              name: b.titleIcon
+            }, null, 8, ["name"])) : (l(), D(ae(b.titleIcon), {
               key: 1,
               class: "bs-horizontal-nav-title-icon"
             }))
           ], 64)) : x("", !0),
           w("ul", null, [
-            f.title ? (l(), h("li", Hi, [
-              f.titleUrl ? (l(), D(P, {
+            b.title ? (l(), h("li", Hi, [
+              b.titleUrl ? (l(), D(P, {
                 key: 0,
-                "aria-current": p(s)({ to: f.titleUrl }) || void 0,
-                to: f.titleUrl,
-                "data-active": p(s)({ to: f.titleUrl }),
-                onClick: M[1] || (M[1] = (B) => a("nav-link-clicked", { ev: B, payload: { resource: { url: f.titleUrl }, text: f.title } }))
+                "aria-current": f(s)({ to: b.titleUrl }) || void 0,
+                to: b.titleUrl,
+                "data-active": f(s)({ to: b.titleUrl }),
+                onClick: M[1] || (M[1] = (B) => a("nav-link-clicked", { ev: B, payload: { resource: { url: b.titleUrl }, text: b.title } }))
               }, {
                 default: q(() => [
-                  w("span", null, V(f.title), 1)
+                  w("span", null, V(b.title), 1)
                 ]),
                 _: 1
-              }, 8, ["aria-current", "to", "data-active"])) : (l(), h("span", Gi, V(f.title), 1))
+              }, 8, ["aria-current", "to", "data-active"])) : (l(), h("span", Gi, V(b.title), 1))
             ])) : x("", !0),
-            (l(!0), h(J, null, de(p(r), (B, g) => {
+            (l(!0), h(J, null, de(f(d), (B, g) => {
               var I;
               return l(), h(J, {
                 key: B.id
@@ -5450,25 +5464,25 @@ const Li = ["aria-current", "data-active", "href"], Me = {
                     id: `${B.id}-toggle`,
                     type: "button",
                     class: "bs-horizontal-nav-nested-toggle",
-                    "aria-expanded": p(d)(B),
+                    "aria-expanded": f(r)(B),
                     "aria-controls": `${B.id}-nested-section`,
                     "data-active": k(B),
-                    "data-expanded": p(d)(B),
-                    title: p(i)(B),
+                    "data-expanded": f(r)(B),
+                    title: f(i)(B),
                     onClick: (E) => $(B.id)
                   }, [
                     w("span", null, V(B.text), 1),
-                    R(p(Ve), { class: "bs-horizontal-nav-nested-toggle-caret" })
+                    R(f(Ve), { class: "bs-horizontal-nav-nested-toggle-caret" })
                   ], 8, Xi),
                   R(lt, {
                     id: `${B.id}-nested-section`,
                     class: "bs-horizontal-nav-nested-menu",
                     "anchor-id": `${B.id}-toggle`,
                     position: "right",
-                    shown: p(d)(B),
+                    shown: f(r)(B),
                     "use-mobile-style": !1,
                     width: "content",
-                    onClose: (E) => p(o)[B.id] = !0
+                    onClose: (E) => f(o)[B.id] = !0
                   }, {
                     default: q(() => [
                       w("ul", null, [
@@ -5477,7 +5491,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
                         }, [
                           R(Me, {
                             item: E,
-                            router: f.router,
+                            router: b.router,
                             onNavLinkClicked: (N) => S(N, E)
                           }, {
                             default: q(() => [
@@ -5493,7 +5507,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
                 ])) : (l(), h("li", Zi, [
                   R(Me, {
                     item: B,
-                    router: f.router,
+                    router: b.router,
                     onNavLinkClicked: (E) => a("nav-link-clicked", { ev: E, payload: B })
                   }, {
                     default: q(() => [
@@ -5505,8 +5519,8 @@ const Li = ["aria-current", "data-active", "href"], Me = {
               ], 64);
             }), 128))
           ]),
-          f.$slots["end-items"] ? (l(), h("div", Qi, [
-            z(f.$slots, "end-items")
+          b.$slots["end-items"] ? (l(), h("div", Qi, [
+            z(b.$slots, "end-items")
           ])) : x("", !0)
         ])
       ]));
@@ -5527,7 +5541,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
         ref_key: "svgWrapperRef",
         ref: n,
         class: "bs-icon-gradient-wrapper",
-        style: `fill: url(#${p(o)});`
+        style: `fill: url(#${f(o)});`
       }, i.$attrs), [
         z(i.$slots, "default")
       ], 16),
@@ -5538,7 +5552,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
         height: "0"
       }, [
         w("linearGradient", {
-          id: p(o),
+          id: f(o),
           x1: "0",
           y1: "0",
           x2: "100%",
@@ -5561,21 +5575,21 @@ const Li = ["aria-current", "data-active", "href"], Me = {
     const n = e, t = ue(Pn, null), a = m(() => (t == null ? void 0 : t.isSelected(n.value)) || n.selected), o = m(() => (t == null ? void 0 : t.props.disabled) || n.disabled), i = m(() => (t == null ? void 0 : t.props.variant) || n.variant), u = m(() => ({
       ...n,
       disabled: o.value
-    })), { rootTag: s, attrsToBind: d, btnRef: r } = Ke(u, Se(), "button");
+    })), { rootTag: s, attrsToBind: r, btnRef: d } = Ke(u, Se(), "button");
     function c(v) {
-      b();
+      p();
     }
-    function b() {
+    function p() {
       t && (a.value && !t.props.multiple || t.setModel(n.value));
     }
-    return (v, $) => (l(), D(ae(p(s)), H({
+    return (v, $) => (l(), D(ae(f(s)), H({
       ref_key: "btnRef",
-      ref: r,
+      ref: d,
       class: "bs-inline-tab",
       "data-variant": i.value,
       "data-selected": a.value || void 0,
-      "aria-pressed": p(s) === "button" ? a.value : void 0
-    }, p(d), { onClick: c }), {
+      "aria-pressed": f(s) === "button" ? a.value : void 0
+    }, f(r), { onClick: c }), {
       default: q(() => [
         z(v.$slots, "default", { isSelected: a.value })
       ]),
@@ -5601,29 +5615,29 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       setModel: u,
       isSelected: a
     });
-    function a(d) {
+    function a(r) {
       if (!t.value) return !1;
-      if (!n.multiple) return o(t.value, d);
+      if (!n.multiple) return o(t.value, r);
       if (!Array.isArray(t.value))
         throw new Error(`[BsInlineTabs] When "multiple" prop is used, v-model must be an Array. Your model: ${t.value}`);
-      return t.value.some((r) => o(r, d));
+      return t.value.some((d) => o(d, r));
     }
-    function o(d, r) {
+    function o(r, d) {
       const { matcher: c } = n;
-      return i(d) && i(r) ? typeof c == "function" ? c(d) === c(r) : d[c] === r[c] : d === r;
+      return i(r) && i(d) ? typeof c == "function" ? c(r) === c(d) : r[c] === d[c] : r === d;
     }
-    function i(d) {
-      return typeof d == "object" && d !== null && !Array.isArray(d);
+    function i(r) {
+      return typeof r == "object" && r !== null && !Array.isArray(r);
     }
-    function u(d) {
-      t.value = n.multiple ? s(d) : d;
+    function u(r) {
+      t.value = n.multiple ? s(r) : r;
     }
-    function s(d) {
-      return t.value ? a(d) ? t.value.filter((r) => !o(r, d)) : [...t.value, d] : [d];
+    function s(r) {
+      return t.value ? a(r) ? t.value.filter((d) => !o(d, r)) : [...t.value, r] : [r];
     }
-    return (d, r) => (l(), D(ae(d.as), { class: "bs-inline-tab-group" }, {
+    return (r, d) => (l(), D(ae(r.as), { class: "bs-inline-tab-group" }, {
       default: q(() => [
-        z(d.$slots, "default")
+        z(r.$slots, "default")
       ]),
       _: 3
     }));
@@ -5674,14 +5688,14 @@ const Li = ["aria-current", "data-active", "href"], Me = {
     const t = e;
     W(t, "hints", void 0, "Use 'hint' and/or 'errorMsg. instead."), W(t, "passAttrs", void 0, "Use Vue's native fallthrough attributes instead.");
     const [a, o] = re(2), { filtered: i, remaining: u } = ye(["class", "style"]), s = m(() => {
-      var c, b;
-      return ((b = (c = t.hints) == null ? void 0 : c.join) == null ? void 0 : b.call(c, `
+      var c, p;
+      return ((p = (c = t.hints) == null ? void 0 : c.join) == null ? void 0 : p.call(c, `
 `)) || t.hints;
-    }), d = m(() => t.error && t.errorMsg || t.hint || s.value || void 0), r = m(() => t.inputId || a.value);
-    return (c, b) => (l(), h("div", H({ "data-component": "bs-input-field" }, p(i)), [
+    }), r = m(() => t.error && t.errorMsg || t.hint || s.value || void 0), d = m(() => t.inputId || a.value);
+    return (c, p) => (l(), h("div", H({ "data-component": "bs-input-field" }, f(i)), [
       e.label || c.$slots.label ? (l(), D(pe, {
         key: 0,
-        for: c.$attrs.id || r.value,
+        for: c.$attrs.id || d.value,
         disabled: e.disabled,
         required: e.required
       }, {
@@ -5695,20 +5709,20 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       R(qe, H({
         disabled: e.disabled,
         error: e.error,
-        "hint-id": p(o),
-        id: c.$attrs.id || r.value,
+        "hint-id": f(o),
+        id: c.$attrs.id || d.value,
         placeholder: e.placeholder,
         required: e.required,
         type: e.type,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": b[0] || (b[0] = (v) => c.$emit("update:modelValue", v))
-      }, p(u)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
-      d.value ? (l(), D(ze, {
+        "onUpdate:modelValue": p[0] || (p[0] = (v) => c.$emit("update:modelValue", v))
+      }, f(u)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
+      r.value ? (l(), D(ze, {
         key: 1,
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || s.value,
-        "hint-id": p(o)
+        "hint-id": f(o)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16));
   }
@@ -5845,17 +5859,17 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       "Escape",
       "Home",
       "Tab"
-    ], { filtered: u, remaining: s } = ye(["class", "style"]), d = C(null), r = C(1), c = C([]), b = C(null), [
+    ], { filtered: u, remaining: s } = ye(["class", "style"]), r = C(null), d = C(1), c = C([]), p = C(null), [
       v,
       $,
       O,
       k
-    ] = re(4), y = C(!1), S = C(""), f = C(""), M = C(!1), P = C(!1), B = C(!0);
+    ] = re(4), y = C(!1), S = C(""), b = C(""), M = C(!1), P = C(!1), B = C(!0);
     n({
       validationErr: M,
-      validationErrMsg: f
+      validationErrMsg: b
     });
-    const g = m(() => S.value ? `+${r.value}${S.value}` : ""), I = m(() => `Country code: ${r.value}. Click to change.`), E = m(() => B.value ? a.errorMsg || f.value : ""), N = m(() => a.error || M.value), G = m(() => a.hint || N.value && E.value), te = m(() => B.value && N.value);
+    const g = m(() => S.value ? `+${d.value}${S.value}` : ""), I = m(() => `Country code: ${d.value}. Click to change.`), E = m(() => B.value ? a.errorMsg || b.value : ""), N = m(() => a.error || M.value), G = m(() => a.hint || N.value && E.value), te = m(() => B.value && N.value);
     Z(g, (Y) => {
       o("update:modelValue", Y), ie(Y);
     }), Z(() => a.modelValue, he), Oe(), ee(() => y.value = !0);
@@ -5864,11 +5878,11 @@ const Li = ["aria-current", "data-active", "href"], Me = {
     }
     function $e() {
       var Y;
-      P.value && (P.value = !1, (Y = d.value) == null || Y.focus());
+      P.value && (P.value = !1, (Y = r.value) == null || Y.focus());
     }
     function ge(Y) {
       var oe;
-      r.value = Y, P.value = !1, (oe = d.value) == null || oe.focus(), K(Y);
+      d.value = Y, P.value = !1, (oe = r.value) == null || oe.focus(), K(Y);
     }
     function Ie() {
       a.deferValidation && (B.value = !0), o("input-blur");
@@ -5881,28 +5895,28 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       !((le = (oe = Y.key) == null ? void 0 : oe.match) != null && le.call(oe, /[0-9]/)) && !i.includes(Y.key) && !Y.ctrlKey && !Y.metaKey && Y.preventDefault();
     }
     function Oe() {
-      dt.initSourceData(), U(), K(r.value), ie(g.value);
+      dt.initSourceData(), U(), K(d.value), ie(g.value);
     }
     function U() {
       var oe, le;
       let Y = Ft(a.modelValue);
-      Y.valid || Y.countryCode && ((le = (oe = a.modelValue) == null ? void 0 : oe.startsWith) != null && le.call(oe, "+")) ? (r.value = Y.countryCode, S.value = Y.number.significant) : S.value = a.modelValue, c.value = dt.data.allCountries.map((Pe) => ({
+      Y.valid || Y.countryCode && ((le = (oe = a.modelValue) == null ? void 0 : oe.startsWith) != null && le.call(oe, "+")) ? (d.value = Y.countryCode, S.value = Y.number.significant) : S.value = a.modelValue, c.value = dt.data.allCountries.map((Pe) => ({
         ...Pe,
-        isSelected: r.value === Pe
+        isSelected: d.value === Pe
       }));
     }
     function K(Y) {
-      b.value = dt.getCountryByCountryCode(Y);
+      p.value = dt.getCountryByCountryCode(Y);
     }
     function ie(Y) {
-      M.value = Y ? !Ft(Y).valid : !1, f.value = M.value ? "Invalid phone number" : "";
+      M.value = Y ? !Ft(Y).valid : !1, b.value = M.value ? "Invalid phone number" : "";
     }
     return (Y, oe) => (l(), h("div", H({
       class: "bs-input-phone",
       "data-component": "bs-input-phone"
-    }, p(u)), [
+    }, f(u)), [
       R(pe, {
-        for: Y.$attrs.id || e.inputId || p(k),
+        for: Y.$attrs.id || e.inputId || f(k),
         required: e.required,
         disabled: e.disabled,
         class: ve({ "visually-hidden": e.hideLabel })
@@ -5922,10 +5936,10 @@ const Li = ["aria-current", "data-active", "href"], Me = {
           var le;
           return [
             w("button", {
-              id: p(v),
+              id: f(v),
               ref_key: "countryCodesToggle",
-              ref: d,
-              "aria-controls": p($),
+              ref: r,
+              "aria-controls": f($),
               "aria-expanded": P.value,
               "aria-haspopup": "listbox",
               "aria-label": I.value,
@@ -5933,22 +5947,22 @@ const Li = ["aria-current", "data-active", "href"], Me = {
               type: "button",
               onClick: oe[0] || (oe[0] = (Pe) => P.value = !P.value)
             }, [
-              w("span", null, V((le = b.value) == null ? void 0 : le.flag), 1),
-              w("span", null, "+" + V(r.value), 1),
-              e.disabled ? x("", !0) : (l(), D(p(sn), {
+              w("span", null, V((le = p.value) == null ? void 0 : le.flag), 1),
+              w("span", null, "+" + V(d.value), 1),
+              e.disabled ? x("", !0) : (l(), D(f(sn), {
                 key: 0,
                 size: "sm"
               }))
             ], 8, tl),
             R(qe, H({
-              id: Y.$attrs.id || e.inputId || p(k),
+              id: Y.$attrs.id || e.inputId || f(k),
               disabled: e.disabled,
-              "hint-id": p(O),
+              "hint-id": f(O),
               placeholder: e.placeholder,
               value: S.value,
               "data-autowidth": "",
               type: "tel"
-            }, p(s), {
+            }, f(s), {
               onInput: we,
               onFocusout: Ie,
               onKeydown: Ee
@@ -5961,17 +5975,17 @@ const Li = ["aria-current", "data-active", "href"], Me = {
         error: N.value,
         "error-msg": E.value,
         hint: e.hint,
-        "hint-id": p(O)
+        "hint-id": f(O)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
         [be, G.value]
       ]),
       y.value ? (l(), h("div", nl, [
         R(En, {
-          "anchor-id": p(v),
+          "anchor-id": f(v),
           "helper-text": "Country Code",
           label: "Country Code",
-          "model-value": r.value,
-          "options-id": p($),
+          "model-value": d.value,
+          "options-id": f($),
           preloaded: "",
           shown: P.value,
           width: "content",
@@ -6134,19 +6148,19 @@ const Li = ["aria-current", "data-active", "href"], Me = {
   emits: ["close", "open", "update:inputValue", "update:optionsValue"],
   setup(e, { emit: n }) {
     const t = e, a = n, o = C(!1), i = C(!1), [u, s] = re(2);
-    let d = [];
+    let r = [];
     Z(() => t.inputValue, () => {
-      i.value ? i.value = !1 : f();
+      i.value ? i.value = !1 : b();
     }), Z(o, () => {
       o.value ? a("open") : a("close");
     });
-    const r = m(() => t.typeaheadId || u.value), c = m(() => t.error && t.errorMsg || t.hint || void 0), b = m(() => `${r.value}-input-container`), v = m(() => `${r.value}-input`), $ = m(() => `${r.value}-options`), O = m(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), k = m(() => {
+    const d = m(() => t.typeaheadId || u.value), c = m(() => t.error && t.errorMsg || t.hint || void 0), p = m(() => `${d.value}-input-container`), v = m(() => `${d.value}-input`), $ = m(() => `${d.value}-options`), O = m(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), k = m(() => {
       if (o.value) {
         let I = t.options;
         const E = t.inputValue.toLowerCase(), N = t.filterType === "includes" ? "includes" : "startsWith";
-        return t.inputValue.length >= t.characterThreshold && (I = y(I, E, N), I = I.slice(0, t.maxOptions), I = S(I, E, N), d = I), I;
+        return t.inputValue.length >= t.characterThreshold && (I = y(I, E, N), I = I.slice(0, t.maxOptions), I = S(I, E, N), r = I), I;
       } else
-        return d;
+        return r;
     });
     function y(I, E, N) {
       return t.internalFiltering ? I.filter((G) => G.label.toLowerCase()[N](E)) : I;
@@ -6161,7 +6175,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
         return { ...G, labelHtml: te };
       });
     }
-    function f() {
+    function b() {
       t.showDropdownOnFocus || t.inputValue.length >= t.characterThreshold ? o.value = !0 : o.value = !1;
     }
     function M() {
@@ -6195,12 +6209,12 @@ const Li = ["aria-current", "data-active", "href"], Me = {
         _: 3
       }, 8, ["for", "disabled", "required"])) : x("", !0),
       w("div", {
-        id: b.value,
+        id: p.value,
         class: "typeahead-search-wrapper"
       }, [
         R(On, H({
           "aria-controls": $.value,
-          "aria-describedby": c.value ? p(s) : void 0,
+          "aria-describedby": c.value ? f(s) : void 0,
           "aria-expanded": o.value,
           "aria-haspopup": "listbox",
           autocomplete: "off",
@@ -6214,12 +6228,12 @@ const Li = ["aria-current", "data-active", "href"], Me = {
           value: e.inputValue
         }, I.$attrs, {
           onClear: M,
-          onFocusin: f,
+          onFocusin: b,
           "onUpdate:modelValue": E[0] || (E[0] = (N) => a("update:inputValue", N))
         }), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "disabled", "error", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
       ], 8, rl),
       R(lt, {
-        "anchor-id": b.value,
+        "anchor-id": p.value,
         breakout: e.breakout,
         preloaded: !0,
         shown: o.value,
@@ -6297,7 +6311,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
           error: e.error,
           "error-msg": e.errorMsg,
           hint: e.hint,
-          "hint-id": p(s)
+          "hint-id": f(s)
         }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : x("", !0)
       ])
     ], 64));
@@ -6368,15 +6382,15 @@ const Li = ["aria-current", "data-active", "href"], Me = {
     }
     return (u, s) => (l(), D(Ge, {
       name: "bs-overlay",
-      shown: p(o),
+      shown: f(o),
       preloaded: e.preloaded,
-      onAfterEnter: s[0] || (s[0] = (d) => a("after-enter")),
-      onAfterLeave: s[1] || (s[1] = (d) => a("after-leave"))
+      onAfterEnter: s[0] || (s[0] = (r) => a("after-enter")),
+      onAfterLeave: s[1] || (s[1] = (r) => a("after-leave"))
     }, {
       default: q(() => [
         w("div", {
           class: "bs-overlay",
-          "data-shown": p(o)
+          "data-shown": f(o)
         }, null, 8, fl)
       ]),
       _: 1
@@ -6403,13 +6417,13 @@ const Li = ["aria-current", "data-active", "href"], Me = {
     W(t, "enterControlled", "preloaded"), W(t, "enterTrigger", "shown"), W(t, "leaveTrigger", "shown");
     const a = n, o = C(null);
     let i = !1;
-    const { transition: u } = We(t), [s] = re(), [d] = re(), r = et();
+    const { transition: u } = We(t), [s] = re(), [r] = re(), d = et();
     Et([o], () => k("backdrop-clicked-close")), Ae(["Escape"], () => k("escape-pressed-close"));
-    const c = m(() => !!(t.title || r.title)), b = m(() => !!(t.subtitle || r.subtitle)), v = m(() => !!r.progress), $ = m(() => !t.fullHeight && c.value), O = m(() => !t.fullHeight && !!r.footer);
+    const c = m(() => !!(t.title || d.title)), p = m(() => !!(t.subtitle || d.subtitle)), v = m(() => !!d.progress), $ = m(() => !t.fullHeight && c.value), O = m(() => !t.fullHeight && !!d.footer);
     function k(y, S = !0) {
       var M;
-      const f = S && ((M = o.value) == null ? void 0 : M.querySelector('[data-shown="true"]')) !== null;
-      i && !f && (a("close", t.modalId), a(y, t.modalId));
+      const b = S && ((M = o.value) == null ? void 0 : M.querySelector('[data-shown="true"]')) !== null;
+      i && !b && (a("close", t.modalId), a(y, t.modalId));
     }
     return (y, S) => (l(), h(J, null, [
       R(bl, {
@@ -6417,15 +6431,15 @@ const Li = ["aria-current", "data-active", "href"], Me = {
         "enter-trigger": y.enterTrigger,
         "leave-trigger": y.leaveTrigger,
         preloaded: y.preloaded,
-        shown: p(u)
+        shown: f(u)
       }, null, 8, ["enter-controlled", "enter-trigger", "leave-trigger", "preloaded", "shown"]),
       R(Ge, {
         name: "bs-modal",
         preloaded: y.preloaded,
-        shown: p(u),
-        onAfterEnter: S[2] || (S[2] = (f) => a("after-enter")),
-        onAfterLeave: S[3] || (S[3] = (f) => a("after-leave")),
-        onEnter: S[4] || (S[4] = (f) => Hn(i) ? i.value = !0 : i = !0)
+        shown: f(u),
+        onAfterEnter: S[2] || (S[2] = (b) => a("after-enter")),
+        onAfterLeave: S[3] || (S[3] = (b) => a("after-leave")),
+        onEnter: S[4] || (S[4] = (b) => Hn(i) ? i.value = !0 : i = !0)
       }, {
         default: q(() => [
           w("div", H({
@@ -6433,7 +6447,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
             id: y.modalId,
             ref_key: "modalRef",
             ref: o,
-            "aria-labelledby": y.title && !y.$attrs["aria-label"] ? p(s) : void 0,
+            "aria-labelledby": y.title && !y.$attrs["aria-label"] ? f(s) : void 0,
             "aria-modal": "true",
             "data-body-background-contrast": y.bodyBackgroundContrast,
             "data-component": "bs-modal",
@@ -6441,11 +6455,11 @@ const Li = ["aria-current", "data-active", "href"], Me = {
             "data-full-height": y.fullHeight,
             "data-full-width": y.fullWidth,
             "data-header-border": y.headerBorder,
-            "data-shown": p(u),
+            "data-shown": f(u),
             "data-size": y.size,
             role: y.alert ? "alertdialog" : "dialog"
           }, y.$attrs), [
-            R(Ii, { active: p(u) }, {
+            R(Ii, { active: f(u) }, {
               default: q(() => [
                 $.value ? (l(), h("header", vl, [
                   w("div", ml, [
@@ -6453,7 +6467,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
                       y.title ? (l(), h("span", {
                         key: 0,
                         class: "bs-modal-title",
-                        id: p(s)
+                        id: f(s)
                       }, V(y.title), 9, yl)) : x("", !0)
                     ]) : x("", !0),
                     y.closeButton ? (l(), h("button", {
@@ -6462,14 +6476,14 @@ const Li = ["aria-current", "data-active", "href"], Me = {
                       "aria-label": "Close Modal",
                       title: "Close Modal",
                       type: "button",
-                      onClick: S[0] || (S[0] = (f) => k("x-clicked-close", !1))
+                      onClick: S[0] || (S[0] = (b) => k("x-clicked-close", !1))
                     }, [
-                      R(p(ke))
+                      R(f(ke))
                     ])) : x("", !0)
                   ]),
-                  b.value ? (l(), h("div", gl, [
+                  p.value ? (l(), h("div", gl, [
                     z(y.$slots, "subtitle", {}, () => [
-                      w("span", { id: p(d) }, V(y.subtitle), 9, wl)
+                      w("span", { id: f(r) }, V(y.subtitle), 9, wl)
                     ])
                   ])) : x("", !0),
                   v.value ? (l(), h("div", kl, [
@@ -6482,9 +6496,9 @@ const Li = ["aria-current", "data-active", "href"], Me = {
                   "aria-label": "Close Modal",
                   title: "Close Modal",
                   type: "button",
-                  onClick: S[1] || (S[1] = (f) => k("x-clicked-close", !1))
+                  onClick: S[1] || (S[1] = (b) => k("x-clicked-close", !1))
                 }, [
-                  R(p(ke))
+                  R(f(ke))
                 ])) : x("", !0),
                 w("div", Sl, [
                   z(y.$slots, "default")
@@ -6613,10 +6627,10 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       if (t.variant === "base")
         return t.pageCount;
     }), s = m(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
-    function d() {
+    function r() {
       i.value = 1;
     }
-    function r() {
+    function d() {
       i.value = Math.max(i.value - 1, 1);
     }
     function c() {
@@ -6625,16 +6639,16 @@ const Li = ["aria-current", "data-active", "href"], Me = {
         u.value
       );
     }
-    function b() {
+    function p() {
       i.value = u.value;
     }
     const v = m(() => {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
       const y = [1], S = (t.pageRange - 1) / 2;
-      let f = i.value - S, M = i.value + S;
-      f < 1 && (M += 1 - f, f = 1), M > t.pageCount && (f -= M - t.pageCount, M = t.pageCount), f = Math.max(f, 2), M = Math.min(M, t.pageCount - 1), f > 2 && y.push(t.breakText);
-      for (let P = f; P <= M; P++)
+      let b = i.value - S, M = i.value + S;
+      b < 1 && (M += 1 - b, b = 1), M > t.pageCount && (b -= M - t.pageCount, M = t.pageCount), b = Math.max(b, 2), M = Math.min(M, t.pageCount - 1), b > 2 && y.push(t.breakText);
+      for (let P = b; P <= M; P++)
         y.push(P);
       return M < t.pageCount - 1 && y.push(t.breakText), y.push(t.pageCount), y;
     }), $ = m(() => `${t.centerLabel ?? "Page"} ${i.value} of ${u.value}`), O = m(() => {
@@ -6655,9 +6669,9 @@ const Li = ["aria-current", "data-active", "href"], Me = {
           "aria-label": e.firstPageText ? void 0 : "First Page",
           title: e.firstPageText,
           disabled: i.value === 1,
-          onClick: d
+          onClick: r
         }, [
-          R(p(Zn)),
+          R(f(Zn)),
           e.firstPageText ? (l(), h("span", Cl, V(e.firstPageText), 1)) : x("", !0)
         ], 10, Tl)) : x("", !0),
         w("button", {
@@ -6666,34 +6680,34 @@ const Li = ["aria-current", "data-active", "href"], Me = {
           "aria-label": e.prevPageText ? void 0 : "Previous Page",
           title: e.prevPageText,
           disabled: i.value === 1,
-          onClick: r
+          onClick: d
         }, [
-          R(p(nt)),
+          R(f(nt)),
           e.prevPageText ? (l(), h("span", Ol, V(e.prevPageText), 1)) : x("", !0)
         ], 10, Dl)
       ])) : x("", !0),
       e.variant === "base" && e.centerDisplay === "numbers" ? (l(), h("div", xl, [
-        (l(!0), h(J, null, de(v.value, (f) => (l(), h("button", {
-          key: `page-${f}-button`,
+        (l(!0), h(J, null, de(v.value, (b) => (l(), h("button", {
+          key: `page-${b}-button`,
           type: "button",
-          title: `Page ${f}`,
-          disabled: i.value === f || e.breakText === f,
-          "data-selected": f === i.value,
-          onClick: (M) => i.value = f
-        }, V(f), 9, Al))), 128))
+          title: `Page ${b}`,
+          disabled: i.value === b || e.breakText === b,
+          "data-selected": b === i.value,
+          onClick: (M) => i.value = b
+        }, V(b), 9, Al))), 128))
       ])) : x("", !0),
       t.variant === "base" && t.centerDisplay === "text" ? (l(), h("span", zl, V($.value), 1)) : x("", !0),
       t.variant === "group" ? (l(), h("span", El, V(O.value), 1)) : x("", !0),
       t.variant === "results" ? (l(), h(J, { key: 4 }, [
         S[0] || (S[0] = w("span", null, "Results Per Page:", -1)),
         w("div", Pl, [
-          (l(!0), h(J, null, de(k.value, (f) => (l(), h("button", {
+          (l(!0), h(J, null, de(k.value, (b) => (l(), h("button", {
             type: "button",
-            key: `results-${f}`,
-            "data-selected": f === i.value,
-            disabled: i.value === f || e.breakText === f,
-            onClick: (M) => i.value = f
-          }, V(f), 9, Ll))), 128))
+            key: `results-${b}`,
+            "data-selected": b === i.value,
+            disabled: i.value === b || e.breakText === b,
+            onClick: (M) => i.value = b
+          }, V(b), 9, Ll))), 128))
         ])
       ], 64)) : x("", !0),
       e.variant === "base" || e.variant === "group" ? (l(), h("div", Vl, [
@@ -6706,7 +6720,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
           onClick: c
         }, [
           e.nextPageText ? (l(), h("span", Nl, V(e.nextPageText), 1)) : x("", !0),
-          R(p(at))
+          R(f(at))
         ], 10, Ml),
         e.showFirstLastButtons ? (l(), h("button", {
           key: 0,
@@ -6715,10 +6729,10 @@ const Li = ["aria-current", "data-active", "href"], Me = {
           "aria-label": e.lastPageText ? void 0 : "Last Page",
           title: e.lastPageText,
           disabled: i.value === u.value,
-          onClick: b
+          onClick: p
         }, [
           e.lastPageText ? (l(), h("span", Rl, V(e.lastPageText), 1)) : x("", !0),
-          R(p(Qn))
+          R(f(Qn))
         ], 10, ql)) : x("", !0)
       ])) : x("", !0)
     ], 8, Il));
@@ -6749,7 +6763,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
     const n = e;
     W(n, "href", "linkTo");
     const { onLinkClick: t } = it(n), a = Se(), { rootTag: o, attrsToBind: i, btnRef: u } = Ke(n, a, "span");
-    return (s, d) => (l(), D(ae(p(o)), H({
+    return (s, r) => (l(), D(ae(f(o)), H({
       ref_key: "btnRef",
       ref: u,
       class: "bs-pill",
@@ -6758,7 +6772,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       "data-status": e.status || void 0,
       "data-variant": e.variant || void 0,
       disabled: e.disabled
-    }, p(i), { onClick: p(t) }), {
+    }, f(i), { onClick: f(t) }), {
       default: q(() => [
         w("span", { "data-truncate": e.truncate }, [
           z(s.$slots, "default")
@@ -6809,7 +6823,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       }, [
         z(o.$slots, "action", {}, () => [
           e.actionIcon ? (l(), h(J, { key: 0 }, [
-            typeof e.actionIcon == "string" ? (l(), D(p(ce), {
+            typeof e.actionIcon == "string" ? (l(), D(f(ce), {
               key: 0,
               name: e.actionIcon,
               class: "bs-icon"
@@ -6828,7 +6842,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       e.miscMeta || o.$slots.misc ? (l(), h("span", Gl, [
         z(o.$slots, "misc", {}, () => [
           e.miscMetaIcon ? (l(), h(J, { key: 0 }, [
-            typeof e.miscMetaIcon == "string" ? (l(), D(p(ce), {
+            typeof e.miscMetaIcon == "string" ? (l(), D(f(ce), {
               key: 0,
               name: e.miscMetaIcon,
               class: "bs-icon"
@@ -6849,38 +6863,38 @@ const Li = ["aria-current", "data-active", "href"], Me = {
   setup(e, { emit: n }) {
     const t = e;
     W(t, "href", "linkTo");
-    const a = n, o = Se(), { onLinkClick: i } = it(t), { rootTag: u, attrsToBind: s, btnRef: d } = Ke(t, o, "div");
-    return (r, c) => (l(), D(ae(p(u)), H({
+    const a = n, o = Se(), { onLinkClick: i } = it(t), { rootTag: u, attrsToBind: s, btnRef: r } = Ke(t, o, "div");
+    return (d, c) => (l(), D(ae(f(u)), H({
       ref_key: "btnRef",
-      ref: d,
+      ref: r,
       class: "bs-profile",
       "data-component": "bs-profile",
-      "data-layout": r.layout
-    }, p(s), { onClick: p(i) }), {
+      "data-layout": d.layout
+    }, f(s), { onClick: f(i) }), {
       default: q(() => [
         R(Dn, {
-          src: r.imageSrc,
-          size: r.imageSize,
-          initials: r.initials,
-          "profile-name": r.profileName,
+          src: d.imageSrc,
+          size: d.imageSize,
+          initials: d.initials,
+          "profile-name": d.profileName,
           "use-alt-text": !1
         }, null, 8, ["src", "size", "initials", "profile-name"]),
         R(Yl, {
-          "profile-name": r.profileName,
-          company: r.company,
-          "job-title": r.jobTitle,
-          email: r.email,
-          action: r.action,
-          "action-icon": r.actionIcon,
-          "misc-meta": r.miscMeta,
-          "misc-meta-icon": r.miscMetaIcon,
-          onActionToggled: c[0] || (c[0] = (b) => a("action-toggled"))
+          "profile-name": d.profileName,
+          company: d.company,
+          "job-title": d.jobTitle,
+          email: d.email,
+          action: d.action,
+          "action-icon": d.actionIcon,
+          "misc-meta": d.miscMeta,
+          "misc-meta-icon": d.miscMetaIcon,
+          onActionToggled: c[0] || (c[0] = (p) => a("action-toggled"))
         }, {
           action: q(() => [
-            z(r.$slots, "action")
+            z(d.$slots, "action")
           ]),
           misc: q(() => [
-            z(r.$slots, "misc")
+            z(d.$slots, "misc")
           ]),
           _: 3
         }, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
@@ -6945,20 +6959,20 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     const n = e, { progressStep: t, progressText: a, getStatus: o } = Ln(n);
     return (i, u) => (l(), h("div", {
       "aria-valuemax": e.steps.length,
-      "aria-valuenow": p(t),
-      "aria-valuetext": p(a),
+      "aria-valuenow": f(t),
+      "aria-valuetext": f(a),
       class: "bs-progress-bar",
       "data-component": "bs-progress-bar",
       role: "progressbar"
     }, [
-      (l(!0), h(J, null, de(e.steps, (s, d) => (l(), h("div", {
+      (l(!0), h(J, null, de(e.steps, (s, r) => (l(), h("div", {
         class: "bs-step-item",
-        "data-status": p(o)(s.status, d),
+        "data-status": f(o)(s.status, r),
         "data-variant": "progress",
         key: s.id || s.label,
         role: "status"
       }, [
-        w("span", null, V(s.label || s) + " : " + V(p(o)(s.status, d) || "not started"), 1)
+        w("span", null, V(s.label || s) + " : " + V(f(o)(s.status, r) || "not started"), 1)
       ], 8, Zl))), 128))
     ], 8, Xl));
   }
@@ -7007,32 +7021,32 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     const t = e;
     W(t, "passAttrs", void 0, "Use Vue's native fallthrough attributes instead.");
     const [a] = re(), { filtered: o, remaining: i } = ye(["class", "style"]), u = m(() => t.inputId || a.value), s = m(() => t.checked || t.modelValue && t.modelValue === t.value);
-    return (d, r) => (l(), h("div", H({
+    return (r, d) => (l(), h("div", H({
       class: "bs-boolean",
       "data-component": "bs-radio",
       "data-disabled": e.disabled,
       "data-error": e.error,
       "data-size": e.size
-    }, p(o)), [
+    }, f(o)), [
       w("input", H({
         checked: s.value,
         disabled: e.disabled,
-        id: d.$attrs.id || u.value,
+        id: r.$attrs.id || u.value,
         required: e.required,
         type: "radio",
         value: e.value,
         "data-error": e.error
-      }, p(i), {
-        onChange: r[0] || (r[0] = (c) => d.$emit("update:modelValue", c.target.value))
+      }, f(i), {
+        onChange: d[0] || (d[0] = (c) => r.$emit("update:modelValue", c.target.value))
       }), null, 16, Jl),
-      e.label || d.$slots.label ? (l(), D(pe, {
+      e.label || r.$slots.label ? (l(), D(pe, {
         key: 0,
-        for: d.$attrs.id || u.value,
+        for: r.$attrs.id || u.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: q(() => [
-          z(d.$slots, "label", {}, () => [
+          z(r.$slots, "label", {}, () => [
             _(V(e.label), 1)
           ])
         ]),
@@ -7112,14 +7126,14 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     const n = e;
     W(n, "hints", void 0, "Use 'hint' and/or 'errorMsg. instead."), W(n, "passAttrs", void 0, "Use Vue's native fallthrough attributes instead.");
     const [t, a] = re(2), { filtered: o, remaining: i } = ye(["class", "style"]), u = m(() => {
-      var c, b;
-      return ((b = (c = n.hints) == null ? void 0 : c.join) == null ? void 0 : b.call(c, `
+      var c, p;
+      return ((p = (c = n.hints) == null ? void 0 : c.join) == null ? void 0 : p.call(c, `
 `)) || n.hints;
-    }), s = m(() => n.error && n.errorMsg || n.hint || u.value || void 0), d = m(() => n.inputId || t.value), r = m(() => n.value || n.modelValue);
-    return (c, b) => (l(), h("div", H({ "data-component": "bs-select-field" }, p(o)), [
+    }), s = m(() => n.error && n.errorMsg || n.hint || u.value || void 0), r = m(() => n.inputId || t.value), d = m(() => n.value || n.modelValue);
+    return (c, p) => (l(), h("div", H({ "data-component": "bs-select-field" }, f(o)), [
       e.label || c.$slots.label ? (l(), D(pe, {
         key: 0,
-        for: c.$attrs.id || d.value,
+        for: c.$attrs.id || r.value,
         disabled: e.disabled,
         required: e.required
       }, {
@@ -7133,22 +7147,22 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       R(es, H({
         disabled: e.disabled,
         error: e.error,
-        "hint-id": p(a),
-        "input-id": c.$attrs.id || d.value,
+        "hint-id": f(a),
+        "input-id": c.$attrs.id || r.value,
         required: e.required,
-        value: r.value,
-        "onUpdate:modelValue": b[0] || (b[0] = (v) => c.$emit("update:modelValue", v))
-      }, p(i)), {
+        value: d.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (v) => c.$emit("update:modelValue", v))
+      }, f(i)), {
         default: q(() => [
           w("option", {
-            selected: !r.value,
+            selected: !d.value,
             value: "",
-            disabled: !!r.value
+            disabled: !!d.value
           }, V(e.disabled ? "" : e.placeholder), 9, ts),
           (l(!0), h(J, null, de(e.data, (v) => (l(), h("option", {
             key: v.value,
             disabled: v.disabled,
-            selected: r.value === v.value,
+            selected: d.value === v.value,
             value: v.value
           }, V(v.label), 9, ns))), 128))
         ]),
@@ -7160,7 +7174,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         error: e.error,
         "error-msg": e.errorMsg,
         hint: e.hint || u.value,
-        "hint-id": p(a)
+        "hint-id": f(a)
       }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16));
   }
@@ -7244,7 +7258,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
   },
   emits: ["update:model-value"],
   setup(e, { emit: n }) {
-    const t = e, a = n, [o, i] = re(2), u = Se(), s = C(!1), d = m(() => t.selectId || u.id || o.value), r = m(() => t.optionsId || i.value), c = m(() => {
+    const t = e, a = n, [o, i] = re(2), u = Se(), s = C(!1), r = m(() => t.selectId || u.id || o.value), d = m(() => t.optionsId || i.value), c = m(() => {
       if (t.modelValue) {
         const v = t.options.find(($) => {
           var O, k;
@@ -7254,12 +7268,12 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
           return v.label;
       }
       return t.placeholder;
-    }), b = m(() => c.value === t.placeholder);
+    }), p = m(() => c.value === t.placeholder);
     return (v, $) => (l(), h("div", null, [
       e.label || v.$slots.label ? (l(), D(pe, {
         key: 0,
         disabled: e.disabled,
-        for: d.value,
+        for: r.value,
         required: e.required
       }, {
         default: q(() => [
@@ -7277,7 +7291,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         value: e.modelValue
       }, null, 8, as)) : x("", !0),
       R(An, {
-        "anchor-id": d.value,
+        "anchor-id": r.value,
         breakout: e.breakout,
         "dropdown-position": e.dropdownPosition,
         "dropdown-width": e.dropdownWidth,
@@ -7285,37 +7299,37 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         "helper-text": e.helperText,
         multiselect: !1,
         open: s.value,
-        "options-id": r.value,
+        "options-id": d.value,
         options: e.options,
         "selected-option": e.modelValue,
-        "toggle-id": d.value,
+        "toggle-id": r.value,
         "value-id-key": e.valueIdKey,
         onClose: $[1] || ($[1] = (O) => s.value = !1),
         "onUpdate:selectedOption": $[2] || ($[2] = (O) => a("update:model-value", O))
       }, {
         toggle: q(() => [
           w("button", H({
-            "aria-controls": r.value,
+            "aria-controls": d.value,
             "aria-describedby": e.hintId,
             "aria-expanded": s.value,
             "aria-haspopup": "listbox",
             "aria-invalid": e.error,
             "aria-label": `${s.value ? "Close" : "Open"} Combobox`,
             class: "bs-select",
-            "data-cy": b.value ? "ignore" : void 0,
+            "data-cy": p.value ? "ignore" : void 0,
             "data-disabled": e.disabled,
             "data-error": e.error,
             "data-open": s.value,
-            "data-placeholder": b.value,
+            "data-placeholder": p.value,
             "data-required": e.required,
             disabled: e.disabled,
-            id: d.value,
+            id: r.value,
             role: "combobox"
           }, v.$attrs, {
             onClick: $[0] || ($[0] = Ce((O) => s.value = !s.value, ["prevent"]))
           }), [
             w("span", null, V(c.value), 1),
-            e.disabled ? x("", !0) : (l(), D(p(Ve), {
+            e.disabled ? x("", !0) : (l(), D(f(Ve), {
               key: 0,
               size: "md"
             }))
@@ -7367,21 +7381,21 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
   setup(e, { emit: n }) {
     const t = e;
     W(t, "passAttrs", void 0, "Use Vue's native fallthrough attributes instead.");
-    const a = n, [o] = re(), { filtered: i, remaining: u } = ye(["class", "style"]), s = m(() => t.inputId || o.value), d = m(() => t.checked || t.modelValue);
-    return (r, c) => (l(), h("div", H({
+    const a = n, [o] = re(), { filtered: i, remaining: u } = ye(["class", "style"]), s = m(() => t.inputId || o.value), r = m(() => t.checked || t.modelValue);
+    return (d, c) => (l(), h("div", H({
       class: "bs-boolean",
       "data-component": "bs-switch",
       "data-disabled": e.disabled,
       "data-size": e.size
-    }, p(i)), [
-      e.label || r.$slots.label ? (l(), D(pe, {
+    }, f(i)), [
+      e.label || d.$slots.label ? (l(), D(pe, {
         key: 0,
-        for: r.$attrs.id || s.value,
+        for: d.$attrs.id || s.value,
         disabled: e.disabled,
         hide: e.hideLabel
       }, {
         default: q(() => [
-          z(r.$slots, "label", {}, () => [
+          z(d.$slots, "label", {}, () => [
             _(V(e.label), 1)
           ])
         ]),
@@ -7393,12 +7407,12 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         "data-size": e.size
       }, [
         w("input", H({
-          checked: d.value,
+          checked: r.value,
           disabled: e.disabled,
-          id: r.$attrs.id || s.value,
+          id: d.$attrs.id || s.value,
           type: "checkbox"
-        }, p(u), {
-          onChange: c[0] || (c[0] = (b) => a("update:modelValue", b.target.checked))
+        }, f(u), {
+          onChange: c[0] || (c[0] = (p) => a("update:modelValue", p.target.checked))
         }), null, 16, ss),
         w("span", {
           "aria-hidden": "true",
@@ -7426,16 +7440,16 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
   emits: ["tabClick"],
   setup(e, { emit: n }) {
     const t = e, a = Se(), o = C(), i = m(() => t.activeTabId === a.id), u = m(() => t.panelId || `${a.id}-panel`);
-    function s(r) {
-      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), d());
+    function s(d) {
+      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), d.stopPropagation(), r());
     }
-    function d() {
+    function r() {
       if (t.activeTabId !== a.id) {
-        const r = new CustomEvent("tabClick", { detail: a.id, bubbles: !0 });
-        o.value.dispatchEvent(r);
+        const d = new CustomEvent("tabClick", { detail: a.id, bubbles: !0 });
+        o.value.dispatchEvent(d);
       }
     }
-    return (r, c) => (l(), h("div", {
+    return (d, c) => (l(), h("div", {
       "aria-controls": u.value,
       "aria-selected": i.value ? "true" : "false",
       "data-hidden": e.hidden || void 0,
@@ -7444,10 +7458,10 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       tabindex: "0",
       ref_key: "hostEl",
       ref: o,
-      onClick: d,
+      onClick: r,
       onKeydown: s
     }, [
-      z(r.$slots, "default")
+      z(d.$slots, "default")
     ], 40, ds));
   }
 }, us = ["id", "data-resizing"], cs = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], ps = 73, fs = 20, ut = 16, Jr = {
@@ -7461,12 +7475,12 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, a = n, o = C(!1), i = C(!1), u = C([]), s = C(!1), d = C(!1), r = C(), c = C(), b = C([]), v = C(!1), $ = C([]), O = C(), k = C([]), y = C(), S = C(), [f, M] = re(2);
+    const t = e, a = n, o = C(!1), i = C(!1), u = C([]), s = C(!1), r = C(!1), d = C(), c = C(), p = C([]), v = C(!1), $ = C([]), O = C(), k = C([]), y = C(), S = C(), [b, M] = re(2);
     let P;
     const B = m(() => t.activeTabId ? $.value.findIndex((A) => A.id === t.activeTabId) : 0), g = m(() => u.value.some((A) => A.id === t.activeTabId)), I = m(() => `${M.value}-options`), E = m(() => `${M.value}-toggle`), N = m(() => {
       var A;
       return g.value ? (A = $.value[B.value]) == null ? void 0 : A.textContent : "More";
-    }), G = m(() => g.value ? b.value[B.value] - b.value[B.value - 1] + fs + ut : ps + ut);
+    }), G = m(() => g.value ? p.value[B.value] - p.value[B.value - 1] + fs + ut : ps + ut);
     function te() {
       var xe;
       let A = !1, j, X = 0, ne = !1, Be = [];
@@ -7476,14 +7490,14 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
             j.dataset.hidden = "true", Be.push(j);
             continue;
           }
-          if (X = Te < $.value.length - 1 ? S.value - G.value : S.value, b.value[Te] > X) {
+          if (X = Te < $.value.length - 1 ? S.value - G.value : S.value, p.value[Te] > X) {
             j.dataset.hidden = "true", Be.push(j), A = !0, ne = !0;
             continue;
           }
           j.dataset.hidden = "false", j.setAttribute("tabindex", "0");
         }
-        d.value = A, u.value = Be, o.value || Re(() => o.value = !0), P = setTimeout(() => {
-          r.value && (Q(), le(), v.value = !0);
+        r.value = A, u.value = Be, o.value || Re(() => o.value = !0), P = setTimeout(() => {
+          d.value && (Q(), le(), v.value = !0);
         }, v.value ? 25 : 1e3);
       }
     }
@@ -7499,7 +7513,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     function Ie(A) {
       var ne, Be, xe;
       const j = (xe = (Be = (ne = $.value[A]) == null ? void 0 : ne.getBoundingClientRect) == null ? void 0 : Be.call(ne)) == null ? void 0 : xe.width;
-      return j || (A === 0 ? b.value[0] : b.value[A] - b.value[A - 1]) || 0;
+      return j || (A === 0 ? p.value[0] : p.value[A] - p.value[A - 1]) || 0;
     }
     function we() {
       var A;
@@ -7542,9 +7556,9 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     }
     function le() {
       var xe, Te, Mt, Nt;
-      const A = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, j = S.value;
+      const A = parseInt(d.value.style.getPropertyValue("--active-line-offset")) || 0, j = S.value;
       let X = 300, ne = ((Te = (xe = k.value) == null ? void 0 : xe[B.value]) == null ? void 0 : Te.offsetLeft) || 0, Be = Ie(B.value);
-      d.value && g.value && (ne = (Mt = O.value) == null ? void 0 : Mt.offsetLeft, Be = (Nt = O.value) == null ? void 0 : Nt.offsetWidth), X = Math.max(Math.abs((ne - A) / j * 300), 100), r.value.style.setProperty("--active-line-max-width", `${j}px`), r.value.style.setProperty("--active-line-scale", `${Be / j}`), r.value.style.setProperty("--active-line-offset", `${ne}px`), r.value.style.setProperty("--active-line-transition-duration", `${X}ms`);
+      r.value && g.value && (ne = (Mt = O.value) == null ? void 0 : Mt.offsetLeft, Be = (Nt = O.value) == null ? void 0 : Nt.offsetWidth), X = Math.max(Math.abs((ne - A) / j * 300), 100), d.value.style.setProperty("--active-line-max-width", `${j}px`), d.value.style.setProperty("--active-line-scale", `${Be / j}`), d.value.style.setProperty("--active-line-offset", `${ne}px`), d.value.style.setProperty("--active-line-transition-duration", `${X}ms`);
     }
     function Pe() {
       var A, j;
@@ -7553,9 +7567,9 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     function T() {
       const A = Je(() => {
         var j;
-        S.value = (j = r == null ? void 0 : r.value) == null ? void 0 : j.clientWidth, te();
+        S.value = (j = d == null ? void 0 : d.value) == null ? void 0 : j.clientWidth, te();
       }, 25);
-      y.value = new ResizeObserver(A), y.value.observe(document.body), r.value && y.value.observe(r.value);
+      y.value = new ResizeObserver(A), y.value.observe(document.body), d.value && y.value.observe(d.value);
     }
     function L() {
       $.value = Array.from(c.value.children).filter((A) => A.role === "tab");
@@ -7563,7 +7577,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     function F() {
       let A;
       $.value.forEach((j, X) => {
-        A = j.getBoundingClientRect().width + ut, b.value.push(X ? A + b.value[X - 1] : A);
+        A = j.getBoundingClientRect().width + ut, p.value.push(X ? A + p.value[X - 1] : A);
       });
     }
     function Q() {
@@ -7574,20 +7588,20 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         if (((j = ne.dataset) == null ? void 0 : j.hidden) === "true" || ((X = ne.dataset) == null ? void 0 : X.hidden) === "" || ne.getAttribute("tabindex") === "-1") break;
         A.push(ne);
       }
-      d.value && A.push(r.value.querySelector(".bs-tab-list-toggle")), k.value = A;
+      r.value && A.push(d.value.querySelector(".bs-tab-list-toggle")), k.value = A;
     }
     return Z(() => t.activeTabId, we), ee(() => {
       var A;
       try {
-        L(), F(), T(), S.value = r.value.getBoundingClientRect().width, te(), t.withBsTabs || (A = $.value[B.value]) == null || A.setAttribute("aria-selected", "true");
+        L(), F(), T(), S.value = d.value.getBoundingClientRect().width, te(), t.withBsTabs || (A = $.value[B.value]) == null || A.setAttribute("aria-selected", "true");
       } catch (j) {
         console.log("tab error", j);
       }
     }), De($e), (A, j) => (l(), h("div", {
       class: "bs-tab-list",
       ref_key: "hostEl",
-      ref: r,
-      id: A.$attrs.id || p(f),
+      ref: d,
+      id: A.$attrs.id || f(b),
       "data-component": "bs-tab-list",
       "data-resizing": !o.value || void 0
     }, [
@@ -7603,25 +7617,25 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         z(A.$slots, "default")
       ], 544),
       w("button", {
-        "aria-controls": p(M),
+        "aria-controls": f(M),
         "aria-expanded": s.value,
         class: "bs-tab-list-toggle",
         "data-active": g.value || void 0,
-        "data-hidden": !d.value,
+        "data-hidden": !r.value,
         id: E.value,
         ref_key: "dropdownToggle",
         ref: O,
         onClick: Oe
       }, [
-        R(p(Jn), { size: "sm" }),
+        R(f(Jn), { size: "sm" }),
         _(" " + V(N.value), 1)
       ], 8, cs),
       R(En, {
         "anchor-id": E.value,
-        "container-id": A.$attrs.id || p(f),
+        "container-id": A.$attrs.id || f(b),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
-        id: p(M),
+        id: f(M),
         "options-id": I.value,
         position: "right",
         preloaded: "",
@@ -7847,7 +7861,7 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       z(u.$slots, "default", {}, () => [
         s[0] || (s[0] = w("span", { class: "visually-hidden" }, "sort toggle", -1))
       ]),
-      (l(), D(ae(o[a.order] || p(sn)), {
+      (l(), D(ae(o[a.order] || f(sn)), {
         size: e.size,
         "aria-hidden": "true"
       }, null, 8, ["size"]))
@@ -7859,24 +7873,24 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
   setup(e, { emit: n }) {
     const t = n, a = Gn("resizer");
     let o = null, i = null, u = null;
-    const s = nn({ el: null, rect: null }), d = C(!1), r = C(!1);
+    const s = nn({ el: null, rect: null }), r = C(!1), d = C(!1);
     ee(() => {
       document.addEventListener("pointermove", c);
     }), De(() => {
       document.removeEventListener("pointermove", c);
     });
     function c(I) {
-      if (r.value) return;
-      if (d.value)
+      if (d.value) return;
+      if (r.value)
         return I.target === a.value || k();
       if (v(I.target.closest("[data-bs-table-col-resize-id]")), !s.value.el) return;
       const E = I.clientX <= s.value.rect.left + Zt, N = I.clientX >= s.value.rect.right - Zt;
       if (!(E && I.target.dataset.bsTableColResize === "right") && (E || N)) {
-        if (i = E ? s.value.rect.left : s.value.rect.right, E && v(b()), !s.value.el) return;
+        if (i = E ? s.value.rect.left : s.value.rect.right, E && v(p()), !s.value.el) return;
         O();
       }
     }
-    function b() {
+    function p() {
       const I = s.value.el.previousElementSibling;
       if (!I) return;
       const E = I.classList.contains("bs-table-cols-frozen-left") ? s.value.el.previousElementSibling.lastElementChild : s.value.el.previousElementSibling;
@@ -7892,29 +7906,29 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
         return parseInt(E, 10);
     }
     function O() {
-      M(), a.value.style.setProperty("--bs-table-col-resizer-y", `${s.value.rect.top}px`), a.value.style.setProperty("--bs-table-col-resizer-handle-height", `${s.value.rect.height}px`), d.value = !0;
+      M(), a.value.style.setProperty("--bs-table-col-resizer-y", `${s.value.rect.top}px`), a.value.style.setProperty("--bs-table-col-resizer-handle-height", `${s.value.rect.height}px`), r.value = !0;
     }
     function k() {
-      d.value = !1;
+      r.value = !1;
     }
     function y(I) {
       I.target.setPointerCapture(I.pointerId);
       const E = a.value.closest(".bs-table-scroll-wrap");
-      a.value.style.setProperty("--bs-table-col-resizer-tail-height", `${E.offsetHeight}px`), r.value = !0, o = i, a.value.addEventListener("pointermove", S), a.value.addEventListener("pointerup", P, { once: !0 });
+      a.value.style.setProperty("--bs-table-col-resizer-tail-height", `${E.offsetHeight}px`), d.value = !0, o = i, a.value.addEventListener("pointermove", S), a.value.addEventListener("pointerup", P, { once: !0 });
     }
     function S(I) {
-      i = f(I) ? s.value.rect.left + s.value.minWidth : I.clientX, !u && (u = requestAnimationFrame(() => {
+      i = b(I) ? s.value.rect.left + s.value.minWidth : I.clientX, !u && (u = requestAnimationFrame(() => {
         u = null, M();
       }));
     }
-    function f(I) {
+    function b(I) {
       return I.clientX - s.value.rect.left <= s.value.minWidth;
     }
     function M() {
       a.value.style.setProperty("--bs-table-col-resizer-x", `${i}px`);
     }
     function P() {
-      a.value.removeEventListener("pointermove", S), setTimeout(() => r.value = !1);
+      a.value.removeEventListener("pointermove", S), setTimeout(() => d.value = !1);
       const I = i - o;
       I !== 0 && B(Math.round(s.value.rect.width + I));
     }
@@ -7930,13 +7944,13 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
     }
     return (I, E) => fe((l(), h("div", {
       ref: "resizer",
-      class: ve(["bs-table-col-resizer", r.value && "bs-table-col-resizer-active"]),
+      class: ve(["bs-table-col-resizer", d.value && "bs-table-col-resizer-active"]),
       onDragstart: E[0] || (E[0] = Ce(() => {
       }, ["prevent"])),
       onPointerdown: Ce(y, ["prevent", "stop"]),
       onDblclick: Ce(g, ["prevent", "stop"])
     }, null, 34)), [
-      [be, d.value]
+      [be, r.value]
     ]);
   }
 }, ed = {
@@ -8027,8 +8041,8 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
     }), o = C({}), i = m(() => Object.values(a.value).flat().map((T) => {
       const L = E(T);
       return o.value[L] ?? ie(T);
-    }).join(" ")), u = m(() => `--bs-table-cell-padding: ${["xs", "sm", "md", "lg", "xl", "none"].includes(e.cellPadding) ? `var(--bs-table-cell-padding-${e.cellPadding})` : e.cellPadding}`), s = m(() => typeof e.rowHover != "string" || e.rowHover === "true" ? "" : `--bs-table-row-hover: ${e.rowHover}`), d = m(() => Object.values(a.value).flat().some(E));
-    function r(T = []) {
+    }).join(" ")), u = m(() => `--bs-table-cell-padding: ${["xs", "sm", "md", "lg", "xl", "none"].includes(e.cellPadding) ? `var(--bs-table-cell-padding-${e.cellPadding})` : e.cellPadding}`), s = m(() => typeof e.rowHover != "string" || e.rowHover === "true" ? "" : `--bs-table-row-hover: ${e.rowHover}`), r = m(() => Object.values(a.value).flat().some(E));
+    function d(T = []) {
       const L = [
         "bs-table-wrap",
         `bs-table-border-${e.borders}`,
@@ -8054,7 +8068,7 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
         ariaDescribedby: e.ariaDescribedby
       }, T);
     }
-    function b(T = []) {
+    function p(T = []) {
       return se("div", { class: "bs-table-scroll-wrap" }, T);
     }
     function v(T = []) {
@@ -8092,7 +8106,7 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       });
       return k(T);
     }
-    function f(T = []) {
+    function b(T = []) {
       return se(pt, {
         kind: "footer",
         class: e.freezeFooter && "bs-table-footer-rowgroup-freeze"
@@ -8100,7 +8114,7 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
     }
     function M() {
       const T = n.footer({ cols: Rt(a.value) });
-      return f(
+      return b(
         B(T, g)
       );
     }
@@ -8265,9 +8279,9 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
     }
     return () => {
       const { columns: T, header: L, footer: F, other: Q } = Pe(n.default());
-      return a.value = le(T), r([
+      return a.value = le(T), d([
         L,
-        b([
+        p([
           c([
             n.header ? O() : $(),
             n.body ? S() : y(),
@@ -8275,7 +8289,7 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
           ]),
           Q,
           // non-Table related slot content, e.g. consumers could add a loading spinner or empty state message
-          d.value && we()
+          r.value && we()
         ]),
         F
       ]);
@@ -8358,22 +8372,22 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
     const t = e;
     W(t, "passAttrs", void 0, "Use Vue's native fallthrough attributes instead.");
     const [a, o] = re(2), { filtered: i, remaining: u } = ye(["class", "style"]), s = m(() => {
-      var b;
-      return ((b = t.value || t.modelValue) == null ? void 0 : b.length) || 0;
-    }), d = m(() => {
-      var b, v;
-      return ((v = (b = t.hints) == null ? void 0 : b.join) == null ? void 0 : v.call(b, `
+      var p;
+      return ((p = t.value || t.modelValue) == null ? void 0 : p.length) || 0;
+    }), r = m(() => {
+      var p, v;
+      return ((v = (p = t.hints) == null ? void 0 : p.join) == null ? void 0 : v.call(p, `
 `)) || t.hints;
-    }), r = m(() => t.error && t.errorMsg || t.hint || d.value || void 0), c = m(() => t.inputId || a.value);
-    return (b, v) => (l(), h("div", H({ "data-component": "bs-textarea-field" }, p(i)), [
-      e.label || b.$slots.label ? (l(), D(pe, {
+    }), d = m(() => t.error && t.errorMsg || t.hint || r.value || void 0), c = m(() => t.inputId || a.value);
+    return (p, v) => (l(), h("div", H({ "data-component": "bs-textarea-field" }, f(i)), [
+      e.label || p.$slots.label ? (l(), D(pe, {
         key: 0,
-        for: b.$attrs.id || c.value,
+        for: p.$attrs.id || c.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: q(() => [
-          z(b.$slots, "label", {}, () => [
+          z(p.$slots, "label", {}, () => [
             _(V(e.label), 1)
           ])
         ]),
@@ -8382,23 +8396,23 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       R(Ts, H({
         disabled: e.disabled,
         error: e.error,
-        "hint-id": p(o),
-        id: b.$attrs.id || c.value,
+        "hint-id": f(o),
+        id: p.$attrs.id || c.value,
         placeholder: e.placeholder,
         required: e.required,
         rows: e.rows,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": v[0] || (v[0] = ($) => b.$emit("update:modelValue", $))
-      }, p(u)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
-      r.value || e.charMax ? (l(), D(ze, {
+        "onUpdate:modelValue": v[0] || (v[0] = ($) => p.$emit("update:modelValue", $))
+      }, f(u)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
+      d.value || e.charMax ? (l(), D(ze, {
         key: 1,
         "char-count": s.value,
         "char-max": e.charMax,
         "data-disabled": e.disabled,
         error: e.error,
         "error-msg": e.errorMsg,
-        hint: e.hint || d.value,
-        "hint-id": p(o)
+        hint: e.hint || r.value,
+        "hint-id": f(o)
       }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : x("", !0)
     ], 16));
   }
@@ -8502,16 +8516,16 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: n, emit: t }) {
-    const a = e, o = t, i = C(Le(a.modelValue)), u = C([]), s = C(""), d = C(!1);
-    function r() {
+    const a = e, o = t, i = C(Le(a.modelValue)), u = C([]), s = C(""), r = C(!1);
+    function d() {
       const S = [];
-      let f = !1;
-      for (let M = 0; M < 24 && !f; M++)
+      let b = !1;
+      for (let M = 0; M < 24 && !b; M++)
         for (let P = 0; P < 60; P += a.step) {
-          const B = v(M, P), g = b(B);
+          const B = v(M, P), g = p(B);
           if (g !== Qt) {
             if (g === Jt) {
-              f = !0;
+              b = !0;
               break;
             }
             S.push({
@@ -8525,7 +8539,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
     function c(S) {
       return S ? a.minTime && S < a.minTime ? mt : a.maxTime && S > a.maxTime ? vt : a.disabledTimes.includes(S) ? ht : "" : "";
     }
-    function b(S) {
+    function p(S) {
       switch (c(S)) {
         case vt:
           return Jt;
@@ -8536,15 +8550,15 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
           return "";
       }
     }
-    function v(S, f) {
-      return S = S.toString().padStart(2, "0"), f = f.toString().padStart(2, "0"), `${S}:${f}`;
+    function v(S, b) {
+      return S = S.toString().padStart(2, "0"), b = b.toString().padStart(2, "0"), `${S}:${b}`;
     }
     function $(S) {
-      const f = Os(S);
-      f === a.modelValue && (i.value = Le(a.modelValue)), k(f);
+      const b = Os(S);
+      b === a.modelValue && (i.value = Le(a.modelValue)), k(b);
     }
     function O() {
-      u.value = r();
+      u.value = d();
     }
     function k(S) {
       y(S), o("update:modelValue", S);
@@ -8552,16 +8566,16 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
     function y(S) {
       switch (c(S)) {
         case vt:
-          s.value = `Time must be before ${Le(a.maxTime)}`, d.value = !0;
+          s.value = `Time must be before ${Le(a.maxTime)}`, r.value = !0;
           break;
         case mt:
-          s.value = `Time must be after ${Le(a.minTime)}`, d.value = !0;
+          s.value = `Time must be after ${Le(a.minTime)}`, r.value = !0;
           break;
         case ht:
-          s.value = `The following times are disabled: ${a.disabledTimes.map((M) => Le(M)).join(", ")}`, d.value = !0;
+          s.value = `The following times are disabled: ${a.disabledTimes.map((M) => Le(M)).join(", ")}`, r.value = !0;
           break;
         default:
-          s.value = "", d.value = !1;
+          s.value = "", r.value = !1;
       }
     }
     return ee(O), Z([
@@ -8577,14 +8591,14 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
     ], () => y(a.modelValue)), Z(() => a.modelValue, (S) => {
       i.value = a.modelValue ? Le(S) : "";
     }), n({
-      validationErr: d,
+      validationErr: r,
       validationErrMsg: s
-    }), (S, f) => (l(), D(zn, {
+    }), (S, b) => (l(), D(zn, {
       disabled: e.disabled,
       "display-value": i.value,
       "dropdown-position": e.dropdownPosition,
       "dropdown-width": e.dropdownWidth,
-      error: e.error || d.value,
+      error: e.error || r.value,
       "helper-description": e.helperDescription,
       "helper-text": e.helperText,
       "hint-id": e.hintId,
@@ -8666,12 +8680,12 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: n, emit: t }) {
-    const a = e, [o, i] = re(2), { filtered: u, remaining: s } = ye(["class", "style"]), d = C(null), r = m(() => a.errorMsg || $.value), c = m(() => a.error || O.value), b = m(() => a.inputId || o.value), v = m(() => a.hint || c.value && r.value), $ = m(() => {
+    const a = e, [o, i] = re(2), { filtered: u, remaining: s } = ye(["class", "style"]), r = C(null), d = m(() => a.errorMsg || $.value), c = m(() => a.error || O.value), p = m(() => a.inputId || o.value), v = m(() => a.hint || c.value && d.value), $ = m(() => {
       var k;
-      return (k = d.value) == null ? void 0 : k.validationErrMsg;
+      return (k = r.value) == null ? void 0 : k.validationErrMsg;
     }), O = m(() => {
       var k;
-      return (k = d.value) == null ? void 0 : k.validationErr;
+      return (k = r.value) == null ? void 0 : k.validationErr;
     });
     return n({
       validationErr: O,
@@ -8679,10 +8693,10 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
     }), (k, y) => (l(), h("div", H({
       "aria-live": "polite",
       "data-component": "bs-time-picker-field"
-    }, p(u)), [
+    }, f(u)), [
       e.label || k.$slots.label ? (l(), D(pe, {
         key: 0,
-        for: k.$attrs.id || b.value,
+        for: k.$attrs.id || p.value,
         disabled: e.disabled,
         required: e.required
       }, {
@@ -8695,7 +8709,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       }, 8, ["for", "disabled", "required"])) : x("", !0),
       R(xs, H({
         ref_key: "timePicker",
-        ref: d,
+        ref: r,
         disabled: e.disabled,
         "disabled-times": e.disabledTimes,
         "dropdown-position": e.dropdownPosition,
@@ -8703,8 +8717,8 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
         error: c.value,
         "helper-description": e.helperDescription,
         "helper-text": e.helperText,
-        "hint-id": p(i),
-        "input-id": k.$attrs.id || b.value,
+        "hint-id": f(i),
+        "input-id": k.$attrs.id || p.value,
         "max-time": e.maxTime,
         "min-time": e.minTime,
         "model-value": e.modelValue,
@@ -8712,12 +8726,12 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
         required: e.required,
         step: e.step,
         "onUpdate:modelValue": y[0] || (y[0] = (S) => k.$emit("update:modelValue", S))
-      }, p(s)), 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"]),
+      }, f(s)), 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"]),
       fe(R(ze, {
         error: c.value,
-        "error-msg": r.value,
+        "error-msg": d.value,
         hint: e.hint,
-        "hint-id": p(i)
+        "hint-id": f(i)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
         [be, v.value]
       ])
@@ -8761,30 +8775,30 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       paused: ta,
       warning: $t
     }, { progressStep: a, progressText: o, getStatus: i } = Ln(n);
-    function u(s, d) {
-      return s = i(s, d), t[s] || jt;
+    function u(s, r) {
+      return s = i(s, r), t[s] || jt;
     }
-    return (s, d) => (l(), h("div", {
+    return (s, r) => (l(), h("div", {
       "aria-valuemax": e.steps.length,
-      "aria-valuenow": p(a),
-      "aria-valuetext": p(o),
+      "aria-valuenow": f(a),
+      "aria-valuetext": f(o),
       class: "bs-timeline",
       "data-component": "bs-timeline",
       role: "progressbar"
     }, [
-      (l(!0), h(J, null, de(e.steps, (r, c) => (l(), h("div", {
+      (l(!0), h(J, null, de(e.steps, (d, c) => (l(), h("div", {
         class: "bs-step-item",
-        "data-status": p(i)(r.status, c),
-        key: r.id || r.label,
+        "data-status": f(i)(d.status, c),
+        key: d.id || d.label,
         role: "status"
       }, [
-        (l(), D(ae(u(r.status, c)), {
+        (l(), D(ae(u(d.status, c)), {
           class: "bs-step-icon",
           role: "presentation"
         })),
         w("p", null, [
-          _(V(r.label || r) + " ", 1),
-          w("span", Es, " : " + V(p(i)(r.status, c) || "not started"), 1)
+          _(V(d.label || d) + " ", 1),
+          w("span", Es, " : " + V(f(i)(d.status, c) || "not started"), 1)
         ])
       ], 8, zs))), 128))
     ], 8, As));
@@ -8839,28 +8853,28 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
     function s() {
       i && (clearTimeout(i), i = null), a("dismiss", t.toastId);
     }
-    function d() {
+    function r() {
       t.duration > 0 && (i = setTimeout(() => {
         s();
       }, t.duration)), a("after-enter");
     }
-    return (r, c) => (l(), D(Ge, {
+    return (d, c) => (l(), D(Ge, {
       name: "bs-toast",
-      shown: p(o),
+      shown: f(o),
       preloaded: e.preloaded,
-      onAfterEnter: d,
-      onAfterLeave: c[0] || (c[0] = (b) => a("after-leave"))
+      onAfterEnter: r,
+      onAfterLeave: c[0] || (c[0] = (p) => a("after-leave"))
     }, {
       default: q(() => [
         w("div", H({
           class: "bs-toast",
           "data-component": "bs-toast",
           "data-variant": e.variant,
-          "data-shown": p(o),
-          "data-stacked": p(u) || void 0,
+          "data-shown": f(o),
+          "data-stacked": f(u) || void 0,
           role: "alert"
-        }, r.$attrs), [
-          z(r.$slots, "default")
+        }, d.$attrs), [
+          z(d.$slots, "default")
         ], 16, Ps)
       ]),
       _: 3
@@ -8884,7 +8898,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
         R(Bn, {
           size: "sm",
           "text-btn": "",
-          onClick: p(n)
+          onClick: f(n)
         }, {
           default: q(() => o[0] || (o[0] = [
             _(" Dismiss ")
@@ -8921,7 +8935,7 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
     return (a, o) => (l(), h("div", {
       class: "bs-toast-header",
       "data-component": "bs-toast-header",
-      "data-variant": p(n)
+      "data-variant": f(n)
     }, [
       (l(), D(ae(t.value), { class: "bs-toast-header-icon" })),
       w("h5", null, [
@@ -8979,7 +8993,7 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
     function u() {
       t.value = !1, a.value = !1;
     }
-    return (s, d) => (l(), h("div", {
+    return (s, r) => (l(), h("div", {
       class: "bs-tooltip",
       "data-position": e.position,
       "data-component": "bs-tooltip",
@@ -9016,44 +9030,44 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
       getExpandButtonTitle: i,
       initializeSections: u,
       isExpanded: s,
-      rawNavData: d
+      rawNavData: r
     } = Lt(t);
-    Fe("(max-width: 1165px)", (f) => {
-      b.value = f.matches;
+    Fe("(max-width: 1165px)", (b) => {
+      p.value = b.matches;
     });
-    const r = C(null), c = C(null), b = C(!1), v = C(t.collapsed), $ = m(() => !t.width && t.variant === "narrow"), O = m(() => t.variant === "collapsible"), k = m(() => !O.value || b.value ? !1 : v.value);
+    const d = C(null), c = C(null), p = C(!1), v = C(t.collapsed), $ = m(() => !t.width && t.variant === "narrow"), O = m(() => t.variant === "collapsible"), k = m(() => !O.value || p.value ? !1 : v.value);
     ee(() => {
       u(!1);
     }), Z(() => t.navData, () => {
       u(!1);
-    }), Z(c, (f) => {
-      f && t.width && f.style.setProperty("--bs-vertical-nav-width", t.width);
-    }), Z(() => t.collapsed, (f) => {
-      v.value = f;
+    }), Z(c, (b) => {
+      b && t.width && b.style.setProperty("--bs-vertical-nav-width", t.width);
+    }), Z(() => t.collapsed, (b) => {
+      v.value = b;
     }), Z(
-      [() => v.value, $, () => t.width, O, b],
-      ([f, M, P, B, g]) => {
+      [() => v.value, $, () => t.width, O, p],
+      ([b, M, P, B, g]) => {
         let I = "0px";
-        B && !g && f ? I = "4rem" : P ? I = P : M ? I = "4.5rem" : I = "9.875rem", document.body.style.setProperty("--bs-page-nav-width", I);
+        B && !g && b ? I = "4rem" : P ? I = P : M ? I = "4.5rem" : I = "9.875rem", document.body.style.setProperty("--bs-page-nav-width", I);
       },
       { immediate: !0 }
-    ), Z(() => t.width, (f) => {
-      f ? (r.value.style.setProperty("--bs-vertical-nav-width", f), c.value && c.value.style.setProperty("--bs-vertical-nav-width", f)) : (r.value.style.removeProperty("--bs-vertical-nav-width"), c.value && c.value.style.removeProperty("--bs-vertical-nav-width"));
-    }), Z(() => t.mobileOpen, (f) => {
-      f ? (document.body.style.overflow = "hidden", r.value.style.setProperty("visibility", "visible"), setTimeout(() => {
-        r.value.style.setProperty("opacity", "1");
-      }, 0)) : (document.body.style.overflow = "", r.value.style.removeProperty("opacity"), setTimeout(() => {
-        r.value.style.removeProperty("visibility");
+    ), Z(() => t.width, (b) => {
+      b ? (d.value.style.setProperty("--bs-vertical-nav-width", b), c.value && c.value.style.setProperty("--bs-vertical-nav-width", b)) : (d.value.style.removeProperty("--bs-vertical-nav-width"), c.value && c.value.style.removeProperty("--bs-vertical-nav-width"));
+    }), Z(() => t.mobileOpen, (b) => {
+      b ? (document.body.style.overflow = "hidden", d.value.style.setProperty("visibility", "visible"), setTimeout(() => {
+        d.value.style.setProperty("opacity", "1");
+      }, 0)) : (document.body.style.overflow = "", d.value.style.removeProperty("opacity"), setTimeout(() => {
+        d.value.style.removeProperty("visibility");
       }, 200));
     });
-    function y(f) {
-      o.value[f] = !o.value[f];
+    function y(b) {
+      o.value[b] = !o.value[b];
     }
     function S() {
       v.value = !v.value, a("update:collapsed", v.value);
     }
-    return (f, M) => (l(), h("div", Us, [
-      O.value && !b.value ? (l(), h("button", {
+    return (b, M) => (l(), h("div", Us, [
+      O.value && !p.value ? (l(), h("button", {
         key: 0,
         ref_key: "toggleButton",
         ref: c,
@@ -9065,10 +9079,10 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
         "data-narrow": $.value,
         onClick: S
       }, [
-        v.value ? (l(), D(p(at), {
+        v.value ? (l(), D(f(at), {
           key: 0,
           class: "bs-vertical-nav-toggle-icon"
-        })) : (l(), D(p(nt), {
+        })) : (l(), D(f(nt), {
           key: 1,
           class: "bs-vertical-nav-toggle-icon"
         }))
@@ -9076,17 +9090,17 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
       w("nav", {
         class: "bs-vertical-nav",
         ref_key: "verticalNav",
-        ref: r,
+        ref: d,
         "data-narrow": $.value,
         "data-collapsed": k.value,
         "data-collapsible": O.value,
         style: tn(t.width && !k.value ? { width: t.width } : void 0)
       }, [
         w("ul", null, [
-          f.$slots["top-content"] ? (l(), h("li", Hs, [
-            z(f.$slots, "top-content")
+          b.$slots["top-content"] ? (l(), h("li", Hs, [
+            z(b.$slots, "top-content")
           ])) : x("", !0),
-          (l(!0), h(J, null, de(p(d), (P) => {
+          (l(!0), h(J, null, de(f(r), (P) => {
             var B;
             return l(), h(J, {
               key: P.id
@@ -9094,21 +9108,21 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
               ((B = P.navItems) == null ? void 0 : B.length) > 0 ? (l(), h("li", {
                 key: 0,
                 class: "bs-vertical-nav-section",
-                "data-collapsed": !P.dividerOnly && !p(s)(P),
+                "data-collapsed": !P.dividerOnly && !f(s)(P),
                 "data-divider-only": P.dividerOnly,
                 "data-app-links": P.appLinks
               }, [
                 !P.dividerOnly && !$.value && !k.value ? (l(), h("button", {
                   key: 0,
                   class: "bs-vertical-nav-section-toggle",
-                  "aria-expanded": p(s)(P),
+                  "aria-expanded": f(s)(P),
                   "aria-controls": `${P.id}-nested-section`,
-                  title: p(i)(P),
+                  title: f(i)(P),
                   type: "button",
                   onClick: (g) => y(P.id)
                 }, [
                   k.value ? x("", !0) : (l(), h("span", Xs, V(P.text), 1)),
-                  R(p(ra), { class: "bs-vertical-nav-section-toggle-caret" })
+                  R(f(ra), { class: "bs-vertical-nav-section-toggle-caret" })
                 ], 8, Ys)) : x("", !0),
                 fe(w("ul", {
                   id: `${P.id}-nested-section`
@@ -9118,12 +9132,12 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
                   }, [
                     R(Me, {
                       item: g,
-                      router: f.router,
+                      router: b.router,
                       onNavLinkClicked: (I) => a("nav-link-clicked", { ev: I, payload: g }),
                       "aria-label": g.text
                     }, {
                       default: q(() => [
-                        typeof g.icon == "string" ? (l(), D(p(ce), {
+                        typeof g.icon == "string" ? (l(), D(f(ce), {
                           key: 0,
                           class: "bs-vertical-nav-link-icon",
                           name: g.icon
@@ -9137,17 +9151,17 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
                     }, 1032, ["item", "router", "onNavLinkClicked", "aria-label"])
                   ]))), 128))
                 ], 8, Zs), [
-                  [be, P.dividerOnly || p(s)(P) || k.value]
+                  [be, P.dividerOnly || f(s)(P) || k.value]
                 ])
               ], 8, Gs)) : (l(), h("li", Qs, [
                 R(Me, {
                   item: P,
-                  router: f.router,
+                  router: b.router,
                   onNavLinkClicked: (g) => a("nav-link-clicked", { ev: g, payload: P }),
                   "aria-label": P.text
                 }, {
                   default: q(() => [
-                    typeof P.icon == "string" ? (l(), D(p(ce), {
+                    typeof P.icon == "string" ? (l(), D(f(ce), {
                       key: 0,
                       class: "bs-vertical-nav-link-icon",
                       name: P.icon
@@ -9163,8 +9177,8 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
             ], 64);
           }), 128))
         ]),
-        f.$slots["end-items"] ? (l(), h("div", Js, [
-          z(f.$slots, "end-items")
+        b.$slots["end-items"] ? (l(), h("div", Js, [
+          z(b.$slots, "end-items")
         ])) : x("", !0)
       ], 12, Ks)
     ]));