@wwtdev/bsds-components-vue3 2.38.0 → 2.40.0

package/lib/bsds-components.js

@@ -1,5 +1,5 @@
-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 { 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 { 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 L, 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 Le, 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";
 import "chartjs-adapter-date-fns";
@@ -756,7 +756,7 @@ const wa = {
     type: String,
     typeDef: "string"
   }
-}, La = {}, Va = {
+}, Va = {}, La = {
   default: {
     description: "The content of the form container."
   },
@@ -773,9 +773,9 @@ const wa = {
   }
 }, vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  emitDefinitions: La,
+  emitDefinitions: Va,
   propDefinitions: bn,
-  slotDefinitions: Va
+  slotDefinitions: La
 }, Symbol.toStringTag, { value: "Module" })), hn = {
   hideMobileToggle: {
     default: !1,
@@ -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: {
@@ -1287,7 +1291,7 @@ const wa = {
     {
       // If true, creates a divider-only section without toggle button or title (only when navItems present)
       dividerOnly?: boolean,
-      // If true, styles the nav item as an app link (used on digital transformation project)
+      // If true, styles the nav item as app links (used on digital transformation project)
       appLinks?: boolean,
       // If true, positions the nav item at the end (right for horizontal, bottom for vertical) and treats as an external link
       external?: boolean,
@@ -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: {
@@ -1339,6 +1347,13 @@ const wa = {
     typeDef: "'wide'|'narrow'|'collapsible'",
     validator: (e) => ["wide", "narrow", "collapsible"].includes(e)
   },
+  bgVariant: {
+    default: "",
+    description: "The background color variant of the vertical navigation.\n      When set to `'bg-base'`, the background color will use `bg-base` instead\n      of the default `bg-navy-base`. Leave empty or omit for default styling.",
+    type: String,
+    typeDef: "''|'bg-base'",
+    validator: (e) => ["", "bg-base"].includes(e)
+  },
   width: {
     default: "",
     description: "Custom width of the vertical navigation. This will override\n      the `variant` prop.",
@@ -1407,12 +1422,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 +1443,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)
+              _(L(v.headerText), 1)
             ])
           ], 8, Ya),
-          R(p(Ve), {
+          R(f(Le), {
             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 +1486,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 +1515,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,31 +1544,31 @@ 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", {}, () => [
-            _(V(k.label), 1)
+            _(L(k.label), 1)
           ])
         ])) : 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 }))
@@ -1561,7 +1576,7 @@ const Ja = { key: 0 }, _a = {
         ]),
         $.value ? (l(), h("span", eo, [
           z(k.$slots, "default", {}, () => [
-            _(V(k.label), 1)
+            _(L(k.label), 1)
           ])
         ])) : x("", !0)
       ]),
@@ -1620,11 +1635,11 @@ 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", {}, () => [
-          _(V(e.label), 1)
+          _(L(e.label), 1)
         ])
       ]),
       _: 3
@@ -1659,7 +1674,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 +1682,7 @@ const Ja = { key: 0 }, _a = {
               key: 1,
               size: "auto"
             }))
-          ], 64)) : (l(), D(p($t), {
+          ], 64)) : (l(), D(f($t), {
             key: 1,
             size: "auto"
           }))
@@ -1675,12 +1690,12 @@ const Ja = { key: 0 }, _a = {
       ]),
       w("div", oo, [
         z(i.$slots, "title", {}, () => [
-          _(V(i.title), 1)
+          _(L(i.title), 1)
         ])
       ]),
       i.description || i.$slots.description ? (l(), h("div", io, [
         z(i.$slots, "description", {}, () => [
-          _(V(i.description), 1)
+          _(L(i.description), 1)
         ])
       ])) : x("", !0),
       i.hideDismiss ? x("", !0) : (l(), h("button", {
@@ -1691,7 +1706,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 +1725,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 +1767,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 +1775,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 +1789,7 @@ const Ja = { key: 0 }, _a = {
           title: "Close Banner",
           onClick: o
         }, [
-          R(p(ke))
+          R(f(ke))
         ])
       ])
     ], 8, ro));
@@ -1786,7 +1801,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 +1810,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")
       ]),
@@ -1832,13 +1847,13 @@ const Ja = { key: 0 }, _a = {
         id: e.hintId,
         class: "bs-hint",
         "data-error": e.error
-      }, V(t.value), 9, fo)) : x("", !0),
+      }, L(t.value), 9, fo)) : x("", !0),
       e.charMax ? (l(), h("span", {
         key: 1,
         "aria-description": "character count over character limit for the preceding text field",
         class: "bs-character-count",
         "data-error": n.charCount > n.charMax
-      }, V(n.charCount || "0") + " / " + V(n.charMax), 9, bo)) : x("", !0)
+      }, L(n.charCount || "0") + " / " + L(n.charMax), 9, bo)) : x("", !0)
     ]));
   }
 }, ho = ["data-disabled", "for"], pe = {
@@ -1887,10 +1902,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 +1981,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 +1996,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 +2067,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 +2086,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 +2104,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 +2151,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 +2163,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 +2172,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 +2184,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 +2194,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 +2222,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,
@@ -2216,16 +2231,16 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       }, {
         default: q(() => [
           z(g.$slots, "label", {}, () => [
-            _(V(g.label), 1)
+            _(L(g.label), 1)
           ])
         ]),
         _: 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 +2248,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 +2260,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 +2274,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 +2289,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 +2339,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 +2382,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 +2390,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,60 +2406,60 @@ 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
+            }, L(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, L(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))
+            }, L(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),
+            w("th", Do, L(v.rowLabelFmt || v.rowLabel), 1),
             (l(!0), h(J, null, de(v.dataCells, ($) => (l(), h("td", {
               key: `${v.rowLabelFmt || v.rowLabel}${$.datasetLabel}${$.value}`
-            }, V($.value), 1))), 128))
+            }, L($.value), 1))), 128))
           ]))), 128))
         ])
       ], 8, Bo)) : x("", !0)
@@ -2454,8 +2469,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 +2481,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 +2524,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 +2661,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 +2674,7 @@ function zt(e) {
       stacked: o,
       ticks: {
         font: {
-          size: b || Ue
+          size: p || Ue
         }
       },
       title: {
@@ -2675,11 +2690,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: {
@@ -2722,7 +2737,7 @@ class Tn {
     return n;
   }
 }
-class Lo extends Tn {
+class Vo extends Tn {
   constructor({ data: n, options: t, plugins: a }) {
     super({ type: "bar", data: n, options: t, plugins: a });
   }
@@ -2746,7 +2761,7 @@ class Lo extends Tn {
     this.options = o;
   }
 }
-class Vo extends Tn {
+class Lo extends Tn {
   constructor({ data: n, options: t, plugins: a }) {
     super({ type: "line", data: n, options: t, plugins: a });
   }
@@ -2840,9 +2855,9 @@ class Mo {
     };
     switch (this.type) {
       case "bar":
-        return new Lo(n);
-      case "line":
         return new Vo(n);
+      case "line":
+        return new Lo(n);
       default:
         throw new Error(`Unsupported chart type: ${this.type}`);
     }
@@ -3021,49 +3036,49 @@ 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
       }, {
         default: q(() => [
           z(S.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -3256,19 +3271,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 +3308,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 +3328,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 +3338,7 @@ const No = {
             preloaded: e.preloaded,
             shown: e.shown,
             onAfterEnter: M,
-            onEnter: f,
+            onEnter: b,
             onAfterLeave: P
           }, {
             default: q(() => [
@@ -3337,15 +3352,15 @@ const No = {
               }, B.$attrs), [
                 e.helperText ? (l(), h("header", Go, [
                   w("div", null, [
-                    w("h3", null, V(e.helperText), 1),
-                    e.helperDescription ? (l(), h("p", Yo, V(e.helperDescription), 1)) : x("", !0)
+                    w("h3", null, L(e.helperText), 1),
+                    e.helperDescription ? (l(), h("p", Yo, L(e.helperDescription), 1)) : x("", !0)
                   ]),
                   w("button", {
                     type: "button",
                     title: "close",
                     onClick: g[0] || (g[0] = () => a("close"))
                   }, [
-                    R(p(ke))
+                    R(f(ke))
                   ])
                 ])) : x("", !0),
                 z(B.$slots, "default")
@@ -3436,7 +3451,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 +3459,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 +3527,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 +3554,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), {
+          w("span", Qo, L(u.value.text), 1),
+          s.value ? (l(), D(f(ke), {
             key: 0,
             role: "presentation",
             size: "md"
-          })) : (l(), D(p(Ve), {
+          })) : (l(), D(f(Le), {
             key: 1,
             role: "presentation",
             size: "md"
@@ -3626,9 +3641,9 @@ const No = {
         variant: "notext"
       }, null, 8, ["count"])) : x("", !0),
       z(a.$slots, "label", {}, () => [
-        _(V(e.label), 1)
+        _(L(e.label), 1)
       ]),
-      R(p(Ve))
+      R(f(Le))
     ], 8, _o));
   }
 }, Cn = (e, n, t = "id") => {
@@ -3655,12 +3670,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 +3685,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 +3757,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 }))
@@ -3758,8 +3773,8 @@ const No = {
           i.labelHtml ? (l(), h("span", {
             key: 3,
             innerHTML: i.labelHtml
-          }, null, 8, li)) : (l(), h("span", si, V(i.label), 1)),
-          i.description ? (l(), h("span", ri, V(i.description), 1)) : x("", !0)
+          }, null, 8, li)) : (l(), h("span", si, L(i.label), 1)),
+          i.description ? (l(), h("span", ri, L(i.description), 1)) : x("", !0)
         ]),
         _: 2
       }, 1032, ["aria-checked", "value-id-key", "value", "variant"]))), 128)),
@@ -3821,24 +3836,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 +3906,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 +3926,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 +3941,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 +3977,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 +4000,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 +4021,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 +4037,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 +4103,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 +4120,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 +4161,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,
@@ -4188,6 +4203,10 @@ const No = {
       type: Boolean,
       default: !1
     },
+    containerId: {
+      type: String,
+      default: ""
+    },
     disabled: {
       type: Boolean,
       default: !1
@@ -4293,20 +4312,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 +4343,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,23 +4354,23 @@ 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(() => [
             z(N.$slots, "toggle-label", {}, () => [
-              _(V(e.toggleLabel), 1)
+              _(L(e.toggleLabel), 1)
             ])
           ]),
           _: 3
@@ -4360,6 +4379,7 @@ const No = {
       R(lt, {
         "anchor-id": e.anchorId || v.value,
         breakout: e.breakout,
+        "container-id": e.containerId,
         "helper-text": e.helperText,
         "helper-description": e.helperDescription,
         position: e.dropdownPosition,
@@ -4367,7 +4387,7 @@ const No = {
         shown: e.open,
         "use-mobile-style": e.useMobileStyle,
         width: e.dropdownWidth,
-        onClose: f,
+        onClose: b,
         onEnter: M,
         onAfterLeave: I
       }, {
@@ -4375,23 +4395,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,
@@ -4413,14 +4433,14 @@ const No = {
               onClick: G[4] || (G[4] = () => a("close"))
             }, {
               default: q(() => [
-                _(V(e.filterButtonText), 1)
+                _(L(e.filterButtonText), 1)
               ]),
               _: 1
             }, 8, ["title"])
           ])) : x("", !0)
         ]),
         _: 1
-      }, 8, ["anchor-id", "breakout", "helper-text", "helper-description", "position", "shown", "use-mobile-style", "width"])
+      }, 8, ["anchor-id", "breakout", "container-id", "helper-text", "helper-description", "position", "shown", "use-mobile-style", "width"])
     ], 8, bi));
   }
 }, zn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -4490,10 +4510,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 +4525,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 +4546,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 +4558,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 +4574,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,17 +4658,17 @@ 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", {}, () => [
-            _(V(e.label), 1)
+          z(d.$slots, "label", {}, () => [
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -4661,8 +4681,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 +4690,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 +4788,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 +4800,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 +4920,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 +4965,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"
@@ -4958,10 +4978,10 @@ const No = {
         ])
       ]),
       w("div", null, [
-        w("p", wi, V(u.title), 1),
+        w("p", wi, L(u.title), 1),
         u.size !== "xs" ? (l(), h("p", ki, [
           z(u.$slots, "description", {}, () => [
-            _(V(u.description), 1)
+            _(L(u.description), 1)
           ])
         ])) : x("", !0),
         z(u.$slots, "call-to-action")
@@ -5009,11 +5029,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 +5056,7 @@ const No = {
               "aria-label": "Close",
               onClick: u
             }, [
-              R(p(ke))
+              R(f(ke))
             ])
           ]),
           z(s.$slots, "default")
@@ -5079,38 +5099,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 +5149,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"
@@ -5148,7 +5168,7 @@ const No = {
                 w("span", {
                   class: "bs-form-container-title",
                   "data-inactive": n.inactive
-                }, V(n.title), 9, xi)
+                }, L(n.title), 9, xi)
               ]),
               _: 1
             }, 8, ["required", "disabled"]),
@@ -5161,7 +5181,7 @@ const No = {
             class: "bs-form-container-subtitle",
             "data-inactive": n.inactive
           }, [
-            w("span", null, V(n.subTitle), 1)
+            w("span", null, L(n.subTitle), 1)
           ], 8, zi)) : x("", !0)
         ]),
         w("div", {
@@ -5180,36 +5200,40 @@ const No = {
     ], 8, Bi));
   }
 };
-function Lt(e) {
+function Vt(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(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 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 u(c) {
+    return c.dividerOnly ? !0 : !n.value[c.id];
   }
-  function u(r) {
-    return r.dividerOnly ? !0 : !n.value[r.id];
+  function s(c) {
+    return u(c) ? `Collapse ${c.text} Section` : `Expand ${c.text} Section`;
   }
-  function s(r) {
-    return u(r) ? `Collapse ${r.text} Section` : `Expand ${r.text} Section`;
+  function r(c) {
+    var p;
+    return c.to ? c.to : (p = c.resource) != null && p.url ? c.resource.url : null;
   }
-  function d(r) {
-    var c;
-    return r.to ? r.to : (c = r.resource) != null && c.url ? r.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 +5241,7 @@ function Lt(e) {
     rawNavData: t
   };
 }
-const Li = ["aria-current", "data-active", "href"], Me = {
+const Vi = ["aria-current", "data-active", "href", "target"], Me = {
   __name: "NavigationLink",
   props: {
     item: {
@@ -5231,32 +5255,34 @@ 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 } = Vt(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, Vi)) : (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 = {
+}, Li = ["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 = {
   key: 0,
   class: "bs-horizontal-nav-mobile-end-items"
 }, Ki = {
@@ -5278,112 +5304,112 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       getExpandButtonTitle: i,
       initializeSections: u,
       isActivePath: s,
-      isExpanded: d,
-      rawNavData: r
-    } = Lt(t), c = St();
-    Fe("(max-width: 1165px)", (f) => {
-      b.value = f.matches;
+      isExpanded: r,
+      rawNavData: d
+    } = Vt(t), c = St();
+    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, L(b.mobileToggleText), 1)
           ]),
-          R(p(Ve), { class: "bs-horizontal-nav-mobile-toggle-caret" })
+          R(f(Le), { 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" })
+                        w("span", null, L(B.text), 1),
+                        R(f(Le), { 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(() => [
-                              _(V(I.text), 1)
+                              _(L(I.text), 1)
                             ]),
                             _: 2
                           }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5392,11 +5418,11 @@ 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(() => [
-                          _(V(B.text), 1)
+                          _(L(B.text), 1)
                         ]),
                         _: 2
                       }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5404,43 +5430,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, [
+      ], 8, Li)) : (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, L(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, L(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 +5476,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" })
+                    w("span", null, L(B.text), 1),
+                    R(f(Le), { 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,11 +5503,11 @@ 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(() => [
-                              _(V(E.text), 1)
+                              _(L(E.text), 1)
                             ]),
                             _: 2
                           }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5493,11 +5519,11 @@ 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(() => [
-                      w("span", null, V(B.text), 1)
+                      w("span", null, L(B.text), 1)
                     ]),
                     _: 2
                   }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5505,14 +5531,14 @@ 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)
         ])
       ]));
     };
   }
-}, Ji = ["view-box"], _i = ["id"], el = ["offset", "stop-color"], Lr = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ji = ["view-box"], _i = ["id"], el = ["offset", "stop-color"], Vr = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
     const n = C(null), t = C(null), a = [
@@ -5527,7 +5553,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 +5564,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%",
@@ -5554,28 +5580,28 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       ], 8, Ji))
     ], 64));
   }
-}), Pn = Symbol("InlineTabs"), Vr = {
+}), Pn = Symbol("InlineTabs"), Lr = {
   __name: "BsInlineTab",
   props: Ze,
   setup(e) {
     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 +5627,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,20 +5700,20 @@ 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
       }, {
         default: q(() => [
           z(c.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -5695,20 +5721,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 +5871,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 +5890,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,34 +5907,34 @@ 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 })
       }, {
         default: q(() => [
-          _(V(e.label), 1)
+          _(L(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "disabled", "class"]),
@@ -5922,10 +5948,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 +5959,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, L((le = p.value) == null ? void 0 : le.flag), 1),
+              w("span", null, "+" + L(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 +5987,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",
@@ -5986,8 +6012,8 @@ const Li = ["aria-current", "data-active", "href"], Me = {
               variant: "2-col"
             }, {
               default: q(() => [
-                w("span", al, V(le == null ? void 0 : le.flag), 1),
-                w("span", ol, V(le.label), 1)
+                w("span", al, L(le == null ? void 0 : le.flag), 1),
+                w("span", ol, L(le.label), 1)
               ]),
               _: 2
             }, 1032, ["aria-label", "value"]))), 128)) : x("", !0)
@@ -6024,7 +6050,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       viewBox: "0 0 100 100",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      w("title", null, V(e.label), 1),
+      w("title", null, L(e.label), 1),
       w("circle", {
         cx: "50",
         cy: "50",
@@ -6134,19 +6160,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 +6187,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() {
@@ -6189,18 +6215,18 @@ const Li = ["aria-current", "data-active", "href"], Me = {
       }, {
         default: q(() => [
           z(I.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 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 +6240,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 +6323,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 +6394,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 +6429,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 +6443,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 +6459,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 +6467,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,8 +6479,8 @@ const Li = ["aria-current", "data-active", "href"], Me = {
                       y.title ? (l(), h("span", {
                         key: 0,
                         class: "bs-modal-title",
-                        id: p(s)
-                      }, V(y.title), 9, yl)) : x("", !0)
+                        id: f(s)
+                      }, L(y.title), 9, yl)) : x("", !0)
                     ]) : x("", !0),
                     y.closeButton ? (l(), h("button", {
                       key: 1,
@@ -6462,14 +6488,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) }, L(y.subtitle), 9, wl)
                     ])
                   ])) : x("", !0),
                   v.value ? (l(), h("div", kl, [
@@ -6482,9 +6508,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")
@@ -6507,7 +6533,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
 }, Tl = ["aria-label", "title", "disabled"], Cl = { key: 0 }, Dl = ["aria-label", "title", "disabled"], Ol = { key: 0 }, xl = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, Al = ["title", "disabled", "data-selected", "onClick"], zl = { key: 2 }, El = { key: 3 }, Pl = { class: "bs-pagination-results-numbers" }, Ll = ["data-selected", "disabled", "onClick"], Vl = {
+}, Al = ["title", "disabled", "data-selected", "onClick"], zl = { key: 2 }, El = { key: 3 }, Pl = { class: "bs-pagination-results-numbers" }, Vl = ["data-selected", "disabled", "onClick"], Ll = {
   key: 5,
   class: "bs-pagination-carets"
 }, Ml = ["aria-label", "title", "disabled"], Nl = { key: 0 }, ql = ["aria-label", "title", "disabled"], Rl = { key: 0 }, Ur = {
@@ -6613,10 +6639,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 +6651,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,10 +6681,10 @@ 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)),
-          e.firstPageText ? (l(), h("span", Cl, V(e.firstPageText), 1)) : x("", !0)
+          R(f(Zn)),
+          e.firstPageText ? (l(), h("span", Cl, L(e.firstPageText), 1)) : x("", !0)
         ], 10, Tl)) : x("", !0),
         w("button", {
           type: "button",
@@ -6666,37 +6692,37 @@ 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)),
-          e.prevPageText ? (l(), h("span", Ol, V(e.prevPageText), 1)) : x("", !0)
+          R(f(nt)),
+          e.prevPageText ? (l(), h("span", Ol, L(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
+        }, L(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 === "base" && t.centerDisplay === "text" ? (l(), h("span", zl, L($.value), 1)) : x("", !0),
+      t.variant === "group" ? (l(), h("span", El, L(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
+          }, L(b), 9, Vl))), 128))
         ])
       ], 64)) : x("", !0),
-      e.variant === "base" || e.variant === "group" ? (l(), h("div", Vl, [
+      e.variant === "base" || e.variant === "group" ? (l(), h("div", Ll, [
         w("button", {
           type: "button",
           class: ve(e.nextPageText ? "bs-pagination-word-caret" : void 0),
@@ -6705,8 +6731,8 @@ const Li = ["aria-current", "data-active", "href"], Me = {
           disabled: i.value === u.value,
           onClick: c
         }, [
-          e.nextPageText ? (l(), h("span", Nl, V(e.nextPageText), 1)) : x("", !0),
-          R(p(at))
+          e.nextPageText ? (l(), h("span", Nl, L(e.nextPageText), 1)) : x("", !0),
+          R(f(at))
         ], 10, Ml),
         e.showFirstLastButtons ? (l(), h("button", {
           key: 0,
@@ -6715,10 +6741,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))
+          e.lastPageText ? (l(), h("span", Rl, L(e.lastPageText), 1)) : x("", !0),
+          R(f(Qn))
         ], 10, ql)) : x("", !0)
       ])) : x("", !0)
     ], 8, Il));
@@ -6749,7 +6775,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 +6784,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 +6835,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"
@@ -6818,17 +6844,17 @@ const Li = ["aria-current", "data-active", "href"], Me = {
               class: "bs-icon"
             }))
           ], 64)) : x("", !0),
-          _(" " + V(e.action), 1)
+          _(" " + L(e.action), 1)
         ])
       ])) : x("", !0),
-      w("span", Ul, V(e.profileName), 1),
-      e.company ? (l(), h("span", Wl, V(e.company), 1)) : x("", !0),
-      e.jobTitle ? (l(), h("span", Kl, V(e.jobTitle), 1)) : x("", !0),
-      e.email ? (l(), h("span", Hl, V(e.email), 1)) : x("", !0),
+      w("span", Ul, L(e.profileName), 1),
+      e.company ? (l(), h("span", Wl, L(e.company), 1)) : x("", !0),
+      e.jobTitle ? (l(), h("span", Kl, L(e.jobTitle), 1)) : x("", !0),
+      e.email ? (l(), h("span", Hl, L(e.email), 1)) : x("", !0),
       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"
@@ -6837,7 +6863,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
               class: "bs-icon"
             }))
           ], 64)) : x("", !0),
-          _(" " + V(e.miscMeta), 1)
+          _(" " + L(e.miscMeta), 1)
         ])
       ])) : x("", !0)
     ]));
@@ -6849,38 +6875,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"])
@@ -6889,7 +6915,7 @@ const Li = ["aria-current", "data-active", "href"], Me = {
     }, 16, ["data-layout", "onClick"]));
   }
 });
-function Ln(e) {
+function Vn(e) {
   const n = m(() => {
     var o;
     switch (e.currentStatus) {
@@ -6942,23 +6968,23 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     }
   },
   setup(e) {
-    const n = e, { progressStep: t, progressText: a, getStatus: o } = Ln(n);
+    const n = e, { progressStep: t, progressText: a, getStatus: o } = Vn(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, L(s.label || s) + " : " + L(f(o)(s.status, r) || "not started"), 1)
       ], 8, Zl))), 128))
     ], 8, Xl));
   }
@@ -7007,33 +7033,33 @@ 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", {}, () => [
-            _(V(e.label), 1)
+          z(r.$slots, "label", {}, () => [
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -7112,20 +7138,20 @@ 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
       }, {
         default: q(() => [
           z(c.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -7133,24 +7159,24 @@ 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
-          }, V(e.disabled ? "" : e.placeholder), 9, ts),
+            disabled: !!d.value
+          }, L(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))
+          }, L(v.label), 9, ns))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
@@ -7160,7 +7186,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 +7270,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,17 +7280,17 @@ 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(() => [
           z(v.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -7277,7 +7303,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 +7311,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), {
+            w("span", null, L(c.value), 1),
+            e.disabled ? x("", !0) : (l(), D(f(Le), {
               key: 0,
               size: "md"
             }))
@@ -7367,22 +7393,22 @@ 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", {}, () => [
-            _(V(e.label), 1)
+          z(d.$slots, "label", {}, () => [
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -7393,12 +7419,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 +7452,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 +7470,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 +7487,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 +7502,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 +7525,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 +7568,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,17 +7579,17 @@ 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() {
+    function V() {
       $.value = Array.from(c.value.children).filter((A) => A.role === "tab");
     }
     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 +7600,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");
+        V(), 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 +7629,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" }),
-        _(" " + V(N.value), 1)
+        R(f(Jn), { size: "sm" }),
+        _(" " + L(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: "",
@@ -7637,7 +7663,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
             "options-id": I.value
           }, {
             default: q(() => [
-              _(V(X.textContent), 1)
+              _(L(X.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
@@ -7671,10 +7697,10 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     ], 8, bs));
   }
 };
-function Vn() {
+function Ln() {
   return null;
 }
-Vn.props = {
+Ln.props = {
   id: {
     // TODO: Change to "required", use as cell loop key, and update all docs after getting resizing working ORCA app okay
     type: String,
@@ -7727,7 +7753,7 @@ Vn.props = {
     // default width is set in Table.vue
   }
 };
-const ct = Vn, Mn = Symbol("TableHeaderProvider"), Nn = Symbol("TableBodyProvider"), qn = Symbol("TableFooterProvider"), pt = {
+const ct = Ln, Mn = Symbol("TableHeaderProvider"), Nn = Symbol("TableBodyProvider"), qn = Symbol("TableFooterProvider"), pt = {
   __name: "TableRowGroup",
   props: {
     kind: {
@@ -7795,7 +7821,7 @@ function Fn(e, { slots: n }) {
   }, n);
 }
 Fn.props = {};
-const Yt = Fn, Vt = (e, n) => {
+const Yt = Fn, Lt = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [a, o] of n)
     t[a] = o;
@@ -7806,13 +7832,13 @@ function ys(e, n) {
     z(e.$slots, "default")
   ]);
 }
-const gs = /* @__PURE__ */ Vt(vs, [["render", ys]]), ws = {}, ks = { class: "bs-table-wrap-footer" };
+const gs = /* @__PURE__ */ Lt(vs, [["render", ys]]), ws = {}, ks = { class: "bs-table-wrap-footer" };
 function Ss(e, n) {
   return l(), h("div", ks, [
     z(e.$slots, "default")
   ]);
 }
-const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
+const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
   __name: "SortToggle",
   props: {
     order: {
@@ -7847,7 +7873,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 +7885,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 +7918,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 +7956,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 = {
@@ -8025,36 +8051,36 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       center: [],
       right: []
     }), 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 = []) {
-      const L = [
+      const V = E(T);
+      return o.value[V] ?? 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}`), r = m(() => Object.values(a.value).flat().some(E));
+    function d(T = []) {
+      const V = [
         "bs-table-wrap",
         `bs-table-border-${e.borders}`,
         e.striped && "bs-table-striped",
         e.rowHover && "bs-table-row-hover"
       ];
       return se("div", {
-        class: L,
+        class: V,
         style: [u.value, s.value]
       }, T);
     }
     function c(T = []) {
-      const L = [
+      const V = [
         `--bs-table-col-widths: ${i.value}`,
         `--bs-table-frozen-left-count: ${a.value.left.length}`,
         `--bs-table-frozen-right-count: ${a.value.right.length}`
       ];
       return se("div", {
         class: "bs-table",
-        style: L,
+        style: V,
         role: e.role,
         ariaLabel: e.ariaLabel,
         ariaDescribedby: e.ariaDescribedby
       }, T);
     }
-    function b(T = []) {
+    function p(T = []) {
       return se("div", { class: "bs-table-scroll-wrap" }, T);
     }
     function v(T = []) {
@@ -8080,19 +8106,19 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       return se(pt, { kind: "body" }, () => T);
     }
     function y() {
-      const T = e.rows.map((L, F) => P(
-        Ie(he, { row: L, rowIndex: F })
+      const T = e.rows.map((V, F) => P(
+        Ie(he, { row: V, rowIndex: F })
       ));
       return k(T);
     }
     function S() {
-      const T = e.rows.map((L, F) => {
-        const Q = n.body({ row: L, rowIndex: F });
-        return B(Q, he, { row: L, rowIndex: F });
+      const T = e.rows.map((V, F) => {
+        const Q = n.body({ row: V, rowIndex: F });
+        return B(Q, he, { row: V, rowIndex: F });
       });
       return k(T);
     }
-    function f(T = []) {
+    function b(T = []) {
       return se(pt, {
         kind: "footer",
         class: e.freezeFooter && "bs-table-footer-rowgroup-freeze"
@@ -8100,50 +8126,50 @@ 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)
       );
     }
     function P(T = []) {
       return se(bt, null, () => T);
     }
-    function B(T = [], L, F = {}) {
+    function B(T = [], V, F = {}) {
       return Y(T, [bt]).map(
-        (A) => Oe(A) ? se(A, null, () => Ie(L, F)) : se(A)
+        (A) => Oe(A) ? se(A, null, () => Ie(V, F)) : se(A)
       );
     }
     function g(T = {}) {
       var A;
-      const L = (A = T.slots) == null ? void 0 : A.default({}).find((j) => j.type === Gt), F = te(T), Q = {
+      const V = (A = T.slots) == null ? void 0 : A.default({}).find((j) => j.type === Gt), F = te(T), Q = {
         class: e.truncate && $e(T),
         "data-bs-table-col-id": T.props.id,
         // TODO: only added here for col resize reasons, could be on all cells
         ...I(T),
         ...F && F === e.sortKey && { "aria-sort": `${e.sortOrder}ending` }
       };
-      if (F && (L != null && L.children)) {
-        const j = L.children.default().map((X) => X.type === Xt ? Yn(X, { ...N(T) }) : se(X));
-        return se(L, Q, () => j);
+      if (F && (V != null && V.children)) {
+        const j = V.children.default().map((X) => X.type === Xt ? Yn(X, { ...N(T) }) : se(X));
+        return se(V, Q, () => j);
       }
-      return L ? se(L, Q) : se(Gt, Q, () => {
+      return V ? se(V, Q) : se(Gt, Q, () => {
         var j;
         return G(T) || ((j = T.props) == null ? void 0 : j.name);
       });
     }
     function I(T) {
-      const L = E(T);
-      if (!L) return {};
+      const V = E(T);
+      if (!V) return {};
       const F = T.props["resize-min"] || T.props.resizeMin, Q = T.props["resize-max"] || T.props.resizeMax;
       return {
-        "data-bs-table-col-resize-id": L,
+        "data-bs-table-col-resize-id": V,
         "data-bs-table-col-resize": ["right", "left"].includes(T.props.resize) ? T.props.resize : void 0,
         "data-bs-table-col-resize-min": F === void 0 ? e.resizeColsMin : F,
         "data-bs-table-col-resize-max": Q === void 0 ? e.resizeColsMax : Q
       };
     }
     function E(T) {
-      const L = T.props["resize-id"] || T.props.resizeId;
-      if (L) return L;
+      const V = T.props["resize-id"] || T.props.resizeId;
+      if (V) return V;
       const F = T.props["resize-key"] || T.props.resizeKey;
       if (F)
         throw new Error(`[BsTable] BsTableCol does not have a "resize-key" prop. Instead, use: resize-id="${F}".`);
@@ -8153,10 +8179,10 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       }
     }
     function N(T = {}) {
-      const L = te(T);
+      const V = te(T);
       return {
-        order: e.sortKey === L ? e.sortOrder : null,
-        onToggle: (F) => t("sort", { sortKey: L, sortOrder: F })
+        order: e.sortKey === V ? e.sortOrder : null,
+        onToggle: (F) => t("sort", { sortKey: V, sortOrder: F })
       };
     }
     function G(T = {}) {
@@ -8167,41 +8193,41 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
         });
     }
     function te(T) {
-      const L = T.props["sort-key"] || T.props.sortKey;
-      if (L) return L;
+      const V = T.props["sort-key"] || T.props.sortKey;
+      if (V) return V;
       if (K(T, "sort")) {
         if (!T.props.id) throw new Error(`[BsTable] BsTableCol "sort" prop is missing key identifier. Must use either approach...single prop: 'sort-key="mySortKey"', or both props: 'sort id="myTableColId"'`);
         return T.props.id;
       }
     }
-    function he(T = {}, L = {}) {
+    function he(T = {}, V = {}) {
       var A;
-      const F = (A = T.slots) == null ? void 0 : A.default(L).find((j) => j.type === Yt), Q = { class: e.truncate && $e(T) };
-      return F ? se(F, Q) : se(Yt, Q, () => U(L.row, T));
+      const F = (A = T.slots) == null ? void 0 : A.default(V).find((j) => j.type === Yt), Q = { class: e.truncate && $e(T) };
+      return F ? se(F, Q) : se(Yt, Q, () => U(V.row, T));
     }
     function $e(T) {
-      const L = T.props.truncate === void 0 ? e.truncate : T.props.truncate === "" || T.props.truncate;
-      return T.props.truncate !== "false" && L && "bs-table-truncate";
+      const V = T.props.truncate === void 0 ? e.truncate : T.props.truncate === "" || T.props.truncate;
+      return T.props.truncate !== "false" && V && "bs-table-truncate";
     }
-    function ge(T, L, F) {
+    function ge(T, V, F) {
       if (!a.value[T].length) return;
-      const Q = a.value[T].map((A) => L(A, F));
+      const Q = a.value[T].map((A) => V(A, F));
       return se("div", { class: `bs-table-cols-frozen-${T}` }, Q);
     }
-    function Ie(T, L = {}) {
+    function Ie(T, V = {}) {
       return [
-        ge("left", T, L),
-        a.value.center.map((F) => T(F, L)),
-        ge("right", T, L)
+        ge("left", T, V),
+        a.value.center.map((F) => T(F, V)),
+        ge("right", T, V)
       ];
     }
     function we() {
       return se(Is, { onResize: Ee });
     }
-    function Ee({ el: T, id: L, width: F }) {
+    function Ee({ el: T, id: V, width: F }) {
       const Q = Object.values(a.value).flat().reduce((j, X) => {
         const ne = E(X) || X.props.id;
-        return ne === L || o.value[ne] || ie(X).endsWith("px") || j.push({ id: ne, width: null }), j;
+        return ne === V || o.value[ne] || ie(X).endsWith("px") || j.push({ id: ne, width: null }), j;
       }, []);
       if (Q.length) {
         const j = T.closest(".bs-table-row");
@@ -8210,64 +8236,64 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
           ne && (X.width = `${ne.offsetWidth}px`);
         });
       }
-      const A = [{ id: L, width: F ? `${F}px` : void 0 }, ...Q];
+      const A = [{ id: V, width: F ? `${F}px` : void 0 }, ...Q];
       A.forEach((j) => o.value[j.id] = j.width), t("resize-col", { target: A[0], updated: [...A] });
     }
     function Oe(T) {
       return T.type === bt && !T.children;
     }
-    function U(T, L) {
-      return (L.props["row-key"] || L.props.rowKey || L.props.id || "").split(".").reduce((A, j) => A && A[j], T);
+    function U(T, V) {
+      return (V.props["row-key"] || V.props.rowKey || V.props.id || "").split(".").reduce((A, j) => A && A[j], T);
     }
-    function K(T, L) {
-      const F = T.props[L];
+    function K(T, V) {
+      const F = T.props[V];
       return F === "" || F && F !== "false";
     }
     function ie(T) {
-      var L;
-      return ((L = T.props) == null ? void 0 : L.width) ?? e.colWidth;
+      var V;
+      return ((V = T.props) == null ? void 0 : V.width) ?? e.colWidth;
     }
-    function Y(T, L = []) {
-      return T.reduce((F, Q) => L.includes(Q.type) ? [...F, Q] : Array.isArray(Q.children) ? [...F, ...Y(Q.children, L)] : F, []);
+    function Y(T, V = []) {
+      return T.reduce((F, Q) => V.includes(Q.type) ? [...F, Q] : Array.isArray(Q.children) ? [...F, ...Y(Q.children, V)] : F, []);
     }
     function oe(T) {
       var F;
-      const L = ((F = T.props) == null ? void 0 : F.place) || T.type.props.place.default;
-      return T.type.props.place.validator(L) || console.warn(`[BsTable warn] Invalid prop: BsFrozenCols prop "place" must be set to "left" or "right". Yours: "${L}".`), {
-        place: L,
+      const V = ((F = T.props) == null ? void 0 : F.place) || T.type.props.place.default;
+      return T.type.props.place.validator(V) || console.warn(`[BsTable warn] Invalid prop: BsFrozenCols prop "place" must be set to "left" or "right". Yours: "${V}".`), {
+        place: V,
         frozenCols: Y(T.children.default(), [ct])
       };
     }
     function le(T = []) {
-      const L = (F) => ({
+      const V = (F) => ({
         props: F.props || { name: "" },
         slots: F.children
       });
       return T.reduce((F, Q) => {
         if (Q.type === ft) {
           const { place: A, frozenCols: j } = oe(Q);
-          return F[A] = F[A].concat(j.map(L)), F;
+          return F[A] = F[A].concat(j.map(V)), F;
         }
-        return F.center.push(L(Q)), F;
+        return F.center.push(V(Q)), F;
       }, { left: [], center: [], right: [] });
     }
     function Pe(T) {
-      return T.reduce((L, F) => {
+      return T.reduce((V, F) => {
         if (F.type === gs)
-          return L.header = F, L;
+          return V.header = F, V;
         if (F.type === $s)
-          return L.footer = F, L;
+          return V.footer = F, V;
         if ([ft, ct].includes(F.type))
-          return L.columns.push(F), L;
+          return V.columns.push(F), V;
         const Q = Y([F], [ft, ct]);
-        return Q != null && Q.length ? L.columns = [...L.columns, ...Q] : L.other.push(F), L;
+        return Q != null && Q.length ? V.columns = [...V.columns, ...Q] : V.other.push(F), V;
       }, { columns: [], header: null, footer: null, other: [] });
     }
     return () => {
-      const { columns: T, header: L, footer: F, other: Q } = Pe(n.default());
-      return a.value = le(T), r([
-        L,
-        b([
+      const { columns: T, header: V, footer: F, other: Q } = Pe(n.default());
+      return a.value = le(T), d([
+        V,
+        p([
           c([
             n.header ? O() : $(),
             n.body ? S() : y(),
@@ -8275,7 +8301,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,23 +8384,23 @@ 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", {}, () => [
-            _(V(e.label), 1)
+          z(p.$slots, "label", {}, () => [
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -8382,23 +8408,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));
   }
@@ -8427,7 +8453,7 @@ function Ds(e = "") {
     minutes: a
   };
 }
-function Le(e = "") {
+function Ve(e = "") {
   const n = /[^0-9:]/g;
   if (e = e.replaceAll(n, ""), !e) return "";
   const [t, a] = e.split(":"), o = Ne(t), i = Ne(a), u = o < 12 ? "AM" : "PM";
@@ -8502,20 +8528,20 @@ 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(Ve(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({
-              label: Le(B),
+              label: Ve(B),
               value: B
             });
           }
@@ -8525,7 +8551,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 +8562,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 = Ve(a.modelValue)), k(b);
     }
     function O() {
-      u.value = r();
+      u.value = d();
     }
     function k(S) {
       y(S), o("update:modelValue", S);
@@ -8552,16 +8578,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 ${Ve(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 ${Ve(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) => Ve(M)).join(", ")}`, r.value = !0;
           break;
         default:
-          s.value = "", d.value = !1;
+          s.value = "", r.value = !1;
       }
     }
     return ee(O), Z([
@@ -8575,16 +8601,16 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       () => a.minTime,
       () => a.modelValue
     ], () => y(a.modelValue)), Z(() => a.modelValue, (S) => {
-      i.value = a.modelValue ? Le(S) : "";
+      i.value = a.modelValue ? Ve(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 +8692,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,23 +8705,23 @@ 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
       }, {
         default: q(() => [
           z(k.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
       }, 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 +8729,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 +8738,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]
       ])
@@ -8760,31 +8786,31 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       ongoing: na,
       paused: ta,
       warning: $t
-    }, { progressStep: a, progressText: o, getStatus: i } = Ln(n);
-    function u(s, d) {
-      return s = i(s, d), t[s] || jt;
+    }, { progressStep: a, progressText: o, getStatus: i } = Vn(n);
+    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)
+          _(L(d.label || d) + " ", 1),
+          w("span", Es, " : " + L(f(i)(d.status, c) || "not started"), 1)
         ])
       ], 8, zs))), 128))
     ], 8, As));
@@ -8839,34 +8865,34 @@ 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
     }, 8, ["shown", "preloaded"]));
   }
-}), Ls = ["data-stacked"], id = {
+}), Vs = ["data-stacked"], id = {
   __name: "BsToastActions",
   setup(e) {
     const n = ue("handleDismiss", () => {
@@ -8884,7 +8910,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 ")
@@ -8892,9 +8918,9 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, Ls));
+    ], 8, Vs));
   }
-}, Vs = {}, Ms = {
+}, Ls = {}, Ms = {
   class: "bs-toast-body",
   "data-component": "bs-toast-body"
 };
@@ -8903,7 +8929,7 @@ function Ns(e, n) {
     z(e.$slots, "default")
   ]);
 }
-const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd = {
+const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd = {
   __name: "BsToastHeader",
   setup(e) {
     const n = ue("variant", void 0), t = m(() => {
@@ -8921,7 +8947,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 +9005,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",
@@ -8995,12 +9021,12 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
         role: "tooltip"
       }, [
         z(s.$slots, "content", {}, () => [
-          _(V(e.content), 1)
+          _(L(e.content), 1)
         ])
       ], 10, Fs)
     ], 40, js));
   }
-}, Us = { class: "bs-vertical-nav-wrapper" }, Ws = ["aria-expanded", "title", "data-collapsed", "data-narrow"], Ks = ["data-narrow", "data-collapsed", "data-collapsible"], Hs = {
+}, Us = ["data-bg-variant"], Ws = ["aria-expanded", "title", "data-collapsed", "data-narrow"], Ks = ["data-narrow", "data-collapsed", "data-collapsible"], Hs = {
   key: 0,
   class: "bs-vertical-nav-top-content"
 }, Gs = ["data-collapsed", "data-divider-only", "data-app-links"], Ys = ["aria-expanded", "aria-controls", "title", "onClick"], Xs = { key: 0 }, Zs = ["id"], Qs = { key: 1 }, Js = {
@@ -9016,44 +9042,47 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
       getExpandButtonTitle: i,
       initializeSections: u,
       isExpanded: s,
-      rawNavData: d
-    } = Lt(t);
-    Fe("(max-width: 1165px)", (f) => {
-      b.value = f.matches;
+      rawNavData: r
+    } = Vt(t);
+    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", {
+      class: "bs-vertical-nav-wrapper",
+      "data-bg-variant": t.bgVariant || void 0
+    }, [
+      O.value && !p.value ? (l(), h("button", {
         key: 0,
         ref_key: "toggleButton",
         ref: c,
@@ -9065,10 +9094,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 +9105,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 +9123,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" })
+                  k.value ? x("", !0) : (l(), h("span", Xs, L(P.text), 1)),
+                  R(f(ra), { class: "bs-vertical-nav-section-toggle-caret" })
                 ], 8, Ys)) : x("", !0),
                 fe(w("ul", {
                   id: `${P.id}-nested-section`
@@ -9118,12 +9147,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
@@ -9131,23 +9160,23 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
                           key: 1,
                           class: "bs-vertical-nav-link-icon"
                         })),
-                        w("span", null, V(g.text), 1)
+                        w("span", null, L(g.text), 1)
                       ]),
                       _: 2
                     }, 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
@@ -9155,7 +9184,7 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
                       key: 1,
                       class: "bs-vertical-nav-link-icon"
                     })),
-                    w("span", null, V(P.text), 1)
+                    w("span", null, L(P.text), 1)
                   ]),
                   _: 2
                 }, 1032, ["item", "router", "onNavLinkClicked", "aria-label"])
@@ -9163,11 +9192,11 @@ 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)
-    ]));
+    ], 8, Us));
   }
 };
 export {
@@ -9209,8 +9238,8 @@ export {
   vr as BsFormContainerDefinitions,
   Pr as BsHorizontalNavigation,
   mr as BsHorizontalNavigationDefinitions,
-  Lr as BsIconGradientWrapper,
-  Vr as BsInlineTab,
+  Vr as BsIconGradientWrapper,
+  Lr as BsInlineTab,
   yr as BsInlineTabDefinitions,
   Mr as BsInlineTabGroup,
   gr as BsInlineTabGroupDefinitions,