@wwtdev/bsds-components-vue3 2.40.4 → 2.40.5

package/lib/bsds-components.js

@@ -1,7 +1,7 @@
-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 { ref as C, useId as St, onMounted as ee, watch as Z, computed as m, createElementBlock as b, openBlock as l, unref as f, createElementVNode as w, createCommentVNode as x, createVNode as R, renderSlot as z, createBlock as D, resolveDynamicComponent as ae, createTextVNode as _, toDisplayString as V, useAttrs as Se, useSlots as et, mergeProps as H, withCtx as q, Fragment as J, normalizeClass as ve, withDirectives as fe, toHandlers as yt, vShow as he, onBeforeUnmount as tt, onBeforeMount as _t, createSlots as gt, renderList as de, onUnmounted as De, Teleport as Un, Transition as wt, provide as me, withKeys as Ye, withModifiers as Ce, inject as ue, nextTick as Re, toRaw as Wn, resolveComponent as en, mergeModels as qt, useModel as Kn, isRef as Hn, normalizeStyle as tn, h as se, useTemplateRef as Gn, shallowRef as nn, readonly as Rt, cloneVNode as Yn } from "vue";
+import { BsIcon as ce, BsIconCaretDown as Ve, BsIconSmallCaretLeft as an, BsIconCaretLeft as nt, BsIconSmallCaretRight as on, BsIconCaretRight as at, BsIconCircleExclamation as $t, BsIconClose as ke, BsIconWarning as kt, BsIconCalendar as ln, BsIconSearch as Xn, BsIconCaretSort as sn, BsIconCaretLeftDouble as Zn, BsIconCaretRightDouble as Qn, BsIconActionEllipsis as Jn, BsIconCaretSortDown as _n, BsIconCaretSortUp as ea, BsIconCirclePause as ta, BsIconCirclePlay as na, BsIconGraphPieEmpty as jt, BsIconCircleEllipsis as aa, BsIconCircleX as oa, BsIconCircleCheck as ia, BsIconCircleStop as la, BsIconThumbsUpStroke as sa, BsIconCaretUp as ra } from "@wwtdev/bsds-icons-vue3";
 import { DatePicker as da } from "v-calendar";
-import { Filler as ua, Chart as rt, BarController as ca, BarElement as pa, CategoryScale as fa, LinearScale as ba, Legend as ha, TimeScale as va, Tooltip as ma } from "chart.js";
+import { Filler as ua, Chart as rt, BarController as ca, BarElement as pa, CategoryScale as fa, LinearScale as ha, Legend as ba, TimeScale as va, Tooltip as ma } from "chart.js";
 import "chartjs-adapter-date-fns";
 import ot from "lodash.merge";
 import { getSupportedCallingCodes as ya, getRegionCodeForCountryCode as ga, parsePhoneNumber as Ft } from "awesome-phonenumber";
@@ -658,7 +658,7 @@ const wa = {
     type: Boolean,
     typeDef: "boolean"
   }
-}, Aa = {}, za = {}, br = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Aa = {}, za = {}, hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   emitDefinitions: Aa,
   propDefinitions: fn,
@@ -711,12 +711,12 @@ const wa = {
   icon: {
     description: "Custom icon to be used in place of the `iconName` prop\n      value."
   }
-}, hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, br = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   emitDefinitions: Pa,
   propDefinitions: Dt,
   slotDefinitions: Ea
-}, Symbol.toStringTag, { value: "Module" })), bn = {
+}, Symbol.toStringTag, { value: "Module" })), hn = {
   // REQUIRED
   title: {
     required: !0,
@@ -756,7 +756,7 @@ const wa = {
     type: String,
     typeDef: "string"
   }
-}, Va = {}, La = {
+}, La = {}, Va = {
   default: {
     description: "The content of the form container."
   },
@@ -773,10 +773,17 @@ const wa = {
   }
 }, vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  emitDefinitions: Va,
-  propDefinitions: bn,
-  slotDefinitions: La
-}, Symbol.toStringTag, { value: "Module" })), hn = {
+  emitDefinitions: La,
+  propDefinitions: hn,
+  slotDefinitions: Va
+}, Symbol.toStringTag, { value: "Module" })), bn = {
+  activeMatch: {
+    default: "exact",
+    description: "Controls how the active state is determined for router-based navigation links.\n      Use `'exact'` (default) to highlight a link only when the current route path matches\n      exactly. Use `'prefix'` to highlight a link when the current route path starts with\n      the link's path — this is useful for deep-linking scenarios where sub-routes should\n      keep the parent nav item active (e.g. navigating to `/demos/store/123` should mark\n      a `/demos` link as active). Note: absolute URL links always use prefix matching\n      regardless of this setting.",
+    type: String,
+    typeDef: "'exact'|'prefix'",
+    validator: (e) => ["exact", "prefix"].includes(e)
+  },
   hideMobileToggle: {
     default: !1,
     description: "If `true`, the mobile toggle button will be hidden. Use\n      the `mobile-open` prop to control the mobile navigation open state\n      instead.",
@@ -885,7 +892,7 @@ const wa = {
 }, mr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   emitDefinitions: vn,
-  propDefinitions: hn,
+  propDefinitions: bn,
   slotDefinitions: Ma
 }, Symbol.toStringTag, { value: "Module" })), Ze = {
   // REQUIRED
@@ -1270,6 +1277,13 @@ const wa = {
   propDefinitions: Qe,
   slotDefinitions: Fa
 }, Symbol.toStringTag, { value: "Module" })), kn = {
+  activeMatch: {
+    default: "exact",
+    description: "Controls how the active state is determined for router-based navigation links.\n      Use `'exact'` (default) to highlight a link only when the current route path matches\n      exactly. Use `'prefix'` to highlight a link when the current route path starts with\n      the link's path — this is useful for deep-linking scenarios where sub-routes should\n      keep the parent nav item active (e.g. navigating to `/demos/store/123` should mark\n      a `/demos` link as active). Note: absolute URL links always use prefix matching\n      regardless of this setting.",
+    type: String,
+    typeDef: "'exact'|'prefix'",
+    validator: (e) => ["exact", "prefix"].includes(e)
+  },
   collapsed: {
     default: !1,
     description: "If `true`, the navigation is collapsed to show only icons.\n      This prop can be used with v-model:collapsed for two-way binding.\n      Note: This only works when variant is set to 'collapsible'.",
@@ -1432,7 +1446,7 @@ const Wa = ["id", "data-stacked"], Ka = ["data-open"], Ha = ["aria-controls", "a
     function p() {
       a("toggled", u.value), t.controlled || (i.value = !i.value);
     }
-    return (v, $) => (l(), h("div", {
+    return (v, $) => (l(), b("div", {
       id: f(u),
       ref_key: "containerRef",
       ref: o,
@@ -1451,7 +1465,7 @@ const Wa = ["id", "data-stacked"], Ka = ["data-open"], Ha = ["aria-controls", "a
           type: "button",
           onClick: p
         }, [
-          v.icon || v.$slots.icon ? (l(), h("span", Ga, [
+          v.icon || v.$slots.icon ? (l(), b("span", Ga, [
             z(v.$slots, "icon", {}, () => [
               typeof v.icon == "string" ? (l(), D(f(ce), {
                 key: 0,
@@ -1461,10 +1475,10 @@ const Wa = ["id", "data-stacked"], Ka = ["data-open"], Ha = ["aria-controls", "a
           ])) : x("", !0),
           w("span", { id: r.value }, [
             z(v.$slots, "header", {}, () => [
-              _(L(v.headerText), 1)
+              _(V(v.headerText), 1)
             ])
           ], 8, Ya),
-          R(f(Le), {
+          R(f(Ve), {
             size: "md",
             "data-position": "end"
           })
@@ -1567,9 +1581,9 @@ const Ja = { key: 0 }, _a = {
       "data-component": "bs-circle-button"
     }, { ...f(i), ...r.value }, { onClick: f(s) }), {
       default: q(() => [
-        v.value ? (l(), h("span", Ja, [
+        v.value ? (l(), b("span", Ja, [
           z(k.$slots, "default", {}, () => [
-            _(L(k.label), 1)
+            _(V(k.label), 1)
           ])
         ])) : x("", !0),
         w("span", _a, [
@@ -1580,9 +1594,9 @@ const Ja = { key: 0 }, _a = {
             }, null, 8, ["name"])) : (l(), D(ae(c.value), { key: 1 }))
           ])
         ]),
-        $.value ? (l(), h("span", eo, [
+        $.value ? (l(), b("span", eo, [
           z(k.$slots, "default", {}, () => [
-            _(L(k.label), 1)
+            _(V(k.label), 1)
           ])
         ])) : x("", !0)
       ]),
@@ -1645,7 +1659,7 @@ const Ja = { key: 0 }, _a = {
       ]),
       default: q(() => [
         z(n.$slots, "default", {}, () => [
-          _(L(e.label), 1)
+          _(V(e.label), 1)
         ])
       ]),
       _: 3
@@ -1671,7 +1685,7 @@ const Ja = { key: 0 }, _a = {
           return "blue";
       }
     });
-    return (i, u) => (l(), h("div", {
+    return (i, u) => (l(), b("div", {
       class: "bs-alert",
       "data-horizontal": i.horizontal ? "true" : void 0,
       "data-variant": i.variant,
@@ -1679,7 +1693,7 @@ const Ja = { key: 0 }, _a = {
     }, [
       w("div", ao, [
         z(i.$slots, "icon", {}, () => [
-          i.icon ? (l(), h(J, { key: 0 }, [
+          i.icon ? (l(), b(J, { key: 0 }, [
             typeof i.icon == "string" ? (l(), D(f(ce), {
               key: 0,
               name: i.icon,
@@ -1696,15 +1710,15 @@ const Ja = { key: 0 }, _a = {
       ]),
       w("div", oo, [
         z(i.$slots, "title", {}, () => [
-          _(L(i.title), 1)
+          _(V(i.title), 1)
         ])
       ]),
-      i.description || i.$slots.description ? (l(), h("div", io, [
+      i.description || i.$slots.description ? (l(), b("div", io, [
         z(i.$slots, "description", {}, () => [
-          _(L(i.description), 1)
+          _(V(i.description), 1)
         ])
       ])) : x("", !0),
-      i.hideDismiss ? x("", !0) : (l(), h("button", {
+      i.hideDismiss ? x("", !0) : (l(), b("button", {
         key: 1,
         class: "bs-alert-close",
         "aria-label": "Close alert",
@@ -1737,7 +1751,7 @@ const Ja = { key: 0 }, _a = {
       const s = n.count !== 1 ? "s" : "";
       return `${i ? `${i}, ` : ""}${u}${n.label}${s}`;
     });
-    return (i, u) => (l(), h("span", {
+    return (i, u) => (l(), b("span", {
       ref_key: "hostRef",
       ref: t,
       "aria-label": o.value,
@@ -1762,7 +1776,7 @@ const Ja = { key: 0 }, _a = {
     function o() {
       a.value = !0, t("dismiss");
     }
-    return (i, u) => a.value ? x("", !0) : (l(), h("div", {
+    return (i, u) => a.value ? x("", !0) : (l(), b("div", {
       key: 0,
       role: "alert",
       class: "bs-banner",
@@ -1772,7 +1786,7 @@ const Ja = { key: 0 }, _a = {
       w("div", uo, [
         w("div", co, [
           z(i.$slots, "icon", {}, () => [
-            i.icon ? (l(), h(J, { key: 0 }, [
+            i.icon ? (l(), b(J, { key: 0 }, [
               typeof i.icon == "string" ? (l(), D(f(ce), {
                 key: 0,
                 name: i.icon,
@@ -1826,7 +1840,7 @@ const Ja = { key: 0 }, _a = {
 }), po = {
   class: "bs-field-details",
   "data-component": "bs-field-details"
-}, fo = ["id", "data-error"], bo = ["data-error"], ze = {
+}, fo = ["id", "data-error"], ho = ["data-error"], ze = {
   __name: "BsFieldDetails",
   props: {
     /** The number of characters that have been entered by the user.  */
@@ -1847,22 +1861,22 @@ const Ja = { key: 0 }, _a = {
   },
   setup(e) {
     const n = e, t = m(() => n.error && n.errorMsg || n.hint);
-    return (a, o) => (l(), h("div", po, [
-      t.value ? (l(), h("span", {
+    return (a, o) => (l(), b("div", po, [
+      t.value ? (l(), b("span", {
         key: 0,
         id: e.hintId,
         class: "bs-hint",
         "data-error": e.error
-      }, L(t.value), 9, fo)) : x("", !0),
-      e.charMax ? (l(), h("span", {
+      }, V(t.value), 9, fo)) : x("", !0),
+      e.charMax ? (l(), b("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
-      }, L(n.charCount || "0") + " / " + L(n.charMax), 9, bo)) : x("", !0)
+      }, V(n.charCount || "0") + " / " + V(n.charMax), 9, ho)) : x("", !0)
     ]));
   }
-}, ho = ["data-disabled", "for"], pe = {
+}, bo = ["data-disabled", "for"], pe = {
   __name: "BsLabel",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -1871,7 +1885,7 @@ const Ja = { key: 0 }, _a = {
     required: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (n, t) => (l(), h("label", {
+    return (n, t) => (l(), b("label", {
       class: ve(["bs-label", e.hide ? "visually-hidden" : ""]),
       "data-component": "bs-label",
       "data-disabled": e.disabled,
@@ -1880,14 +1894,14 @@ const Ja = { key: 0 }, _a = {
       w("span", null, [
         z(n.$slots, "default")
       ]),
-      e.required ? (l(), h(J, { key: 0 }, [
+      e.required ? (l(), b(J, { key: 0 }, [
         t[0] || (t[0] = w("span", {
           "data-required": "true",
           "aria-hidden": "true"
         }, " *", -1)),
         t[1] || (t[1] = w("span", { class: "visually-hidden" }, "required", -1))
       ], 64)) : x("", !0)
-    ], 10, ho));
+    ], 10, bo));
   }
 }, vo = ["data-error", "id", "value"], qe = {
   __name: "BsInput",
@@ -1911,7 +1925,7 @@ const Ja = { key: 0 }, _a = {
       const r = o.type === "number" ? parseInt(s.target.value) : s.target.value;
       a("update:modelValue", r);
     }
-    return (s, r) => (l(), h("input", H({
+    return (s, r) => (l(), b("input", H({
       class: "bs-input",
       "data-component": "bs-input",
       "data-error": e.error,
@@ -1931,7 +1945,7 @@ const Ja = { key: 0 }, _a = {
     variant: { type: String, validator: (e) => ["inner-bordered", "combobox"].includes(e) }
   },
   setup(e) {
-    return (n, t) => (l(), h("div", {
+    return (n, t) => (l(), b("div", {
       class: "bs-input-addon",
       "data-component": "bs-input-addon",
       "data-autopad": e.autopad,
@@ -2007,7 +2021,7 @@ const Ja = { key: 0 }, _a = {
             class: "bs-text-black"
           })
         ], 512), [
-          [be, e.showClear]
+          [he, e.showClear]
         ])
       ]),
       _: 1
@@ -2122,7 +2136,7 @@ const go = ["disabled", "id", "model-value"], wo = ["disabled", "id", "model-val
             class: "bs-text-black"
           })
         ], 512), [
-          [be, e.showClear]
+          [he, e.showClear]
         ])
       ]),
       _: 1
@@ -2200,7 +2214,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
     }, (g) => {
       g && setTimeout(B, 100);
     });
-    function b(g) {
+    function h(g) {
       return t.isRange && g.start && g.end ? `${g.start} to ${g.end}` : !t.isRange && g ? g : "";
     }
     function M(g) {
@@ -2221,7 +2235,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       const g = i.value.querySelector("button.vc-prev"), I = i.value.querySelector("button.vc-next");
       g && g.setAttribute("aria-label", "Previous month"), I && I.setAttribute("aria-label", "Next month");
     }
-    return (g, I) => (l(), h("div", H({
+    return (g, I) => (l(), b("div", H({
       ref_key: "container",
       ref: i,
       class: "bs-calendar",
@@ -2237,7 +2251,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       }, {
         default: q(() => [
           z(g.$slots, "label", {}, () => [
-            _(L(g.label), 1)
+            _(V(g.label), 1)
           ])
         ]),
         _: 3
@@ -2266,7 +2280,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
               error: g.error,
               "input-id": v.value,
               "input-value": P,
-              "input-value-fmt": b(P),
+              "input-value-fmt": h(P),
               listeners: N,
               placeholder: g.placeholder,
               "show-clear": O.value,
@@ -2280,7 +2294,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
               error: g.error,
               "input-id": v.value,
               listeners: N,
-              "model-value": b(P),
+              "model-value": h(P),
               placeholder: g.placeholder,
               "show-clear": O.value,
               required: g.required,
@@ -2419,8 +2433,8 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
         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 b = { datasetLabel: S.label }, M = S.data.find((E) => E.x === O);
-            b.value = M ? M.y : null, y.push(b);
+            const h = { datasetLabel: S.label }, M = S.data.find((E) => E.x === O);
+            h.value = M ? M.y : null, y.push(h);
           }), k.dataCells = y, n.xAxisType === "time" && (k.rowLabelFmt = a(O)), k;
         });
       } catch {
@@ -2439,8 +2453,8 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
     });
     return ee(() => {
       t.value = !0;
-    }), (c, p) => (l(), h("div", Io, [
-      d.value ? (l(), h("table", {
+    }), (c, p) => (l(), b("div", Io, [
+      d.value ? (l(), b("table", {
         key: 0,
         summary: r.value.title
       }, [
@@ -2448,24 +2462,24 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
           w("tr", null, [
             w("th", {
               colspan: r.value.colspan
-            }, L(r.value.title), 9, To)
+            }, V(r.value.title), 9, To)
           ]),
           w("tr", null, [
-            w("th", Co, L(r.value.colHeadingFirst), 1),
-            (l(!0), h(J, null, de(r.value.colHeadings, (v) => (l(), h("th", {
+            w("th", Co, V(r.value.colHeadingFirst), 1),
+            (l(!0), b(J, null, de(r.value.colHeadings, (v) => (l(), b("th", {
               key: v,
               scope: "col"
-            }, L(v), 1))), 128))
+            }, V(v), 1))), 128))
           ])
         ]),
         w("tbody", null, [
-          (l(!0), h(J, null, de(r.value.rows, (v) => (l(), h("tr", {
+          (l(!0), b(J, null, de(r.value.rows, (v) => (l(), b("tr", {
             key: v.rowLabelFmt || v.rowLabel
           }, [
-            w("th", Do, L(v.rowLabelFmt || v.rowLabel), 1),
-            (l(!0), h(J, null, de(v.dataCells, ($) => (l(), h("td", {
+            w("th", Do, V(v.rowLabelFmt || v.rowLabel), 1),
+            (l(!0), b(J, null, de(v.dataCells, ($) => (l(), b("td", {
               key: `${v.rowLabelFmt || v.rowLabel}${$.datasetLabel}${$.value}`
-            }, L($.value), 1))), 128))
+            }, V($.value), 1))), 128))
           ]))), 128))
         ])
       ], 8, Bo)) : x("", !0)
@@ -2489,30 +2503,30 @@ 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 r, d;
   function c(y, S) {
-    let b;
+    let h;
     switch (y) {
       case "bar":
-        b = "setBarChartConfigs";
+        h = "setBarChartConfigs";
         break;
       case "line":
-        b = "setLineChartConfigs";
+        h = "setLineChartConfigs";
         break;
       default:
         throw new Error(`Unsupported chart type: ${y}`);
     }
-    return new Mo().setCommonConfigs(S).setCustomOptions(S)[b](S).setPlugins([zo(o), ua]).build();
+    return new Mo().setCommonConfigs(S).setCustomOptions(S)[h](S).setPlugins([zo(o), ua]).build();
   }
   function p(y) {
     y.preventDefault(), y.stopImmediatePropagation();
     const S = y.target.closest("li");
     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);
+      const { labelIndex: h, datasetIndex: M } = S.dataset;
+      r.setDatasetVisibility(M, !r.isDatasetVisible(M)), r.update(), y.preventDefault(), y.stopImmediatePropagation(), v(M, h);
     }
   }
   function v(y, S) {
     var E;
-    const b = `[data-dataset-index="${y}"][data-label-index="${S}"]`, M = o.value.querySelector(b);
+    const h = `[data-dataset-index="${y}"][data-label-index="${S}"]`, M = o.value.querySelector(h);
     (E = M == null ? void 0 : M.focus) == null || E.call(M);
   }
   function $(...y) {
@@ -2743,7 +2757,7 @@ class Tn {
     return n;
   }
 }
-class Vo extends Tn {
+class Lo extends Tn {
   constructor({ data: n, options: t, plugins: a }) {
     super({ type: "bar", data: n, options: t, plugins: a });
   }
@@ -2767,7 +2781,7 @@ class Vo extends Tn {
     this.options = o;
   }
 }
-class Lo extends Tn {
+class Vo extends Tn {
   constructor({ data: n, options: t, plugins: a }) {
     super({ type: "line", data: n, options: t, plugins: a });
   }
@@ -2861,9 +2875,9 @@ class Mo {
     };
     switch (this.type) {
       case "bar":
-        return new Vo(n);
-      case "line":
         return new Lo(n);
+      case "line":
+        return new Vo(n);
       default:
         throw new Error(`Unsupported chart type: ${this.type}`);
     }
@@ -2948,11 +2962,11 @@ const No = {
       ca,
       pa,
       fa,
-      ba,
       ha,
+      ba,
       va,
       ma
-    )), (u, s) => (l(), h("div", No, [
+    )), (u, s) => (l(), b("div", No, [
       w("figure", null, [
         w("div", null, [
           w("canvas", {
@@ -3050,14 +3064,14 @@ const No = {
       a("update:modelValue", S);
     }
     function k(S) {
-      const b = [...t.modelValue];
-      S ? b.push(t.value) : b.splice(b.indexOf(t.value), 1), a("update:modelValue", b);
+      const h = [...t.modelValue];
+      S ? h.push(t.value) : h.splice(h.indexOf(t.value), 1), a("update:modelValue", h);
     }
     function y(S) {
-      const { checked: b } = S.target;
-      p.value ? k(b) : O(b);
+      const { checked: h } = S.target;
+      p.value ? k(h) : O(h);
     }
-    return Z(d, $), Z(c, $), ee($), (S, b) => (l(), h("div", H({
+    return Z(d, $), Z(c, $), ee($), (S, h) => (l(), b("div", H({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-disabled": e.disabled,
@@ -3084,7 +3098,7 @@ const No = {
       }, {
         default: q(() => [
           z(S.$slots, "label", {}, () => [
-            _(L(e.label), 1)
+            _(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -3113,15 +3127,15 @@ const No = {
   },
   setup(e, { expose: n }) {
     const t = C(null);
-    return n({ internalContainerRef: t }), (a, o) => (l(), h(J, null, [
+    return n({ internalContainerRef: t }), (a, o) => (l(), b(J, null, [
       e.breakout && e.breakoutMounted ? (l(), D(Un, {
         key: 0,
         to: e.breakoutStub
       }, [
         z(a.$slots, "default")
       ], 8, ["to"])) : x("", !0),
-      e.breakout ? x("", !0) : (l(), h(J, { key: 1 }, [
-        e.containerId ? z(a.$slots, "default", { key: 0 }) : (l(), h("div", {
+      e.breakout ? x("", !0) : (l(), b(J, { key: 1 }, [
+        e.containerId ? z(a.$slots, "default", { key: 0 }) : (l(), b("div", {
           key: 1,
           ref_key: "internalContainerRef",
           ref: t,
@@ -3181,7 +3195,7 @@ const No = {
       ]),
       _: 3
     }, 8, ["name"])), [
-      [be, e.shown]
+      [he, e.shown]
     ]) : (l(), D(wt, {
       key: 1,
       name: e.name,
@@ -3319,7 +3333,7 @@ const No = {
       } else
         $("--dropdown-wscreen-width", "");
     }
-    function b() {
+    function h() {
       u.value = !0, r.value = document.getElementById(t.anchorId), O(), S(), a("enter");
     }
     function M() {
@@ -3328,8 +3342,8 @@ const No = {
     function E() {
       u.value = !1, s.value = !1, a("after-leave");
     }
-    return (B, g) => (l(), h(J, null, [
-      e.useMobileStyle && e.shown ? (l(), h("div", Ko)) : x("", !0),
+    return (B, g) => (l(), b(J, null, [
+      e.useMobileStyle && e.shown ? (l(), b("div", Ko)) : x("", !0),
       R(Uo, {
         ref_key: "dropdownContainerRef",
         ref: o,
@@ -3344,7 +3358,7 @@ const No = {
             preloaded: e.preloaded,
             shown: e.shown,
             onAfterEnter: M,
-            onEnter: b,
+            onEnter: h,
             onAfterLeave: E
           }, {
             default: q(() => [
@@ -3356,10 +3370,10 @@ const No = {
                 "data-shown": e.shown,
                 "data-no-mobile": !e.useMobileStyle
               }, B.$attrs), [
-                e.helperText ? (l(), h("header", Go, [
+                e.helperText ? (l(), b("header", Go, [
                   w("div", null, [
-                    w("h3", null, L(e.helperText), 1),
-                    e.helperDescription ? (l(), h("p", Yo, L(e.helperDescription), 1)) : x("", !0)
+                    w("h3", null, V(e.helperText), 1),
+                    e.helperDescription ? (l(), b("p", Yo, V(e.helperDescription), 1)) : x("", !0)
                   ]),
                   w("button", {
                     type: "button",
@@ -3580,18 +3594,18 @@ const No = {
           type: "button",
           onClick: r
         }, [
-          w("span", Qo, L(u.value.text), 1),
+          w("span", Qo, V(u.value.text), 1),
           s.value ? (l(), D(f(ke), {
             key: 0,
             role: "presentation",
             size: "md"
-          })) : (l(), D(f(Le), {
+          })) : (l(), D(f(Ve), {
             key: 1,
             role: "presentation",
             size: "md"
           }))
         ], 8, Zo), [
-          [be, u.value.show]
+          [he, u.value.show]
         ])
       ]),
       _: 1
@@ -3627,7 +3641,7 @@ const No = {
   },
   setup(e) {
     const n = e, t = m(() => n.badgeCount > 0);
-    return (a, o) => (l(), h("button", {
+    return (a, o) => (l(), b("button", {
       class: "bs-filter-button",
       "aria-controls": e.optionsId,
       "aria-expanded": e.open,
@@ -3647,9 +3661,9 @@ const No = {
         variant: "notext"
       }, null, 8, ["count"])) : x("", !0),
       z(a.$slots, "label", {}, () => [
-        _(L(e.label), 1)
+        _(V(e.label), 1)
       ]),
-      R(f(Le))
+      R(f(Ve))
     ], 8, _o));
   }
 }, Cn = (e, n, t = "id") => {
@@ -3681,7 +3695,7 @@ const No = {
     }
     return ee(() => {
       i({ id: s.value, val: n.value });
-    }), (d, c) => (l(), h("li", {
+    }), (d, c) => (l(), b("li", {
       ref_key: "optionRef",
       ref: t,
       "data-component": "bs-dropdown-option",
@@ -3716,14 +3730,14 @@ const No = {
   },
   setup(e) {
     const n = e, t = C(!1), a = C(!!n.src);
-    return ee(() => t.value = !0), (o, i) => (l(), h("div", {
+    return ee(() => t.value = !0), (o, i) => (l(), b("div", {
       class: "bs-profile-img",
       "data-component": "bs-profile-img",
       "data-img-size": e.size,
       "data-initials": e.initials,
       "data-no-img": !a.value
     }, [
-      a.value && t.value ? (l(), h("img", {
+      a.value && t.value ? (l(), b("img", {
         key: 0,
         src: e.src,
         alt: e.useAltText ? e.profileName : "",
@@ -3746,8 +3760,8 @@ const No = {
     function t(a, o) {
       return !!a && a !== o;
     }
-    return (a, o) => (l(), h(J, null, [
-      (l(!0), h(J, null, de(a.options, (i) => (l(), D(Et, {
+    return (a, o) => (l(), b(J, null, [
+      (l(!0), b(J, null, de(a.options, (i) => (l(), D(Et, {
         "aria-checked": i.checkbox ? i.checkbox.checked : void 0,
         key: i.value,
         "value-id-key": a.valueIdKey,
@@ -3755,14 +3769,14 @@ const No = {
         variant: n(i)
       }, {
         default: q(() => [
-          i.checkbox ? (l(), h("span", {
+          i.checkbox ? (l(), b("span", {
             key: 0,
             id: i.checkbox.inputId,
             "aria-hidden": "true",
             class: "bs-checkbox",
             "data-checked": i.checkbox.checked
           }, null, 8, oi)) : x("", !0),
-          i.icon ? (l(), h("span", ii, [
+          i.icon ? (l(), b("span", ii, [
             typeof i.icon == "string" ? (l(), D(f(ce), {
               key: 0,
               name: i.icon
@@ -3776,15 +3790,15 @@ const No = {
             "profile-name": i.profileImg.profileName,
             "use-alt-text": t(i.profileImg.profileName, i.label)
           }, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : x("", !0),
-          i.labelHtml ? (l(), h("span", {
+          i.labelHtml ? (l(), b("span", {
             key: 3,
             innerHTML: i.labelHtml
-          }, null, 8, li)) : (l(), h("span", si, L(i.label), 1)),
-          i.description ? (l(), h("span", ri, L(i.description), 1)) : x("", !0)
+          }, null, 8, li)) : (l(), b("span", si, V(i.label), 1)),
+          i.description ? (l(), b("span", ri, V(i.description), 1)) : x("", !0)
         ]),
         _: 2
       }, 1032, ["aria-checked", "value-id-key", "value", "variant"]))), 128)),
-      a.showNoOptions && a.options.length === 0 ? (l(), h("li", di, [
+      a.showNoOptions && a.options.length === 0 ? (l(), b("li", di, [
         z(a.$slots, "no-options", {}, () => [
           o[0] || (o[0] = _("No options"))
         ])
@@ -3861,7 +3875,7 @@ const No = {
         }, [
           R(f(ke), { size: "sm" })
         ], 512), [
-          [be, i.value]
+          [he, i.value]
         ])
       ]),
       _: 1
@@ -3918,11 +3932,11 @@ const No = {
     me("optionsId", m(() => a.optionsId)), me("handleOptionSelect", $e), me("registerOptionById", ({ id: U, val: K }) => {
       v[U] = K;
     }), ui(u, E, { childList: !0 }), Ae([" ", "Enter", "NumpadEnter"], ge, u), Ae(["ArrowDown", "ArrowUp", "Home", "End"], Ie);
-    const b = [/^[a-zA-Z0-9]{1}$/], M = {
+    const h = [/^[a-zA-Z0-9]{1}$/], M = {
       keys: "",
       lastTyped: 0
     };
-    Ae(b, (U) => Pe(U, M)), ee(() => {
+    Ae(h, (U) => Pe(U, M)), ee(() => {
       E(), G(k.value);
     }), De(() => {
       v = null;
@@ -3962,7 +3976,7 @@ const No = {
       r.value < 0 && (r.value = 0, s.value = (U = c.value[0]) == null ? void 0 : U.id), I();
     }
     function G(U) {
-      U ? te() : he();
+      U ? te() : be();
     }
     function te() {
       var U, K;
@@ -3971,7 +3985,7 @@ const No = {
         (ie) => ie.dataset.valueIdKey ? ie.id === Cn(a.optionsId, o.value, ie.dataset.valueIdKey) : ie.dataset.value === String(o.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() {
+    function be() {
       c.value.forEach((U) => {
         U.removeAttribute("data-selected"), U.setAttribute("aria-selected", "false");
       }), P(), d.value = -1, r.value = -1, s.value = null;
@@ -4035,7 +4049,7 @@ const No = {
       optionsRef: u,
       refreshOptions: E,
       setCurrentActive: I
-    }), (U, K) => (l(), h("ul", {
+    }), (U, K) => (l(), b("ul", {
       ref_key: "optionsRef",
       ref: u,
       "aria-activedescendant": s.value || void 0,
@@ -4133,11 +4147,11 @@ const No = {
       var E;
       const y = ((E = k[0]) == null ? void 0 : E[t.valueIdKey]) !== void 0;
       y && (k = k.map((B) => B[t.valueIdKey]));
-      const S = new Set(k), b = [], M = [];
+      const S = new Set(k), h = [], M = [];
       t.options.forEach((B) => {
         const g = { ...B }, I = y ? B.value[t.valueIdKey] : B.value, P = `${t.optionsId}-${I}-cb`;
-        S.has(y ? B.value[t.valueIdKey] : B.value) ? (g.checkbox = { inputId: P, checked: !0 }, b.push(g)) : (g.checkbox = { inputId: P, checked: !1 }, M.push(g));
-      }), i.value = b, Re(() => {
+        S.has(y ? B.value[t.valueIdKey] : B.value) ? (g.checkbox = { inputId: P, checked: !0 }, h.push(g)) : (g.checkbox = { inputId: P, checked: !1 }, M.push(g));
+      }), i.value = h, Re(() => {
         u.value = M, Re(() => {
           d && p(), d = !1;
         });
@@ -4145,8 +4159,8 @@ const No = {
     }
     function $(k = []) {
       const y = new Set(k), S = [];
-      return t.options.forEach((b) => {
-        y.has(b.value) && S.push(b.value);
+      return t.options.forEach((h) => {
+        y.has(h.value) && S.push(h.value);
       }), S;
     }
     function O(k) {
@@ -4167,7 +4181,7 @@ const No = {
       "onUpdate:modelValue": O
     }, {
       default: q(() => [
-        r.value ? (l(), h(J, { key: 0 }, [
+        r.value ? (l(), b(J, { key: 0 }, [
           R(_e, {
             options: i.value,
             "show-no-options": !1,
@@ -4176,14 +4190,14 @@ const No = {
           fe(w("li", pi, y[2] || (y[2] = [
             w("hr", null, null, -1)
           ]), 512), [
-            [be, s.value]
+            [he, s.value]
           ]),
           R(_e, {
             options: u.value,
             "show-no-options": !1,
             "value-id-key": e.valueIdKey
           }, null, 8, ["options", "value-id-key"])
-        ], 64)) : (l(), h("li", fi, [
+        ], 64)) : (l(), b("li", fi, [
           z(k.$slots, "no-options", {}, () => [
             y[3] || (y[3] = _("No options"))
           ])
@@ -4192,7 +4206,7 @@ const No = {
       _: 3
     }, 8, ["label", "options-id", "shown"]));
   }
-}, bi = ["id"], hi = {
+}, hi = ["id"], bi = {
   key: 0,
   class: "filter-input-container"
 }, vi = {
@@ -4331,7 +4345,7 @@ const No = {
       var N, G;
       s.value = !1, a("close"), y() && ((G = (N = k()) == null ? void 0 : N.focus) == null || G.call(N));
     }
-    function b() {
+    function h() {
       s.value && S();
     }
     function M() {
@@ -4354,7 +4368,7 @@ const No = {
     function P(N) {
       r.value = N;
     }
-    return (N, G) => (l(), h("div", {
+    return (N, G) => (l(), b("div", {
       class: "bs-dropdown-with-toggle",
       id: N.$attrs.id
     }, [
@@ -4376,7 +4390,7 @@ const No = {
         }, {
           label: q(() => [
             z(N.$slots, "toggle-label", {}, () => [
-              _(L(e.toggleLabel), 1)
+              _(V(e.toggleLabel), 1)
             ])
           ]),
           _: 3
@@ -4393,12 +4407,12 @@ const No = {
         shown: e.open,
         "use-mobile-style": e.useMobileStyle,
         width: e.dropdownWidth,
-        onClose: b,
+        onClose: h,
         onEnter: M,
         onAfterLeave: I
       }, {
         default: q(() => [
-          e.filter ? (l(), h("div", hi, [
+          e.filter ? (l(), b("div", bi, [
             R(On, {
               "aria-label": e.filterLabel,
               "model-value": r.value,
@@ -4417,7 +4431,7 @@ const No = {
             shown: e.open,
             "value-id-key": e.valueIdKey,
             onCheckOption: B,
-            onClose: G[1] || (G[1] = (te) => e.multiselect ? void 0 : b()),
+            onClose: G[1] || (G[1] = (te) => e.multiselect ? void 0 : h()),
             onOptionsListShiftTab: G[2] || (G[2] = (te) => N.$emit("options-list-shift-tab")),
             onOptionsListTab: G[3] || (G[3] = (te) => N.$emit("options-list-tab")),
             onUncheckOption: E,
@@ -4432,14 +4446,14 @@ const No = {
             ]),
             _: 1
           }, 8, ["class", "label", "model-value", "options", "options-id", "selected-options", "shown", "value-id-key"]),
-          e.multiselect ? (l(), h("div", vi, [
+          e.multiselect ? (l(), b("div", vi, [
             R(Bn, {
               title: e.filterButtonText,
               class: "mobile-select-button",
               onClick: G[4] || (G[4] = () => a("close"))
             }, {
               default: q(() => [
-                _(L(e.filterButtonText), 1)
+                _(V(e.filterButtonText), 1)
               ]),
               _: 1
             }, 8, ["title"])
@@ -4447,7 +4461,7 @@ const No = {
         ]),
         _: 1
       }, 8, ["anchor-id", "breakout", "container-id", "helper-text", "helper-description", "position", "shown", "use-mobile-style", "width"])
-    ], 8, bi));
+    ], 8, hi));
   }
 }, zn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsDropdownCombobox",
@@ -4536,7 +4550,7 @@ const No = {
     function S() {
       r.value = !0;
     }
-    function b() {
+    function h() {
       s.value = !0, r.value = !1;
     }
     function M() {
@@ -4580,7 +4594,7 @@ const No = {
           onInput: k,
           onInputFocus: M,
           onInputMousedown: S,
-          onInputMouseup: b,
+          onInputMouseup: h,
           onInputShiftTab: B[0] || (B[0] = (g) => s.value = !1),
           onToggled: B[1] || (B[1] = (g) => s.value = !s.value)
         }, E.$attrs), null, 16, ["id", "container-id", "disabled", "error", "hint-id", "model-value", "open", "options-id", "placeholder", "required"])
@@ -4665,7 +4679,7 @@ 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), r = m(() => t.inputId || a.value);
-    return (d, c) => (l(), h("div", H({ "data-component": "bs-dropdown-combobox-field" }, f(i)), [
+    return (d, c) => (l(), b("div", H({ "data-component": "bs-dropdown-combobox-field" }, f(i)), [
       e.label || d.$slots.label ? (l(), D(pe, {
         key: 0,
         for: d.$attrs.id || r.value,
@@ -4674,7 +4688,7 @@ const No = {
       }, {
         default: q(() => [
           z(d.$slots, "label", {}, () => [
-            _(L(e.label), 1)
+            _(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -4964,7 +4978,7 @@ const No = {
   props: Dt,
   setup(e) {
     const n = e, t = et(), a = C(!1), o = m(() => n.iconName || n.icon), i = m(() => !t.icon && typeof o.value == "string" ? a.value : !0);
-    return (u, s) => fe((l(), h("div", {
+    return (u, s) => fe((l(), b("div", {
       class: "bs-empty-state",
       "data-component": "bs-empty-state",
       "data-size": u.size
@@ -4984,16 +4998,16 @@ const No = {
         ])
       ]),
       w("div", null, [
-        w("p", wi, L(u.title), 1),
-        u.size !== "xs" ? (l(), h("p", ki, [
+        w("p", wi, V(u.title), 1),
+        u.size !== "xs" ? (l(), b("p", ki, [
           z(u.$slots, "description", {}, () => [
-            _(L(u.description), 1)
+            _(V(u.description), 1)
           ])
         ])) : x("", !0),
         z(u.$slots, "call-to-action")
       ])
     ], 8, yi)), [
-      [be, i.value]
+      [he, i.value]
     ]);
   }
 }, Si = ["data-absolute", "data-position", "data-shown", "data-size"], $i = { class: "bs-flyout-close-container" }, zr = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -5132,7 +5146,7 @@ const No = {
     function c(p, v) {
       p.preventDefault(), v.focus();
     }
-    return (p, v) => (l(), h("div", {
+    return (p, v) => (l(), b("div", {
       ref_key: "focusGuard",
       ref: o
     }, [
@@ -5144,16 +5158,16 @@ const No = {
   class: "bs-form-container-header-icon"
 }, xi = ["data-inactive"], Ai = { class: "bs-form-container-title-addon" }, zi = ["data-inactive"], Pi = ["data-open"], Ei = ["data-open"], Pr = {
   __name: "BsFormContainer",
-  props: bn,
+  props: hn,
   setup(e) {
-    return (n, t) => (l(), h("div", {
+    return (n, t) => (l(), b("div", {
       class: "bs-form-container",
       "data-inactive": n.inactive
     }, [
       w("header", Ti, [
         w("div", Ci, [
           w("div", Di, [
-            n.icon || n.$slots.icon ? (l(), h("div", Oi, [
+            n.icon || n.$slots.icon ? (l(), b("div", Oi, [
               z(n.$slots, "icon", {}, () => [
                 typeof n.icon == "string" ? (l(), D(f(ce), {
                   key: 0,
@@ -5174,7 +5188,7 @@ const No = {
                 w("span", {
                   class: "bs-form-container-title",
                   "data-inactive": n.inactive
-                }, L(n.title), 9, xi)
+                }, V(n.title), 9, xi)
               ]),
               _: 1
             }, 8, ["required", "disabled"]),
@@ -5182,12 +5196,12 @@ const No = {
               z(n.$slots, "title-addon")
             ])
           ]),
-          n.subTitle ? (l(), h("div", {
+          n.subTitle ? (l(), b("div", {
             key: 0,
             class: "bs-form-container-subtitle",
             "data-inactive": n.inactive
           }, [
-            w("span", null, L(n.subTitle), 1)
+            w("span", null, V(n.subTitle), 1)
           ], 8, zi)) : x("", !0)
         ]),
         w("div", {
@@ -5206,7 +5220,7 @@ const No = {
     ], 8, Bi));
   }
 };
-function Vt(e) {
+function Lt(e) {
   const n = C({}), t = m(() => Wn(e.navData));
   function a(c) {
     t.value.forEach((p) => {
@@ -5220,7 +5234,13 @@ function Vt(e) {
   }
   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;
+    if (o(c))
+      return window.location.href.startsWith(p);
+    if (e.router && p) {
+      const v = e.router.resolve(p).path, $ = e.router.currentRoute.value.path;
+      return e.activeMatch === "prefix" ? $ === v || $.startsWith(v + "/") : v === $;
+    }
+    return !1;
   }
   function u(c) {
     return c.dividerOnly ? !0 : !n.value[c.id];
@@ -5247,9 +5267,13 @@ function Vt(e) {
     rawNavData: t
   };
 }
-const Vi = ["aria-current", "data-active", "href", "target"], Me = {
+const Li = ["aria-current", "data-active", "href", "target"], Me = {
   __name: "NavigationLink",
   props: {
+    activeMatch: {
+      type: String,
+      default: "exact"
+    },
     item: {
       type: Object,
       required: !0
@@ -5261,10 +5285,10 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
   },
   emits: ["nav-link-clicked"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { isAbsoluteTo: o, isActivePath: i, getTo: u, getTarget: s } = Vt(t);
+    const t = e, a = n, { isAbsoluteTo: o, isActivePath: i, getTo: u, getTarget: s } = Lt(t);
     return (r, d) => {
       const c = en("router-link");
-      return f(o)(e.item) ? (l(), h("a", {
+      return f(o)(e.item) ? (l(), b("a", {
         key: 0,
         "aria-current": f(i)(e.item) || void 0,
         "data-active": f(i)(e.item),
@@ -5273,7 +5297,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
         onClick: d[0] || (d[0] = (p) => a("nav-link-clicked", p))
       }, [
         z(r.$slots, "default")
-      ], 8, Vi)) : (l(), D(c, {
+      ], 8, Li)) : (l(), D(c, {
         key: 1,
         "aria-current": f(i)(e.item) || void 0,
         "data-active": f(i)(e.item),
@@ -5288,7 +5312,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       }, 8, ["aria-current", "data-active", "to", "target"]));
     };
   }
-}, 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 = {
+}, 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 = {
   key: 0,
   class: "bs-horizontal-nav-mobile-end-items"
 }, Ki = {
@@ -5302,7 +5326,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
   class: "bs-horizontal-nav-end-items"
 }, Er = {
   __name: "BsHorizontalNavigation",
-  props: hn,
+  props: bn,
   emits: Object.keys(vn),
   setup(e, { emit: n }) {
     const t = e, a = n, {
@@ -5312,9 +5336,9 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       isActivePath: s,
       isExpanded: r,
       rawNavData: d
-    } = Vt(t), c = St();
-    Fe("(max-width: 1165px)", (b) => {
-      p.value = b.matches;
+    } = Lt(t), c = St();
+    Fe("(max-width: 1165px)", (h) => {
+      p.value = h.matches;
     });
     const p = C(!1), v = C(!1);
     _t(() => {
@@ -5323,61 +5347,61 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       v.value = t.mobileOpen;
     }), Z(() => t.navData, () => {
       u(!0);
-    }), 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());
+    }), Z(() => t.mobileOpen, (h) => {
+      v.value = h;
+    }), Z(v, (h) => {
+      h ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", a("mobile-toggle", h);
+    }), Z(p, (h, M) => {
+      h !== M && (v.value = !1, y());
     });
-    function $(b) {
-      o.value[b] = !o.value[b], Object.keys(o.value).forEach((M) => {
-        M !== b && (o.value[M] = !0);
+    function $(h) {
+      o.value[h] = !o.value[h], Object.keys(o.value).forEach((M) => {
+        M !== h && (o.value[M] = !0);
       });
     }
     function O() {
       return v.value ? "Close Menu" : "Open Menu";
     }
-    function k(b) {
-      return b.navItems.some((M) => s(M));
+    function k(h) {
+      return h.navItems.some((M) => s(M));
     }
     function y() {
-      Object.keys(o.value).forEach((b) => {
-        o.value[b] = !0;
+      Object.keys(o.value).forEach((h) => {
+        o.value[h] = !0;
       });
     }
-    function S(b, M) {
-      b.ctrlKey || b.metaKey || $(M.id), a("nav-link-clicked", { ev: b, payload: M });
+    function S(h, M) {
+      h.ctrlKey || h.metaKey || $(M.id), a("nav-link-clicked", { ev: h, payload: M });
     }
-    return (b, M) => {
+    return (h, M) => {
       const E = en("router-link");
-      return p.value ? (l(), h("nav", {
+      return p.value ? (l(), b("nav", {
         key: 0,
         class: "bs-horizontal-nav-mobile",
         "data-shown": v.value,
-        "data-hide-toggle": b.hideMobileToggle
+        "data-hide-toggle": h.hideMobileToggle
       }, [
-        b.hideMobileToggle ? x("", !0) : (l(), h("button", {
+        h.hideMobileToggle ? x("", !0) : (l(), b("button", {
           key: 0,
           type: "button",
           class: "bs-horizontal-nav-mobile-toggle",
-          "aria-expanded": b.mobileOpen,
+          "aria-expanded": h.mobileOpen,
           "aria-controls": `horizontal-nav-mobile-${f(c)}`,
           title: O(),
           onClick: M[0] || (M[0] = (B) => v.value = !v.value)
         }, [
           w("div", Ni, [
-            typeof b.titleIcon == "string" ? (l(), D(f(ce), {
+            typeof h.titleIcon == "string" ? (l(), D(f(ce), {
               key: 0,
               class: "bs-horizontal-nav-mobile-toggle-title-icon",
-              name: b.titleIcon
-            }, null, 8, ["name"])) : (l(), D(ae(b.titleIcon), {
+              name: h.titleIcon
+            }, null, 8, ["name"])) : (l(), D(ae(h.titleIcon), {
               key: 1,
               class: "bs-horizontal-nav-mobile-toggle-title-icon"
             })),
-            w("span", null, L(b.mobileToggleText), 1)
+            w("span", null, V(h.mobileToggleText), 1)
           ]),
-          R(f(Le), { class: "bs-horizontal-nav-mobile-toggle-caret" })
+          R(f(Ve), { class: "bs-horizontal-nav-mobile-toggle-caret" })
         ], 8, Mi)),
         R(wt, { name: "bs-horizontal-nav-mobile" }, {
           default: q(() => [
@@ -5386,12 +5410,12 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
               id: `horizontal-nav-mobile-${f(c)}`
             }, [
               w("ul", null, [
-                (l(!0), h(J, null, de(f(d), (B) => {
+                (l(!0), b(J, null, de(f(d), (B) => {
                   var g;
-                  return l(), h(J, {
+                  return l(), b(J, {
                     key: B.id
                   }, [
-                    ((g = B.navItems) == null ? void 0 : g.length) > 0 ? (l(), h("li", {
+                    ((g = B.navItems) == null ? void 0 : g.length) > 0 ? (l(), b("li", {
                       key: 0,
                       "data-expanded": f(r)(B)
                     }, [
@@ -5404,80 +5428,82 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
                         title: f(i)(B),
                         onClick: (I) => $(B.id)
                       }, [
-                        w("span", null, L(B.text), 1),
-                        R(f(Le), { class: "bs-horizontal-nav-mobile-nested-toggle-caret" })
+                        w("span", null, V(B.text), 1),
+                        R(f(Ve), { class: "bs-horizontal-nav-mobile-nested-toggle-caret" })
                       ], 8, ji),
                       w("ul", Fi, [
-                        (l(!0), h(J, null, de(B.navItems, (I) => (l(), h("li", null, [
+                        (l(!0), b(J, null, de(B.navItems, (I) => (l(), b("li", null, [
                           R(Me, {
                             item: I,
-                            router: b.router,
+                            router: h.router,
+                            "active-match": h.activeMatch,
                             onNavLinkClicked: (P) => a("nav-link-clicked", { ev: P, payload: I })
                           }, {
                             default: q(() => [
-                              _(L(I.text), 1)
+                              _(V(I.text), 1)
                             ]),
                             _: 2
-                          }, 1032, ["item", "router", "onNavLinkClicked"])
+                          }, 1032, ["item", "router", "active-match", "onNavLinkClicked"])
                         ]))), 256))
                       ])
-                    ], 8, Ri)) : (l(), h("li", Ui, [
+                    ], 8, Ri)) : (l(), b("li", Ui, [
                       R(Me, {
                         item: B,
-                        router: b.router,
+                        router: h.router,
+                        "active-match": h.activeMatch,
                         onNavLinkClicked: (I) => a("nav-link-clicked", { ev: I, payload: B })
                       }, {
                         default: q(() => [
-                          _(L(B.text), 1)
+                          _(V(B.text), 1)
                         ]),
                         _: 2
-                      }, 1032, ["item", "router", "onNavLinkClicked"])
+                      }, 1032, ["item", "router", "active-match", "onNavLinkClicked"])
                     ]))
                   ], 64);
                 }), 128))
               ]),
-              b.$slots["end-items"] ? (l(), h("div", Wi, [
-                z(b.$slots, "end-items")
+              h.$slots["end-items"] ? (l(), b("div", Wi, [
+                z(h.$slots, "end-items")
               ])) : x("", !0)
             ], 8, qi), [
-              [be, b.mobileOpen]
+              [he, h.mobileOpen]
             ])
           ]),
           _: 3
         })
-      ], 8, Li)) : (l(), h("div", Ki, [
+      ], 8, Vi)) : (l(), b("div", Ki, [
         w("nav", null, [
-          !b.title && b.titleIcon ? (l(), h(J, { key: 0 }, [
-            typeof b.titleIcon == "string" ? (l(), D(f(ce), {
+          !h.title && h.titleIcon ? (l(), b(J, { key: 0 }, [
+            typeof h.titleIcon == "string" ? (l(), D(f(ce), {
               key: 0,
               class: "bs-horizontal-nav-title-icon",
-              name: b.titleIcon
-            }, null, 8, ["name"])) : (l(), D(ae(b.titleIcon), {
+              name: h.titleIcon
+            }, null, 8, ["name"])) : (l(), D(ae(h.titleIcon), {
               key: 1,
               class: "bs-horizontal-nav-title-icon"
             }))
           ], 64)) : x("", !0),
           w("ul", null, [
-            b.title ? (l(), h("li", Hi, [
-              b.titleUrl ? (l(), D(E, {
+            h.title ? (l(), b("li", Hi, [
+              h.titleUrl ? (l(), D(E, {
                 key: 0,
-                "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 } }))
+                "aria-current": f(s)({ to: h.titleUrl }) || void 0,
+                to: h.titleUrl,
+                "data-active": f(s)({ to: h.titleUrl }),
+                onClick: M[1] || (M[1] = (B) => a("nav-link-clicked", { ev: B, payload: { resource: { url: h.titleUrl }, text: h.title } }))
               }, {
                 default: q(() => [
-                  w("span", null, L(b.title), 1)
+                  w("span", null, V(h.title), 1)
                 ]),
                 _: 1
-              }, 8, ["aria-current", "to", "data-active"])) : (l(), h("span", Gi, L(b.title), 1))
+              }, 8, ["aria-current", "to", "data-active"])) : (l(), b("span", Gi, V(h.title), 1))
             ])) : x("", !0),
-            (l(!0), h(J, null, de(f(d), (B, g) => {
+            (l(!0), b(J, null, de(f(d), (B, g) => {
               var I;
-              return l(), h(J, {
+              return l(), b(J, {
                 key: B.id
               }, [
-                ((I = B.navItems) == null ? void 0 : I.length) > 0 ? (l(), h("li", Yi, [
+                ((I = B.navItems) == null ? void 0 : I.length) > 0 ? (l(), b("li", Yi, [
                   w("button", {
                     id: `${B.id}-toggle`,
                     type: "button",
@@ -5489,8 +5515,8 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
                     title: f(i)(B),
                     onClick: (P) => $(B.id)
                   }, [
-                    w("span", null, L(B.text), 1),
-                    R(f(Le), { class: "bs-horizontal-nav-nested-toggle-caret" })
+                    w("span", null, V(B.text), 1),
+                    R(f(Ve), { class: "bs-horizontal-nav-nested-toggle-caret" })
                   ], 8, Xi),
                   R(lt, {
                     id: `${B.id}-nested-section`,
@@ -5504,47 +5530,49 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
                   }, {
                     default: q(() => [
                       w("ul", null, [
-                        (l(!0), h(J, null, de(B.navItems, (P) => (l(), h("li", {
+                        (l(!0), b(J, null, de(B.navItems, (P) => (l(), b("li", {
                           key: P.id
                         }, [
                           R(Me, {
                             item: P,
-                            router: b.router,
+                            router: h.router,
+                            "active-match": h.activeMatch,
                             onNavLinkClicked: (N) => S(N, P)
                           }, {
                             default: q(() => [
-                              _(L(P.text), 1)
+                              _(V(P.text), 1)
                             ]),
                             _: 2
-                          }, 1032, ["item", "router", "onNavLinkClicked"])
+                          }, 1032, ["item", "router", "active-match", "onNavLinkClicked"])
                         ]))), 128))
                       ])
                     ]),
                     _: 2
                   }, 1032, ["id", "anchor-id", "shown", "onClose"])
-                ])) : (l(), h("li", Zi, [
+                ])) : (l(), b("li", Zi, [
                   R(Me, {
                     item: B,
-                    router: b.router,
+                    router: h.router,
+                    "active-match": h.activeMatch,
                     onNavLinkClicked: (P) => a("nav-link-clicked", { ev: P, payload: B })
                   }, {
                     default: q(() => [
-                      w("span", null, L(B.text), 1)
+                      w("span", null, V(B.text), 1)
                     ]),
                     _: 2
-                  }, 1032, ["item", "router", "onNavLinkClicked"])
+                  }, 1032, ["item", "router", "active-match", "onNavLinkClicked"])
                 ]))
               ], 64);
             }), 128))
           ]),
-          b.$slots["end-items"] ? (l(), h("div", Qi, [
-            z(b.$slots, "end-items")
+          h.$slots["end-items"] ? (l(), b("div", Qi, [
+            z(h.$slots, "end-items")
           ])) : x("", !0)
         ])
       ]));
     };
   }
-}, Ji = ["view-box"], _i = ["id"], el = ["offset", "stop-color"], Vr = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ji = ["view-box"], _i = ["id"], el = ["offset", "stop-color"], Lr = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
     const n = C(null), t = C(null), a = [
@@ -5554,7 +5582,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     ], [o] = re();
     return ee(() => {
       t.value = n.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
-    }), (i, u) => (l(), h(J, null, [
+    }), (i, u) => (l(), b(J, null, [
       w("span", H({
         ref_key: "svgWrapperRef",
         ref: n,
@@ -5563,7 +5591,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       }, i.$attrs), [
         z(i.$slots, "default")
       ], 16),
-      (l(), h("svg", {
+      (l(), b("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         "view-box": t.value,
         width: "0",
@@ -5577,7 +5605,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (l(), h(J, null, de(a, (s) => w("stop", {
+          (l(), b(J, null, de(a, (s) => w("stop", {
             key: s.offset,
             offset: s.offset,
             "stop-color": s.color
@@ -5586,7 +5614,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       ], 8, Ji))
     ], 64));
   }
-}), En = Symbol("InlineTabs"), Lr = {
+}), En = Symbol("InlineTabs"), Vr = {
   __name: "BsInlineTab",
   props: Ze,
   setup(e) {
@@ -5710,7 +5738,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       return ((p = (c = t.hints) == null ? void 0 : c.join) == null ? void 0 : p.call(c, `
 `)) || t.hints;
     }), 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)), [
+    return (c, p) => (l(), b("div", H({ "data-component": "bs-input-field" }, f(i)), [
       e.label || c.$slots.label ? (l(), D(pe, {
         key: 0,
         for: c.$attrs.id || d.value,
@@ -5719,7 +5747,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       }, {
         default: q(() => [
           z(c.$slots, "label", {}, () => [
-            _(L(e.label), 1)
+            _(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -5882,16 +5910,16 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       $,
       O,
       k
-    ] = re(4), y = C(!1), S = C(""), b = C(""), M = C(!1), E = C(!1), B = C(!0);
+    ] = re(4), y = C(!1), S = C(""), h = C(""), M = C(!1), E = C(!1), B = C(!0);
     n({
       validationErr: M,
-      validationErrMsg: b
+      validationErrMsg: h
     });
-    const g = m(() => S.value ? `+${d.value}${S.value}` : ""), I = m(() => `Country code: ${d.value}. Click to change.`), P = m(() => B.value ? a.errorMsg || b.value : ""), N = m(() => a.error || M.value), G = m(() => a.hint || N.value && P.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.`), P = m(() => B.value ? a.errorMsg || h.value : ""), N = m(() => a.error || M.value), G = m(() => a.hint || N.value && P.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);
-    function he(Y, oe) {
+    }), Z(() => a.modelValue, be), Oe(), ee(() => y.value = !0);
+    function be(Y, oe) {
       Y === "" && Y !== oe && (S.value = "");
     }
     function $e() {
@@ -5927,9 +5955,9 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       p.value = dt.getCountryByCountryCode(Y);
     }
     function ie(Y) {
-      M.value = Y ? !Ft(Y).valid : !1, b.value = M.value ? "Invalid phone number" : "";
+      M.value = Y ? !Ft(Y).valid : !1, h.value = M.value ? "Invalid phone number" : "";
     }
-    return (Y, oe) => (l(), h("div", H({
+    return (Y, oe) => (l(), b("div", H({
       class: "bs-input-phone",
       "data-component": "bs-input-phone"
     }, f(u)), [
@@ -5940,7 +5968,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
         class: ve({ "visually-hidden": e.hideLabel })
       }, {
         default: q(() => [
-          _(L(e.label), 1)
+          _(V(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "disabled", "class"]),
@@ -5965,8 +5993,8 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
               type: "button",
               onClick: oe[0] || (oe[0] = (Ee) => E.value = !E.value)
             }, [
-              w("span", null, L((le = p.value) == null ? void 0 : le.flag), 1),
-              w("span", null, "+" + L(d.value), 1),
+              w("span", null, V((le = p.value) == null ? void 0 : le.flag), 1),
+              w("span", null, "+" + V(d.value), 1),
               e.disabled ? x("", !0) : (l(), D(f(sn), {
                 key: 0,
                 size: "sm"
@@ -5995,9 +6023,9 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
         hint: e.hint,
         "hint-id": f(O)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
-        [be, G.value]
+        [he, G.value]
       ]),
-      y.value ? (l(), h("div", nl, [
+      y.value ? (l(), b("div", nl, [
         R(Pn, {
           "anchor-id": f(v),
           "helper-text": "Country Code",
@@ -6011,15 +6039,15 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
           "onUpdate:modelValue": ge
         }, {
           default: q(() => [
-            y.value ? (l(!0), h(J, { key: 0 }, de(c.value, (le) => (l(), D(Et, {
+            y.value ? (l(!0), b(J, { key: 0 }, de(c.value, (le) => (l(), D(Et, {
               "aria-label": le.value,
               key: le.value,
               value: `${le.value}`,
               variant: "2-col"
             }, {
               default: q(() => [
-                w("span", al, L(le == null ? void 0 : le.flag), 1),
-                w("span", ol, L(le.label), 1)
+                w("span", al, V(le == null ? void 0 : le.flag), 1),
+                w("span", ol, V(le.label), 1)
               ]),
               _: 2
             }, 1032, ["aria-label", "value"]))), 128)) : x("", !0)
@@ -6046,7 +6074,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     }
   },
   setup(e) {
-    return (n, t) => (l(), h("svg", {
+    return (n, t) => (l(), b("svg", {
       class: "bs-spinner",
       "data-component": "bs-spinner",
       "data-size": e.size,
@@ -6056,7 +6084,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       viewBox: "0 0 100 100",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      w("title", null, L(e.label), 1),
+      w("title", null, V(e.label), 1),
       w("circle", {
         cx: "50",
         cy: "50",
@@ -6064,7 +6092,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
         r: "45",
         stroke: e.variant === "gradient" ? "url(#bs-spinner-gradient)" : void 0
       }, null, 8, ll),
-      e.variant === "gradient" ? (l(), h("defs", sl, t[0] || (t[0] = [
+      e.variant === "gradient" ? (l(), b("defs", sl, t[0] || (t[0] = [
         w("linearGradient", { id: "bs-spinner-gradient" }, [
           w("stop", { offset: "0%" }),
           w("stop", { offset: "49%" }),
@@ -6168,7 +6196,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     const t = e, a = n, o = C(!1), i = C(!1), [u, s] = re(2);
     let r = [];
     Z(() => t.inputValue, () => {
-      i.value ? i.value = !1 : b();
+      i.value ? i.value = !1 : h();
     }), Z(o, () => {
       o.value ? a("open") : a("close");
     });
@@ -6187,13 +6215,13 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       return I.map((G) => {
         let te = G.label;
         if (P !== "") {
-          const he = `<span style="color: var(--bs-blue-base)">${P}</span>`;
-          N === "includes" ? te = G.label.replaceAll(P, he) : te = G.label.replace(P, he);
+          const be = `<span style="color: var(--bs-blue-base)">${P}</span>`;
+          N === "includes" ? te = G.label.replaceAll(P, be) : te = G.label.replace(P, be);
         }
         return { ...G, labelHtml: te };
       });
     }
-    function b() {
+    function h() {
       t.showDropdownOnFocus || t.inputValue.length >= t.characterThreshold ? o.value = !0 : o.value = !1;
     }
     function M() {
@@ -6212,7 +6240,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       const P = O.value.filter((N) => N !== I);
       a("update:optionsValue", P);
     }
-    return (I, P) => (l(), h(J, null, [
+    return (I, P) => (l(), b(J, null, [
       e.label || I.$slots.label ? (l(), D(pe, {
         key: 0,
         for: v.value,
@@ -6221,7 +6249,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       }, {
         default: q(() => [
           z(I.$slots, "label", {}, () => [
-            _(L(e.label), 1)
+            _(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -6246,7 +6274,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
           value: e.inputValue
         }, I.$attrs, {
           onClear: M,
-          onFocusin: b,
+          onFocusin: h,
           "onUpdate:modelValue": P[0] || (P[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),
@@ -6348,7 +6376,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     }
   },
   setup(e) {
-    return (n, t) => (l(), h("span", {
+    return (n, t) => (l(), b("span", {
       class: "bs-loader",
       "data-size": e.size,
       "data-variant": e.variant,
@@ -6361,7 +6389,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       w("span", { class: "visually-hidden" }, "Loading", -1)
     ]), 8, pl));
   }
-}, fl = ["data-shown"], bl = {
+}, fl = ["data-shown"], hl = {
   __name: "BsOverlay",
   props: {
     shown: {
@@ -6414,7 +6442,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       _: 1
     }, 8, ["shown", "preloaded"]));
   }
-}, hl = ["id", "aria-labelledby", "data-body-background-contrast", "data-footer-border", "data-full-height", "data-full-width", "data-header-border", "data-shown", "data-size", "role"], vl = {
+}, bl = ["id", "aria-labelledby", "data-body-background-contrast", "data-footer-border", "data-full-height", "data-full-width", "data-header-border", "data-shown", "data-size", "role"], vl = {
   key: 0,
   class: "bs-modal-header-container"
 }, ml = { class: "bs-modal-header" }, yl = ["id"], gl = {
@@ -6440,11 +6468,11 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     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 b = S && ((M = o.value) == null ? void 0 : M.querySelector('[data-shown="true"]')) !== null;
-      i && !b && (a("close", t.modalId), a(y, t.modalId));
+      const h = S && ((M = o.value) == null ? void 0 : M.querySelector('[data-shown="true"]')) !== null;
+      i && !h && (a("close", t.modalId), a(y, t.modalId));
     }
-    return (y, S) => (l(), h(J, null, [
-      R(bl, {
+    return (y, S) => (l(), b(J, null, [
+      R(hl, {
         "enter-controlled": y.enterControlled,
         "enter-trigger": y.enterTrigger,
         "leave-trigger": y.leaveTrigger,
@@ -6455,9 +6483,9 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
         name: "bs-modal",
         preloaded: y.preloaded,
         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)
+        onAfterEnter: S[2] || (S[2] = (h) => a("after-enter")),
+        onAfterLeave: S[3] || (S[3] = (h) => a("after-leave")),
+        onEnter: S[4] || (S[4] = (h) => Hn(i) ? i.value = !0 : i = !0)
       }, {
         default: q(() => [
           w("div", H({
@@ -6479,55 +6507,55 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
           }, y.$attrs), [
             R(Ii, { active: f(u) }, {
               default: q(() => [
-                $.value ? (l(), h("header", vl, [
+                $.value ? (l(), b("header", vl, [
                   w("div", ml, [
                     c.value ? z(y.$slots, "title", { key: 0 }, () => [
-                      y.title ? (l(), h("span", {
+                      y.title ? (l(), b("span", {
                         key: 0,
                         class: "bs-modal-title",
                         id: f(s)
-                      }, L(y.title), 9, yl)) : x("", !0)
+                      }, V(y.title), 9, yl)) : x("", !0)
                     ]) : x("", !0),
-                    y.closeButton ? (l(), h("button", {
+                    y.closeButton ? (l(), b("button", {
                       key: 1,
                       class: "bs-modal-close-button",
                       "aria-label": "Close Modal",
                       title: "Close Modal",
                       type: "button",
-                      onClick: S[0] || (S[0] = (b) => k("x-clicked-close", !1))
+                      onClick: S[0] || (S[0] = (h) => k("x-clicked-close", !1))
                     }, [
                       R(f(ke))
                     ])) : x("", !0)
                   ]),
-                  p.value ? (l(), h("div", gl, [
+                  p.value ? (l(), b("div", gl, [
                     z(y.$slots, "subtitle", {}, () => [
-                      w("span", { id: f(r) }, L(y.subtitle), 9, wl)
+                      w("span", { id: f(r) }, V(y.subtitle), 9, wl)
                     ])
                   ])) : x("", !0),
-                  v.value ? (l(), h("div", kl, [
+                  v.value ? (l(), b("div", kl, [
                     z(y.$slots, "progress")
                   ])) : x("", !0)
                 ])) : x("", !0),
-                y.closeButton && !$.value ? (l(), h("button", {
+                y.closeButton && !$.value ? (l(), b("button", {
                   key: 1,
                   class: "bs-modal-close-button",
                   "aria-label": "Close Modal",
                   title: "Close Modal",
                   type: "button",
-                  onClick: S[1] || (S[1] = (b) => k("x-clicked-close", !1))
+                  onClick: S[1] || (S[1] = (h) => k("x-clicked-close", !1))
                 }, [
                   R(f(ke))
                 ])) : x("", !0),
                 w("div", Sl, [
                   z(y.$slots, "default")
                 ]),
-                O.value ? (l(), h("footer", $l, [
+                O.value ? (l(), b("footer", $l, [
                   z(y.$slots, "footer")
                 ])) : x("", !0)
               ]),
               _: 3
             }, 8, ["active"])
-          ], 16, hl)
+          ], 16, bl)
         ]),
         _: 3
       }, 8, ["preloaded", "shown"])
@@ -6539,7 +6567,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], 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 }, Pl = { key: 3 }, El = { class: "bs-pagination-results-numbers" }, Vl = ["data-selected", "disabled", "onClick"], Ll = {
+}, Al = ["title", "disabled", "data-selected", "onClick"], zl = { key: 2 }, Pl = { key: 3 }, El = { class: "bs-pagination-results-numbers" }, Ll = ["data-selected", "disabled", "onClick"], Vl = {
   key: 5,
   class: "bs-pagination-carets"
 }, Ml = ["aria-label", "title", "disabled"], Nl = { key: 0 }, ql = ["aria-label", "title", "disabled"], Rl = { key: 0 }, Ur = {
@@ -6664,23 +6692,23 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
       const y = [1], S = (t.pageRange - 1) / 2;
-      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 E = b; E <= M; E++)
+      let h = i.value - S, M = i.value + S;
+      h < 1 && (M += 1 - h, h = 1), M > t.pageCount && (h -= M - t.pageCount, M = t.pageCount), h = Math.max(h, 2), M = Math.min(M, t.pageCount - 1), h > 2 && y.push(t.breakText);
+      for (let E = h; E <= M; E++)
         y.push(E);
       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(() => {
       const y = (i.value - 1) * t.itemsPerGroup + 1, S = Math.min(y - 1 + t.itemsPerGroup, t.itemsCount);
       return `${t.centerLabel ?? "Results"} ${y} - ${S} of ${t.itemsCount}`;
     }), k = m(() => t.resultsIncrements.split(",").map((y) => parseInt(y)));
-    return (y, S) => (l(), h("div", {
+    return (y, S) => (l(), b("div", {
       class: "bs-pagination",
       "data-component": "bs-pagination",
       "data-variant": s.value,
       "data-fixed": t.fixed
     }, [
-      e.variant === "base" || e.variant === "group" ? (l(), h("div", Bl, [
-        e.showFirstLastButtons ? (l(), h("button", {
+      e.variant === "base" || e.variant === "group" ? (l(), b("div", Bl, [
+        e.showFirstLastButtons ? (l(), b("button", {
           key: 0,
           type: "button",
           class: ve(e.firstPageText ? "bs-pagination-word-caret" : void 0),
@@ -6690,7 +6718,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
           onClick: r
         }, [
           R(f(Zn)),
-          e.firstPageText ? (l(), h("span", Cl, L(e.firstPageText), 1)) : x("", !0)
+          e.firstPageText ? (l(), b("span", Cl, V(e.firstPageText), 1)) : x("", !0)
         ], 10, Tl)) : x("", !0),
         w("button", {
           type: "button",
@@ -6701,34 +6729,34 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
           onClick: d
         }, [
           R(f(nt)),
-          e.prevPageText ? (l(), h("span", Ol, L(e.prevPageText), 1)) : x("", !0)
+          e.prevPageText ? (l(), b("span", Ol, V(e.prevPageText), 1)) : x("", !0)
         ], 10, Dl)
       ])) : x("", !0),
-      e.variant === "base" && e.centerDisplay === "numbers" ? (l(), h("div", xl, [
-        (l(!0), h(J, null, de(v.value, (b) => (l(), h("button", {
-          key: `page-${b}-button`,
+      e.variant === "base" && e.centerDisplay === "numbers" ? (l(), b("div", xl, [
+        (l(!0), b(J, null, de(v.value, (h) => (l(), b("button", {
+          key: `page-${h}-button`,
           type: "button",
-          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))
+          title: `Page ${h}`,
+          disabled: i.value === h || e.breakText === h,
+          "data-selected": h === i.value,
+          onClick: (M) => i.value = h
+        }, V(h), 9, Al))), 128))
       ])) : x("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (l(), h("span", zl, L($.value), 1)) : x("", !0),
-      t.variant === "group" ? (l(), h("span", Pl, L(O.value), 1)) : x("", !0),
-      t.variant === "results" ? (l(), h(J, { key: 4 }, [
+      t.variant === "base" && t.centerDisplay === "text" ? (l(), b("span", zl, V($.value), 1)) : x("", !0),
+      t.variant === "group" ? (l(), b("span", Pl, V(O.value), 1)) : x("", !0),
+      t.variant === "results" ? (l(), b(J, { key: 4 }, [
         S[0] || (S[0] = w("span", null, "Results Per Page:", -1)),
         w("div", El, [
-          (l(!0), h(J, null, de(k.value, (b) => (l(), h("button", {
+          (l(!0), b(J, null, de(k.value, (h) => (l(), b("button", {
             type: "button",
-            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))
+            key: `results-${h}`,
+            "data-selected": h === i.value,
+            disabled: i.value === h || e.breakText === h,
+            onClick: (M) => i.value = h
+          }, V(h), 9, Ll))), 128))
         ])
       ], 64)) : x("", !0),
-      e.variant === "base" || e.variant === "group" ? (l(), h("div", Ll, [
+      e.variant === "base" || e.variant === "group" ? (l(), b("div", Vl, [
         w("button", {
           type: "button",
           class: ve(e.nextPageText ? "bs-pagination-word-caret" : void 0),
@@ -6737,10 +6765,10 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
           disabled: i.value === u.value,
           onClick: c
         }, [
-          e.nextPageText ? (l(), h("span", Nl, L(e.nextPageText), 1)) : x("", !0),
+          e.nextPageText ? (l(), b("span", Nl, V(e.nextPageText), 1)) : x("", !0),
           R(f(at))
         ], 10, Ml),
-        e.showFirstLastButtons ? (l(), h("button", {
+        e.showFirstLastButtons ? (l(), b("button", {
           key: 0,
           type: "button",
           class: ve(e.lastPageText ? "bs-pagination-word-caret" : void 0),
@@ -6749,7 +6777,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
           disabled: i.value === u.value,
           onClick: p
         }, [
-          e.lastPageText ? (l(), h("span", Rl, L(e.lastPageText), 1)) : x("", !0),
+          e.lastPageText ? (l(), b("span", Rl, V(e.lastPageText), 1)) : x("", !0),
           R(f(Qn))
         ], 10, ql)) : x("", !0)
       ])) : x("", !0)
@@ -6833,14 +6861,14 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     function a(o) {
       o.target.tagName === "BUTTON" && (o.preventDefault(), o.stopImmediatePropagation(), t("action-toggled"));
     }
-    return (o, i) => (l(), h("div", Fl, [
-      e.action || o.$slots.action ? (l(), h("button", {
+    return (o, i) => (l(), b("div", Fl, [
+      e.action || o.$slots.action ? (l(), b("button", {
         key: 0,
         "data-icon": "true",
         onClick: a
       }, [
         z(o.$slots, "action", {}, () => [
-          e.actionIcon ? (l(), h(J, { key: 0 }, [
+          e.actionIcon ? (l(), b(J, { key: 0 }, [
             typeof e.actionIcon == "string" ? (l(), D(f(ce), {
               key: 0,
               name: e.actionIcon,
@@ -6850,16 +6878,16 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
               class: "bs-icon"
             }))
           ], 64)) : x("", !0),
-          _(" " + L(e.action), 1)
+          _(" " + V(e.action), 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, [
+      w("span", Ul, V(e.profileName), 1),
+      e.company ? (l(), b("span", Wl, V(e.company), 1)) : x("", !0),
+      e.jobTitle ? (l(), b("span", Kl, V(e.jobTitle), 1)) : x("", !0),
+      e.email ? (l(), b("span", Hl, V(e.email), 1)) : x("", !0),
+      e.miscMeta || o.$slots.misc ? (l(), b("span", Gl, [
         z(o.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (l(), h(J, { key: 0 }, [
+          e.miscMetaIcon ? (l(), b(J, { key: 0 }, [
             typeof e.miscMetaIcon == "string" ? (l(), D(f(ce), {
               key: 0,
               name: e.miscMetaIcon,
@@ -6869,7 +6897,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
               class: "bs-icon"
             }))
           ], 64)) : x("", !0),
-          _(" " + L(e.miscMeta), 1)
+          _(" " + V(e.miscMeta), 1)
         ])
       ])) : x("", !0)
     ]));
@@ -6921,7 +6949,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     }, 16, ["data-layout", "onClick"]));
   }
 });
-function Vn(e) {
+function Ln(e) {
   const n = m(() => {
     var o;
     switch (e.currentStatus) {
@@ -6974,8 +7002,8 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     }
   },
   setup(e) {
-    const n = e, { progressStep: t, progressText: a, getStatus: o } = Vn(n);
-    return (i, u) => (l(), h("div", {
+    const n = e, { progressStep: t, progressText: a, getStatus: o } = Ln(n);
+    return (i, u) => (l(), b("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": f(t),
       "aria-valuetext": f(a),
@@ -6983,14 +7011,14 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       "data-component": "bs-progress-bar",
       role: "progressbar"
     }, [
-      (l(!0), h(J, null, de(e.steps, (s, r) => (l(), h("div", {
+      (l(!0), b(J, null, de(e.steps, (s, r) => (l(), b("div", {
         class: "bs-step-item",
         "data-status": f(o)(s.status, r),
         "data-variant": "progress",
         key: s.id || s.label,
         role: "status"
       }, [
-        w("span", null, L(s.label || s) + " : " + L(f(o)(s.status, r) || "not started"), 1)
+        w("span", null, V(s.label || s) + " : " + V(f(o)(s.status, r) || "not started"), 1)
       ], 8, Zl))), 128))
     ], 8, Xl));
   }
@@ -7039,7 +7067,7 @@ 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 (r, d) => (l(), h("div", H({
+    return (r, d) => (l(), b("div", H({
       class: "bs-boolean",
       "data-component": "bs-radio",
       "data-disabled": e.disabled,
@@ -7065,7 +7093,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, {
         default: q(() => [
           z(r.$slots, "label", {}, () => [
-            _(L(e.label), 1)
+            _(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -7086,7 +7114,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, a = m(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (o, i) => (l(), h("select", H({
+    return (o, i) => (l(), b("select", H({
       id: o.$attrs.id || e.inputId,
       class: "bs-select",
       "data-component": "bs-select",
@@ -7148,7 +7176,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       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), 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)), [
+    return (c, p) => (l(), b("div", H({ "data-component": "bs-select-field" }, f(o)), [
       e.label || c.$slots.label ? (l(), D(pe, {
         key: 0,
         for: c.$attrs.id || r.value,
@@ -7157,7 +7185,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, {
         default: q(() => [
           z(c.$slots, "label", {}, () => [
-            _(L(e.label), 1)
+            _(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -7176,13 +7204,13 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
             selected: !d.value,
             value: "",
             disabled: !!d.value
-          }, L(e.disabled ? "" : e.placeholder), 9, ts),
-          (l(!0), h(J, null, de(e.data, (v) => (l(), h("option", {
+          }, V(e.disabled ? "" : e.placeholder), 9, ts),
+          (l(!0), b(J, null, de(e.data, (v) => (l(), b("option", {
             key: v.value,
             disabled: v.disabled,
             selected: d.value === v.value,
             value: v.value
-          }, L(v.label), 9, ns))), 128))
+          }, V(v.label), 9, ns))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
@@ -7287,7 +7315,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }
       return t.placeholder;
     }), p = m(() => c.value === t.placeholder);
-    return (v, $) => (l(), h("div", null, [
+    return (v, $) => (l(), b("div", null, [
       e.label || v.$slots.label ? (l(), D(pe, {
         key: 0,
         disabled: e.disabled,
@@ -7296,12 +7324,12 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, {
         default: q(() => [
           z(v.$slots, "label", {}, () => [
-            _(L(e.label), 1)
+            _(V(e.label), 1)
           ])
         ]),
         _: 3
       }, 8, ["disabled", "for", "required"])) : x("", !0),
-      e.inputName || e.inputId ? (l(), h("input", {
+      e.inputName || e.inputId ? (l(), b("input", {
         key: 1,
         id: e.inputId,
         name: e.inputName,
@@ -7346,8 +7374,8 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
           }, v.$attrs, {
             onClick: $[0] || ($[0] = Ce((O) => s.value = !s.value, ["prevent"]))
           }), [
-            w("span", null, L(c.value), 1),
-            e.disabled ? x("", !0) : (l(), D(f(Le), {
+            w("span", null, V(c.value), 1),
+            e.disabled ? x("", !0) : (l(), D(f(Ve), {
               key: 0,
               size: "md"
             }))
@@ -7400,7 +7428,7 @@ 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 = 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({
+    return (d, c) => (l(), b("div", H({
       class: "bs-boolean",
       "data-component": "bs-switch",
       "data-disabled": e.disabled,
@@ -7414,7 +7442,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, {
         default: q(() => [
           z(d.$slots, "label", {}, () => [
-            _(L(e.label), 1)
+            _(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -7467,7 +7495,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         o.value.dispatchEvent(d);
       }
     }
-    return (d, c) => (l(), h("div", {
+    return (d, c) => (l(), b("div", {
       "aria-controls": u.value,
       "aria-selected": i.value ? "true" : "false",
       "data-hidden": e.hidden || void 0,
@@ -7493,7 +7521,7 @@ 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), 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);
+    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(), [h, M] = re(2);
     let E;
     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`), P = m(() => `${M.value}-toggle`), N = m(() => {
       var A;
@@ -7519,11 +7547,11 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         }, v.value ? 25 : 1e3);
       }
     }
-    function he() {
+    function be() {
       clearTimeout(E);
     }
     function $e() {
-      he(), Ee();
+      be(), Ee();
     }
     function ge(A) {
       a("tabChange", A), a("update:modelValue", A);
@@ -7589,7 +7617,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, 25);
       y.value = new ResizeObserver(A), y.value.observe(document.body), d.value && y.value.observe(d.value);
     }
-    function V() {
+    function L() {
       $.value = Array.from(c.value.children).filter((A) => A.role === "tab");
     }
     function F() {
@@ -7611,15 +7639,15 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     return Z(() => t.activeTabId, we), ee(() => {
       var A;
       try {
-        V(), F(), T(), S.value = d.value.getBoundingClientRect().width, te(), t.withBsTabs || (A = $.value[B.value]) == null || A.setAttribute("aria-selected", "true");
+        L(), F(), T(), S.value = d.value.getBoundingClientRect().width, te(), t.withBsTabs || (A = $.value[B.value]) == null || A.setAttribute("aria-selected", "true");
       } catch (j) {
         console.log("tab error", j);
       }
-    }), De($e), (A, j) => (l(), h("div", {
+    }), De($e), (A, j) => (l(), b("div", {
       class: "bs-tab-list",
       ref_key: "hostEl",
       ref: d,
-      id: A.$attrs.id || f(b),
+      id: A.$attrs.id || f(h),
       "data-component": "bs-tab-list",
       "data-resizing": !o.value || void 0
     }, [
@@ -7646,11 +7674,11 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         onClick: Oe
       }, [
         R(f(Jn), { size: "sm" }),
-        _(" " + L(N.value), 1)
+        _(" " + V(N.value), 1)
       ], 8, cs),
       R(Pn, {
         "anchor-id": P.value,
-        "container-id": A.$attrs.id || f(b),
+        "container-id": A.$attrs.id || f(h),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
         id: f(M),
@@ -7663,13 +7691,13 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         "onUpdate:modelValue": U
       }, {
         default: q(() => [
-          (l(!0), h(J, null, de(u.value, (X) => (l(), D(Et, {
+          (l(!0), b(J, null, de(u.value, (X) => (l(), D(Et, {
             key: X.id,
             value: X.id,
             "options-id": I.value
           }, {
             default: q(() => [
-              _(L(X.textContent), 1)
+              _(V(X.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
@@ -7678,7 +7706,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
     ], 8, us));
   }
-}, bs = ["aria-labelledby", "data-active", "id"], _r = {
+}, hs = ["aria-labelledby", "data-active", "id"], _r = {
   __name: "BsTabPanel",
   props: {
     activeTabId: {
@@ -7692,7 +7720,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
   },
   setup(e) {
     const n = e, t = Se(), a = m(() => n.activeTabId && n.activeTabId === n.tabId), o = m(() => t.id || `${n.tabId}-panel`);
-    return (i, u) => (l(), h("section", {
+    return (i, u) => (l(), b("section", {
       "aria-labelledby": e.tabId,
       "data-active": a.value,
       "data-component": "bs-tab-panel",
@@ -7700,13 +7728,13 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       role: "tabpanel"
     }, [
       z(i.$slots, "default")
-    ], 8, bs));
+    ], 8, hs));
   }
 };
-function Ln() {
+function Vn() {
   return null;
 }
-Ln.props = {
+Vn.props = {
   id: {
     // TODO: Change to "required", use as cell loop key, and update all docs after getting resizing working ORCA app okay
     type: String,
@@ -7759,7 +7787,7 @@ Ln.props = {
     // default width is set in Table.vue
   }
 };
-const ct = Ln, Mn = Symbol("TableHeaderProvider"), Nn = Symbol("TableBodyProvider"), qn = Symbol("TableFooterProvider"), pt = {
+const ct = Vn, Mn = Symbol("TableHeaderProvider"), Nn = Symbol("TableBodyProvider"), qn = Symbol("TableFooterProvider"), pt = {
   __name: "TableRowGroup",
   props: {
     kind: {
@@ -7781,7 +7809,7 @@ const ct = Ln, Mn = Symbol("TableHeaderProvider"), Nn = Symbol("TableBodyProvide
     function i() {
       a.value--;
     }
-    return (u, s) => (l(), h("div", {
+    return (u, s) => (l(), b("div", {
       class: ve(`bs-table-${e.kind}-rowgroup`),
       role: "rowgroup",
       style: tn(`--bs-table-${e.kind}-row-count: ${a.value}`)
@@ -7800,14 +7828,14 @@ Rn.props = {
     validator: (e) => ["left", "right"].includes(e)
   }
 };
-const ft = Rn, hs = {
+const ft = Rn, bs = {
   class: "bs-table-row",
   role: "row"
-}, bt = {
+}, ht = {
   __name: "TableRow",
   setup(e) {
     const n = ue(Nn, null) || ue(Mn, null) || ue(qn);
-    return ee(() => n.incrementRowCount()), De(() => n.decrementRowCount()), (t, a) => (l(), h("div", hs, [
+    return ee(() => n.incrementRowCount()), De(() => n.decrementRowCount()), (t, a) => (l(), b("div", bs, [
       z(t.$slots, "default")
     ]));
   }
@@ -7827,24 +7855,24 @@ function Fn(e, { slots: n }) {
   }, n);
 }
 Fn.props = {};
-const Yt = Fn, Lt = (e, n) => {
+const Yt = Fn, Vt = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [a, o] of n)
     t[a] = o;
   return t;
 }, vs = {}, ms = { class: "bs-table-wrap-header" };
 function ys(e, n) {
-  return l(), h("div", ms, [
+  return l(), b("div", ms, [
     z(e.$slots, "default")
   ]);
 }
-const gs = /* @__PURE__ */ Lt(vs, [["render", ys]]), ws = {}, ks = { class: "bs-table-wrap-footer" };
+const gs = /* @__PURE__ */ Vt(vs, [["render", ys]]), ws = {}, ks = { class: "bs-table-wrap-footer" };
 function Ss(e, n) {
-  return l(), h("div", ks, [
+  return l(), b("div", ks, [
     z(e.$slots, "default")
   ]);
 }
-const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
+const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
   __name: "SortToggle",
   props: {
     order: {
@@ -7871,7 +7899,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
         desc: "asc"
       }[a.order] || "asc", u);
     }
-    return (u, s) => (l(), h("button", {
+    return (u, s) => (l(), b("button", {
       class: "bs-sort-toggle",
       type: "button",
       onClick: i
@@ -7935,11 +7963,11 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       a.value.style.setProperty("--bs-table-col-resizer-tail-height", `${P.offsetHeight}px`), d.value = !0, o = i, a.value.addEventListener("pointermove", S), a.value.addEventListener("pointerup", E, { once: !0 });
     }
     function S(I) {
-      i = b(I) ? s.value.rect.left + s.value.minWidth : I.clientX, !u && (u = requestAnimationFrame(() => {
+      i = h(I) ? s.value.rect.left + s.value.minWidth : I.clientX, !u && (u = requestAnimationFrame(() => {
         u = null, M();
       }));
     }
-    function b(I) {
+    function h(I) {
       return I.clientX - s.value.rect.left <= s.value.minWidth;
     }
     function M() {
@@ -7960,7 +7988,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
     function g() {
       B(), k();
     }
-    return (I, P) => fe((l(), h("div", {
+    return (I, P) => fe((l(), b("div", {
       ref: "resizer",
       class: ve(["bs-table-col-resizer", d.value && "bs-table-col-resizer-active"]),
       onDragstart: P[0] || (P[0] = Ce(() => {
@@ -7968,7 +7996,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       onPointerdown: Ce(y, ["prevent", "stop"]),
       onDblclick: Ce(g, ["prevent", "stop"])
     }, null, 34)), [
-      [be, r.value]
+      [he, r.value]
     ]);
   }
 }, ed = {
@@ -8057,30 +8085,30 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       center: [],
       right: []
     }), o = C({}), i = m(() => Object.values(a.value).flat().map((T) => {
-      const V = P(T);
-      return o.value[V] ?? ie(T);
+      const L = P(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}`), r = m(() => Object.values(a.value).flat().some(P));
     function d(T = []) {
-      const V = [
+      const L = [
         "bs-table-wrap",
         `bs-table-border-${e.borders}`,
         e.striped && "bs-table-striped",
         e.rowHover && "bs-table-row-hover"
       ];
       return se("div", {
-        class: V,
+        class: L,
         style: [u.value, s.value]
       }, T);
     }
     function c(T = []) {
-      const V = [
+      const L = [
         `--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: V,
+        style: L,
         role: e.role,
         ariaLabel: e.ariaLabel,
         ariaDescribedby: e.ariaDescribedby
@@ -8112,19 +8140,19 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       return se(pt, { kind: "body" }, () => T);
     }
     function y() {
-      const T = e.rows.map((V, F) => E(
-        Ie(he, { row: V, rowIndex: F })
+      const T = e.rows.map((L, F) => E(
+        Ie(be, { row: L, rowIndex: F })
       ));
       return k(T);
     }
     function S() {
-      const T = e.rows.map((V, F) => {
-        const Q = n.body({ row: V, rowIndex: F });
-        return B(Q, he, { row: V, rowIndex: F });
+      const T = e.rows.map((L, F) => {
+        const Q = n.body({ row: L, rowIndex: F });
+        return B(Q, be, { row: L, rowIndex: F });
       });
       return k(T);
     }
-    function b(T = []) {
+    function h(T = []) {
       return se(pt, {
         kind: "footer",
         class: e.freezeFooter && "bs-table-footer-rowgroup-freeze"
@@ -8132,50 +8160,50 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
     }
     function M() {
       const T = n.footer({ cols: Rt(a.value) });
-      return b(
+      return h(
         B(T, g)
       );
     }
     function E(T = []) {
-      return se(bt, null, () => T);
+      return se(ht, null, () => T);
     }
-    function B(T = [], V, F = {}) {
-      return Y(T, [bt]).map(
-        (A) => Oe(A) ? se(A, null, () => Ie(V, F)) : se(A)
+    function B(T = [], L, F = {}) {
+      return Y(T, [ht]).map(
+        (A) => Oe(A) ? se(A, null, () => Ie(L, F)) : se(A)
       );
     }
     function g(T = {}) {
       var A;
-      const V = (A = T.slots) == null ? void 0 : A.default({}).find((j) => j.type === Gt), F = te(T), Q = {
+      const L = (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 && (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);
+      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);
       }
-      return V ? se(V, Q) : se(Gt, Q, () => {
+      return L ? se(L, Q) : se(Gt, Q, () => {
         var j;
         return G(T) || ((j = T.props) == null ? void 0 : j.name);
       });
     }
     function I(T) {
-      const V = P(T);
-      if (!V) return {};
+      const L = P(T);
+      if (!L) 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": V,
+        "data-bs-table-col-resize-id": L,
         "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 P(T) {
-      const V = T.props["resize-id"] || T.props.resizeId;
-      if (V) return V;
+      const L = T.props["resize-id"] || T.props.resizeId;
+      if (L) return L;
       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}".`);
@@ -8185,10 +8213,10 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       }
     }
     function N(T = {}) {
-      const V = te(T);
+      const L = te(T);
       return {
-        order: e.sortKey === V ? e.sortOrder : null,
-        onToggle: (F) => t("sort", { sortKey: V, sortOrder: F })
+        order: e.sortKey === L ? e.sortOrder : null,
+        onToggle: (F) => t("sort", { sortKey: L, sortOrder: F })
       };
     }
     function G(T = {}) {
@@ -8199,41 +8227,41 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
         });
     }
     function te(T) {
-      const V = T.props["sort-key"] || T.props.sortKey;
-      if (V) return V;
+      const L = T.props["sort-key"] || T.props.sortKey;
+      if (L) return L;
       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 = {}, V = {}) {
+    function be(T = {}, L = {}) {
       var A;
-      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));
+      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));
     }
     function $e(T) {
-      const V = T.props.truncate === void 0 ? e.truncate : T.props.truncate === "" || T.props.truncate;
-      return T.props.truncate !== "false" && V && "bs-table-truncate";
+      const L = T.props.truncate === void 0 ? e.truncate : T.props.truncate === "" || T.props.truncate;
+      return T.props.truncate !== "false" && L && "bs-table-truncate";
     }
-    function ge(T, V, F) {
+    function ge(T, L, F) {
       if (!a.value[T].length) return;
-      const Q = a.value[T].map((A) => V(A, F));
+      const Q = a.value[T].map((A) => L(A, F));
       return se("div", { class: `bs-table-cols-frozen-${T}` }, Q);
     }
-    function Ie(T, V = {}) {
+    function Ie(T, L = {}) {
       return [
-        ge("left", T, V),
-        a.value.center.map((F) => T(F, V)),
-        ge("right", T, V)
+        ge("left", T, L),
+        a.value.center.map((F) => T(F, L)),
+        ge("right", T, L)
       ];
     }
     function we() {
       return se(Is, { onResize: Pe });
     }
-    function Pe({ el: T, id: V, width: F }) {
+    function Pe({ el: T, id: L, width: F }) {
       const Q = Object.values(a.value).flat().reduce((j, X) => {
         const ne = P(X) || X.props.id;
-        return ne === V || o.value[ne] || ie(X).endsWith("px") || j.push({ id: ne, width: null }), j;
+        return ne === L || o.value[ne] || ie(X).endsWith("px") || j.push({ id: ne, width: null }), j;
       }, []);
       if (Q.length) {
         const j = T.closest(".bs-table-row");
@@ -8242,63 +8270,63 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
           ne && (X.width = `${ne.offsetWidth}px`);
         });
       }
-      const A = [{ id: V, width: F ? `${F}px` : void 0 }, ...Q];
+      const A = [{ id: L, 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;
+      return T.type === ht && !T.children;
     }
-    function U(T, V) {
-      return (V.props["row-key"] || V.props.rowKey || V.props.id || "").split(".").reduce((A, j) => A && A[j], T);
+    function U(T, L) {
+      return (L.props["row-key"] || L.props.rowKey || L.props.id || "").split(".").reduce((A, j) => A && A[j], T);
     }
-    function K(T, V) {
-      const F = T.props[V];
+    function K(T, L) {
+      const F = T.props[L];
       return F === "" || F && F !== "false";
     }
     function ie(T) {
-      var V;
-      return ((V = T.props) == null ? void 0 : V.width) ?? e.colWidth;
+      var L;
+      return ((L = T.props) == null ? void 0 : L.width) ?? e.colWidth;
     }
-    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 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 oe(T) {
       var F;
-      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,
+      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,
         frozenCols: Y(T.children.default(), [ct])
       };
     }
     function le(T = []) {
-      const V = (F) => ({
+      const L = (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(V)), F;
+          return F[A] = F[A].concat(j.map(L)), F;
         }
-        return F.center.push(V(Q)), F;
+        return F.center.push(L(Q)), F;
       }, { left: [], center: [], right: [] });
     }
     function Ee(T) {
-      return T.reduce((V, F) => {
+      return T.reduce((L, F) => {
         if (F.type === gs)
-          return V.header = F, V;
+          return L.header = F, L;
         if (F.type === $s)
-          return V.footer = F, V;
+          return L.footer = F, L;
         if ([ft, ct].includes(F.type))
-          return V.columns.push(F), V;
+          return L.columns.push(F), L;
         const Q = Y([F], [ft, ct]);
-        return Q != null && Q.length ? V.columns = [...V.columns, ...Q] : V.other.push(F), V;
+        return Q != null && Q.length ? L.columns = [...L.columns, ...Q] : L.other.push(F), L;
       }, { columns: [], header: null, footer: null, other: [] });
     }
     return () => {
-      const { columns: T, header: V, footer: F, other: Q } = Ee(n.default());
+      const { columns: T, header: L, footer: F, other: Q } = Ee(n.default());
       return a.value = le(T), d([
-        V,
+        L,
         p([
           c([
             n.header ? O() : $(),
@@ -8331,7 +8359,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
     const t = e;
     W(t, "inputId", void 0, "Set 'id' directly on the component instead.");
     const a = m(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
-    return (o, i) => (l(), h("textarea", H({
+    return (o, i) => (l(), b("textarea", H({
       class: "bs-textarea",
       "data-component": "bs-textarea",
       "data-error": e.error,
@@ -8397,7 +8425,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       return ((v = (p = t.hints) == null ? void 0 : p.join) == null ? void 0 : v.call(p, `
 `)) || t.hints;
     }), 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)), [
+    return (p, v) => (l(), b("div", H({ "data-component": "bs-textarea-field" }, f(i)), [
       e.label || p.$slots.label ? (l(), D(pe, {
         key: 0,
         for: p.$attrs.id || c.value,
@@ -8406,7 +8434,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       }, {
         default: q(() => [
           z(p.$slots, "label", {}, () => [
-            _(L(e.label), 1)
+            _(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -8459,7 +8487,7 @@ function Ds(e = "") {
     minutes: a
   };
 }
-function Ve(e = "") {
+function Le(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";
@@ -8469,7 +8497,7 @@ function Os(e = "") {
   const { hours: n, minutes: t } = Ds(e);
   return isNaN(n) || isNaN(t) ? "" : `${n.toString().padStart(2, "0")}:${t.toString().padStart(2, "0")}`;
 }
-const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const bt = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsTimePicker",
   props: {
     disabled: {
@@ -8534,20 +8562,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(Ve(a.modelValue)), u = C([]), s = C(""), r = C(!1);
+    const a = e, o = t, i = C(Le(a.modelValue)), u = C([]), s = C(""), r = C(!1);
     function d() {
       const S = [];
-      let b = !1;
-      for (let M = 0; M < 24 && !b; M++)
+      let h = !1;
+      for (let M = 0; M < 24 && !h; M++)
         for (let E = 0; E < 60; E += a.step) {
           const B = v(M, E), g = p(B);
           if (g !== Qt) {
             if (g === Jt) {
-              b = !0;
+              h = !0;
               break;
             }
             S.push({
-              label: Ve(B),
+              label: Le(B),
               value: B
             });
           }
@@ -8555,25 +8583,25 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       return S;
     }
     function c(S) {
-      return S ? a.minTime && S < a.minTime ? mt : a.maxTime && S > a.maxTime ? vt : a.disabledTimes.includes(S) ? ht : "" : "";
+      return S ? a.minTime && S < a.minTime ? mt : a.maxTime && S > a.maxTime ? vt : a.disabledTimes.includes(S) ? bt : "" : "";
     }
     function p(S) {
       switch (c(S)) {
         case vt:
           return Jt;
         case mt:
-        case ht:
+        case bt:
           return Qt;
         default:
           return "";
       }
     }
-    function v(S, b) {
-      return S = S.toString().padStart(2, "0"), b = b.toString().padStart(2, "0"), `${S}:${b}`;
+    function v(S, h) {
+      return S = S.toString().padStart(2, "0"), h = h.toString().padStart(2, "0"), `${S}:${h}`;
     }
     function $(S) {
-      const b = Os(S);
-      b === a.modelValue && (i.value = Ve(a.modelValue)), k(b);
+      const h = Os(S);
+      h === a.modelValue && (i.value = Le(a.modelValue)), k(h);
     }
     function O() {
       u.value = d();
@@ -8584,13 +8612,13 @@ 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 ${Ve(a.maxTime)}`, r.value = !0;
+          s.value = `Time must be before ${Le(a.maxTime)}`, r.value = !0;
           break;
         case mt:
-          s.value = `Time must be after ${Ve(a.minTime)}`, r.value = !0;
+          s.value = `Time must be after ${Le(a.minTime)}`, r.value = !0;
           break;
-        case ht:
-          s.value = `The following times are disabled: ${a.disabledTimes.map((M) => Ve(M)).join(", ")}`, r.value = !0;
+        case bt:
+          s.value = `The following times are disabled: ${a.disabledTimes.map((M) => Le(M)).join(", ")}`, r.value = !0;
           break;
         default:
           s.value = "", r.value = !1;
@@ -8607,11 +8635,11 @@ 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 ? Ve(S) : "";
+      i.value = a.modelValue ? Le(S) : "";
     }), n({
       validationErr: r,
       validationErrMsg: s
-    }), (S, b) => (l(), D(zn, {
+    }), (S, h) => (l(), D(zn, {
       disabled: e.disabled,
       "display-value": i.value,
       "dropdown-position": e.dropdownPosition,
@@ -8708,7 +8736,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
     return n({
       validationErr: O,
       validationErrMsg: $
-    }), (k, y) => (l(), h("div", H({
+    }), (k, y) => (l(), b("div", H({
       "aria-live": "polite",
       "data-component": "bs-time-picker-field"
     }, f(u)), [
@@ -8720,7 +8748,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       }, {
         default: q(() => [
           z(k.$slots, "label", {}, () => [
-            _(L(e.label), 1)
+            _(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -8751,7 +8779,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
         hint: e.hint,
         "hint-id": f(i)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
-        [be, v.value]
+        [he, v.value]
       ])
     ], 16));
   }
@@ -8792,11 +8820,11 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       ongoing: na,
       paused: ta,
       warning: $t
-    }, { progressStep: a, progressText: o, getStatus: i } = Vn(n);
+    }, { progressStep: a, progressText: o, getStatus: i } = Ln(n);
     function u(s, r) {
       return s = i(s, r), t[s] || jt;
     }
-    return (s, r) => (l(), h("div", {
+    return (s, r) => (l(), b("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": f(a),
       "aria-valuetext": f(o),
@@ -8804,7 +8832,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       "data-component": "bs-timeline",
       role: "progressbar"
     }, [
-      (l(!0), h(J, null, de(e.steps, (d, c) => (l(), h("div", {
+      (l(!0), b(J, null, de(e.steps, (d, c) => (l(), b("div", {
         class: "bs-step-item",
         "data-status": f(i)(d.status, c),
         key: d.id || d.label,
@@ -8815,8 +8843,8 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
           role: "presentation"
         })),
         w("p", null, [
-          _(L(d.label || d) + " ", 1),
-          w("span", Ps, " : " + L(f(i)(d.status, c) || "not started"), 1)
+          _(V(d.label || d) + " ", 1),
+          w("span", Ps, " : " + V(f(i)(d.status, c) || "not started"), 1)
         ])
       ], 8, zs))), 128))
     ], 8, As));
@@ -8898,7 +8926,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}), Vs = ["data-stacked"], id = {
+}), Ls = ["data-stacked"], id = {
   __name: "BsToastActions",
   setup(e) {
     const n = ue("handleDismiss", () => {
@@ -8907,7 +8935,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       var a, o;
       return ((o = (a = et()).default) == null ? void 0 : o.call(a).length) > 2 || void 0;
     }
-    return (a, o) => (l(), h("div", {
+    return (a, o) => (l(), b("div", {
       class: "bs-toast-actions",
       "data-component": "bs-toast-actions",
       "data-stacked": t()
@@ -8924,18 +8952,18 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, Vs));
+    ], 8, Ls));
   }
-}, Ls = {}, Ms = {
+}, Vs = {}, Ms = {
   class: "bs-toast-body",
   "data-component": "bs-toast-body"
 };
 function Ns(e, n) {
-  return l(), h("div", Ms, [
+  return l(), b("div", Ms, [
     z(e.$slots, "default")
   ]);
 }
-const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd = {
+const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd = {
   __name: "BsToastHeader",
   setup(e) {
     const n = ue("variant", void 0), t = m(() => {
@@ -8950,7 +8978,7 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
           return $t;
       }
     });
-    return (a, o) => (l(), h("div", {
+    return (a, o) => (l(), b("div", {
       class: "bs-toast-header",
       "data-component": "bs-toast-header",
       "data-variant": f(n)
@@ -8967,7 +8995,7 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
 }, rd = {
   __name: "BsToaster",
   setup(e) {
-    return me("stacked", !0), (n, t) => (l(), h("div", Rs, [
+    return me("stacked", !0), (n, t) => (l(), b("div", Rs, [
       z(n.$slots, "default")
     ]));
   }
@@ -9011,7 +9039,7 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
     function u() {
       t.value = !1, a.value = !1;
     }
-    return (s, r) => (l(), h("div", {
+    return (s, r) => (l(), b("div", {
       class: "bs-tooltip",
       "data-position": e.position,
       "data-component": "bs-tooltip",
@@ -9027,7 +9055,7 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
         role: "tooltip"
       }, [
         z(s.$slots, "content", {}, () => [
-          _(L(e.content), 1)
+          _(V(e.content), 1)
         ])
       ], 10, Fs)
     ], 40, js));
@@ -9049,46 +9077,46 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
       initializeSections: u,
       isExpanded: s,
       rawNavData: r
-    } = Vt(t);
-    Fe("(max-width: 1165px)", (b) => {
-      p.value = b.matches;
+    } = Lt(t);
+    Fe("(max-width: 1165px)", (h) => {
+      p.value = h.matches;
     });
     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, (b) => {
-      b && t.width && b.style.setProperty("--bs-vertical-nav-width", t.width);
-    }), Z(() => t.collapsed, (b) => {
-      v.value = b;
+    }), Z(c, (h) => {
+      h && t.width && h.style.setProperty("--bs-vertical-nav-width", t.width);
+    }), Z(() => t.collapsed, (h) => {
+      v.value = h;
     }), Z(
       [() => v.value, $, () => t.width, O, p],
-      ([b, M, E, B, g]) => {
+      ([h, M, E, B, g]) => {
         let I = "0px";
-        B && !g && b ? I = "4rem" : E ? I = E : M ? I = "4.5rem" : I = "9.875rem", document.body.style.setProperty("--bs-page-nav-width", I);
+        B && !g && h ? I = "4rem" : E ? I = E : M ? I = "4.5rem" : I = "9.875rem", document.body.style.setProperty("--bs-page-nav-width", I);
       },
       { immediate: !0 }
-    ), 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"), d.value.style.setProperty("pointer-events", "auto"), setTimeout(() => {
+    ), Z(() => t.width, (h) => {
+      h ? (d.value.style.setProperty("--bs-vertical-nav-width", h), c.value && c.value.style.setProperty("--bs-vertical-nav-width", h)) : (d.value.style.removeProperty("--bs-vertical-nav-width"), c.value && c.value.style.removeProperty("--bs-vertical-nav-width"));
+    }), Z(() => t.mobileOpen, (h) => {
+      h ? (document.body.style.overflow = "hidden", d.value.style.setProperty("visibility", "visible"), d.value.style.setProperty("pointer-events", "auto"), setTimeout(() => {
         d.value.style.setProperty("opacity", "1");
       }, 0)) : (document.body.style.overflow = "", d.value.style.removeProperty("opacity"), d.value.style.removeProperty("pointer-events"), setTimeout(() => {
         d.value.style.removeProperty("visibility");
       }, 200));
     });
-    function y(b) {
-      o.value[b] = !o.value[b];
+    function y(h) {
+      o.value[h] = !o.value[h];
     }
     function S() {
       v.value = !v.value, a("update:collapsed", v.value);
     }
-    return (b, M) => (l(), h("div", {
+    return (h, M) => (l(), b("div", {
       class: "bs-vertical-nav-wrapper",
       "data-bg-variant": t.bgVariant || void 0
     }, [
-      O.value && !p.value ? (l(), h("button", {
+      O.value && !p.value ? (l(), b("button", {
         key: 0,
         ref_key: "toggleButton",
         ref: c,
@@ -9119,22 +9147,22 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
         style: tn(t.width && !k.value ? { width: t.width } : void 0)
       }, [
         w("ul", null, [
-          b.$slots["top-content"] ? (l(), h("li", Hs, [
-            z(b.$slots, "top-content")
+          h.$slots["top-content"] ? (l(), b("li", Hs, [
+            z(h.$slots, "top-content")
           ])) : x("", !0),
-          (l(!0), h(J, null, de(f(r), (E) => {
+          (l(!0), b(J, null, de(f(r), (E) => {
             var B;
-            return l(), h(J, {
+            return l(), b(J, {
               key: E.id
             }, [
-              ((B = E.navItems) == null ? void 0 : B.length) > 0 ? (l(), h("li", {
+              ((B = E.navItems) == null ? void 0 : B.length) > 0 ? (l(), b("li", {
                 key: 0,
                 class: "bs-vertical-nav-section",
                 "data-collapsed": !E.dividerOnly && !f(s)(E),
                 "data-divider-only": E.dividerOnly,
                 "data-app-links": E.appLinks
               }, [
-                !E.dividerOnly && !$.value && !k.value ? (l(), h("button", {
+                !E.dividerOnly && !$.value && !k.value ? (l(), b("button", {
                   key: 0,
                   class: "bs-vertical-nav-section-toggle",
                   "aria-expanded": f(s)(E),
@@ -9143,18 +9171,19 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
                   type: "button",
                   onClick: (g) => y(E.id)
                 }, [
-                  k.value ? x("", !0) : (l(), h("span", Xs, L(E.text), 1)),
+                  k.value ? x("", !0) : (l(), b("span", Xs, V(E.text), 1)),
                   R(f(ra), { class: "bs-vertical-nav-section-toggle-caret" })
                 ], 8, Ys)) : x("", !0),
                 fe(w("ul", {
                   id: `${E.id}-nested-section`
                 }, [
-                  (l(!0), h(J, null, de(E.navItems, (g) => (l(), h("li", {
+                  (l(!0), b(J, null, de(E.navItems, (g) => (l(), b("li", {
                     key: g.id
                   }, [
                     R(Me, {
                       item: g,
-                      router: b.router,
+                      router: h.router,
+                      activeMatch: h.activeMatch,
                       onNavLinkClicked: (I) => a("nav-link-clicked", { ev: I, payload: g }),
                       "aria-label": g.text
                     }, {
@@ -9167,18 +9196,19 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
                           key: 1,
                           class: "bs-vertical-nav-link-icon"
                         })),
-                        w("span", null, L(g.text), 1)
+                        w("span", null, V(g.text), 1)
                       ]),
                       _: 2
-                    }, 1032, ["item", "router", "onNavLinkClicked", "aria-label"])
+                    }, 1032, ["item", "router", "activeMatch", "onNavLinkClicked", "aria-label"])
                   ]))), 128))
                 ], 8, Zs), [
-                  [be, E.dividerOnly || f(s)(E) || k.value]
+                  [he, E.dividerOnly || f(s)(E) || k.value]
                 ])
-              ], 8, Gs)) : (l(), h("li", Qs, [
+              ], 8, Gs)) : (l(), b("li", Qs, [
                 R(Me, {
                   item: E,
-                  router: b.router,
+                  router: h.router,
+                  activeMatch: h.activeMatch,
                   onNavLinkClicked: (g) => a("nav-link-clicked", { ev: g, payload: E }),
                   "aria-label": E.text
                 }, {
@@ -9191,16 +9221,16 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
                       key: 1,
                       class: "bs-vertical-nav-link-icon"
                     })),
-                    w("span", null, L(E.text), 1)
+                    w("span", null, V(E.text), 1)
                   ]),
                   _: 2
-                }, 1032, ["item", "router", "onNavLinkClicked", "aria-label"])
+                }, 1032, ["item", "router", "activeMatch", "onNavLinkClicked", "aria-label"])
               ]))
             ], 64);
           }), 128))
         ]),
-        b.$slots["end-items"] ? (l(), h("div", Js, [
-          z(b.$slots, "end-items")
+        h.$slots["end-items"] ? (l(), b("div", Js, [
+          z(h.$slots, "end-items")
         ])) : x("", !0)
       ], 12, Ks)
     ], 8, Us));
@@ -9231,12 +9261,12 @@ export {
   xn as BsDropdownMultiselect,
   Et as BsDropdownOption,
   _e as BsDropdownOptionBuilder,
-  br as BsDropdownOptionBuilderDefinitions,
+  hr as BsDropdownOptionBuilderDefinitions,
   st as BsDropdownOptionList,
   Pn as BsDropdownWithOptions,
   An as BsDropdownWithToggle,
   Ar as BsEmptyState,
-  hr as BsEmptyStateDefinitions,
+  br as BsEmptyStateDefinitions,
   ze as BsFieldDetails,
   ei as BsFilterButton,
   zr as BsFlyout,
@@ -9245,8 +9275,8 @@ export {
   vr as BsFormContainerDefinitions,
   Er as BsHorizontalNavigation,
   mr as BsHorizontalNavigationDefinitions,
-  Vr as BsIconGradientWrapper,
-  Lr as BsInlineTab,
+  Lr as BsIconGradientWrapper,
+  Vr as BsInlineTab,
   yr as BsInlineTabDefinitions,
   Mr as BsInlineTabGroup,
   gr as BsInlineTabGroupDefinitions,
@@ -9260,7 +9290,7 @@ export {
   jr as BsLoader,
   Fr as BsModal,
   wr as BsModalDefinitions,
-  bl as BsOverlay,
+  hl as BsOverlay,
   Ur as BsPagination,
   Wr as BsPill,
   Kr as BsProfile,
@@ -9283,7 +9313,7 @@ export {
   ft as BsTableFrozenCols,
   Gt as BsTableHeadCell,
   gs as BsTableHeader,
-  bt as BsTableRow,
+  ht as BsTableRow,
   Xt as BsTableSortToggle,
   Ts as BsTextarea,
   td as BsTextareaField,