@wwtdev/bsds-components-vue3 2.39.0 → 2.40.1

package/lib/bsds-components.js

@@ -1,5 +1,5 @@
-import { ref as C, useId as St, onMounted as ee, watch as Z, computed as m, createElementBlock as h, openBlock as l, unref as f, createElementVNode as w, createCommentVNode as x, createVNode as R, renderSlot as z, createBlock as D, resolveDynamicComponent as ae, createTextVNode as _, toDisplayString as V, useAttrs as Se, useSlots as et, mergeProps as H, withCtx as q, Fragment as J, normalizeClass as ve, withDirectives as fe, toHandlers as yt, vShow as be, onBeforeUnmount as tt, onBeforeMount as _t, createSlots as gt, renderList as de, onUnmounted as De, Teleport as Un, Transition as wt, provide as me, withKeys as Ye, withModifiers as Ce, inject as ue, nextTick as Re, toRaw as Wn, resolveComponent as en, mergeModels as qt, useModel as Kn, isRef as Hn, normalizeStyle as tn, h as se, useTemplateRef as Gn, shallowRef as nn, readonly as Rt, cloneVNode as Yn } from "vue";
-import { BsIcon as ce, BsIconCaretDown as Ve, BsIconSmallCaretLeft as an, BsIconCaretLeft as nt, BsIconSmallCaretRight as on, BsIconCaretRight as at, BsIconCircleExclamation as $t, BsIconClose as ke, BsIconWarning as kt, BsIconCalendar as ln, BsIconSearch as Xn, BsIconCaretSort as sn, BsIconCaretLeftDouble as Zn, BsIconCaretRightDouble as Qn, BsIconActionEllipsis as Jn, BsIconCaretSortDown as _n, BsIconCaretSortUp as ea, BsIconCirclePause as ta, BsIconCirclePlay as na, BsIconGraphPieEmpty as jt, BsIconCircleEllipsis as aa, BsIconCircleX as oa, BsIconCircleCheck as ia, BsIconCircleStop as la, BsIconThumbsUpStroke as sa, BsIconCaretUp as ra } from "@wwtdev/bsds-icons-vue3";
+import { ref as C, useId as St, onMounted as ee, watch as Z, computed as m, createElementBlock as h, openBlock as l, unref as f, createElementVNode as w, createCommentVNode as x, createVNode as R, renderSlot as z, createBlock as D, resolveDynamicComponent as ae, createTextVNode as _, toDisplayString as L, useAttrs as Se, useSlots as et, mergeProps as H, withCtx as q, Fragment as J, normalizeClass as ve, withDirectives as fe, toHandlers as yt, vShow as be, onBeforeUnmount as tt, onBeforeMount as _t, createSlots as gt, renderList as de, onUnmounted as De, Teleport as Un, Transition as wt, provide as me, withKeys as Ye, withModifiers as Ce, inject as ue, nextTick as Re, toRaw as Wn, resolveComponent as en, mergeModels as qt, useModel as Kn, isRef as Hn, normalizeStyle as tn, h as se, useTemplateRef as Gn, shallowRef as nn, readonly as Rt, cloneVNode as Yn } from "vue";
+import { BsIcon as ce, BsIconCaretDown as Le, BsIconSmallCaretLeft as an, BsIconCaretLeft as nt, BsIconSmallCaretRight as on, BsIconCaretRight as at, BsIconCircleExclamation as $t, BsIconClose as ke, BsIconWarning as kt, BsIconCalendar as ln, BsIconSearch as Xn, BsIconCaretSort as sn, BsIconCaretLeftDouble as Zn, BsIconCaretRightDouble as Qn, BsIconActionEllipsis as Jn, BsIconCaretSortDown as _n, BsIconCaretSortUp as ea, BsIconCirclePause as ta, BsIconCirclePlay as na, BsIconGraphPieEmpty as jt, BsIconCircleEllipsis as aa, BsIconCircleX as oa, BsIconCircleCheck as ia, BsIconCircleStop as la, BsIconThumbsUpStroke as sa, BsIconCaretUp as ra } from "@wwtdev/bsds-icons-vue3";
 import { DatePicker as da } from "v-calendar";
 import { Filler as ua, Chart as rt, BarController as ca, BarElement as pa, CategoryScale as fa, LinearScale as ba, Legend as ha, TimeScale as va, Tooltip as ma } from "chart.js";
 import "chartjs-adapter-date-fns";
@@ -701,7 +701,7 @@ const wa = {
     type: String,
     typeDef: "string"
   }
-}, Ea = {}, Pa = {
+}, Pa = {}, Ea = {
   "call-to-action": {
     description: "Custom call-to-action content, typically a button or link."
   },
@@ -713,9 +713,9 @@ const wa = {
   }
 }, hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  emitDefinitions: Ea,
+  emitDefinitions: Pa,
   propDefinitions: Dt,
-  slotDefinitions: Pa
+  slotDefinitions: Ea
 }, Symbol.toStringTag, { value: "Module" })), bn = {
   // REQUIRED
   title: {
@@ -756,7 +756,7 @@ const wa = {
     type: String,
     typeDef: "string"
   }
-}, La = {}, Va = {
+}, Va = {}, La = {
   default: {
     description: "The content of the form container."
   },
@@ -773,9 +773,9 @@ const wa = {
   }
 }, vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  emitDefinitions: La,
+  emitDefinitions: Va,
   propDefinitions: bn,
-  slotDefinitions: Va
+  slotDefinitions: La
 }, Symbol.toStringTag, { value: "Module" })), hn = {
   hideMobileToggle: {
     default: !1,
@@ -1291,7 +1291,7 @@ const wa = {
     {
       // If true, creates a divider-only section without toggle button or title (only when navItems present)
       dividerOnly?: boolean,
-      // If true, styles the nav item as an app link (used on digital transformation project)
+      // If true, styles the nav item as app links (used on digital transformation project)
       appLinks?: boolean,
       // If true, positions the nav item at the end (right for horizontal, bottom for vertical) and treats as an external link
       external?: boolean,
@@ -1347,11 +1347,24 @@ const wa = {
     typeDef: "'wide'|'narrow'|'collapsible'",
     validator: (e) => ["wide", "narrow", "collapsible"].includes(e)
   },
+  bgVariant: {
+    default: "",
+    description: "The background color variant of the vertical navigation.\n      When set to `'bg-base'`, the background color will use `bg-base` instead\n      of the default `bg-navy-base`. Leave empty or omit for default styling.",
+    type: String,
+    typeDef: "''|'bg-base'",
+    validator: (e) => ["", "bg-base"].includes(e)
+  },
   width: {
     default: "",
     description: "Custom width of the vertical navigation. This will override\n      the `variant` prop.",
     type: String,
     typeDef: "string"
+  },
+  sticky: {
+    default: !1,
+    description: "If `true`, the navigation will use sticky positioning instead\n      of fixed positioning on desktop viewports (min-width: 1166px). This is primarily\n      used in combination with the App Header component.",
+    type: Boolean,
+    typeDef: "boolean"
   }
 }, Sn = {
   "nav-link-clicked": {
@@ -1448,10 +1461,10 @@ const Wa = ["id", "data-stacked"], Ka = ["data-open"], Ha = ["aria-controls", "a
           ])) : x("", !0),
           w("span", { id: r.value }, [
             z(v.$slots, "header", {}, () => [
-              _(V(v.headerText), 1)
+              _(L(v.headerText), 1)
             ])
           ], 8, Ya),
-          R(f(Ve), {
+          R(f(Le), {
             size: "md",
             "data-position": "end"
           })
@@ -1556,7 +1569,7 @@ const Ja = { key: 0 }, _a = {
       default: q(() => [
         v.value ? (l(), h("span", Ja, [
           z(k.$slots, "default", {}, () => [
-            _(V(k.label), 1)
+            _(L(k.label), 1)
           ])
         ])) : x("", !0),
         w("span", _a, [
@@ -1569,7 +1582,7 @@ const Ja = { key: 0 }, _a = {
         ]),
         $.value ? (l(), h("span", eo, [
           z(k.$slots, "default", {}, () => [
-            _(V(k.label), 1)
+            _(L(k.label), 1)
           ])
         ])) : x("", !0)
       ]),
@@ -1632,7 +1645,7 @@ const Ja = { key: 0 }, _a = {
       ]),
       default: q(() => [
         z(n.$slots, "default", {}, () => [
-          _(V(e.label), 1)
+          _(L(e.label), 1)
         ])
       ]),
       _: 3
@@ -1683,12 +1696,12 @@ const Ja = { key: 0 }, _a = {
       ]),
       w("div", oo, [
         z(i.$slots, "title", {}, () => [
-          _(V(i.title), 1)
+          _(L(i.title), 1)
         ])
       ]),
       i.description || i.$slots.description ? (l(), h("div", io, [
         z(i.$slots, "description", {}, () => [
-          _(V(i.description), 1)
+          _(L(i.description), 1)
         ])
       ])) : x("", !0),
       i.hideDismiss ? x("", !0) : (l(), h("button", {
@@ -1840,13 +1853,13 @@ const Ja = { key: 0 }, _a = {
         id: e.hintId,
         class: "bs-hint",
         "data-error": e.error
-      }, V(t.value), 9, fo)) : x("", !0),
+      }, L(t.value), 9, fo)) : x("", !0),
       e.charMax ? (l(), h("span", {
         key: 1,
         "aria-description": "character count over character limit for the preceding text field",
         class: "bs-character-count",
         "data-error": n.charCount > n.charMax
-      }, V(n.charCount || "0") + " / " + V(n.charMax), 9, bo)) : x("", !0)
+      }, L(n.charCount || "0") + " / " + L(n.charMax), 9, bo)) : x("", !0)
     ]));
   }
 }, ho = ["data-disabled", "for"], pe = {
@@ -2201,7 +2214,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       }
       return I;
     }
-    function P(g) {
+    function E(g) {
       !t.isRange || i.value.contains(g.relatedTarget) || a.value.hidePopover();
     }
     function B() {
@@ -2214,7 +2227,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       class: "bs-calendar",
       "data-component": "bs-calendar",
       "data-range": g.isRange,
-      onFocusout: P
+      onFocusout: E
     }, f(c)), [
       g.label || g.$slots.label ? (l(), D(pe, {
         key: 0,
@@ -2224,7 +2237,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       }, {
         default: q(() => [
           z(g.$slots, "label", {}, () => [
-            _(V(g.label), 1)
+            _(L(g.label), 1)
           ])
         ]),
         _: 3
@@ -2242,18 +2255,18 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
         popover: { visibility: "focus" },
         rows: 1,
         step: r.value,
-        "onUpdate:modelValue": I[2] || (I[2] = (E) => g.$emit("update:modelValue", E))
+        "onUpdate:modelValue": I[2] || (I[2] = (P) => g.$emit("update:modelValue", P))
       }, f(d)), gt({ _: 2 }, [
         g.inputMode ? {
           name: "default",
-          fn: q(({ inputValue: E, inputEvents: N, showPopover: G }) => [
+          fn: q(({ inputValue: P, inputEvents: N, showPopover: G }) => [
             g.isRange ? (l(), D(ko, {
               key: 1,
               disabled: g.disabled,
               error: g.error,
               "input-id": v.value,
-              "input-value": E,
-              "input-value-fmt": b(E),
+              "input-value": P,
+              "input-value-fmt": b(P),
               listeners: N,
               placeholder: g.placeholder,
               "show-clear": O.value,
@@ -2267,7 +2280,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
               error: g.error,
               "input-id": v.value,
               listeners: N,
-              "model-value": b(E),
+              "model-value": b(P),
               placeholder: g.placeholder,
               "show-clear": O.value,
               required: g.required,
@@ -2406,7 +2419,7 @@ 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((P) => P.x === O);
+            const b = { datasetLabel: S.label }, M = S.data.find((E) => E.x === O);
             b.value = M ? M.y : null, y.push(b);
           }), k.dataCells = y, n.xAxisType === "time" && (k.rowLabelFmt = a(O)), k;
         });
@@ -2435,24 +2448,24 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
           w("tr", null, [
             w("th", {
               colspan: r.value.colspan
-            }, V(r.value.title), 9, To)
+            }, L(r.value.title), 9, To)
           ]),
           w("tr", null, [
-            w("th", Co, V(r.value.colHeadingFirst), 1),
+            w("th", Co, L(r.value.colHeadingFirst), 1),
             (l(!0), h(J, null, de(r.value.colHeadings, (v) => (l(), h("th", {
               key: v,
               scope: "col"
-            }, V(v), 1))), 128))
+            }, L(v), 1))), 128))
           ])
         ]),
         w("tbody", null, [
           (l(!0), h(J, null, de(r.value.rows, (v) => (l(), h("tr", {
             key: v.rowLabelFmt || v.rowLabel
           }, [
-            w("th", Do, V(v.rowLabelFmt || v.rowLabel), 1),
+            w("th", Do, L(v.rowLabelFmt || v.rowLabel), 1),
             (l(!0), h(J, null, de(v.dataCells, ($) => (l(), h("td", {
               key: `${v.rowLabelFmt || v.rowLabel}${$.datasetLabel}${$.value}`
-            }, V($.value), 1))), 128))
+            }, L($.value), 1))), 128))
           ]))), 128))
         ])
       ], 8, Bo)) : x("", !0)
@@ -2498,9 +2511,9 @@ function Ao(e, n) {
     }
   }
   function v(y, S) {
-    var P;
+    var E;
     const b = `[data-dataset-index="${y}"][data-label-index="${S}"]`, M = o.value.querySelector(b);
-    (P = M == null ? void 0 : M.focus) == null || P.call(M);
+    (E = M == null ? void 0 : M.focus) == null || E.call(M);
   }
   function $(...y) {
     !d || !t.value || (rt.register(...y), rt.defaults.font.family = "'Roobert', sans-serif", r = new rt(t.value, d));
@@ -2620,10 +2633,10 @@ function xt(e, n = 1) {
   ], a = t[e % t.length], o = Math.floor(e / t.length) + n;
   return `rgba(${a.toString()}, ${1 / o})`;
 }
-function Eo(e) {
+function Po(e) {
   return xt(e);
 }
-function Po(e) {
+function Eo(e) {
   return {
     maintainAspectRatio: !1,
     plugins: {
@@ -2730,7 +2743,7 @@ class Tn {
     return n;
   }
 }
-class Lo extends Tn {
+class Vo extends Tn {
   constructor({ data: n, options: t, plugins: a }) {
     super({ type: "bar", data: n, options: t, plugins: a });
   }
@@ -2754,7 +2767,7 @@ class Lo extends Tn {
     this.options = o;
   }
 }
-class Vo extends Tn {
+class Lo extends Tn {
   constructor({ data: n, options: t, plugins: a }) {
     super({ type: "line", data: n, options: t, plugins: a });
   }
@@ -2762,7 +2775,7 @@ class Vo extends Tn {
     return n.map((t, a) => ({
       ...t,
       backgroundColor: xt(a, 2),
-      borderColor: Eo(a),
+      borderColor: Po(a),
       borderWidth: 4
     }));
   }
@@ -2796,7 +2809,7 @@ class Mo {
    */
   setCommonConfigs(n) {
     const { data: t } = n;
-    return this.commonOptionsBasic = Po(n), this.commonOptionsStrict = At(), this.datasets = t, this;
+    return this.commonOptionsBasic = Eo(n), this.commonOptionsStrict = At(), this.datasets = t, this;
   }
   setCustomOptions(n) {
     return this.customOptions = n.customOptions, this;
@@ -2848,9 +2861,9 @@ class Mo {
     };
     switch (this.type) {
       case "bar":
-        return new Lo(n);
-      case "line":
         return new Vo(n);
+      case "line":
+        return new Lo(n);
       default:
         throw new Error(`Unsupported chart type: ${this.type}`);
     }
@@ -3071,7 +3084,7 @@ const No = {
       }, {
         default: q(() => [
           z(S.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -3196,7 +3209,7 @@ const No = {
     var s;
     e && !u && ((s = document.getElementById(a.value)) == null || s.remove());
   }), { breakoutId: a, breakoutStub: o, breakoutMounted: i };
-}, Et = (e, n) => {
+}, Pt = (e, n) => {
   const t = (a) => {
     e.some((o) => {
       var i;
@@ -3265,7 +3278,7 @@ const No = {
   ],
   setup(e, { emit: n }) {
     const t = e, a = n, o = C(null), i = C(null), u = C(!1), s = C(!1), r = C(null), d = m(() => t.breakout ? p.value : t.containerId ? document.getElementById(t.containerId) : o.value.internalContainerRef), c = m(() => t.width === "anchor" ? void 0 : t.width);
-    Et([i, r], () => {
+    Pt([i, r], () => {
       s.value && a("close");
     }), Ae(["Escape"], () => {
       s.value && a("close");
@@ -3289,15 +3302,15 @@ const No = {
       }
     }
     function y(B, g, I) {
-      const E = g.left - B.left;
+      const P = g.left - B.left;
       if (t.position === "center") {
         const N = (g.width - I.width) / 2;
-        $("--dropdown-wscreen-left", `${E + N}px`), $("--dropdown-wscreen-right", "auto");
+        $("--dropdown-wscreen-left", `${P + N}px`), $("--dropdown-wscreen-right", "auto");
       } else if (t.position === "right") {
         const N = B.right - g.right;
         $("--dropdown-wscreen-left", "auto"), $("--dropdown-wscreen-right", `${N}px`);
       } else
-        $("--dropdown-wscreen-left", `${E}px`), $("--dropdown-wscreen-right", "auto");
+        $("--dropdown-wscreen-left", `${P}px`), $("--dropdown-wscreen-right", "auto");
     }
     function S() {
       if (t.width === "anchor") {
@@ -3312,7 +3325,7 @@ const No = {
     function M() {
       s.value = !0, a("after-enter");
     }
-    function P() {
+    function E() {
       u.value = !1, s.value = !1, a("after-leave");
     }
     return (B, g) => (l(), h(J, null, [
@@ -3332,7 +3345,7 @@ const No = {
             shown: e.shown,
             onAfterEnter: M,
             onEnter: b,
-            onAfterLeave: P
+            onAfterLeave: E
           }, {
             default: q(() => [
               w("div", H({
@@ -3345,8 +3358,8 @@ const No = {
               }, B.$attrs), [
                 e.helperText ? (l(), h("header", Go, [
                   w("div", null, [
-                    w("h3", null, V(e.helperText), 1),
-                    e.helperDescription ? (l(), h("p", Yo, V(e.helperDescription), 1)) : x("", !0)
+                    w("h3", null, L(e.helperText), 1),
+                    e.helperDescription ? (l(), h("p", Yo, L(e.helperDescription), 1)) : x("", !0)
                   ]),
                   w("button", {
                     type: "button",
@@ -3567,12 +3580,12 @@ const No = {
           type: "button",
           onClick: r
         }, [
-          w("span", Qo, V(u.value.text), 1),
+          w("span", Qo, L(u.value.text), 1),
           s.value ? (l(), D(f(ke), {
             key: 0,
             role: "presentation",
             size: "md"
-          })) : (l(), D(f(Ve), {
+          })) : (l(), D(f(Le), {
             key: 1,
             role: "presentation",
             size: "md"
@@ -3634,16 +3647,16 @@ const No = {
         variant: "notext"
       }, null, 8, ["count"])) : x("", !0),
       z(a.$slots, "label", {}, () => [
-        _(V(e.label), 1)
+        _(L(e.label), 1)
       ]),
-      R(f(Ve))
+      R(f(Le))
     ], 8, _o));
   }
 }, Cn = (e, n, t = "id") => {
   var o;
   const a = typeof n == "object" ? (o = n == null ? void 0 : n[t]) == null ? void 0 : o.toString().replace(/\s/g, "-") : n == null ? void 0 : n.toString().replace(/\s/g, "-");
   return `${e}-option-${a}`;
-}, ti = ["data-value", "data-value-id-key", "data-value-type", "data-variant", "id"], Pt = {
+}, ti = ["data-value", "data-value-id-key", "data-value-type", "data-variant", "id"], Et = {
   __name: "BsDropdownOption",
   props: {
     valueIdKey: {
@@ -3734,7 +3747,7 @@ const No = {
       return !!a && a !== o;
     }
     return (a, o) => (l(), h(J, null, [
-      (l(!0), h(J, null, de(a.options, (i) => (l(), D(Pt, {
+      (l(!0), h(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,
@@ -3766,8 +3779,8 @@ const No = {
           i.labelHtml ? (l(), h("span", {
             key: 3,
             innerHTML: i.labelHtml
-          }, null, 8, li)) : (l(), h("span", si, V(i.label), 1)),
-          i.description ? (l(), h("span", ri, V(i.description), 1)) : x("", !0)
+          }, null, 8, li)) : (l(), h("span", si, L(i.label), 1)),
+          i.description ? (l(), h("span", ri, L(i.description), 1)) : x("", !0)
         ]),
         _: 2
       }, 1032, ["aria-checked", "value-id-key", "value", "variant"]))), 128)),
@@ -3904,13 +3917,13 @@ const No = {
     const $ = ue("dropdownEnter", C(!1)), O = ue("dropdownAfterEnter", C(!1)), k = ue("dropdownShown", C(!1));
     me("optionsId", m(() => a.optionsId)), me("handleOptionSelect", $e), me("registerOptionById", ({ id: U, val: K }) => {
       v[U] = K;
-    }), ui(u, P, { childList: !0 }), Ae([" ", "Enter", "NumpadEnter"], ge, u), Ae(["ArrowDown", "ArrowUp", "Home", "End"], Ie);
+    }), ui(u, E, { childList: !0 }), Ae([" ", "Enter", "NumpadEnter"], ge, u), Ae(["ArrowDown", "ArrowUp", "Home", "End"], Ie);
     const b = [/^[a-zA-Z0-9]{1}$/], M = {
       keys: "",
       lastTyped: 0
     };
-    Ae(b, (U) => Ee(U, M)), ee(() => {
-      P(), G(k.value);
+    Ae(b, (U) => Pe(U, M)), ee(() => {
+      E(), G(k.value);
     }), De(() => {
       v = null;
     }), Z(
@@ -3924,7 +3937,7 @@ const No = {
     ), Z(O, (U) => {
       U && (B(), g());
     }), Z(k, (U) => G(U));
-    function P() {
+    function E() {
       c.value = Array.from(
         u.value.querySelectorAll('[data-component="bs-dropdown-option"]')
       );
@@ -3940,7 +3953,7 @@ const No = {
       var U, K;
       r.value > -1 && ((U = c.value[r.value]) == null || U.setAttribute("data-active", ""), s.value = (K = c.value[r.value]) == null ? void 0 : K.id, g());
     }
-    function E() {
+    function P() {
       var U;
       r.value > -1 && ((U = c.value[r.value]) == null || U.removeAttribute("data-active"));
     }
@@ -3961,13 +3974,13 @@ const No = {
     function he() {
       c.value.forEach((U) => {
         U.removeAttribute("data-selected"), U.setAttribute("aria-selected", "false");
-      }), E(), d.value = -1, r.value = -1, s.value = null;
+      }), P(), d.value = -1, r.value = -1, s.value = null;
     }
     function $e(U) {
       var ie;
       (ie = U.querySelector("a")) == null || ie.click();
       let K = U.dataset.valueIdKey ? v[U.id] : U.dataset.value;
-      U.dataset.valueType == "number" && (K = Number(K)), s.value = U.id, E(), i("update:modelValue", K), i("close");
+      U.dataset.valueType == "number" && (K = Number(K)), s.value = U.id, P(), i("update:modelValue", K), i("close");
     }
     function ge(U) {
       $e(c.value[r.value]), U.preventDefault();
@@ -4007,20 +4020,20 @@ const No = {
       }
       Oe(K);
     }
-    function Ee(U, K) {
+    function Pe(U, K) {
       if (!k.value) return;
       K.keys = U.timeStamp - K.lastTyped > 500 ? U.key : K.keys + U.key, K.lastTyped = U.timeStamp;
       const ie = c.value.findIndex((Y) => Y.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(K.keys));
       ie > -1 && Oe(ie, !1);
     }
     function Oe(U, K = !0) {
-      E(), r.value = U, document.activeElement !== u.value && K ? u.value.focus() : I();
+      P(), r.value = U, document.activeElement !== u.value && K ? u.value.focus() : I();
     }
     return n({
       activeIndex: r,
       optionEls: c,
       optionsRef: u,
-      refreshOptions: P,
+      refreshOptions: E,
       setCurrentActive: I
     }), (U, K) => (l(), h("ul", {
       ref_key: "optionsRef",
@@ -4034,7 +4047,7 @@ const No = {
       id: e.optionsId,
       role: "listbox",
       tabindex: f(k) ? 0 : void 0,
-      onBlur: E,
+      onBlur: P,
       onFocus: N,
       onKeydown: [
         K[0] || (K[0] = Ye(Ce((ie) => i("options-list-shift-tab"), ["shift"]), ["tab"])),
@@ -4117,13 +4130,13 @@ const No = {
       o.value && (o.value.refreshOptions(), o.value.setCurrentActive());
     }
     function v(k = []) {
-      var P;
-      const y = ((P = k[0]) == null ? void 0 : P[t.valueIdKey]) !== void 0;
+      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 = [];
       t.options.forEach((B) => {
-        const g = { ...B }, I = y ? B.value[t.valueIdKey] : B.value, E = `${t.optionsId}-${I}-cb`;
-        S.has(y ? B.value[t.valueIdKey] : B.value) ? (g.checkbox = { inputId: E, checked: !0 }, b.push(g)) : (g.checkbox = { inputId: E, checked: !1 }, M.push(g));
+        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(() => {
         u.value = M, Re(() => {
           d && p(), d = !1;
@@ -4196,6 +4209,10 @@ const No = {
       type: Boolean,
       default: !1
     },
+    containerId: {
+      type: String,
+      default: ""
+    },
     disabled: {
       type: Boolean,
       default: !1
@@ -4320,7 +4337,7 @@ const No = {
     function M() {
       s.value = !0;
     }
-    function P(N) {
+    function E(N) {
       const G = t.selectedOptions.filter((te) => te !== N);
       a("update:selectedOptions", G), a("uncheck-option", N);
     }
@@ -4334,7 +4351,7 @@ const No = {
     function I() {
       r.value = "";
     }
-    function E(N) {
+    function P(N) {
       r.value = N;
     }
     return (N, G) => (l(), h("div", {
@@ -4359,7 +4376,7 @@ const No = {
         }, {
           label: q(() => [
             z(N.$slots, "toggle-label", {}, () => [
-              _(V(e.toggleLabel), 1)
+              _(L(e.toggleLabel), 1)
             ])
           ]),
           _: 3
@@ -4368,6 +4385,7 @@ const No = {
       R(lt, {
         "anchor-id": e.anchorId || v.value,
         breakout: e.breakout,
+        "container-id": e.containerId,
         "helper-text": e.helperText,
         "helper-description": e.helperDescription,
         position: e.dropdownPosition,
@@ -4385,7 +4403,7 @@ const No = {
               "aria-label": e.filterLabel,
               "model-value": r.value,
               placeholder: e.filterPlaceholder,
-              "onUpdate:modelValue": E,
+              "onUpdate:modelValue": P,
               onClear: I
             }, null, 8, ["aria-label", "model-value", "placeholder"])
           ])) : x("", !0),
@@ -4402,7 +4420,7 @@ const No = {
             onClose: G[1] || (G[1] = (te) => e.multiselect ? void 0 : b()),
             onOptionsListShiftTab: G[2] || (G[2] = (te) => N.$emit("options-list-shift-tab")),
             onOptionsListTab: G[3] || (G[3] = (te) => N.$emit("options-list-tab")),
-            onUncheckOption: P,
+            onUncheckOption: E,
             "onUpdate:modelValue": g
           }, {
             default: q(() => [
@@ -4421,14 +4439,14 @@ const No = {
               onClick: G[4] || (G[4] = () => a("close"))
             }, {
               default: q(() => [
-                _(V(e.filterButtonText), 1)
+                _(L(e.filterButtonText), 1)
               ]),
               _: 1
             }, 8, ["title"])
           ])) : x("", !0)
         ]),
         _: 1
-      }, 8, ["anchor-id", "breakout", "helper-text", "helper-description", "position", "shown", "use-mobile-style", "width"])
+      }, 8, ["anchor-id", "breakout", "container-id", "helper-text", "helper-description", "position", "shown", "use-mobile-style", "width"])
     ], 8, bi));
   }
 }, zn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -4503,14 +4521,14 @@ const No = {
     function v() {
       return p || (p = d.value.$el.querySelector("input")), p;
     }
-    function $(P) {
-      a("combobox:change", P.target.value), a("update:modelValue", P.target.value);
+    function $(E) {
+      a("combobox:change", E.target.value), a("update:modelValue", E.target.value);
     }
     function O() {
       v().focus(), a("combobox:change", ""), a("update:modelValue", "");
     }
-    function k(P) {
-      a("combobox:input", P.target.value), t.updateOnInput && a("update:modelValue", P.target.value);
+    function k(E) {
+      a("combobox:input", E.target.value), t.updateOnInput && a("update:modelValue", E.target.value);
     }
     function y() {
       s.value = !1, document.activeElement !== v() && (r.value = !0);
@@ -4524,7 +4542,7 @@ const No = {
     function M() {
       r.value ? r.value = !1 : s.value = !0;
     }
-    return (P, B) => (l(), D(An, {
+    return (E, B) => (l(), D(An, {
       "anchor-id": f(i),
       disabled: e.disabled,
       "dropdown-position": e.dropdownPosition,
@@ -4536,18 +4554,18 @@ const No = {
       options: e.options,
       "options-id": f(u),
       "selected-option": e.modelValue,
-      "toggle-id": P.$attrs.id || c.value,
+      "toggle-id": E.$attrs.id || c.value,
       "use-mobile-style": e.useMobileStyle,
       "value-id-key": e.valueIdKey,
       onClose: y,
       onOptionsListTab: B[2] || (B[2] = (g) => s.value = !1),
-      "onUpdate:selectedOption": B[3] || (B[3] = (g) => P.$emit("update:modelValue", g))
+      "onUpdate:selectedOption": B[3] || (B[3] = (g) => E.$emit("update:modelValue", g))
     }, {
       toggle: q(() => [
         R(Jo, H({
           ref_key: "inputComboboxRef",
           ref: d,
-          id: P.$attrs.id || c.value,
+          id: E.$attrs.id || c.value,
           "container-id": f(i),
           disabled: e.disabled,
           error: e.error,
@@ -4565,7 +4583,7 @@ const No = {
           onInputMouseup: b,
           onInputShiftTab: B[0] || (B[0] = (g) => s.value = !1),
           onToggled: B[1] || (B[1] = (g) => s.value = !s.value)
-        }, P.$attrs), null, 16, ["id", "container-id", "disabled", "error", "hint-id", "model-value", "open", "options-id", "placeholder", "required"])
+        }, E.$attrs), null, 16, ["id", "container-id", "disabled", "error", "hint-id", "model-value", "open", "options-id", "placeholder", "required"])
       ]),
       _: 1
     }, 8, ["anchor-id", "disabled", "dropdown-position", "dropdown-width", "helper-description", "helper-text", "open", "options", "options-id", "selected-option", "toggle-id", "use-mobile-style", "value-id-key"]));
@@ -4656,7 +4674,7 @@ const No = {
       }, {
         default: q(() => [
           z(d.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -4811,7 +4829,7 @@ const No = {
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
   }
-}, En = {
+}, Pn = {
   __name: "BsDropdownWithOptions",
   props: {
     anchorId: {
@@ -4966,10 +4984,10 @@ const No = {
         ])
       ]),
       w("div", null, [
-        w("p", wi, V(u.title), 1),
+        w("p", wi, L(u.title), 1),
         u.size !== "xs" ? (l(), h("p", ki, [
           z(u.$slots, "description", {}, () => [
-            _(V(u.description), 1)
+            _(L(u.description), 1)
           ])
         ])) : x("", !0),
         z(u.$slots, "call-to-action")
@@ -5015,7 +5033,7 @@ const No = {
   emits: ["close"],
   setup(e, { emit: n }) {
     const t = e, a = n, o = C(null), i = m(() => document.getElementById(t.toggleId));
-    Et([o, i], u), Ae(["Escape"], u);
+    Pt([o, i], u), Ae(["Escape"], u);
     function u() {
       var r;
       const s = ((r = o.value) == null ? void 0 : r.querySelector('[data-shown="true"]')) !== null;
@@ -5124,7 +5142,7 @@ const No = {
 }, Bi = ["data-inactive"], Ti = { class: "bs-form-container-header-wrapper" }, Ci = { class: "bs-form-container-header" }, Di = { class: "bs-form-container-title-wrapper" }, Oi = {
   key: 0,
   class: "bs-form-container-header-icon"
-}, xi = ["data-inactive"], Ai = { class: "bs-form-container-title-addon" }, zi = ["data-inactive"], Ei = ["data-open"], Pi = ["data-open"], Er = {
+}, xi = ["data-inactive"], Ai = { class: "bs-form-container-title-addon" }, zi = ["data-inactive"], Pi = ["data-open"], Ei = ["data-open"], Pr = {
   __name: "BsFormContainer",
   props: bn,
   setup(e) {
@@ -5156,7 +5174,7 @@ const No = {
                 w("span", {
                   class: "bs-form-container-title",
                   "data-inactive": n.inactive
-                }, V(n.title), 9, xi)
+                }, L(n.title), 9, xi)
               ]),
               _: 1
             }, 8, ["required", "disabled"]),
@@ -5169,7 +5187,7 @@ const No = {
             class: "bs-form-container-subtitle",
             "data-inactive": n.inactive
           }, [
-            w("span", null, V(n.subTitle), 1)
+            w("span", null, L(n.subTitle), 1)
           ], 8, zi)) : x("", !0)
         ]),
         w("div", {
@@ -5177,18 +5195,18 @@ const No = {
           class: "bs-form-container-header-actions"
         }, [
           z(n.$slots, "header-actions")
-        ], 8, Ei)
+        ], 8, Pi)
       ]),
       w("main", {
         "data-open": n.expanded,
         class: "bs-form-container-content"
       }, [
         z(n.$slots, "default")
-      ], 8, Pi)
+      ], 8, Ei)
     ], 8, Bi));
   }
 };
-function Lt(e) {
+function Vt(e) {
   const n = C({}), t = m(() => Wn(e.navData));
   function a(c) {
     t.value.forEach((p) => {
@@ -5229,7 +5247,7 @@ function Lt(e) {
     rawNavData: t
   };
 }
-const Li = ["aria-current", "data-active", "href", "target"], Me = {
+const Vi = ["aria-current", "data-active", "href", "target"], Me = {
   __name: "NavigationLink",
   props: {
     item: {
@@ -5243,7 +5261,7 @@ const Li = ["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 } = Lt(t);
+    const t = e, a = n, { isAbsoluteTo: o, isActivePath: i, getTo: u, getTarget: s } = Vt(t);
     return (r, d) => {
       const c = en("router-link");
       return f(o)(e.item) ? (l(), h("a", {
@@ -5255,7 +5273,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
         onClick: d[0] || (d[0] = (p) => a("nav-link-clicked", p))
       }, [
         z(r.$slots, "default")
-      ], 8, Li)) : (l(), D(c, {
+      ], 8, Vi)) : (l(), D(c, {
         key: 1,
         "aria-current": f(i)(e.item) || void 0,
         "data-active": f(i)(e.item),
@@ -5270,7 +5288,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       }, 8, ["aria-current", "data-active", "to", "target"]));
     };
   }
-}, Vi = ["data-shown", "data-hide-toggle"], Mi = ["aria-expanded", "aria-controls", "title"], Ni = { class: "bs-horizontal-nav-mobile-toggle-title" }, qi = ["id"], Ri = ["data-expanded"], ji = ["aria-expanded", "aria-controls", "data-active", "title", "onClick"], Fi = { class: "bs-horizontal-nav-mobile-nested-menu" }, Ui = { key: 1 }, Wi = {
+}, Li = ["data-shown", "data-hide-toggle"], Mi = ["aria-expanded", "aria-controls", "title"], Ni = { class: "bs-horizontal-nav-mobile-toggle-title" }, qi = ["id"], Ri = ["data-expanded"], ji = ["aria-expanded", "aria-controls", "data-active", "title", "onClick"], Fi = { class: "bs-horizontal-nav-mobile-nested-menu" }, Ui = { key: 1 }, Wi = {
   key: 0,
   class: "bs-horizontal-nav-mobile-end-items"
 }, Ki = {
@@ -5282,7 +5300,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
 }, Gi = { key: 1 }, Yi = { key: 0 }, Xi = ["id", "aria-expanded", "aria-controls", "data-active", "data-expanded", "title", "onClick"], Zi = { key: 1 }, Qi = {
   key: 1,
   class: "bs-horizontal-nav-end-items"
-}, Pr = {
+}, Er = {
   __name: "BsHorizontalNavigation",
   props: hn,
   emits: Object.keys(vn),
@@ -5294,7 +5312,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       isActivePath: s,
       isExpanded: r,
       rawNavData: d
-    } = Lt(t), c = St();
+    } = Vt(t), c = St();
     Fe("(max-width: 1165px)", (b) => {
       p.value = b.matches;
     });
@@ -5332,7 +5350,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       b.ctrlKey || b.metaKey || $(M.id), a("nav-link-clicked", { ev: b, payload: M });
     }
     return (b, M) => {
-      const P = en("router-link");
+      const E = en("router-link");
       return p.value ? (l(), h("nav", {
         key: 0,
         class: "bs-horizontal-nav-mobile",
@@ -5357,9 +5375,9 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
               key: 1,
               class: "bs-horizontal-nav-mobile-toggle-title-icon"
             })),
-            w("span", null, V(b.mobileToggleText), 1)
+            w("span", null, L(b.mobileToggleText), 1)
           ]),
-          R(f(Ve), { class: "bs-horizontal-nav-mobile-toggle-caret" })
+          R(f(Le), { class: "bs-horizontal-nav-mobile-toggle-caret" })
         ], 8, Mi)),
         R(wt, { name: "bs-horizontal-nav-mobile" }, {
           default: q(() => [
@@ -5386,18 +5404,18 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                         title: f(i)(B),
                         onClick: (I) => $(B.id)
                       }, [
-                        w("span", null, V(B.text), 1),
-                        R(f(Ve), { class: "bs-horizontal-nav-mobile-nested-toggle-caret" })
+                        w("span", null, L(B.text), 1),
+                        R(f(Le), { class: "bs-horizontal-nav-mobile-nested-toggle-caret" })
                       ], 8, ji),
                       w("ul", Fi, [
                         (l(!0), h(J, null, de(B.navItems, (I) => (l(), h("li", null, [
                           R(Me, {
                             item: I,
                             router: b.router,
-                            onNavLinkClicked: (E) => a("nav-link-clicked", { ev: E, payload: I })
+                            onNavLinkClicked: (P) => a("nav-link-clicked", { ev: P, payload: I })
                           }, {
                             default: q(() => [
-                              _(V(I.text), 1)
+                              _(L(I.text), 1)
                             ]),
                             _: 2
                           }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5410,7 +5428,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                         onNavLinkClicked: (I) => a("nav-link-clicked", { ev: I, payload: B })
                       }, {
                         default: q(() => [
-                          _(V(B.text), 1)
+                          _(L(B.text), 1)
                         ]),
                         _: 2
                       }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5427,7 +5445,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           ]),
           _: 3
         })
-      ], 8, Vi)) : (l(), h("div", Ki, [
+      ], 8, Li)) : (l(), h("div", Ki, [
         w("nav", null, [
           !b.title && b.titleIcon ? (l(), h(J, { key: 0 }, [
             typeof b.titleIcon == "string" ? (l(), D(f(ce), {
@@ -5441,7 +5459,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           ], 64)) : x("", !0),
           w("ul", null, [
             b.title ? (l(), h("li", Hi, [
-              b.titleUrl ? (l(), D(P, {
+              b.titleUrl ? (l(), D(E, {
                 key: 0,
                 "aria-current": f(s)({ to: b.titleUrl }) || void 0,
                 to: b.titleUrl,
@@ -5449,10 +5467,10 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                 onClick: M[1] || (M[1] = (B) => a("nav-link-clicked", { ev: B, payload: { resource: { url: b.titleUrl }, text: b.title } }))
               }, {
                 default: q(() => [
-                  w("span", null, V(b.title), 1)
+                  w("span", null, L(b.title), 1)
                 ]),
                 _: 1
-              }, 8, ["aria-current", "to", "data-active"])) : (l(), h("span", Gi, V(b.title), 1))
+              }, 8, ["aria-current", "to", "data-active"])) : (l(), h("span", Gi, L(b.title), 1))
             ])) : x("", !0),
             (l(!0), h(J, null, de(f(d), (B, g) => {
               var I;
@@ -5469,10 +5487,10 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                     "data-active": k(B),
                     "data-expanded": f(r)(B),
                     title: f(i)(B),
-                    onClick: (E) => $(B.id)
+                    onClick: (P) => $(B.id)
                   }, [
-                    w("span", null, V(B.text), 1),
-                    R(f(Ve), { class: "bs-horizontal-nav-nested-toggle-caret" })
+                    w("span", null, L(B.text), 1),
+                    R(f(Le), { class: "bs-horizontal-nav-nested-toggle-caret" })
                   ], 8, Xi),
                   R(lt, {
                     id: `${B.id}-nested-section`,
@@ -5482,20 +5500,20 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                     shown: f(r)(B),
                     "use-mobile-style": !1,
                     width: "content",
-                    onClose: (E) => f(o)[B.id] = !0
+                    onClose: (P) => f(o)[B.id] = !0
                   }, {
                     default: q(() => [
                       w("ul", null, [
-                        (l(!0), h(J, null, de(B.navItems, (E) => (l(), h("li", {
-                          key: E.id
+                        (l(!0), h(J, null, de(B.navItems, (P) => (l(), h("li", {
+                          key: P.id
                         }, [
                           R(Me, {
-                            item: E,
+                            item: P,
                             router: b.router,
-                            onNavLinkClicked: (N) => S(N, E)
+                            onNavLinkClicked: (N) => S(N, P)
                           }, {
                             default: q(() => [
-                              _(V(E.text), 1)
+                              _(L(P.text), 1)
                             ]),
                             _: 2
                           }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5508,10 +5526,10 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                   R(Me, {
                     item: B,
                     router: b.router,
-                    onNavLinkClicked: (E) => a("nav-link-clicked", { ev: E, payload: B })
+                    onNavLinkClicked: (P) => a("nav-link-clicked", { ev: P, payload: B })
                   }, {
                     default: q(() => [
-                      w("span", null, V(B.text), 1)
+                      w("span", null, L(B.text), 1)
                     ]),
                     _: 2
                   }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5526,7 +5544,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       ]));
     };
   }
-}, Ji = ["view-box"], _i = ["id"], el = ["offset", "stop-color"], Lr = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ji = ["view-box"], _i = ["id"], el = ["offset", "stop-color"], Vr = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
     const n = C(null), t = C(null), a = [
@@ -5568,11 +5586,11 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       ], 8, Ji))
     ], 64));
   }
-}), Pn = Symbol("InlineTabs"), Vr = {
+}), En = Symbol("InlineTabs"), Lr = {
   __name: "BsInlineTab",
   props: Ze,
   setup(e) {
-    const n = e, t = ue(Pn, null), a = m(() => (t == null ? void 0 : t.isSelected(n.value)) || n.selected), o = m(() => (t == null ? void 0 : t.props.disabled) || n.disabled), i = m(() => (t == null ? void 0 : t.props.variant) || n.variant), u = m(() => ({
+    const n = e, t = ue(En, null), a = m(() => (t == null ? void 0 : t.isSelected(n.value)) || n.selected), o = m(() => (t == null ? void 0 : t.props.disabled) || n.disabled), i = m(() => (t == null ? void 0 : t.props.variant) || n.variant), u = m(() => ({
       ...n,
       disabled: o.value
     })), { rootTag: s, attrsToBind: r, btnRef: d } = Ke(u, Se(), "button");
@@ -5609,7 +5627,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
   emits: /* @__PURE__ */ qt(Object.keys(mn), ["update:modelValue"]),
   setup(e) {
     const n = e, t = Kn(e, "modelValue");
-    me(Pn, {
+    me(En, {
       props: n,
       model: t,
       setModel: u,
@@ -5701,7 +5719,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       }, {
         default: q(() => [
           z(c.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -5864,12 +5882,12 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       $,
       O,
       k
-    ] = re(4), y = C(!1), S = C(""), b = C(""), M = C(!1), P = C(!1), B = C(!0);
+    ] = re(4), y = C(!1), S = C(""), b = C(""), M = C(!1), E = C(!1), B = C(!0);
     n({
       validationErr: M,
       validationErrMsg: b
     });
-    const g = m(() => S.value ? `+${d.value}${S.value}` : ""), I = m(() => `Country code: ${d.value}. Click to change.`), E = m(() => B.value ? a.errorMsg || b.value : ""), N = m(() => a.error || M.value), G = m(() => a.hint || N.value && E.value), te = m(() => B.value && N.value);
+    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);
     Z(g, (Y) => {
       o("update:modelValue", Y), ie(Y);
     }), Z(() => a.modelValue, he), Oe(), ee(() => y.value = !0);
@@ -5878,11 +5896,11 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
     }
     function $e() {
       var Y;
-      P.value && (P.value = !1, (Y = r.value) == null || Y.focus());
+      E.value && (E.value = !1, (Y = r.value) == null || Y.focus());
     }
     function ge(Y) {
       var oe;
-      d.value = Y, P.value = !1, (oe = r.value) == null || oe.focus(), K(Y);
+      d.value = Y, E.value = !1, (oe = r.value) == null || oe.focus(), K(Y);
     }
     function Ie() {
       a.deferValidation && (B.value = !0), o("input-blur");
@@ -5890,7 +5908,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
     function we(Y) {
       S.value = Y.target.value, a.deferValidation && (B.value = !1);
     }
-    function Ee(Y) {
+    function Pe(Y) {
       var oe, le;
       !((le = (oe = Y.key) == null ? void 0 : oe.match) != null && le.call(oe, /[0-9]/)) && !i.includes(Y.key) && !Y.ctrlKey && !Y.metaKey && Y.preventDefault();
     }
@@ -5900,9 +5918,9 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
     function U() {
       var oe, le;
       let Y = Ft(a.modelValue);
-      Y.valid || Y.countryCode && ((le = (oe = a.modelValue) == null ? void 0 : oe.startsWith) != null && le.call(oe, "+")) ? (d.value = Y.countryCode, S.value = Y.number.significant) : S.value = a.modelValue, c.value = dt.data.allCountries.map((Pe) => ({
-        ...Pe,
-        isSelected: d.value === Pe
+      Y.valid || Y.countryCode && ((le = (oe = a.modelValue) == null ? void 0 : oe.startsWith) != null && le.call(oe, "+")) ? (d.value = Y.countryCode, S.value = Y.number.significant) : S.value = a.modelValue, c.value = dt.data.allCountries.map((Ee) => ({
+        ...Ee,
+        isSelected: d.value === Ee
       }));
     }
     function K(Y) {
@@ -5922,7 +5940,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
         class: ve({ "visually-hidden": e.hideLabel })
       }, {
         default: q(() => [
-          _(V(e.label), 1)
+          _(L(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "disabled", "class"]),
@@ -5940,15 +5958,15 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
               ref_key: "countryCodesToggle",
               ref: r,
               "aria-controls": f($),
-              "aria-expanded": P.value,
+              "aria-expanded": E.value,
               "aria-haspopup": "listbox",
               "aria-label": I.value,
               disabled: e.disabled,
               type: "button",
-              onClick: oe[0] || (oe[0] = (Pe) => P.value = !P.value)
+              onClick: oe[0] || (oe[0] = (Ee) => E.value = !E.value)
             }, [
-              w("span", null, V((le = p.value) == null ? void 0 : le.flag), 1),
-              w("span", null, "+" + V(d.value), 1),
+              w("span", null, L((le = p.value) == null ? void 0 : le.flag), 1),
+              w("span", null, "+" + L(d.value), 1),
               e.disabled ? x("", !0) : (l(), D(f(sn), {
                 key: 0,
                 size: "sm"
@@ -5965,7 +5983,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
             }, f(s), {
               onInput: we,
               onFocusout: Ie,
-              onKeydown: Ee
+              onKeydown: Pe
             }), null, 16, ["id", "disabled", "hint-id", "placeholder", "value"])
           ];
         }),
@@ -5973,35 +5991,35 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       }, 8, ["disabled", "error"]),
       fe(R(ze, {
         error: N.value,
-        "error-msg": E.value,
+        "error-msg": P.value,
         hint: e.hint,
         "hint-id": f(O)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
         [be, G.value]
       ]),
       y.value ? (l(), h("div", nl, [
-        R(En, {
+        R(Pn, {
           "anchor-id": f(v),
           "helper-text": "Country Code",
           label: "Country Code",
           "model-value": d.value,
           "options-id": f($),
           preloaded: "",
-          shown: P.value,
+          shown: E.value,
           width: "content",
           onClose: $e,
           "onUpdate:modelValue": ge
         }, {
           default: q(() => [
-            y.value ? (l(!0), h(J, { key: 0 }, de(c.value, (le) => (l(), D(Pt, {
+            y.value ? (l(!0), h(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, V(le == null ? void 0 : le.flag), 1),
-                w("span", ol, V(le.label), 1)
+                w("span", al, L(le == null ? void 0 : le.flag), 1),
+                w("span", ol, L(le.label), 1)
               ]),
               _: 2
             }, 1032, ["aria-label", "value"]))), 128)) : x("", !0)
@@ -6038,7 +6056,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       viewBox: "0 0 100 100",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      w("title", null, V(e.label), 1),
+      w("title", null, L(e.label), 1),
       w("circle", {
         cx: "50",
         cy: "50",
@@ -6157,20 +6175,20 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
     const d = m(() => t.typeaheadId || u.value), c = m(() => t.error && t.errorMsg || t.hint || void 0), p = m(() => `${d.value}-input-container`), v = m(() => `${d.value}-input`), $ = m(() => `${d.value}-options`), O = m(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), k = m(() => {
       if (o.value) {
         let I = t.options;
-        const E = t.inputValue.toLowerCase(), N = t.filterType === "includes" ? "includes" : "startsWith";
-        return t.inputValue.length >= t.characterThreshold && (I = y(I, E, N), I = I.slice(0, t.maxOptions), I = S(I, E, N), r = I), I;
+        const P = t.inputValue.toLowerCase(), N = t.filterType === "includes" ? "includes" : "startsWith";
+        return t.inputValue.length >= t.characterThreshold && (I = y(I, P, N), I = I.slice(0, t.maxOptions), I = S(I, P, N), r = I), I;
       } else
         return r;
     });
-    function y(I, E, N) {
-      return t.internalFiltering ? I.filter((G) => G.label.toLowerCase()[N](E)) : I;
+    function y(I, P, N) {
+      return t.internalFiltering ? I.filter((G) => G.label.toLowerCase()[N](P)) : I;
     }
-    function S(I, E, N) {
+    function S(I, P, N) {
       return I.map((G) => {
         let te = G.label;
-        if (E !== "") {
-          const he = `<span style="color: var(--bs-blue-base)">${E}</span>`;
-          N === "includes" ? te = G.label.replaceAll(E, he) : te = G.label.replace(E, he);
+        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);
         }
         return { ...G, labelHtml: te };
       });
@@ -6181,20 +6199,20 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
     function M() {
       a("update:inputValue", ""), t.multiselect || a("update:optionsValue", ""), document.getElementById(v.value).focus();
     }
-    function P(I) {
+    function E(I) {
       i.value = !0;
-      const E = k.value.find((N) => N.value === I);
-      a("update:inputValue", E.label), a("update:optionsValue", I);
+      const P = k.value.find((N) => N.value === I);
+      a("update:inputValue", P.label), a("update:optionsValue", I);
     }
     function B(I) {
-      const E = [...O.value, I];
-      a("update:optionsValue", E);
+      const P = [...O.value, I];
+      a("update:optionsValue", P);
     }
     function g(I) {
-      const E = O.value.filter((N) => N !== I);
-      a("update:optionsValue", E);
+      const P = O.value.filter((N) => N !== I);
+      a("update:optionsValue", P);
     }
-    return (I, E) => (l(), h(J, null, [
+    return (I, P) => (l(), h(J, null, [
       e.label || I.$slots.label ? (l(), D(pe, {
         key: 0,
         for: v.value,
@@ -6203,7 +6221,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       }, {
         default: q(() => [
           z(I.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -6229,7 +6247,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
         }, I.$attrs, {
           onClear: M,
           onFocusin: b,
-          "onUpdate:modelValue": E[0] || (E[0] = (N) => a("update:inputValue", N))
+          "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),
       R(lt, {
@@ -6239,7 +6257,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
         shown: o.value,
         "use-mobile-style": !1,
         width: "anchor",
-        onClose: E[2] || (E[2] = (N) => o.value = !1)
+        onClose: P[2] || (P[2] = (N) => o.value = !1)
       }, {
         default: q(() => [
           e.multiselect ? (l(), D(xn, {
@@ -6265,7 +6283,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
             } : {
               name: "no-options",
               fn: q(() => [
-                E[3] || (E[3] = _("No results found"))
+                P[3] || (P[3] = _("No results found"))
               ]),
               key: "1"
             }
@@ -6275,8 +6293,8 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
             "model-value": O.value,
             "options-id": $.value,
             shown: o.value,
-            "onUpdate:modelValue": P,
-            onClose: E[1] || (E[1] = (N) => o.value = !1)
+            "onUpdate:modelValue": E,
+            onClose: P[1] || (P[1] = (N) => o.value = !1)
           }, {
             default: q(() => [
               R(_e, {
@@ -6294,7 +6312,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                 } : {
                   name: "no-options",
                   fn: q(() => [
-                    E[4] || (E[4] = _("No results found"))
+                    P[4] || (P[4] = _("No results found"))
                   ]),
                   key: "1"
                 }
@@ -6418,7 +6436,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
     const a = n, o = C(null);
     let i = !1;
     const { transition: u } = We(t), [s] = re(), [r] = re(), d = et();
-    Et([o], () => k("backdrop-clicked-close")), Ae(["Escape"], () => k("escape-pressed-close"));
+    Pt([o], () => k("backdrop-clicked-close")), Ae(["Escape"], () => k("escape-pressed-close"));
     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;
@@ -6468,7 +6486,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                         key: 0,
                         class: "bs-modal-title",
                         id: f(s)
-                      }, V(y.title), 9, yl)) : x("", !0)
+                      }, L(y.title), 9, yl)) : x("", !0)
                     ]) : x("", !0),
                     y.closeButton ? (l(), h("button", {
                       key: 1,
@@ -6483,7 +6501,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                   ]),
                   p.value ? (l(), h("div", gl, [
                     z(y.$slots, "subtitle", {}, () => [
-                      w("span", { id: f(r) }, V(y.subtitle), 9, wl)
+                      w("span", { id: f(r) }, L(y.subtitle), 9, wl)
                     ])
                   ])) : x("", !0),
                   v.value ? (l(), h("div", kl, [
@@ -6521,7 +6539,7 @@ const Li = ["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 }, El = { key: 3 }, Pl = { class: "bs-pagination-results-numbers" }, Ll = ["data-selected", "disabled", "onClick"], Vl = {
+}, Al = ["title", "disabled", "data-selected", "onClick"], zl = { key: 2 }, Pl = { key: 3 }, El = { class: "bs-pagination-results-numbers" }, Vl = ["data-selected", "disabled", "onClick"], Ll = {
   key: 5,
   class: "bs-pagination-carets"
 }, Ml = ["aria-label", "title", "disabled"], Nl = { key: 0 }, ql = ["aria-label", "title", "disabled"], Rl = { key: 0 }, Ur = {
@@ -6648,8 +6666,8 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       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 P = b; P <= M; P++)
-        y.push(P);
+      for (let E = b; 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);
@@ -6672,7 +6690,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           onClick: r
         }, [
           R(f(Zn)),
-          e.firstPageText ? (l(), h("span", Cl, V(e.firstPageText), 1)) : x("", !0)
+          e.firstPageText ? (l(), h("span", Cl, L(e.firstPageText), 1)) : x("", !0)
         ], 10, Tl)) : x("", !0),
         w("button", {
           type: "button",
@@ -6683,7 +6701,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           onClick: d
         }, [
           R(f(nt)),
-          e.prevPageText ? (l(), h("span", Ol, V(e.prevPageText), 1)) : x("", !0)
+          e.prevPageText ? (l(), h("span", Ol, L(e.prevPageText), 1)) : x("", !0)
         ], 10, Dl)
       ])) : x("", !0),
       e.variant === "base" && e.centerDisplay === "numbers" ? (l(), h("div", xl, [
@@ -6694,23 +6712,23 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           disabled: i.value === b || e.breakText === b,
           "data-selected": b === i.value,
           onClick: (M) => i.value = b
-        }, V(b), 9, Al))), 128))
+        }, L(b), 9, Al))), 128))
       ])) : x("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (l(), h("span", zl, V($.value), 1)) : x("", !0),
-      t.variant === "group" ? (l(), h("span", El, V(O.value), 1)) : x("", !0),
+      t.variant === "base" && t.centerDisplay === "text" ? (l(), h("span", zl, L($.value), 1)) : x("", !0),
+      t.variant === "group" ? (l(), h("span", Pl, L(O.value), 1)) : x("", !0),
       t.variant === "results" ? (l(), h(J, { key: 4 }, [
         S[0] || (S[0] = w("span", null, "Results Per Page:", -1)),
-        w("div", Pl, [
+        w("div", El, [
           (l(!0), h(J, null, de(k.value, (b) => (l(), h("button", {
             type: "button",
             key: `results-${b}`,
             "data-selected": b === i.value,
             disabled: i.value === b || e.breakText === b,
             onClick: (M) => i.value = b
-          }, V(b), 9, Ll))), 128))
+          }, L(b), 9, Vl))), 128))
         ])
       ], 64)) : x("", !0),
-      e.variant === "base" || e.variant === "group" ? (l(), h("div", Vl, [
+      e.variant === "base" || e.variant === "group" ? (l(), h("div", Ll, [
         w("button", {
           type: "button",
           class: ve(e.nextPageText ? "bs-pagination-word-caret" : void 0),
@@ -6719,7 +6737,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           disabled: i.value === u.value,
           onClick: c
         }, [
-          e.nextPageText ? (l(), h("span", Nl, V(e.nextPageText), 1)) : x("", !0),
+          e.nextPageText ? (l(), h("span", Nl, L(e.nextPageText), 1)) : x("", !0),
           R(f(at))
         ], 10, Ml),
         e.showFirstLastButtons ? (l(), h("button", {
@@ -6731,7 +6749,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           disabled: i.value === u.value,
           onClick: p
         }, [
-          e.lastPageText ? (l(), h("span", Rl, V(e.lastPageText), 1)) : x("", !0),
+          e.lastPageText ? (l(), h("span", Rl, L(e.lastPageText), 1)) : x("", !0),
           R(f(Qn))
         ], 10, ql)) : x("", !0)
       ])) : x("", !0)
@@ -6832,13 +6850,13 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
               class: "bs-icon"
             }))
           ], 64)) : x("", !0),
-          _(" " + V(e.action), 1)
+          _(" " + L(e.action), 1)
         ])
       ])) : x("", !0),
-      w("span", Ul, V(e.profileName), 1),
-      e.company ? (l(), h("span", Wl, V(e.company), 1)) : x("", !0),
-      e.jobTitle ? (l(), h("span", Kl, V(e.jobTitle), 1)) : x("", !0),
-      e.email ? (l(), h("span", Hl, V(e.email), 1)) : x("", !0),
+      w("span", Ul, L(e.profileName), 1),
+      e.company ? (l(), h("span", Wl, L(e.company), 1)) : x("", !0),
+      e.jobTitle ? (l(), h("span", Kl, L(e.jobTitle), 1)) : x("", !0),
+      e.email ? (l(), h("span", Hl, L(e.email), 1)) : x("", !0),
       e.miscMeta || o.$slots.misc ? (l(), h("span", Gl, [
         z(o.$slots, "misc", {}, () => [
           e.miscMetaIcon ? (l(), h(J, { key: 0 }, [
@@ -6851,7 +6869,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
               class: "bs-icon"
             }))
           ], 64)) : x("", !0),
-          _(" " + V(e.miscMeta), 1)
+          _(" " + L(e.miscMeta), 1)
         ])
       ])) : x("", !0)
     ]));
@@ -6903,7 +6921,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
     }, 16, ["data-layout", "onClick"]));
   }
 });
-function Ln(e) {
+function Vn(e) {
   const n = m(() => {
     var o;
     switch (e.currentStatus) {
@@ -6956,7 +6974,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     }
   },
   setup(e) {
-    const n = e, { progressStep: t, progressText: a, getStatus: o } = Ln(n);
+    const n = e, { progressStep: t, progressText: a, getStatus: o } = Vn(n);
     return (i, u) => (l(), h("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": f(t),
@@ -6972,7 +6990,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         key: s.id || s.label,
         role: "status"
       }, [
-        w("span", null, V(s.label || s) + " : " + V(f(o)(s.status, r) || "not started"), 1)
+        w("span", null, L(s.label || s) + " : " + L(f(o)(s.status, r) || "not started"), 1)
       ], 8, Zl))), 128))
     ], 8, Xl));
   }
@@ -7047,7 +7065,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, {
         default: q(() => [
           z(r.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -7139,7 +7157,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, {
         default: q(() => [
           z(c.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -7158,13 +7176,13 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
             selected: !d.value,
             value: "",
             disabled: !!d.value
-          }, V(e.disabled ? "" : e.placeholder), 9, ts),
+          }, L(e.disabled ? "" : e.placeholder), 9, ts),
           (l(!0), h(J, null, de(e.data, (v) => (l(), h("option", {
             key: v.value,
             disabled: v.disabled,
             selected: d.value === v.value,
             value: v.value
-          }, V(v.label), 9, ns))), 128))
+          }, L(v.label), 9, ns))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
@@ -7278,7 +7296,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, {
         default: q(() => [
           z(v.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -7328,8 +7346,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, V(c.value), 1),
-            e.disabled ? x("", !0) : (l(), D(f(Ve), {
+            w("span", null, L(c.value), 1),
+            e.disabled ? x("", !0) : (l(), D(f(Le), {
               key: 0,
               size: "md"
             }))
@@ -7396,7 +7414,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, {
         default: q(() => [
           z(d.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -7476,8 +7494,8 @@ 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);
-    let P;
-    const B = m(() => t.activeTabId ? $.value.findIndex((A) => A.id === t.activeTabId) : 0), g = m(() => u.value.some((A) => A.id === t.activeTabId)), I = m(() => `${M.value}-options`), E = m(() => `${M.value}-toggle`), N = m(() => {
+    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;
       return g.value ? (A = $.value[B.value]) == null ? void 0 : A.textContent : "More";
     }), G = m(() => g.value ? p.value[B.value] - p.value[B.value - 1] + fs + ut : ps + ut);
@@ -7496,16 +7514,16 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
           }
           j.dataset.hidden = "false", j.setAttribute("tabindex", "0");
         }
-        r.value = A, u.value = Be, o.value || Re(() => o.value = !0), P = setTimeout(() => {
+        r.value = A, u.value = Be, o.value || Re(() => o.value = !0), E = setTimeout(() => {
           d.value && (Q(), le(), v.value = !0);
         }, v.value ? 25 : 1e3);
       }
     }
     function he() {
-      clearTimeout(P);
+      clearTimeout(E);
     }
     function $e() {
-      he(), Pe();
+      he(), Ee();
     }
     function ge(A) {
       a("tabChange", A), a("update:modelValue", A);
@@ -7519,7 +7537,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       var A;
       (A = $.value[B.value]) == null || A.setAttribute("aria-selected", "true"), te();
     }
-    function Ee() {
+    function Pe() {
       var A;
       (A = O.value) == null || A.focus(), s.value = !1;
     }
@@ -7560,7 +7578,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       let X = 300, ne = ((Te = (xe = k.value) == null ? void 0 : xe[B.value]) == null ? void 0 : Te.offsetLeft) || 0, Be = Ie(B.value);
       r.value && g.value && (ne = (Mt = O.value) == null ? void 0 : Mt.offsetLeft, Be = (Nt = O.value) == null ? void 0 : Nt.offsetWidth), X = Math.max(Math.abs((ne - A) / j * 300), 100), d.value.style.setProperty("--active-line-max-width", `${j}px`), d.value.style.setProperty("--active-line-scale", `${Be / j}`), d.value.style.setProperty("--active-line-offset", `${ne}px`), d.value.style.setProperty("--active-line-transition-duration", `${X}ms`);
     }
-    function Pe() {
+    function Ee() {
       var A, j;
       (j = (A = y.value) == null ? void 0 : A.disconnect) == null || j.call(A), y.value = null;
     }
@@ -7571,7 +7589,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 L() {
+    function V() {
       $.value = Array.from(c.value.children).filter((A) => A.role === "tab");
     }
     function F() {
@@ -7593,7 +7611,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     return Z(() => t.activeTabId, we), ee(() => {
       var A;
       try {
-        L(), F(), T(), S.value = d.value.getBoundingClientRect().width, te(), t.withBsTabs || (A = $.value[B.value]) == null || A.setAttribute("aria-selected", "true");
+        V(), F(), T(), S.value = d.value.getBoundingClientRect().width, te(), t.withBsTabs || (A = $.value[B.value]) == null || A.setAttribute("aria-selected", "true");
       } catch (j) {
         console.log("tab error", j);
       }
@@ -7622,16 +7640,16 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         class: "bs-tab-list-toggle",
         "data-active": g.value || void 0,
         "data-hidden": !r.value,
-        id: E.value,
+        id: P.value,
         ref_key: "dropdownToggle",
         ref: O,
         onClick: Oe
       }, [
         R(f(Jn), { size: "sm" }),
-        _(" " + V(N.value), 1)
+        _(" " + L(N.value), 1)
       ], 8, cs),
-      R(En, {
-        "anchor-id": E.value,
+      R(Pn, {
+        "anchor-id": P.value,
         "container-id": A.$attrs.id || f(b),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
@@ -7641,17 +7659,17 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         preloaded: "",
         shown: s.value,
         width: "content",
-        onClose: Ee,
+        onClose: Pe,
         "onUpdate:modelValue": U
       }, {
         default: q(() => [
-          (l(!0), h(J, null, de(u.value, (X) => (l(), D(Pt, {
+          (l(!0), h(J, null, de(u.value, (X) => (l(), D(Et, {
             key: X.id,
             value: X.id,
             "options-id": I.value
           }, {
             default: q(() => [
-              _(V(X.textContent), 1)
+              _(L(X.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
@@ -7685,10 +7703,10 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     ], 8, bs));
   }
 };
-function Vn() {
+function Ln() {
   return null;
 }
-Vn.props = {
+Ln.props = {
   id: {
     // TODO: Change to "required", use as cell loop key, and update all docs after getting resizing working ORCA app okay
     type: String,
@@ -7741,7 +7759,7 @@ Vn.props = {
     // default width is set in Table.vue
   }
 };
-const ct = Vn, Mn = Symbol("TableHeaderProvider"), Nn = Symbol("TableBodyProvider"), qn = Symbol("TableFooterProvider"), pt = {
+const ct = Ln, Mn = Symbol("TableHeaderProvider"), Nn = Symbol("TableBodyProvider"), qn = Symbol("TableFooterProvider"), pt = {
   __name: "TableRowGroup",
   props: {
     kind: {
@@ -7809,7 +7827,7 @@ function Fn(e, { slots: n }) {
   }, n);
 }
 Fn.props = {};
-const Yt = Fn, Vt = (e, n) => {
+const Yt = Fn, Lt = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [a, o] of n)
     t[a] = o;
@@ -7820,13 +7838,13 @@ function ys(e, n) {
     z(e.$slots, "default")
   ]);
 }
-const gs = /* @__PURE__ */ Vt(vs, [["render", ys]]), ws = {}, ks = { class: "bs-table-wrap-footer" };
+const gs = /* @__PURE__ */ Lt(vs, [["render", ys]]), ws = {}, ks = { class: "bs-table-wrap-footer" };
 function Ss(e, n) {
   return l(), h("div", ks, [
     z(e.$slots, "default")
   ]);
 }
-const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
+const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
   __name: "SortToggle",
   props: {
     order: {
@@ -7884,26 +7902,26 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       if (r.value)
         return I.target === a.value || k();
       if (v(I.target.closest("[data-bs-table-col-resize-id]")), !s.value.el) return;
-      const E = I.clientX <= s.value.rect.left + Zt, N = I.clientX >= s.value.rect.right - Zt;
-      if (!(E && I.target.dataset.bsTableColResize === "right") && (E || N)) {
-        if (i = E ? s.value.rect.left : s.value.rect.right, E && v(p()), !s.value.el) return;
+      const P = I.clientX <= s.value.rect.left + Zt, N = I.clientX >= s.value.rect.right - Zt;
+      if (!(P && I.target.dataset.bsTableColResize === "right") && (P || N)) {
+        if (i = P ? s.value.rect.left : s.value.rect.right, P && v(p()), !s.value.el) return;
         O();
       }
     }
     function p() {
       const I = s.value.el.previousElementSibling;
       if (!I) return;
-      const E = I.classList.contains("bs-table-cols-frozen-left") ? s.value.el.previousElementSibling.lastElementChild : s.value.el.previousElementSibling;
-      return E.dataset.bsTableColResizeId ? E : null;
+      const P = I.classList.contains("bs-table-cols-frozen-left") ? s.value.el.previousElementSibling.lastElementChild : s.value.el.previousElementSibling;
+      return P.dataset.bsTableColResizeId ? P : null;
     }
     function v(I) {
       s.value = I ? { el: I, rect: I.getBoundingClientRect(), minWidth: $(I) } : { el: null, rect: null };
     }
     function $(I) {
       var N;
-      const E = (N = I.dataset.bsTableColResizeMin) == null ? void 0 : N.replace("px", "");
-      if (E)
-        return parseInt(E, 10);
+      const P = (N = I.dataset.bsTableColResizeMin) == null ? void 0 : N.replace("px", "");
+      if (P)
+        return parseInt(P, 10);
     }
     function O() {
       M(), a.value.style.setProperty("--bs-table-col-resizer-y", `${s.value.rect.top}px`), a.value.style.setProperty("--bs-table-col-resizer-handle-height", `${s.value.rect.height}px`), r.value = !0;
@@ -7913,8 +7931,8 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
     }
     function y(I) {
       I.target.setPointerCapture(I.pointerId);
-      const E = a.value.closest(".bs-table-scroll-wrap");
-      a.value.style.setProperty("--bs-table-col-resizer-tail-height", `${E.offsetHeight}px`), d.value = !0, o = i, a.value.addEventListener("pointermove", S), a.value.addEventListener("pointerup", P, { once: !0 });
+      const P = a.value.closest(".bs-table-scroll-wrap");
+      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(() => {
@@ -7927,7 +7945,7 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
     function M() {
       a.value.style.setProperty("--bs-table-col-resizer-x", `${i}px`);
     }
-    function P() {
+    function E() {
       a.value.removeEventListener("pointermove", S), setTimeout(() => d.value = !1);
       const I = i - o;
       I !== 0 && B(Math.round(s.value.rect.width + I));
@@ -7942,10 +7960,10 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
     function g() {
       B(), k();
     }
-    return (I, E) => fe((l(), h("div", {
+    return (I, P) => fe((l(), h("div", {
       ref: "resizer",
       class: ve(["bs-table-col-resizer", d.value && "bs-table-col-resizer-active"]),
-      onDragstart: E[0] || (E[0] = Ce(() => {
+      onDragstart: P[0] || (P[0] = Ce(() => {
       }, ["prevent"])),
       onPointerdown: Ce(y, ["prevent", "stop"]),
       onDblclick: Ce(g, ["prevent", "stop"])
@@ -8039,30 +8057,30 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       center: [],
       right: []
     }), o = C({}), i = m(() => Object.values(a.value).flat().map((T) => {
-      const L = E(T);
-      return o.value[L] ?? ie(T);
-    }).join(" ")), u = m(() => `--bs-table-cell-padding: ${["xs", "sm", "md", "lg", "xl", "none"].includes(e.cellPadding) ? `var(--bs-table-cell-padding-${e.cellPadding})` : e.cellPadding}`), s = m(() => typeof e.rowHover != "string" || e.rowHover === "true" ? "" : `--bs-table-row-hover: ${e.rowHover}`), r = m(() => Object.values(a.value).flat().some(E));
+      const V = P(T);
+      return o.value[V] ?? ie(T);
+    }).join(" ")), u = m(() => `--bs-table-cell-padding: ${["xs", "sm", "md", "lg", "xl", "none"].includes(e.cellPadding) ? `var(--bs-table-cell-padding-${e.cellPadding})` : e.cellPadding}`), s = m(() => typeof e.rowHover != "string" || e.rowHover === "true" ? "" : `--bs-table-row-hover: ${e.rowHover}`), r = m(() => Object.values(a.value).flat().some(P));
     function d(T = []) {
-      const L = [
+      const V = [
         "bs-table-wrap",
         `bs-table-border-${e.borders}`,
         e.striped && "bs-table-striped",
         e.rowHover && "bs-table-row-hover"
       ];
       return se("div", {
-        class: L,
+        class: V,
         style: [u.value, s.value]
       }, T);
     }
     function c(T = []) {
-      const L = [
+      const V = [
         `--bs-table-col-widths: ${i.value}`,
         `--bs-table-frozen-left-count: ${a.value.left.length}`,
         `--bs-table-frozen-right-count: ${a.value.right.length}`
       ];
       return se("div", {
         class: "bs-table",
-        style: L,
+        style: V,
         role: e.role,
         ariaLabel: e.ariaLabel,
         ariaDescribedby: e.ariaDescribedby
@@ -8079,7 +8097,7 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
     }
     function $() {
       return v(
-        P(
+        E(
           Ie(g)
         )
       );
@@ -8094,15 +8112,15 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       return se(pt, { kind: "body" }, () => T);
     }
     function y() {
-      const T = e.rows.map((L, F) => P(
-        Ie(he, { row: L, rowIndex: F })
+      const T = e.rows.map((V, F) => E(
+        Ie(he, { row: V, rowIndex: F })
       ));
       return k(T);
     }
     function S() {
-      const T = e.rows.map((L, F) => {
-        const Q = n.body({ row: L, rowIndex: F });
-        return B(Q, he, { row: L, rowIndex: F });
+      const T = e.rows.map((V, F) => {
+        const Q = n.body({ row: V, rowIndex: F });
+        return B(Q, he, { row: V, rowIndex: F });
       });
       return k(T);
     }
@@ -8118,46 +8136,46 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
         B(T, g)
       );
     }
-    function P(T = []) {
+    function E(T = []) {
       return se(bt, null, () => T);
     }
-    function B(T = [], L, F = {}) {
+    function B(T = [], V, F = {}) {
       return Y(T, [bt]).map(
-        (A) => Oe(A) ? se(A, null, () => Ie(L, F)) : se(A)
+        (A) => Oe(A) ? se(A, null, () => Ie(V, F)) : se(A)
       );
     }
     function g(T = {}) {
       var A;
-      const L = (A = T.slots) == null ? void 0 : A.default({}).find((j) => j.type === Gt), F = te(T), Q = {
+      const V = (A = T.slots) == null ? void 0 : A.default({}).find((j) => j.type === Gt), F = te(T), Q = {
         class: e.truncate && $e(T),
         "data-bs-table-col-id": T.props.id,
         // TODO: only added here for col resize reasons, could be on all cells
         ...I(T),
         ...F && F === e.sortKey && { "aria-sort": `${e.sortOrder}ending` }
       };
-      if (F && (L != null && L.children)) {
-        const j = L.children.default().map((X) => X.type === Xt ? Yn(X, { ...N(T) }) : se(X));
-        return se(L, Q, () => j);
+      if (F && (V != null && V.children)) {
+        const j = V.children.default().map((X) => X.type === Xt ? Yn(X, { ...N(T) }) : se(X));
+        return se(V, Q, () => j);
       }
-      return L ? se(L, Q) : se(Gt, Q, () => {
+      return V ? se(V, Q) : se(Gt, Q, () => {
         var j;
         return G(T) || ((j = T.props) == null ? void 0 : j.name);
       });
     }
     function I(T) {
-      const L = E(T);
-      if (!L) return {};
+      const V = P(T);
+      if (!V) return {};
       const F = T.props["resize-min"] || T.props.resizeMin, Q = T.props["resize-max"] || T.props.resizeMax;
       return {
-        "data-bs-table-col-resize-id": L,
+        "data-bs-table-col-resize-id": V,
         "data-bs-table-col-resize": ["right", "left"].includes(T.props.resize) ? T.props.resize : void 0,
         "data-bs-table-col-resize-min": F === void 0 ? e.resizeColsMin : F,
         "data-bs-table-col-resize-max": Q === void 0 ? e.resizeColsMax : Q
       };
     }
-    function E(T) {
-      const L = T.props["resize-id"] || T.props.resizeId;
-      if (L) return L;
+    function P(T) {
+      const V = T.props["resize-id"] || T.props.resizeId;
+      if (V) return V;
       const F = T.props["resize-key"] || T.props.resizeKey;
       if (F)
         throw new Error(`[BsTable] BsTableCol does not have a "resize-key" prop. Instead, use: resize-id="${F}".`);
@@ -8167,10 +8185,10 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       }
     }
     function N(T = {}) {
-      const L = te(T);
+      const V = te(T);
       return {
-        order: e.sortKey === L ? e.sortOrder : null,
-        onToggle: (F) => t("sort", { sortKey: L, sortOrder: F })
+        order: e.sortKey === V ? e.sortOrder : null,
+        onToggle: (F) => t("sort", { sortKey: V, sortOrder: F })
       };
     }
     function G(T = {}) {
@@ -8181,41 +8199,41 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
         });
     }
     function te(T) {
-      const L = T.props["sort-key"] || T.props.sortKey;
-      if (L) return L;
+      const V = T.props["sort-key"] || T.props.sortKey;
+      if (V) return V;
       if (K(T, "sort")) {
         if (!T.props.id) throw new Error(`[BsTable] BsTableCol "sort" prop is missing key identifier. Must use either approach...single prop: 'sort-key="mySortKey"', or both props: 'sort id="myTableColId"'`);
         return T.props.id;
       }
     }
-    function he(T = {}, L = {}) {
+    function he(T = {}, V = {}) {
       var A;
-      const F = (A = T.slots) == null ? void 0 : A.default(L).find((j) => j.type === Yt), Q = { class: e.truncate && $e(T) };
-      return F ? se(F, Q) : se(Yt, Q, () => U(L.row, T));
+      const F = (A = T.slots) == null ? void 0 : A.default(V).find((j) => j.type === Yt), Q = { class: e.truncate && $e(T) };
+      return F ? se(F, Q) : se(Yt, Q, () => U(V.row, T));
     }
     function $e(T) {
-      const L = T.props.truncate === void 0 ? e.truncate : T.props.truncate === "" || T.props.truncate;
-      return T.props.truncate !== "false" && L && "bs-table-truncate";
+      const V = T.props.truncate === void 0 ? e.truncate : T.props.truncate === "" || T.props.truncate;
+      return T.props.truncate !== "false" && V && "bs-table-truncate";
     }
-    function ge(T, L, F) {
+    function ge(T, V, F) {
       if (!a.value[T].length) return;
-      const Q = a.value[T].map((A) => L(A, F));
+      const Q = a.value[T].map((A) => V(A, F));
       return se("div", { class: `bs-table-cols-frozen-${T}` }, Q);
     }
-    function Ie(T, L = {}) {
+    function Ie(T, V = {}) {
       return [
-        ge("left", T, L),
-        a.value.center.map((F) => T(F, L)),
-        ge("right", T, L)
+        ge("left", T, V),
+        a.value.center.map((F) => T(F, V)),
+        ge("right", T, V)
       ];
     }
     function we() {
-      return se(Is, { onResize: Ee });
+      return se(Is, { onResize: Pe });
     }
-    function Ee({ el: T, id: L, width: F }) {
+    function Pe({ el: T, id: V, width: F }) {
       const Q = Object.values(a.value).flat().reduce((j, X) => {
-        const ne = E(X) || X.props.id;
-        return ne === L || o.value[ne] || ie(X).endsWith("px") || j.push({ id: ne, width: null }), j;
+        const ne = P(X) || X.props.id;
+        return ne === V || o.value[ne] || ie(X).endsWith("px") || j.push({ id: ne, width: null }), j;
       }, []);
       if (Q.length) {
         const j = T.closest(".bs-table-row");
@@ -8224,63 +8242,63 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
           ne && (X.width = `${ne.offsetWidth}px`);
         });
       }
-      const A = [{ id: L, width: F ? `${F}px` : void 0 }, ...Q];
+      const A = [{ id: V, width: F ? `${F}px` : void 0 }, ...Q];
       A.forEach((j) => o.value[j.id] = j.width), t("resize-col", { target: A[0], updated: [...A] });
     }
     function Oe(T) {
       return T.type === bt && !T.children;
     }
-    function U(T, L) {
-      return (L.props["row-key"] || L.props.rowKey || L.props.id || "").split(".").reduce((A, j) => A && A[j], T);
+    function U(T, V) {
+      return (V.props["row-key"] || V.props.rowKey || V.props.id || "").split(".").reduce((A, j) => A && A[j], T);
     }
-    function K(T, L) {
-      const F = T.props[L];
+    function K(T, V) {
+      const F = T.props[V];
       return F === "" || F && F !== "false";
     }
     function ie(T) {
-      var L;
-      return ((L = T.props) == null ? void 0 : L.width) ?? e.colWidth;
+      var V;
+      return ((V = T.props) == null ? void 0 : V.width) ?? e.colWidth;
     }
-    function Y(T, L = []) {
-      return T.reduce((F, Q) => L.includes(Q.type) ? [...F, Q] : Array.isArray(Q.children) ? [...F, ...Y(Q.children, L)] : F, []);
+    function Y(T, V = []) {
+      return T.reduce((F, Q) => V.includes(Q.type) ? [...F, Q] : Array.isArray(Q.children) ? [...F, ...Y(Q.children, V)] : F, []);
     }
     function oe(T) {
       var F;
-      const L = ((F = T.props) == null ? void 0 : F.place) || T.type.props.place.default;
-      return T.type.props.place.validator(L) || console.warn(`[BsTable warn] Invalid prop: BsFrozenCols prop "place" must be set to "left" or "right". Yours: "${L}".`), {
-        place: L,
+      const V = ((F = T.props) == null ? void 0 : F.place) || T.type.props.place.default;
+      return T.type.props.place.validator(V) || console.warn(`[BsTable warn] Invalid prop: BsFrozenCols prop "place" must be set to "left" or "right". Yours: "${V}".`), {
+        place: V,
         frozenCols: Y(T.children.default(), [ct])
       };
     }
     function le(T = []) {
-      const L = (F) => ({
+      const V = (F) => ({
         props: F.props || { name: "" },
         slots: F.children
       });
       return T.reduce((F, Q) => {
         if (Q.type === ft) {
           const { place: A, frozenCols: j } = oe(Q);
-          return F[A] = F[A].concat(j.map(L)), F;
+          return F[A] = F[A].concat(j.map(V)), F;
         }
-        return F.center.push(L(Q)), F;
+        return F.center.push(V(Q)), F;
       }, { left: [], center: [], right: [] });
     }
-    function Pe(T) {
-      return T.reduce((L, F) => {
+    function Ee(T) {
+      return T.reduce((V, F) => {
         if (F.type === gs)
-          return L.header = F, L;
+          return V.header = F, V;
         if (F.type === $s)
-          return L.footer = F, L;
+          return V.footer = F, V;
         if ([ft, ct].includes(F.type))
-          return L.columns.push(F), L;
+          return V.columns.push(F), V;
         const Q = Y([F], [ft, ct]);
-        return Q != null && Q.length ? L.columns = [...L.columns, ...Q] : L.other.push(F), L;
+        return Q != null && Q.length ? V.columns = [...V.columns, ...Q] : V.other.push(F), V;
       }, { columns: [], header: null, footer: null, other: [] });
     }
     return () => {
-      const { columns: T, header: L, footer: F, other: Q } = Pe(n.default());
+      const { columns: T, header: V, footer: F, other: Q } = Ee(n.default());
       return a.value = le(T), d([
-        L,
+        V,
         p([
           c([
             n.header ? O() : $(),
@@ -8388,7 +8406,7 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       }, {
         default: q(() => [
           z(p.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -8441,7 +8459,7 @@ function Ds(e = "") {
     minutes: a
   };
 }
-function Le(e = "") {
+function Ve(e = "") {
   const n = /[^0-9:]/g;
   if (e = e.replaceAll(n, ""), !e) return "";
   const [t, a] = e.split(":"), o = Ne(t), i = Ne(a), u = o < 12 ? "AM" : "PM";
@@ -8516,20 +8534,20 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: n, emit: t }) {
-    const a = e, o = t, i = C(Le(a.modelValue)), u = C([]), s = C(""), r = C(!1);
+    const a = e, o = t, i = C(Ve(a.modelValue)), u = C([]), s = C(""), r = C(!1);
     function d() {
       const S = [];
       let b = !1;
       for (let M = 0; M < 24 && !b; M++)
-        for (let P = 0; P < 60; P += a.step) {
-          const B = v(M, P), g = p(B);
+        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;
               break;
             }
             S.push({
-              label: Le(B),
+              label: Ve(B),
               value: B
             });
           }
@@ -8555,7 +8573,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
     }
     function $(S) {
       const b = Os(S);
-      b === a.modelValue && (i.value = Le(a.modelValue)), k(b);
+      b === a.modelValue && (i.value = Ve(a.modelValue)), k(b);
     }
     function O() {
       u.value = d();
@@ -8566,13 +8584,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 ${Le(a.maxTime)}`, r.value = !0;
+          s.value = `Time must be before ${Ve(a.maxTime)}`, r.value = !0;
           break;
         case mt:
-          s.value = `Time must be after ${Le(a.minTime)}`, r.value = !0;
+          s.value = `Time must be after ${Ve(a.minTime)}`, r.value = !0;
           break;
         case ht:
-          s.value = `The following times are disabled: ${a.disabledTimes.map((M) => Le(M)).join(", ")}`, r.value = !0;
+          s.value = `The following times are disabled: ${a.disabledTimes.map((M) => Ve(M)).join(", ")}`, r.value = !0;
           break;
         default:
           s.value = "", r.value = !1;
@@ -8589,7 +8607,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       () => a.minTime,
       () => a.modelValue
     ], () => y(a.modelValue)), Z(() => a.modelValue, (S) => {
-      i.value = a.modelValue ? Le(S) : "";
+      i.value = a.modelValue ? Ve(S) : "";
     }), n({
       validationErr: r,
       validationErrMsg: s
@@ -8702,7 +8720,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       }, {
         default: q(() => [
           z(k.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -8737,7 +8755,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       ])
     ], 16));
   }
-}), As = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], zs = ["data-status"], Es = { class: "visually-hidden" }, ad = {
+}), As = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], zs = ["data-status"], Ps = { class: "visually-hidden" }, ad = {
   __name: "BsTimeline",
   props: {
     /** @type {Status} */
@@ -8774,7 +8792,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       ongoing: na,
       paused: ta,
       warning: $t
-    }, { progressStep: a, progressText: o, getStatus: i } = Ln(n);
+    }, { progressStep: a, progressText: o, getStatus: i } = Vn(n);
     function u(s, r) {
       return s = i(s, r), t[s] || jt;
     }
@@ -8797,13 +8815,13 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
           role: "presentation"
         })),
         w("p", null, [
-          _(V(d.label || d) + " ", 1),
-          w("span", Es, " : " + V(f(i)(d.status, c) || "not started"), 1)
+          _(L(d.label || d) + " ", 1),
+          w("span", Ps, " : " + L(f(i)(d.status, c) || "not started"), 1)
         ])
       ], 8, zs))), 128))
     ], 8, As));
   }
-}, Ps = ["data-variant", "data-shown", "data-stacked"], od = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Es = ["data-variant", "data-shown", "data-stacked"], od = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsToast",
   props: {
     shown: {
@@ -8875,12 +8893,12 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
           role: "alert"
         }, d.$attrs), [
           z(d.$slots, "default")
-        ], 16, Ps)
+        ], 16, Es)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}), Ls = ["data-stacked"], id = {
+}), Vs = ["data-stacked"], id = {
   __name: "BsToastActions",
   setup(e) {
     const n = ue("handleDismiss", () => {
@@ -8906,9 +8924,9 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, Ls));
+    ], 8, Vs));
   }
-}, Vs = {}, Ms = {
+}, Ls = {}, Ms = {
   class: "bs-toast-body",
   "data-component": "bs-toast-body"
 };
@@ -8917,7 +8935,7 @@ function Ns(e, n) {
     z(e.$slots, "default")
   ]);
 }
-const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd = {
+const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd = {
   __name: "BsToastHeader",
   setup(e) {
     const n = ue("variant", void 0), t = m(() => {
@@ -9009,12 +9027,12 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
         role: "tooltip"
       }, [
         z(s.$slots, "content", {}, () => [
-          _(V(e.content), 1)
+          _(L(e.content), 1)
         ])
       ], 10, Fs)
     ], 40, js));
   }
-}, Us = { class: "bs-vertical-nav-wrapper" }, Ws = ["aria-expanded", "title", "data-collapsed", "data-narrow"], Ks = ["data-narrow", "data-collapsed", "data-collapsible"], Hs = {
+}, Us = ["data-bg-variant"], Ws = ["aria-expanded", "title", "data-collapsed", "data-narrow"], Ks = ["data-narrow", "data-collapsed", "data-collapsible", "data-sticky"], Hs = {
   key: 0,
   class: "bs-vertical-nav-top-content"
 }, Gs = ["data-collapsed", "data-divider-only", "data-app-links"], Ys = ["aria-expanded", "aria-controls", "title", "onClick"], Xs = { key: 0 }, Zs = ["id"], Qs = { key: 1 }, Js = {
@@ -9031,7 +9049,7 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
       initializeSections: u,
       isExpanded: s,
       rawNavData: r
-    } = Lt(t);
+    } = Vt(t);
     Fe("(max-width: 1165px)", (b) => {
       p.value = b.matches;
     });
@@ -9046,17 +9064,17 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
       v.value = b;
     }), Z(
       [() => v.value, $, () => t.width, O, p],
-      ([b, M, P, B, g]) => {
+      ([b, M, E, B, g]) => {
         let I = "0px";
-        B && !g && b ? I = "4rem" : P ? I = P : M ? I = "4.5rem" : I = "9.875rem", document.body.style.setProperty("--bs-page-nav-width", I);
+        B && !g && b ? I = "4rem" : 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"), setTimeout(() => {
+      b ? (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"), setTimeout(() => {
+      }, 0)) : (document.body.style.overflow = "", d.value.style.removeProperty("opacity"), d.value.style.setProperty("pointer-events", "none"), setTimeout(() => {
         d.value.style.removeProperty("visibility");
       }, 200));
     });
@@ -9066,7 +9084,10 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
     function S() {
       v.value = !v.value, a("update:collapsed", v.value);
     }
-    return (b, M) => (l(), h("div", Us, [
+    return (b, M) => (l(), h("div", {
+      class: "bs-vertical-nav-wrapper",
+      "data-bg-variant": t.bgVariant || void 0
+    }, [
       O.value && !p.value ? (l(), h("button", {
         key: 0,
         ref_key: "toggleButton",
@@ -9094,40 +9115,41 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
         "data-narrow": $.value,
         "data-collapsed": k.value,
         "data-collapsible": O.value,
+        "data-sticky": t.sticky || void 0,
         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")
           ])) : x("", !0),
-          (l(!0), h(J, null, de(f(r), (P) => {
+          (l(!0), h(J, null, de(f(r), (E) => {
             var B;
             return l(), h(J, {
-              key: P.id
+              key: E.id
             }, [
-              ((B = P.navItems) == null ? void 0 : B.length) > 0 ? (l(), h("li", {
+              ((B = E.navItems) == null ? void 0 : B.length) > 0 ? (l(), h("li", {
                 key: 0,
                 class: "bs-vertical-nav-section",
-                "data-collapsed": !P.dividerOnly && !f(s)(P),
-                "data-divider-only": P.dividerOnly,
-                "data-app-links": P.appLinks
+                "data-collapsed": !E.dividerOnly && !f(s)(E),
+                "data-divider-only": E.dividerOnly,
+                "data-app-links": E.appLinks
               }, [
-                !P.dividerOnly && !$.value && !k.value ? (l(), h("button", {
+                !E.dividerOnly && !$.value && !k.value ? (l(), h("button", {
                   key: 0,
                   class: "bs-vertical-nav-section-toggle",
-                  "aria-expanded": f(s)(P),
-                  "aria-controls": `${P.id}-nested-section`,
-                  title: f(i)(P),
+                  "aria-expanded": f(s)(E),
+                  "aria-controls": `${E.id}-nested-section`,
+                  title: f(i)(E),
                   type: "button",
-                  onClick: (g) => y(P.id)
+                  onClick: (g) => y(E.id)
                 }, [
-                  k.value ? x("", !0) : (l(), h("span", Xs, V(P.text), 1)),
+                  k.value ? x("", !0) : (l(), h("span", Xs, L(E.text), 1)),
                   R(f(ra), { class: "bs-vertical-nav-section-toggle-caret" })
                 ], 8, Ys)) : x("", !0),
                 fe(w("ul", {
-                  id: `${P.id}-nested-section`
+                  id: `${E.id}-nested-section`
                 }, [
-                  (l(!0), h(J, null, de(P.navItems, (g) => (l(), h("li", {
+                  (l(!0), h(J, null, de(E.navItems, (g) => (l(), h("li", {
                     key: g.id
                   }, [
                     R(Me, {
@@ -9145,31 +9167,31 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
                           key: 1,
                           class: "bs-vertical-nav-link-icon"
                         })),
-                        w("span", null, V(g.text), 1)
+                        w("span", null, L(g.text), 1)
                       ]),
                       _: 2
                     }, 1032, ["item", "router", "onNavLinkClicked", "aria-label"])
                   ]))), 128))
                 ], 8, Zs), [
-                  [be, P.dividerOnly || f(s)(P) || k.value]
+                  [be, E.dividerOnly || f(s)(E) || k.value]
                 ])
               ], 8, Gs)) : (l(), h("li", Qs, [
                 R(Me, {
-                  item: P,
+                  item: E,
                   router: b.router,
-                  onNavLinkClicked: (g) => a("nav-link-clicked", { ev: g, payload: P }),
-                  "aria-label": P.text
+                  onNavLinkClicked: (g) => a("nav-link-clicked", { ev: g, payload: E }),
+                  "aria-label": E.text
                 }, {
                   default: q(() => [
-                    typeof P.icon == "string" ? (l(), D(f(ce), {
+                    typeof E.icon == "string" ? (l(), D(f(ce), {
                       key: 0,
                       class: "bs-vertical-nav-link-icon",
-                      name: P.icon
-                    }, null, 8, ["name"])) : (l(), D(ae(P.icon), {
+                      name: E.icon
+                    }, null, 8, ["name"])) : (l(), D(ae(E.icon), {
                       key: 1,
                       class: "bs-vertical-nav-link-icon"
                     })),
-                    w("span", null, V(P.text), 1)
+                    w("span", null, L(E.text), 1)
                   ]),
                   _: 2
                 }, 1032, ["item", "router", "onNavLinkClicked", "aria-label"])
@@ -9181,7 +9203,7 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
           z(b.$slots, "end-items")
         ])) : x("", !0)
       ], 12, Ks)
-    ]));
+    ], 8, Us));
   }
 };
 export {
@@ -9207,11 +9229,11 @@ export {
   zn as BsDropdownCombobox,
   xr as BsDropdownComboboxField,
   xn as BsDropdownMultiselect,
-  Pt as BsDropdownOption,
+  Et as BsDropdownOption,
   _e as BsDropdownOptionBuilder,
   br as BsDropdownOptionBuilderDefinitions,
   st as BsDropdownOptionList,
-  En as BsDropdownWithOptions,
+  Pn as BsDropdownWithOptions,
   An as BsDropdownWithToggle,
   Ar as BsEmptyState,
   hr as BsEmptyStateDefinitions,
@@ -9219,12 +9241,12 @@ export {
   ei as BsFilterButton,
   zr as BsFlyout,
   Ii as BsFocusGuard,
-  Er as BsFormContainer,
+  Pr as BsFormContainer,
   vr as BsFormContainerDefinitions,
-  Pr as BsHorizontalNavigation,
+  Er as BsHorizontalNavigation,
   mr as BsHorizontalNavigationDefinitions,
-  Lr as BsIconGradientWrapper,
-  Vr as BsInlineTab,
+  Vr as BsIconGradientWrapper,
+  Lr as BsInlineTab,
   yr as BsInlineTabDefinitions,
   Mr as BsInlineTabGroup,
   gr as BsInlineTabGroupDefinitions,