@blueprint-chart/ui 2.2.1 → 2.2.3

package/dist/index.js

@@ -2,7 +2,7 @@ var er = Object.defineProperty;
 var tr = (e, t, n) => t in e ? er(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Ge = (e, t, n) => tr(e, typeof t != "symbol" ? t + "" : t, n);
 import * as Fa from "vue";
-import { ref as ue, provide as nn, inject as Ve, getCurrentInstance as Ln, onMounted as An, watch as Me, onBeforeUnmount as fo, computed as w, shallowRef as Te, watchEffect as nr, toValue as fe, effectScope as or, getCurrentScope as ar, onScopeDispose as lr, isRef as Tn, unref as f, readonly as Ae, toRef as mt, defineComponent as S, useAttrs as on, openBlock as v, createBlock as R, resolveDynamicComponent as Be, mergeProps as _e, withCtx as F, renderSlot as M, useSlots as xt, normalizeClass as O, createElementBlock as _, createTextVNode as re, toDisplayString as L, createCommentVNode as D, useTemplateRef as ke, useModel as ae, Fragment as le, createVNode as Y, mergeModels as Q, useId as Da, nextTick as Ue, onUnmounted as Pn, h as Ra, Teleport as rr, createElementVNode as p, normalizeProps as at, guardReactiveProps as lt, Transition as vo, withDirectives as Lt, normalizeStyle as Ce, vShow as Va, createSlots as vt, markRaw as xe, renderList as we, vModelCheckbox as Oa, withKeys as Mt, useCssVars as Ea, withModifiers as rt, onActivated as ir, reactive as sr, vModelText as no, resolveComponent as po } from "vue";
+import { ref as ue, provide as nn, inject as Ve, getCurrentInstance as Ln, onMounted as An, watch as Me, onBeforeUnmount as fo, computed as g, shallowRef as Te, watchEffect as nr, toValue as fe, effectScope as or, getCurrentScope as ar, onScopeDispose as lr, isRef as Tn, unref as f, readonly as Ae, toRef as mt, defineComponent as S, useAttrs as on, openBlock as v, createBlock as R, resolveDynamicComponent as Be, mergeProps as _e, withCtx as F, renderSlot as M, useSlots as xt, normalizeClass as O, createElementBlock as y, createTextVNode as re, toDisplayString as L, createCommentVNode as D, useTemplateRef as ke, useModel as ae, Fragment as le, createVNode as Y, mergeModels as Q, useId as Da, nextTick as Ue, onUnmounted as Pn, h as Ra, Teleport as rr, createElementVNode as p, normalizeProps as at, guardReactiveProps as lt, Transition as vo, withDirectives as Lt, normalizeStyle as Ce, vShow as Va, createSlots as vt, markRaw as xe, renderList as we, vModelCheckbox as Oa, withKeys as Mt, useCssVars as Ea, withModifiers as rt, onActivated as ir, reactive as sr, vModelText as no, resolveComponent as po } from "vue";
 import { useMediaQuery as ur, onClickOutside as cr, useElementBounding as dr, useResizeObserver as fr, useEventListener as Uo } from "@vueuse/core";
 import { BPopover as vr, BTooltip as pr, BBadge as mr, BButton as Hn } from "bootstrap-vue-next";
 var hr = /* @__PURE__ */ ((e) => (e.Xxs = "2xs", e.Xs = "xs", e.Sm = "sm", e.Md = "md", e.Lg = "lg", e.Xl = "xl", e.Xxl = "2xl", e))(hr || {}), de = /* @__PURE__ */ ((e) => (e.BarVertical = "bar-vertical", e.BarHorizontal = "bar-horizontal", e.BarMulti = "bar-multi", e.ColumnStacked = "column-stacked", e.BarStacked = "bar-stacked", e.BarSplit = "bar-split", e.BarGrouped = "bar-grouped", e.Line = "line", e.LineMulti = "line-multi", e.Area = "area", e.AreaStacked = "area-stacked", e.Donut = "donut", e.Pie = "pie", e))(de || {});
@@ -84,13 +84,13 @@ var xr = (e, t) => {
 function $r(e = {}, t) {
   const n = Ve(zn, ue({})), o = Za("useDefaults");
   if (t = t ?? o.type.name ?? o.type.__name, !t) throw new Error("[Bvn] Could not determine component name");
-  const a = w(() => {
+  const a = g(() => {
     var s;
     return (s = n.value) == null ? void 0 : s[e._as ?? t];
   }), l = new Proxy(e, { get(s, i) {
-    var c, m, y, x;
+    var c, m, w, x;
     const d = Reflect.get(s, i);
-    return i === "class" || i === "style" ? [(c = a.value) == null ? void 0 : c[i], d].filter((k) => k != null) : typeof i == "string" && !xr(o.vnode, i) ? ((m = a.value) == null ? void 0 : m[i]) ?? ((x = (y = n.value) == null ? void 0 : y.global) == null ? void 0 : x[i]) ?? d : d;
+    return i === "class" || i === "style" ? [(c = a.value) == null ? void 0 : c[i], d].filter((k) => k != null) : typeof i == "string" && !xr(o.vnode, i) ? ((m = a.value) == null ? void 0 : m[i]) ?? ((x = (w = n.value) == null ? void 0 : w.global) == null ? void 0 : x[i]) ?? d : d;
   } }), r = Te();
   nr(() => {
     if (a.value) {
@@ -100,7 +100,7 @@ function $r(e = {}, t) {
   });
   function u() {
     const s = wr(zn, o);
-    nn(zn, w(() => r.value ? Qa((s == null ? void 0 : s.value) ?? {}, r.value) : s == null ? void 0 : s.value));
+    nn(zn, g(() => r.value ? Qa((s == null ? void 0 : s.value) ?? {}, r.value) : s == null ? void 0 : s.value));
   }
   return {
     props: l,
@@ -141,12 +141,12 @@ function Tr(...e) {
     n && (clearTimeout(n), n = void 0, a(), a = wt);
   };
   return (m) => {
-    const y = fe(r), x = Date.now() - t, k = () => l = m();
-    return d(), y <= 0 ? (t = Date.now(), k()) : (x > y ? (t = Date.now(), (s || !o) && k()) : u && (l = new Promise((b, h) => {
+    const w = fe(r), x = Date.now() - t, k = () => l = m();
+    return d(), w <= 0 ? (t = Date.now(), k()) : (x > w ? (t = Date.now(), (s || !o) && k()) : u && (l = new Promise((b, h) => {
       a = i ? h : b, n = setTimeout(() => {
         t = Date.now(), o = !0, b(k()), d();
-      }, Math.max(0, y - x));
-    })), !s && !n && (n = setTimeout(() => o = !0, y)), o = !1, l);
+      }, Math.max(0, w - x));
+    })), !s && !n && (n = setTimeout(() => o = !0, w)), o = !1, l);
   };
 }
 function Un(e) {
@@ -168,7 +168,7 @@ function Wo(e, t = 200, n = !1, o = !0, a = !1) {
 // @__NO_SIDE_EFFECTS__
 function gn(e, t = {}) {
   const { method: n = "parseFloat", radix: o, nanToZero: a } = t;
-  return w(() => {
+  return g(() => {
     let l = fe(e);
     return typeof n == "function" ? l = n(l) : typeof l == "string" && (l = Number[n](l, o)), a && Number.isNaN(l) && (l = 0), l;
   });
@@ -186,7 +186,7 @@ function Et(e) {
   return (t = n == null ? void 0 : n.$el) !== null && t !== void 0 ? t : n;
 }
 function Ke(...e) {
-  const t = (o, a, l, r) => (o.addEventListener(a, l, r), () => o.removeEventListener(a, l, r)), n = w(() => {
+  const t = (o, a, l, r) => (o.addEventListener(a, l, r), () => o.removeEventListener(a, l, r)), n = g(() => {
     const o = Un(fe(e[0])).filter((a) => a != null);
     return o.every((a) => typeof a != "string") ? o : void 0;
   });
@@ -200,7 +200,7 @@ function Ke(...e) {
     ];
   }, ([o, a, l, r], u, s) => {
     if (!(o != null && o.length) || !(a != null && a.length) || !(l != null && l.length)) return;
-    const i = Sr(r) ? { ...r } : r, d = o.flatMap((c) => a.flatMap((m) => l.map((y) => t(c, m, y, i))));
+    const i = Sr(r) ? { ...r } : r, d = o.flatMap((c) => a.flatMap((m) => l.map((w) => t(c, m, w, i))));
     s(() => {
       d.forEach((c) => c());
     });
@@ -221,10 +221,10 @@ function Ja(e, t, n = {}) {
   }
   let s = !0;
   const i = (b) => fe(a).some((h) => {
-    if (typeof h == "string") return Array.from(o.document.querySelectorAll(h)).some(($) => $ === b.target || b.composedPath().includes($));
+    if (typeof h == "string") return Array.from(o.document.querySelectorAll(h)).some((C) => C === b.target || b.composedPath().includes(C));
     {
-      const $ = Et(h);
-      return $ && (b.target === $ || b.composedPath().includes($));
+      const C = Et(h);
+      return C && (b.target === C || b.composedPath().includes(C));
     }
   });
   function d(b) {
@@ -232,8 +232,8 @@ function Ja(e, t, n = {}) {
     return h && h.$.subTree.shapeFlag === 16;
   }
   function c(b, h) {
-    const $ = fe(b), g = $.$.subTree && $.$.subTree.children;
-    return g == null || !Array.isArray(g) ? !1 : g.some((C) => C.el === h.target || h.composedPath().includes(C.el));
+    const C = fe(b), _ = C.$.subTree && C.$.subTree.children;
+    return _ == null || !Array.isArray(_) ? !1 : _.some(($) => $.el === h.target || h.composedPath().includes($.el));
   }
   const m = (b) => {
     const h = Et(e);
@@ -245,11 +245,11 @@ function Ja(e, t, n = {}) {
       t(b);
     }
   };
-  let y = !1;
+  let w = !1;
   const x = [
     Ke(o, "click", (b) => {
-      y || (y = !0, setTimeout(() => {
-        y = !1;
+      w || (w = !0, setTimeout(() => {
+        w = !1;
       }, 0), m(b));
     }, {
       passive: !0,
@@ -262,8 +262,8 @@ function Ja(e, t, n = {}) {
     r && Ke(o, "blur", (b) => {
       setTimeout(() => {
         var h;
-        const $ = Et(e);
-        ((h = o.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !($ != null && $.contains(o.document.activeElement)) && t(b);
+        const C = Et(e);
+        ((h = o.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !(C != null && C.contains(o.document.activeElement)) && t(b);
       }, 0);
     }, { passive: !0 })
   ].filter(Boolean), k = () => x.forEach((b) => b());
@@ -289,12 +289,12 @@ function Bt(...e) {
   }, r);
 }
 function el(e, t = {}) {
-  const { initialValue: n = !1, focusVisible: o = !1, preventScroll: a = !1 } = t, l = Te(!1), r = w(() => Et(e)), u = { passive: !0 };
+  const { initialValue: n = !1, focusVisible: o = !1, preventScroll: a = !1 } = t, l = Te(!1), r = g(() => Et(e)), u = { passive: !0 };
   Ke(r, "focus", (i) => {
     var d, c;
     (!o || !((d = (c = i.target).matches) === null || d === void 0) && d.call(c, ":focus-visible")) && (l.value = !0);
   }, u), Ke(r, "blur", () => l.value = !1, u);
-  const s = w({
+  const s = g({
     get: () => l.value,
     set(i) {
       var d, c;
@@ -320,28 +320,28 @@ function Rr(e = {}) {
     y: 0
   }, window: l = In, target: r = l, scroll: u = !0, eventFilter: s } = e;
   let i = null, d = 0, c = 0;
-  const m = Te(a.x), y = Te(a.y), x = Te(null), k = typeof t == "function" ? t : Dr[t], b = (B) => {
+  const m = Te(a.x), w = Te(a.y), x = Te(null), k = typeof t == "function" ? t : Dr[t], b = (B) => {
     const I = k(B);
-    i = B, I && ([m.value, y.value] = I, x.value = "mouse"), l && (d = l.scrollX, c = l.scrollY);
+    i = B, I && ([m.value, w.value] = I, x.value = "mouse"), l && (d = l.scrollX, c = l.scrollY);
   }, h = (B) => {
     if (B.touches.length > 0) {
       const I = k(B.touches[0]);
-      I && ([m.value, y.value] = I, x.value = "touch");
+      I && ([m.value, w.value] = I, x.value = "touch");
     }
-  }, $ = () => {
+  }, C = () => {
     if (!i || !l) return;
     const B = k(i);
-    i instanceof MouseEvent && B && (m.value = B[0] + l.scrollX - d, y.value = B[1] + l.scrollY - c);
-  }, g = () => {
-    m.value = a.x, y.value = a.y;
-  }, C = s ? (B) => s(() => b(B), {}) : (B) => b(B), j = s ? (B) => s(() => h(B), {}) : (B) => h(B), P = s ? () => s(() => $(), {}) : () => $();
+    i instanceof MouseEvent && B && (m.value = B[0] + l.scrollX - d, w.value = B[1] + l.scrollY - c);
+  }, _ = () => {
+    m.value = a.x, w.value = a.y;
+  }, $ = s ? (B) => s(() => b(B), {}) : (B) => b(B), W = s ? (B) => s(() => h(B), {}) : (B) => h(B), P = s ? () => s(() => C(), {}) : () => C();
   if (r) {
     const B = { passive: !0 };
-    Ke(r, ["mousemove", "dragover"], C, B), n && t !== "movement" && (Ke(r, ["touchstart", "touchmove"], j, B), o && Ke(r, "touchend", g, B)), u && t === "page" && Ke(l, "scroll", P, B);
+    Ke(r, ["mousemove", "dragover"], $, B), n && t !== "movement" && (Ke(r, ["touchstart", "touchmove"], W, B), o && Ke(r, "touchend", _, B)), u && t === "page" && Ke(l, "scroll", P, B);
   }
   return {
     x: m,
-    y,
+    y: w,
     sourceType: x
   };
 }
@@ -349,10 +349,10 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
   const t = e.trim();
   return t.charAt(0).toUpperCase() + t.slice(1);
 }, Er = (e) => e.replace(/-./g, (t) => t.charAt(1).toUpperCase()).replace(/\b\w/g, (t) => t.toUpperCase()).replace(/\s+/g, ""), Nr = (e) => !!(e.href || e.to), go = (e, t) => {
-  const n = Ae(mt(t)), o = Ae(mt(e)), a = w(() => Nr(o.value));
+  const n = Ae(mt(t)), o = Ae(mt(e)), a = g(() => Nr(o.value));
   return {
     computedLink: a,
-    computedLinkProps: w(() => a.value ? Vr(o.value, n.value ?? [
+    computedLinkProps: g(() => a.value ? Vr(o.value, n.value ?? [
       "active",
       "activeClass",
       "disabled",
@@ -382,31 +382,31 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
     ]) : {})
   };
 }, Hr = ({ to: e, disabled: t, href: n, replace: o, routerComponentName: a }) => {
-  var j, P, B, I, V, q, te, T;
-  const l = Ln(), r = (I = (B = (P = (j = l == null ? void 0 : l.appContext) == null ? void 0 : j.app) == null ? void 0 : P.config) == null ? void 0 : B.globalProperties) == null ? void 0 : I.$router, u = (T = (te = (q = (V = l == null ? void 0 : l.appContext) == null ? void 0 : V.app) == null ? void 0 : q.config) == null ? void 0 : te.globalProperties) == null ? void 0 : T.$route, s = Be("RouterLink"), i = w(() => fe(e) || ""), d = Ae(mt(o)), c = w(() => {
+  var W, P, B, I, V, j, te, T;
+  const l = Ln(), r = (I = (B = (P = (W = l == null ? void 0 : l.appContext) == null ? void 0 : W.app) == null ? void 0 : P.config) == null ? void 0 : B.globalProperties) == null ? void 0 : I.$router, u = (T = (te = (j = (V = l == null ? void 0 : l.appContext) == null ? void 0 : V.app) == null ? void 0 : j.config) == null ? void 0 : te.globalProperties) == null ? void 0 : T.$route, s = Be("RouterLink"), i = g(() => fe(e) || ""), d = Ae(mt(o)), c = g(() => {
     const E = fe(a);
     return typeof E == "string" ? Er(E) : E;
-  }), m = typeof c.value != "string" && "useLink" in c.value ? c.value.useLink : typeof s != "string" && "useLink" in s ? s.useLink : null, y = w(() => {
+  }), m = typeof c.value != "string" && "useLink" in c.value ? c.value.useLink : typeof s != "string" && "useLink" in s ? s.useLink : null, w = g(() => {
     var E, H;
     return typeof ((H = (E = l == null ? void 0 : l.appContext) == null ? void 0 : E.app) == null ? void 0 : H.$nuxt) < "u";
-  }), x = w(() => c.value === "RouterLink"), k = w(() => {
+  }), x = g(() => c.value === "RouterLink"), k = g(() => {
     var E, H;
     return fe(t) || !i.value ? "a" : typeof c.value != "string" ? c.value : x.value && typeof s != "string" ? s : ((H = (E = l == null ? void 0 : l.appContext) == null ? void 0 : E.app) == null ? void 0 : H.component(c.value)) || "a";
-  }), b = w(() => k.value !== "a" && !x.value && !y.value), h = w(() => x.value || y.value), $ = w(() => ({
+  }), b = g(() => k.value !== "a" && !x.value && !w.value), h = g(() => x.value || w.value), C = g(() => ({
     to: i.value,
     replace: d.value
-  })), g = m == null ? void 0 : m({
+  })), _ = m == null ? void 0 : m({
     to: i,
     replace: d
-  }), C = w(() => h.value && fe(e) ? g : null);
+  }), $ = g(() => h.value && fe(e) ? _ : null);
   return {
     isNonStandardTag: b,
     tag: k,
     isRouterLink: x,
-    isNuxtLink: y,
-    computedHref: w(() => {
-      var W;
-      if ((W = C.value) != null && W.href.value && i.value) return C.value.href.value;
+    isNuxtLink: w,
+    computedHref: g(() => {
+      var q;
+      if ((q = $.value) != null && q.href.value && i.value) return $.value.href.value;
       const E = "#", H = fe(n);
       if (H) return H;
       if (typeof i.value == "string") return i.value || E;
@@ -419,10 +419,10 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
     routerName: c,
     router: r,
     route: u,
-    link: C,
-    linkProps: $
+    link: $,
+    linkProps: C
   };
-}, tl = (e) => w(() => {
+}, tl = (e) => g(() => {
   const t = fe(e);
   return {
     [`link-${t.variant}`]: t.variant !== null,
@@ -498,7 +498,7 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
       to: () => n.to,
       replace: () => n.replace,
       href: () => n.href
-    }), m = Ve(qa, null), y = Ve(Ga, null), x = tl(n), k = w(() => {
+    }), m = Ve(qa, null), w = Ve(Ga, null), x = tl(n), k = g(() => {
       var P, B;
       return [
         x.value,
@@ -511,7 +511,7 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
           "stretched-link": n.stretched
         }
       ];
-    }), b = w(() => ({
+    }), b = g(() => ({
       [jo]: n.active,
       disabled: n.disabled
     })), h = (P) => {
@@ -520,24 +520,24 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
         P.preventDefault(), P.stopImmediatePropagation();
         return;
       }
-      (((B = m == null ? void 0 : m.isNav) == null ? void 0 : B.value) === !0 && y === null || y !== null && ((I = y.noAutoClose) == null ? void 0 : I.value) !== !0) && ((V = m == null ? void 0 : m.hide) == null || V.call(m)), o("click", P);
-    }, $ = w(() => n.target === "_blank" ? !n.rel && n.noRel ? "noopener" : n.rel : void 0), g = w(() => n.disabled ? "-1" : typeof a.tabindex > "u" ? null : a.tabindex), C = w(() => ({
+      (((B = m == null ? void 0 : m.isNav) == null ? void 0 : B.value) === !0 && w === null || w !== null && ((I = w.noAutoClose) == null ? void 0 : I.value) !== !0) && ((V = m == null ? void 0 : m.hide) == null || V.call(m)), o("click", P);
+    }, C = g(() => n.target === "_blank" ? !n.rel && n.noRel ? "noopener" : n.rel : void 0), _ = g(() => n.disabled ? "-1" : typeof a.tabindex > "u" ? null : a.tabindex), $ = g(() => ({
       ...n.noPrefetch ? { noPrefetch: n.noPrefetch } : { prefetch: n.prefetch },
       prefetchOn: n.prefetchOn,
       prefetchedClass: n.prefetchedClass,
       ...d.value
-    })), j = w(() => ({
+    })), W = g(() => ({
       ...i.value ? d.value : void 0,
-      ...s.value || c.value ? C.value : void 0
+      ...s.value || c.value ? $.value : void 0
     }));
     return (P, B) => (v(), R(Be(f(r)), _e({
       class: k.value,
       target: f(n).target,
       href: f(l),
-      rel: $.value,
-      tabindex: g.value,
+      rel: C.value,
+      tabindex: _.value,
       "aria-disabled": f(n).disabled ? !0 : null
-    }, j.value, { onClick: B[0] || (B[0] = (I) => {
+    }, W.value, { onClick: B[0] || (B[0] = (I) => {
       var V;
       h(I), (V = f(u)) == null || V.navigate(I);
     }) }), {
@@ -569,7 +569,7 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
   if (e.getAttribute("display") === "none") return !1;
   const t = e.getBoundingClientRect();
   return t && t.height > 0 && t.width > 0;
-}, rn = (e) => w(() => {
+}, rn = (e) => g(() => {
   let t = fe(e);
   return t = {
     variant: t.variant ?? null,
@@ -599,17 +599,17 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
     variant: { default: null }
   },
   setup(e) {
-    const t = Pe(e, "BSpinner"), n = xt(), o = rn(w(() => ({ textVariant: t.variant }))), a = w(() => [
+    const t = Pe(e, "BSpinner"), n = xt(), o = rn(g(() => ({ textVariant: t.variant }))), a = g(() => [
       `spinner-${t.type}`,
       o.value,
       { [`spinner-${t.type}-sm`]: t.small }
-    ]), l = w(() => !nl(n.label));
+    ]), l = g(() => !nl(n.label));
     return (r, u) => (v(), R(Be(f(t).tag), {
       class: O(a.value),
       role: f(t).label || l.value ? f(t).role : null,
       "aria-hidden": f(t).label || l.value ? null : !0
     }, {
-      default: F(() => [f(t).label || l.value ? (v(), _("span", Wr, [M(r.$slots, "label", {}, () => [re(L(f(t).label), 1)])])) : D("", !0)]),
+      default: F(() => [f(t).label || l.value ? (v(), y("span", Wr, [M(r.$slots, "label", {}, () => [re(L(f(t).label), 1)])])) : D("", !0)]),
       _: 3
     }, 8, [
       "class",
@@ -700,14 +700,14 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
       "prefetch",
       "prefetchOn",
       "prefetchedClass"
-    ]), s = w(() => typeof l.value == "boolean"), i = w(() => n.tag === "button" && n.href === void 0 && n.to === void 0), d = w(() => n.to !== void 0), c = w(() => n.href !== void 0 ? !1 : !i.value), m = w(() => d.value ? u.value : []), y = w(() => n.href === "#" && n.disabled ? !0 : c.value ? n.disabled : null), x = w(() => {
-      var C;
-      return ((C = n.variant) == null ? void 0 : C.startsWith("link")) || !1;
-    }), k = w(() => {
-      var C;
-      return ((C = n.variant) == null ? void 0 : C.startsWith("link-")) || !1;
-    }), b = tl(w(() => {
-      var C;
+    ]), s = g(() => typeof l.value == "boolean"), i = g(() => n.tag === "button" && n.href === void 0 && n.to === void 0), d = g(() => n.to !== void 0), c = g(() => n.href !== void 0 ? !1 : !i.value), m = g(() => d.value ? u.value : []), w = g(() => n.href === "#" && n.disabled ? !0 : c.value ? n.disabled : null), x = g(() => {
+      var $;
+      return (($ = n.variant) == null ? void 0 : $.startsWith("link")) || !1;
+    }), k = g(() => {
+      var $;
+      return (($ = n.variant) == null ? void 0 : $.startsWith("link-")) || !1;
+    }), b = tl(g(() => {
+      var $;
       return { ...x.value ? {
         icon: n.icon,
         opacity: n.opacity,
@@ -717,31 +717,31 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
         underlineOpacity: n.underlineOpacity,
         underlineOpacityHover: n.underlineOpacityHover,
         underlineVariant: n.underlineVariant,
-        variant: k.value === !0 ? (C = n.variant) == null ? void 0 : C.slice(5) : null
+        variant: k.value === !0 ? ($ = n.variant) == null ? void 0 : $.slice(5) : null
       } : void 0 };
-    })), h = w(() => [x.value === !0 && r.value === !1 ? b.value : void 0, {
+    })), h = g(() => [x.value === !0 && r.value === !1 ? b.value : void 0, {
       [`btn-${n.size}`]: n.size !== void 0,
       [`btn-${n.variant}`]: n.variant !== null && k.value === !1,
       active: n.active || l.value,
       "rounded-pill": n.pill,
       "rounded-0": n.squared,
       disabled: n.disabled
-    }]), $ = w(() => d.value ? yo : n.href ? "a" : n.tag), g = (C) => {
+    }]), C = g(() => d.value ? yo : n.href ? "a" : n.tag), _ = ($) => {
       if (n.disabled) {
-        C.preventDefault(), C.stopPropagation();
+        $.preventDefault(), $.stopPropagation();
         return;
       }
-      o("click", C), s.value && (l.value = !l.value);
+      o("click", $), s.value && (l.value = !l.value);
     };
-    return Bt([" ", "enter"], (C) => {
-      var j;
-      n.href === "#" && (C.preventDefault(), (j = a.value) == null || j.click());
-    }, { target: a }), (C, j) => (v(), R(Be($.value), _e({
+    return Bt([" ", "enter"], ($) => {
+      var W;
+      n.href === "#" && ($.preventDefault(), (W = a.value) == null || W.click());
+    }, { target: a }), ($, W) => (v(), R(Be(C.value), _e({
       ref: "_element",
       class: "btn"
     }, m.value, {
       class: h.value,
-      "aria-disabled": y.value,
+      "aria-disabled": w.value,
       "aria-pressed": s.value ? l.value : null,
       autocomplete: s.value ? "off" : null,
       disabled: i.value ? f(n).disabled : null,
@@ -751,12 +751,12 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
       target: f(r) ? f(n).target : null,
       type: i.value ? f(n).type : null,
       to: i.value ? null : f(n).to,
-      onClick: g
+      onClick: _
     }), {
-      default: F(() => [f(n).loading ? M(C.$slots, "loading", { key: 0 }, () => [f(n).loadingFill ? D("", !0) : (v(), _(le, { key: 0 }, [re(L(f(n).loadingText), 1)], 64)), M(C.$slots, "loading-spinner", {}, () => [Y(qr, {
+      default: F(() => [f(n).loading ? M($.$slots, "loading", { key: 0 }, () => [f(n).loadingFill ? D("", !0) : (v(), y(le, { key: 0 }, [re(L(f(n).loadingText), 1)], 64)), M($.$slots, "loading-spinner", {}, () => [Y(qr, {
         small: f(n).size !== "lg",
         label: f(n).loadingFill ? f(n).loadingText : void 0
-      }, null, 8, ["small", "label"])])]) : M(C.$slots, "default", { key: 1 })]),
+      }, null, 8, ["small", "label"])])]) : M($.$slots, "default", { key: 1 })]),
       _: 3
     }, 16, [
       "class",
@@ -785,7 +785,7 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
   },
   setup(e) {
     nn(Ka, !0);
-    const t = Pe(e, "BButtonGroup"), n = w(() => ({
+    const t = Pe(e, "BButtonGroup"), n = g(() => ({
       "btn-group": !t.vertical,
       [`btn-group-${t.size}`]: t.size !== void 0,
       "btn-group-vertical": t.vertical
@@ -801,7 +801,7 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
   }
 }), pt = (e, t) => {
   const n = Da();
-  return w(() => fe(e) || mo(n || "", t));
+  return g(() => fe(e) || mo(n || "", t));
 }, Xo = class ol {
   constructor(t, n = {}) {
     Ge(this, "cancelable", !0);
@@ -881,7 +881,7 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
     }
     e.value ? P() : I("modelValue", !0);
   });
-  const m = ue(u), y = ue(!1), x = w(() => t.noAnimation || t.noFade || m.value || !1);
+  const m = ue(u), w = ue(!1), x = g(() => t.noAnimation || t.noFade || m.value || !1);
   let k = !1;
   An(() => {
     var X;
@@ -910,17 +910,17 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
     ...ge,
     componentId: a == null ? void 0 : a.value
   });
-  let h, $, g, C, j;
+  let h, C, _, $, W;
   const P = (X = !1) => {
-    if (s.value && !$ && !C) return Promise.resolve(!0);
-    if (j = X, s.value && !$ && C) return C;
-    C = new Promise((dt) => {
-      g = dt;
+    if (s.value && !C && !$) return Promise.resolve(!0);
+    if (W = X, s.value && !C && $) return $;
+    $ = new Promise((dt) => {
+      _ = dt;
     });
     const ge = b("show", { cancelable: !0 });
     return n("show", ge), ge.defaultPrevented ? (n("show-prevented", b("show-prevented")), ee.value && (ee.value = !1), e.value && !c && (r = !0, Ue(() => {
       e.value = !1;
-    })), g == null || g("show-prevented"), C) : ($ && (clearTimeout($), $ = void 0), i.value = !0, d.value = !0, requestAnimationFrame(() => {
+    })), _ == null || _("show-prevented"), $) : (C && (clearTimeout(C), C = void 0), i.value = !0, d.value = !0, requestAnimationFrame(() => {
       var dt, _t;
       if (m.value || t.delay === void 0) {
         if (!k) return;
@@ -935,14 +935,14 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
           e.value = !0;
         })));
       }, typeof t.delay == "number" ? t.delay : ((_t = t.delay) == null ? void 0 : _t.show) || 0);
-    }), C);
+    }), $);
   };
   let B;
   const I = (X, ge) => {
     var nt;
     if (!s.value && !h && !i.value) return Promise.resolve("");
-    C || (C = new Promise((cn) => {
-      g = cn;
+    $ || ($ = new Promise((cn) => {
+      _ = cn;
     })), typeof X != "string" && (X = void 0), B = X;
     const dt = b("hide", {
       cancelable: !0,
@@ -951,13 +951,13 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
       cancelable: !0,
       trigger: X
     });
-    return X === "backdrop" && t.noCloseOnBackdrop || X === "esc" && t.noCloseOnEsc ? (n("hide-prevented", b("hide-prevented", { trigger: X })), g == null || g("hide-prevented"), C) : (h && (clearTimeout(h), h = void 0), X && !ge && n(X, _t), n("hide", dt), dt.defaultPrevented || _t.defaultPrevented ? (n("hide-prevented", b("hide-prevented", { trigger: X })), e.value || Ue(() => {
+    return X === "backdrop" && t.noCloseOnBackdrop || X === "esc" && t.noCloseOnEsc ? (n("hide-prevented", b("hide-prevented", { trigger: X })), _ == null || _("hide-prevented"), $) : (h && (clearTimeout(h), h = void 0), X && !ge && n(X, _t), n("hide", dt), dt.defaultPrevented || _t.defaultPrevented ? (n("hide-prevented", b("hide-prevented", { trigger: X })), e.value || Ue(() => {
       r = !0, e.value = !0;
-    }), g == null || g("hide-prevented"), C) : (K.value = !1, h && (clearTimeout(h), h = void 0, y.value || (i.value = !1), d.value = !1), $ = setTimeout(() => {
+    }), _ == null || _("hide-prevented"), $) : (K.value = !1, h && (clearTimeout(h), h = void 0, w.value || (i.value = !1), d.value = !1), C = setTimeout(() => {
       var cn;
-      k && ($ = void 0, me.value = !0, s.value = !1, (cn = l.hideFn) == null || cn.call(l), e.value && (r = !0, e.value = c ? 0 : !1));
-    }, m.value ? 0 : typeof t.delay == "number" ? t.delay : ((nt = t.delay) == null ? void 0 : nt.hide) || 0), C));
-  }, V = /* @__PURE__ */ Wo((X) => I(X), 500), q = /* @__PURE__ */ Wo(() => P(), 500), te = (X = !1) => {
+      k && (C = void 0, me.value = !0, s.value = !1, (cn = l.hideFn) == null || cn.call(l), e.value && (r = !0, e.value = c ? 0 : !1));
+    }, m.value ? 0 : typeof t.delay == "number" ? t.delay : ((nt = t.delay) == null ? void 0 : nt.hide) || 0), $));
+  }, V = /* @__PURE__ */ Wo((X) => I(X), 500), j = /* @__PURE__ */ Wo(() => P(), 500), te = (X = !1) => {
     const ge = b("toggle", { cancelable: !0 });
     return n("toggle", ge), ge.defaultPrevented ? (n("toggle-prevented", b("toggle-prevented")), Promise.resolve("toggle-prevented")) : s.value ? I("toggle-function", !0) : P(X);
   }, T = () => {
@@ -975,7 +975,7 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
   }, G = (X, ge, dt = !0) => {
     const _t = E.findIndex((nt) => (nt == null ? void 0 : nt.trigger) === X && nt.el === ge);
     _t > -1 && (E.splice(_t, 1), ge.removeEventListener(X, T), dt && (ge.removeAttribute("aria-expanded"), ge.classList.remove("collapsed"), ge.classList.remove("not-collapsed")));
-  }, W = (oe = Ve(_r, null)) == null ? void 0 : oe.register({
+  }, q = (oe = Ve(_r, null)) == null ? void 0 : oe.register({
     id: a.value,
     toggle: te,
     show: P,
@@ -992,13 +992,13 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
       ne(X.el);
     });
   }), Me(a, (X, ge) => {
-    W == null || W.updateId(X, ge);
+    q == null || q.updateId(X, ge);
   }), fo(() => {
-    W == null || W.unregister(), E.forEach((X) => {
+    q == null || q.unregister(), E.forEach((X) => {
       X.el.removeEventListener(X.trigger, T);
     });
   }), Pn(() => {
-    k = !1, clearTimeout(h), clearTimeout($), h = void 0, $ = void 0;
+    k = !1, clearTimeout(h), clearTimeout(C), h = void 0, C = void 0;
   });
   const se = ue(!1), ve = () => {
     t.lazy === !0 && (se.value = !0);
@@ -1016,11 +1016,11 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
     () => {
       m.value && requestAnimationFrame(() => {
         m.value = !1;
-      }), y.value && (y.value = !1), requestAnimationFrame(() => {
+      }), w.value && (w.value = !1), requestAnimationFrame(() => {
         K.value = !0, Ue(() => {
           n("shown", b("shown", { cancelable: !1 }));
         });
-      }), j || (g == null || g(!0), C = void 0, g = void 0);
+      }), W || (_ == null || _(!0), $ = void 0, _ = void 0);
     }
   ], Ee = [
     () => {
@@ -1044,10 +1044,10 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
       me.value = !1, We.value = !1, m.value && requestAnimationFrame(() => {
         m.value = !1;
       }), requestAnimationFrame(() => {
-        y.value || (i.value = !1);
-      }), g == null || g(B || ""), C = void 0, g = void 0, B = void 0;
+        w.value || (i.value = !1);
+      }), _ == null || _(B || ""), $ = void 0, _ = void 0, B = void 0;
     }
-  ], N = w(() => y.value === !0 || We.value === !0 || t.lazy === !1 || t.lazy === !0 && se.value === !0 && t.unmountLazy === !1), K = ue(!1), J = ue(!1), A = ue(!1), be = {
+  ], N = g(() => w.value === !0 || We.value === !0 || t.lazy === !1 || t.lazy === !0 && se.value === !0 && t.unmountLazy === !1), K = ue(!1), J = ue(!1), A = ue(!1), be = {
     ...l.transitionProps,
     onBeforeEnter: Oe,
     onEnter: $e,
@@ -1067,16 +1067,16 @@ var Vr = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Or = (e) => {
     hide: I,
     toggle: te,
     throttleHide: V,
-    throttleShow: q,
+    throttleShow: j,
     buildTriggerableEvent: b,
     computedNoAnimation: x,
     localNoAnimation: Ae(m),
     setLocalNoAnimation: (X) => {
       m.value = X;
     },
-    localTemporaryHide: Ae(y),
+    localTemporaryHide: Ae(w),
     setLocalTemporaryHide: (X) => {
-      y.value = X;
+      w.value = X;
     },
     isLeaving: Ae(me),
     transitionProps: {
@@ -1259,52 +1259,52 @@ function Ht(e) {
 function ta(e, t, n) {
   let { reference: o, floating: a } = e;
   const l = ot(t), r = wo(t), u = _o(r), s = Ye(t), i = l === "y", d = o.x + o.width / 2 - a.width / 2, c = o.y + o.height / 2 - a.height / 2, m = o[u] / 2 - a[u] / 2;
-  let y;
+  let w;
   switch (s) {
     case "top":
-      y = {
+      w = {
         x: d,
         y: o.y - a.height
       };
       break;
     case "bottom":
-      y = {
+      w = {
         x: d,
         y: o.y + o.height
       };
       break;
     case "right":
-      y = {
+      w = {
         x: o.x + o.width,
         y: c
       };
       break;
     case "left":
-      y = {
+      w = {
         x: o.x - a.width,
         y: c
       };
       break;
     default:
-      y = {
+      w = {
         x: o.x,
         y: o.y
       };
   }
   switch (Qe(t)) {
     case "start":
-      y[r] -= m * (n && i ? -1 : 1);
+      w[r] -= m * (n && i ? -1 : 1);
       break;
     case "end":
-      y[r] += m * (n && i ? -1 : 1);
+      w[r] += m * (n && i ? -1 : 1);
       break;
   }
-  return y;
+  return w;
 }
 async function si(e, t) {
   var n;
   t === void 0 && (t = {});
-  const { x: o, y: a, platform: l, rects: r, elements: u, strategy: s } = e, { boundary: i = "clippingAncestors", rootBoundary: d = "viewport", elementContext: c = "floating", altBoundary: m = !1, padding: y = 0 } = ht(t, e), x = ko(y), k = u[m ? c === "floating" ? "reference" : "floating" : c], b = Ht(await l.getClippingRect({
+  const { x: o, y: a, platform: l, rects: r, elements: u, strategy: s } = e, { boundary: i = "clippingAncestors", rootBoundary: d = "viewport", elementContext: c = "floating", altBoundary: m = !1, padding: w = 0 } = ht(t, e), x = ko(w), k = u[m ? c === "floating" ? "reference" : "floating" : c], b = Ht(await l.getClippingRect({
     element: (n = await (l.isElement == null ? void 0 : l.isElement(k))) == null || n ? k : k.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(u.floating)),
     boundary: i,
     rootBoundary: d,
@@ -1314,23 +1314,23 @@ async function si(e, t) {
     y: a,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, $ = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u.floating)), g = await (l.isElement == null ? void 0 : l.isElement($)) ? await (l.getScale == null ? void 0 : l.getScale($)) || {
+  } : r.reference, C = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u.floating)), _ = await (l.isElement == null ? void 0 : l.isElement(C)) ? await (l.getScale == null ? void 0 : l.getScale(C)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, C = Ht(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, $ = Ht(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: u,
     rect: h,
-    offsetParent: $,
+    offsetParent: C,
     strategy: s
   }) : h);
   return {
-    top: (b.top - C.top + x.top) / g.y,
-    bottom: (C.bottom - b.bottom + x.bottom) / g.y,
-    left: (b.left - C.left + x.left) / g.x,
-    right: (C.right - b.right + x.right) / g.x
+    top: (b.top - $.top + x.top) / _.y,
+    bottom: ($.bottom - b.bottom + x.bottom) / _.y,
+    left: (b.left - $.left + x.left) / _.x,
+    right: ($.right - b.right + x.right) / _.x
   };
 }
 var ui = 50, ci = async (e, t, n) => {
@@ -1342,12 +1342,12 @@ var ui = 50, ci = async (e, t, n) => {
     reference: e,
     floating: t,
     strategy: a
-  }), { x: d, y: c } = ta(i, o, s), m = o, y = 0;
+  }), { x: d, y: c } = ta(i, o, s), m = o, w = 0;
   const x = {};
   for (let k = 0; k < l.length; k++) {
     const b = l[k];
     if (!b) continue;
-    const { name: h, fn: $ } = b, { x: g, y: C, data: j, reset: P } = await $({
+    const { name: h, fn: C } = b, { x: _, y: $, data: W, reset: P } = await C({
       x: d,
       y: c,
       initialPlacement: o,
@@ -1361,10 +1361,10 @@ var ui = 50, ci = async (e, t, n) => {
         floating: t
       }
     });
-    d = g ?? d, c = C ?? c, x[h] = {
+    d = _ ?? d, c = $ ?? c, x[h] = {
       ...x[h],
-      ...j
-    }, P && y < ui && (y++, typeof P == "object" && (P.placement && (m = P.placement), P.rects && (i = P.rects === !0 ? await r.getElementRects({
+      ...W
+    }, P && w < ui && (w++, typeof P == "object" && (P.placement && (m = P.placement), P.rects && (i = P.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: t,
       strategy: a
@@ -1386,18 +1386,18 @@ var ui = 50, ci = async (e, t, n) => {
     const c = ko(d), m = {
       x: n,
       y: o
-    }, y = wo(a), x = _o(y), k = await r.getDimensions(i), b = y === "y", h = b ? "top" : "left", $ = b ? "bottom" : "right", g = b ? "clientHeight" : "clientWidth", C = l.reference[x] + l.reference[y] - m[y] - l.floating[x], j = m[y] - l.reference[y], P = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i));
-    let B = P ? P[g] : 0;
-    (!B || !await (r.isElement == null ? void 0 : r.isElement(P))) && (B = u.floating[g] || l.floating[x]);
-    const I = C / 2 - j / 2, V = B / 2 - k[x] / 2 - 1, q = Je(c[h], V), te = Je(c[$], V), T = q, E = B - k[x] - te, H = B / 2 - k[x] / 2 + I, G = ao(T, H, E), W = !s.arrow && Qe(a) != null && H !== G && l.reference[x] / 2 - (H < T ? q : te) - k[x] / 2 < 0, ne = W ? H < T ? H - T : H - E : 0;
+    }, w = wo(a), x = _o(w), k = await r.getDimensions(i), b = w === "y", h = b ? "top" : "left", C = b ? "bottom" : "right", _ = b ? "clientHeight" : "clientWidth", $ = l.reference[x] + l.reference[w] - m[w] - l.floating[x], W = m[w] - l.reference[w], P = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i));
+    let B = P ? P[_] : 0;
+    (!B || !await (r.isElement == null ? void 0 : r.isElement(P))) && (B = u.floating[_] || l.floating[x]);
+    const I = $ / 2 - W / 2, V = B / 2 - k[x] / 2 - 1, j = Je(c[h], V), te = Je(c[C], V), T = j, E = B - k[x] - te, H = B / 2 - k[x] / 2 + I, G = ao(T, H, E), q = !s.arrow && Qe(a) != null && H !== G && l.reference[x] / 2 - (H < T ? j : te) - k[x] / 2 < 0, ne = q ? H < T ? H - T : H - E : 0;
     return {
-      [y]: m[y] + ne,
+      [w]: m[w] + ne,
       data: {
-        [y]: G,
+        [w]: G,
         centerOffset: H - G - ne,
-        ...W && { alignmentOffset: ne }
+        ...q && { alignmentOffset: ne }
       },
-      reset: W
+      reset: q
     };
   }
 });
@@ -1410,37 +1410,37 @@ var vi = function(e) {
     options: e,
     async fn(t) {
       var n, o, a;
-      const { rects: l, middlewareData: r, placement: u, platform: s, elements: i } = t, { crossAxis: d = !1, alignment: c, allowedPlacements: m = Qo, autoAlignment: y = !0, ...x } = ht(e, t), k = c !== void 0 || m === Qo ? fi(c || null, y, m) : m, b = await s.detectOverflow(t, x), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, $ = k[h];
-      if ($ == null) return {};
-      const g = sl($, l, await (s.isRTL == null ? void 0 : s.isRTL(i.floating)));
-      if (u !== $) return { reset: { placement: k[0] } };
-      const C = [
-        b[Ye($)],
-        b[g[0]],
-        b[g[1]]
-      ], j = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
-        placement: $,
-        overflows: C
+      const { rects: l, middlewareData: r, placement: u, platform: s, elements: i } = t, { crossAxis: d = !1, alignment: c, allowedPlacements: m = Qo, autoAlignment: w = !0, ...x } = ht(e, t), k = c !== void 0 || m === Qo ? fi(c || null, w, m) : m, b = await s.detectOverflow(t, x), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, C = k[h];
+      if (C == null) return {};
+      const _ = sl(C, l, await (s.isRTL == null ? void 0 : s.isRTL(i.floating)));
+      if (u !== C) return { reset: { placement: k[0] } };
+      const $ = [
+        b[Ye(C)],
+        b[_[0]],
+        b[_[1]]
+      ], W = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
+        placement: C,
+        overflows: $
       }], P = k[h + 1];
       if (P) return {
         data: {
           index: h + 1,
-          overflows: j
+          overflows: W
         },
         reset: { placement: P }
       };
-      const B = j.map((V) => {
-        const q = Qe(V.placement);
+      const B = W.map((V) => {
+        const j = Qe(V.placement);
         return [
           V.placement,
-          q && d ? V.overflows.slice(0, 2).reduce((te, T) => te + T, 0) : V.overflows[0],
+          j && d ? V.overflows.slice(0, 2).reduce((te, T) => te + T, 0) : V.overflows[0],
           V.overflows
         ];
-      }).sort((V, q) => V[1] - q[1]), I = ((a = B.filter((V) => V[2].slice(0, Qe(V[0]) ? 2 : 3).every((q) => q <= 0))[0]) == null ? void 0 : a[0]) || B[0][0];
+      }).sort((V, j) => V[1] - j[1]), I = ((a = B.filter((V) => V[2].slice(0, Qe(V[0]) ? 2 : 3).every((j) => j <= 0))[0]) == null ? void 0 : a[0]) || B[0][0];
       return I !== u ? {
         data: {
           index: h + 1,
-          overflows: j
+          overflows: W
         },
         reset: { placement: I }
       } : {};
@@ -1452,49 +1452,49 @@ var vi = function(e) {
     options: e,
     async fn(t) {
       var n, o;
-      const { placement: a, middlewareData: l, rects: r, initialPlacement: u, platform: s, elements: i } = t, { mainAxis: d = !0, crossAxis: c = !0, fallbackPlacements: m, fallbackStrategy: y = "bestFit", fallbackAxisSideDirection: x = "none", flipAlignment: k = !0, ...b } = ht(e, t);
+      const { placement: a, middlewareData: l, rects: r, initialPlacement: u, platform: s, elements: i } = t, { mainAxis: d = !0, crossAxis: c = !0, fallbackPlacements: m, fallbackStrategy: w = "bestFit", fallbackAxisSideDirection: x = "none", flipAlignment: k = !0, ...b } = ht(e, t);
       if ((n = l.arrow) != null && n.alignmentOffset) return {};
-      const h = Ye(a), $ = ot(u), g = Ye(u) === u, C = await (s.isRTL == null ? void 0 : s.isRTL(i.floating)), j = m || (g || !k ? [kn(u)] : ni(u)), P = x !== "none";
-      !m && P && j.push(...ri(u, k, x, C));
-      const B = [u, ...j], I = await s.detectOverflow(t, b), V = [];
-      let q = ((o = l.flip) == null ? void 0 : o.overflows) || [];
+      const h = Ye(a), C = ot(u), _ = Ye(u) === u, $ = await (s.isRTL == null ? void 0 : s.isRTL(i.floating)), W = m || (_ || !k ? [kn(u)] : ni(u)), P = x !== "none";
+      !m && P && W.push(...ri(u, k, x, $));
+      const B = [u, ...W], I = await s.detectOverflow(t, b), V = [];
+      let j = ((o = l.flip) == null ? void 0 : o.overflows) || [];
       if (d && V.push(I[h]), c) {
-        const H = sl(a, r, C);
+        const H = sl(a, r, $);
         V.push(I[H[0]], I[H[1]]);
       }
-      if (q = [...q, {
+      if (j = [...j, {
         placement: a,
         overflows: V
       }], !V.every((H) => H <= 0)) {
         var te, T;
         const H = (((te = l.flip) == null ? void 0 : te.index) || 0) + 1, G = B[H];
-        if (G && (!(c === "alignment" && $ !== ot(G)) || q.every((ne) => ot(ne.placement) === $ ? ne.overflows[0] > 0 : !0)))
+        if (G && (!(c === "alignment" && C !== ot(G)) || j.every((ne) => ot(ne.placement) === C ? ne.overflows[0] > 0 : !0)))
           return {
             data: {
               index: H,
-              overflows: q
+              overflows: j
             },
             reset: { placement: G }
           };
-        let W = (T = q.filter((ne) => ne.overflows[0] <= 0).sort((ne, se) => ne.overflows[1] - se.overflows[1])[0]) == null ? void 0 : T.placement;
-        if (!W) switch (y) {
+        let q = (T = j.filter((ne) => ne.overflows[0] <= 0).sort((ne, se) => ne.overflows[1] - se.overflows[1])[0]) == null ? void 0 : T.placement;
+        if (!q) switch (w) {
           case "bestFit": {
             var E;
-            const ne = (E = q.filter((se) => {
+            const ne = (E = j.filter((se) => {
               if (P) {
                 const ve = ot(se.placement);
-                return ve === $ || ve === "y";
+                return ve === C || ve === "y";
               }
               return !0;
             }).map((se) => [se.placement, se.overflows.filter((ve) => ve > 0).reduce((ve, me) => ve + me, 0)]).sort((se, ve) => se[1] - ve[1])[0]) == null ? void 0 : E[0];
-            ne && (W = ne);
+            ne && (q = ne);
             break;
           }
           case "initialPlacement":
-            W = u;
+            q = u;
             break;
         }
-        if (a !== W) return { reset: { placement: W } };
+        if (a !== q) return { reset: { placement: q } };
       }
       return {};
     }
@@ -1567,12 +1567,12 @@ var bi = function(e) {
     name: "inline",
     options: e,
     async fn(t) {
-      const { placement: n, elements: o, rects: a, platform: l, strategy: r } = t, { padding: u = 2, x: s, y: i } = ht(e, t), d = Array.from(await (l.getClientRects == null ? void 0 : l.getClientRects(o.reference)) || []), c = hi(d), m = Ht(ul(d)), y = ko(u);
+      const { placement: n, elements: o, rects: a, platform: l, strategy: r } = t, { padding: u = 2, x: s, y: i } = ht(e, t), d = Array.from(await (l.getClientRects == null ? void 0 : l.getClientRects(o.reference)) || []), c = hi(d), m = Ht(ul(d)), w = ko(u);
       function x() {
-        if (c.length === 2 && c[0].left > c[1].right && s != null && i != null) return c.find((b) => s > b.left - y.left && s < b.right + y.right && i > b.top - y.top && i < b.bottom + y.bottom) || m;
+        if (c.length === 2 && c[0].left > c[1].right && s != null && i != null) return c.find((b) => s > b.left - w.left && s < b.right + w.right && i > b.top - w.top && i < b.bottom + w.bottom) || m;
         if (c.length >= 2) {
           if (ot(n) === "y") {
-            const I = c[0], V = c[c.length - 1], q = Ye(n) === "top", te = I.top, T = V.bottom, E = q ? I.left : V.left, H = q ? I.right : V.right;
+            const I = c[0], V = c[c.length - 1], j = Ye(n) === "top", te = I.top, T = V.bottom, E = j ? I.left : V.left, H = j ? I.right : V.right;
             return {
               top: te,
               bottom: T,
@@ -1584,16 +1584,16 @@ var bi = function(e) {
               y: te
             };
           }
-          const b = Ye(n) === "left", h = Re(...c.map((I) => I.right)), $ = Je(...c.map((I) => I.left)), g = c.filter((I) => b ? I.left === $ : I.right === h), C = g[0].top, j = g[g.length - 1].bottom, P = $, B = h;
+          const b = Ye(n) === "left", h = Re(...c.map((I) => I.right)), C = Je(...c.map((I) => I.left)), _ = c.filter((I) => b ? I.left === C : I.right === h), $ = _[0].top, W = _[_.length - 1].bottom, P = C, B = h;
           return {
-            top: C,
-            bottom: j,
+            top: $,
+            bottom: W,
             left: P,
             right: B,
             width: B - P,
-            height: j - C,
+            height: W - $,
             x: P,
-            y: C
+            y: $
           };
         }
         return m;
@@ -1609,7 +1609,7 @@ var bi = function(e) {
 }, gi = /* @__PURE__ */ new Set(["left", "top"]);
 async function yi(e, t) {
   const { placement: n, platform: o, elements: a } = e, l = await (o.isRTL == null ? void 0 : o.isRTL(a.floating)), r = Ye(n), u = Qe(n), s = ot(n) === "y", i = gi.has(r) ? -1 : 1, d = l && s ? -1 : 1, c = ht(t, e);
-  let { mainAxis: m, crossAxis: y, alignmentAxis: x } = typeof c == "number" ? {
+  let { mainAxis: m, crossAxis: w, alignmentAxis: x } = typeof c == "number" ? {
     mainAxis: c,
     crossAxis: 0,
     alignmentAxis: null
@@ -1618,12 +1618,12 @@ async function yi(e, t) {
     crossAxis: c.crossAxis || 0,
     alignmentAxis: c.alignmentAxis
   };
-  return u && typeof x == "number" && (y = u === "end" ? x * -1 : x), s ? {
-    x: y * d,
+  return u && typeof x == "number" && (w = u === "end" ? x * -1 : x), s ? {
+    x: w * d,
     y: m * i
   } : {
     x: m * i,
-    y: y * d
+    y: w * d
   };
 }
 var _i = function(e) {
@@ -1649,27 +1649,27 @@ var _i = function(e) {
     options: e,
     async fn(t) {
       const { x: n, y: o, placement: a, platform: l } = t, { mainAxis: r = !0, crossAxis: u = !1, limiter: s = { fn: (h) => {
-        let { x: $, y: g } = h;
+        let { x: C, y: _ } = h;
         return {
-          x: $,
-          y: g
+          x: C,
+          y: _
         };
       } }, ...i } = ht(e, t), d = {
         x: n,
         y: o
-      }, c = await l.detectOverflow(t, i), m = ot(Ye(a)), y = il(m);
-      let x = d[y], k = d[m];
+      }, c = await l.detectOverflow(t, i), m = ot(Ye(a)), w = il(m);
+      let x = d[w], k = d[m];
       if (r) {
-        const h = y === "y" ? "top" : "left", $ = y === "y" ? "bottom" : "right", g = x + c[h], C = x - c[$];
-        x = ao(g, x, C);
+        const h = w === "y" ? "top" : "left", C = w === "y" ? "bottom" : "right", _ = x + c[h], $ = x - c[C];
+        x = ao(_, x, $);
       }
       if (u) {
-        const h = m === "y" ? "top" : "left", $ = m === "y" ? "bottom" : "right", g = k + c[h], C = k - c[$];
-        k = ao(g, k, C);
+        const h = m === "y" ? "top" : "left", C = m === "y" ? "bottom" : "right", _ = k + c[h], $ = k - c[C];
+        k = ao(_, k, $);
       }
       const b = s.fn({
         ...t,
-        [y]: x,
+        [w]: x,
         [m]: k
       });
       return {
@@ -1678,7 +1678,7 @@ var _i = function(e) {
           x: b.x - n,
           y: b.y - o,
           enabled: {
-            [y]: r,
+            [w]: r,
             [m]: u
           }
         }
@@ -1692,14 +1692,14 @@ var _i = function(e) {
     async fn(t) {
       var n, o;
       const { placement: a, rects: l, platform: r, elements: u } = t, { apply: s = () => {
-      }, ...i } = ht(e, t), d = await r.detectOverflow(t, i), c = Ye(a), m = Qe(a), y = ot(a) === "y", { width: x, height: k } = l.floating;
+      }, ...i } = ht(e, t), d = await r.detectOverflow(t, i), c = Ye(a), m = Qe(a), w = ot(a) === "y", { width: x, height: k } = l.floating;
       let b, h;
       c === "top" || c === "bottom" ? (b = c, h = m === (await (r.isRTL == null ? void 0 : r.isRTL(u.floating)) ? "start" : "end") ? "left" : "right") : (h = c, b = m === "end" ? "top" : "bottom");
-      const $ = k - d.top - d.bottom, g = x - d.left - d.right, C = Je(k - d[b], $), j = Je(x - d[h], g), P = !t.middlewareData.shift;
-      let B = C, I = j;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (I = g), (o = t.middlewareData.shift) != null && o.enabled.y && (B = $), P && !m) {
-        const q = Re(d.left, 0), te = Re(d.right, 0), T = Re(d.top, 0), E = Re(d.bottom, 0);
-        y ? I = x - 2 * (q !== 0 || te !== 0 ? q + te : Re(d.left, d.right)) : B = k - 2 * (T !== 0 || E !== 0 ? T + E : Re(d.top, d.bottom));
+      const C = k - d.top - d.bottom, _ = x - d.left - d.right, $ = Je(k - d[b], C), W = Je(x - d[h], _), P = !t.middlewareData.shift;
+      let B = $, I = W;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (I = _), (o = t.middlewareData.shift) != null && o.enabled.y && (B = C), P && !m) {
+        const j = Re(d.left, 0), te = Re(d.right, 0), T = Re(d.top, 0), E = Re(d.bottom, 0);
+        w ? I = x - 2 * (j !== 0 || te !== 0 ? j + te : Re(d.left, d.right)) : B = k - 2 * (T !== 0 || E !== 0 ? T + E : Re(d.top, d.bottom));
       }
       await s({
         ...t,
@@ -1850,11 +1850,11 @@ function At(e, t, n, o) {
   const u = Mi(l, n, o) ? fl(l) : it(0);
   let s = (a.left + u.x) / r.x, i = (a.top + u.y) / r.y, d = a.width / r.x, c = a.height / r.y;
   if (l) {
-    const m = ze(l), y = o && et(o) ? ze(o) : o;
+    const m = ze(l), w = o && et(o) ? ze(o) : o;
     let x = m, k = lo(x);
-    for (; k && o && y !== x; ) {
-      const b = Nt(k), h = k.getBoundingClientRect(), $ = tt(k), g = h.left + (k.clientLeft + parseFloat($.paddingLeft)) * b.x, C = h.top + (k.clientTop + parseFloat($.paddingTop)) * b.y;
-      s *= b.x, i *= b.y, d *= b.x, c *= b.y, s += g, i += C, x = ze(k), k = lo(x);
+    for (; k && o && w !== x; ) {
+      const b = Nt(k), h = k.getBoundingClientRect(), C = tt(k), _ = h.left + (k.clientLeft + parseFloat(C.paddingLeft)) * b.x, $ = h.top + (k.clientTop + parseFloat(C.paddingTop)) * b.y;
+      s *= b.x, i *= b.y, d *= b.x, c *= b.y, s += _, i += $, x = ze(k), k = lo(x);
     }
   }
   return Ht({
@@ -1885,8 +1885,8 @@ function Li(e) {
   }, i = it(1);
   const d = it(0), c = bt(o);
   if ((c || !c && !l) && ((Ft(o) !== "body" || sn(r)) && (s = Rn(o)), c)) {
-    const y = At(o);
-    i = Nt(o), d.x = y.x + o.clientLeft, d.y = y.y + o.clientTop;
+    const w = At(o);
+    i = Nt(o), d.x = w.x + o.clientLeft, d.y = w.y + o.clientTop;
   }
   const m = r && !c && !l ? vl(r, s) : it(0);
   return {
@@ -1921,7 +1921,7 @@ function Pi(e, t) {
   }
   const i = Vn(o);
   if (i <= 0) {
-    const d = o.ownerDocument, c = d.body, m = getComputedStyle(c), y = d.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, x = Math.abs(o.clientWidth - c.clientWidth - y);
+    const d = o.ownerDocument, c = d.body, m = getComputedStyle(c), w = d.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, x = Math.abs(o.clientWidth - c.clientWidth - w);
     x <= la && (l -= x);
   } else i <= la && (l += i);
   return {
@@ -2081,30 +2081,30 @@ function Hi(e, t) {
   }
   function r(u, s) {
     u === void 0 && (u = !1), s === void 0 && (s = 1), l();
-    const i = e.getBoundingClientRect(), { left: d, top: c, width: m, height: y } = i;
-    if (u || t(), !m || !y) return;
-    const x = dn(c), k = dn(a.clientWidth - (d + m)), b = dn(a.clientHeight - (c + y)), h = dn(d), $ = {
+    const i = e.getBoundingClientRect(), { left: d, top: c, width: m, height: w } = i;
+    if (u || t(), !m || !w) return;
+    const x = dn(c), k = dn(a.clientWidth - (d + m)), b = dn(a.clientHeight - (c + w)), h = dn(d), C = {
       rootMargin: -x + "px " + -k + "px " + -b + "px " + -h + "px",
       threshold: Re(0, Je(1, s)) || 1
     };
-    let g = !0;
-    function C(j) {
-      const P = j[0].intersectionRatio;
+    let _ = !0;
+    function $(W) {
+      const P = W[0].intersectionRatio;
       if (P !== s) {
-        if (!g) return r();
+        if (!_) return r();
         P ? r(!1, P) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      P === 1 && !hl(i, e.getBoundingClientRect()) && r(), g = !1;
+      P === 1 && !hl(i, e.getBoundingClientRect()) && r(), _ = !1;
     }
     try {
-      n = new IntersectionObserver(C, {
-        ...$,
+      n = new IntersectionObserver($, {
+        ...C,
         root: a.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(C, $);
+      n = new IntersectionObserver($, C);
     }
     n.observe(e);
   }
@@ -2117,14 +2117,14 @@ function bl(e, t, n, o) {
     a && h.addEventListener("scroll", n, { passive: !0 }), l && h.addEventListener("resize", n);
   });
   const c = i && u ? Hi(i, n) : null;
-  let m = -1, y = null;
-  r && (y = new ResizeObserver((h) => {
-    let [$] = h;
-    $ && $.target === i && y && t && (y.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
-      var g;
-      (g = y) == null || g.observe(t);
+  let m = -1, w = null;
+  r && (w = new ResizeObserver((h) => {
+    let [C] = h;
+    C && C.target === i && w && t && (w.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var _;
+      (_ = w) == null || _.observe(t);
     })), n();
-  }), i && !s && y.observe(i), t && y.observe(t));
+  }), i && !s && w.observe(i), t && w.observe(t));
   let x, k = s ? At(e) : null;
   s && b();
   function b() {
@@ -2133,9 +2133,9 @@ function bl(e, t, n, o) {
   }
   return n(), () => {
     var h;
-    d.forEach(($) => {
-      a && $.removeEventListener("scroll", n), l && $.removeEventListener("resize", n);
-    }), c == null || c(), (h = y) == null || h.disconnect(), y = null, s && cancelAnimationFrame(x);
+    d.forEach((C) => {
+      a && C.removeEventListener("scroll", n), l && C.removeEventListener("resize", n);
+    }), c == null || c(), (h = w) == null || h.disconnect(), w = null, s && cancelAnimationFrame(x);
   };
 }
 var gl = _i, zi = vi, yl = wi, _l = pi, wl = ki, Ui = mi, Yi = di, Wi = bi, qi = (e, t, n) => {
@@ -2220,9 +2220,9 @@ function xl(e, t, n) {
   }), s = (0, ce.computed)(() => {
     var B;
     return (B = Ot(n.transform)) != null ? B : !0;
-  }), i = (0, ce.computed)(() => ro(e.value)), d = (0, ce.computed)(() => ro(t.value)), c = (0, ce.ref)(0), m = (0, ce.ref)(0), y = (0, ce.ref)(u.value), x = (0, ce.ref)(r.value), k = (0, ce.shallowRef)({}), b = (0, ce.ref)(!1), h = (0, ce.computed)(() => {
+  }), i = (0, ce.computed)(() => ro(e.value)), d = (0, ce.computed)(() => ro(t.value)), c = (0, ce.ref)(0), m = (0, ce.ref)(0), w = (0, ce.ref)(u.value), x = (0, ce.ref)(r.value), k = (0, ce.shallowRef)({}), b = (0, ce.ref)(!1), h = (0, ce.computed)(() => {
     const B = {
-      position: y.value,
+      position: w.value,
       left: "0",
       top: "0"
     };
@@ -2233,13 +2233,13 @@ function xl(e, t, n) {
       transform: "translate(" + I + "px, " + V + "px)",
       ...kl(d.value) >= 1.5 && { willChange: "transform" }
     } : {
-      position: y.value,
+      position: w.value,
       left: I + "px",
       top: V + "px"
     };
   });
-  let $;
-  function g() {
+  let C;
+  function _() {
     if (i.value == null || d.value == null) return;
     const B = a.value;
     qi(i.value, d.value, {
@@ -2247,19 +2247,19 @@ function xl(e, t, n) {
       placement: r.value,
       strategy: u.value
     }).then((I) => {
-      c.value = I.x, m.value = I.y, y.value = I.strategy, x.value = I.placement, k.value = I.middlewareData, b.value = B !== !1;
+      c.value = I.x, m.value = I.y, w.value = I.strategy, x.value = I.placement, k.value = I.middlewareData, b.value = B !== !1;
     });
   }
-  function C() {
-    typeof $ == "function" && ($(), $ = void 0);
+  function $() {
+    typeof C == "function" && (C(), C = void 0);
   }
-  function j() {
-    if (C(), o === void 0) {
-      g();
+  function W() {
+    if ($(), o === void 0) {
+      _();
       return;
     }
     if (i.value != null && d.value != null) {
-      $ = o(i.value, d.value, g);
+      C = o(i.value, d.value, _);
       return;
     }
   }
@@ -2271,15 +2271,15 @@ function xl(e, t, n) {
     r,
     u,
     a
-  ], g, { flush: "sync" }), (0, ce.watch)([i, d], j, { flush: "sync" }), (0, ce.watch)(a, P, { flush: "sync" }), (0, ce.getCurrentScope)() && (0, ce.onScopeDispose)(C), {
+  ], _, { flush: "sync" }), (0, ce.watch)([i, d], W, { flush: "sync" }), (0, ce.watch)(a, P, { flush: "sync" }), (0, ce.getCurrentScope)() && (0, ce.onScopeDispose)($), {
     x: (0, ce.shallowReadonly)(c),
     y: (0, ce.shallowReadonly)(m),
-    strategy: (0, ce.shallowReadonly)(y),
+    strategy: (0, ce.shallowReadonly)(w),
     placement: (0, ce.shallowReadonly)(x),
     middlewareData: (0, ce.shallowReadonly)(k),
     isPositioned: (0, ce.shallowReadonly)(b),
     floatingStyles: h,
-    update: g
+    update: _
   };
 }
 var xn = (e, t = Jt()) => {
@@ -2434,48 +2434,48 @@ var xn = (e, t = Jt()) => {
     "toggle-prevented"
   ], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const o = Pe(e, "BPopover"), a = n, l = xt(), r = on(), u = ae(e, "modelValue"), s = pt(() => o.id, "popover"), i = ue(!1), d = ke("_element"), c = ke("_content"), m = ke("_arrow"), y = ke("_placeholder"), x = ue(null), k = ue(null), b = w(() => o.placement.startsWith("auto")), h = /* @__PURE__ */ gn(() => o.offset ?? NaN), $ = w(() => So(o.boundary) ? o.boundary : void 0), g = w(() => $l(o.boundary) ? o.boundary : void 0), C = ue({}), j = w(() => {
+    const o = Pe(e, "BPopover"), a = n, l = xt(), r = on(), u = ae(e, "modelValue"), s = pt(() => o.id, "popover"), i = ue(!1), d = ke("_element"), c = ke("_content"), m = ke("_arrow"), w = ke("_placeholder"), x = ue(null), k = ue(null), b = g(() => o.placement.startsWith("auto")), h = /* @__PURE__ */ gn(() => o.offset ?? NaN), C = g(() => So(o.boundary) ? o.boundary : void 0), _ = g(() => $l(o.boundary) ? o.boundary : void 0), $ = ue({}), W = g(() => {
       if (o.floatingMiddleware !== void 0) return o.floatingMiddleware;
       const Z = [gl(o.offset !== null ? h.value : o.tooltip ? 6 : 8)];
       return !o.noFlip && !b.value && Z.push(_l({
-        boundary: $.value,
-        rootBoundary: g.value,
+        boundary: C.value,
+        rootBoundary: _.value,
         padding: o.boundaryPadding
       })), b.value && Z.push(zi({
         alignment: o.placement.split("-")[1] || void 0,
-        boundary: $.value,
-        rootBoundary: g.value,
+        boundary: C.value,
+        rootBoundary: _.value,
         padding: o.boundaryPadding
       })), o.noShift || Z.push(yl({
-        boundary: $.value,
-        rootBoundary: g.value,
+        boundary: C.value,
+        rootBoundary: _.value,
         padding: o.boundaryPadding
       })), o.noHide || Z.push(Ui({
-        boundary: $.value,
-        rootBoundary: g.value,
+        boundary: C.value,
+        rootBoundary: _.value,
         padding: o.boundaryPadding
       })), o.inline && Z.push(Wi()), Z.push(Zi({
         element: m,
         padding: 10
       })), o.noSize || Z.push(wl({
-        boundary: $.value,
-        rootBoundary: g.value,
+        boundary: C.value,
+        rootBoundary: _.value,
         padding: o.boundaryPadding,
         apply({ availableWidth: he, availableHeight: pe }) {
           var Fe, De;
-          C.value = {
+          $.value = {
             "--bv-floating-max-height": pe >= (((Fe = c.value) == null ? void 0 : Fe.scrollHeight) ?? 0) ? void 0 : pe ? `${Math.max(0, pe)}px` : void 0,
             "--bv-floating-max-width": he >= (((De = c.value) == null ? void 0 : De.scrollWidth) ?? 0) ? void 0 : he ? `${Math.max(0, he)}px` : void 0
           };
         }
       })), Z;
     }), { floatingStyles: P, middlewareData: B, placement: I, update: V } = xl(x, d, {
-      placement: w(() => b.value ? void 0 : o.placement),
-      middleware: j,
+      placement: g(() => b.value ? void 0 : o.placement),
+      middleware: W,
       strategy: mt(() => o.strategy)
-    }), q = ue({ position: "absolute" });
+    }), j = ue({ position: "absolute" });
     let te;
-    const { showRef: T, hide: E, show: H, toggle: G, throttleHide: W, computedNoAnimation: ne, transitionProps: se, contentShowing: ve, isVisible: me, isActive: We, renderRef: ee, localTemporaryHide: Oe, setLocalTemporaryHide: $e } = al(u, o, a, d, s, {
+    const { showRef: T, hide: E, show: H, toggle: G, throttleHide: q, computedNoAnimation: ne, transitionProps: se, contentShowing: ve, isVisible: me, isActive: We, renderRef: ee, localTemporaryHide: Oe, setLocalTemporaryHide: $e } = al(u, o, a, d, s, {
       showFn: () => {
         V(), Ue(() => {
           te = bl(x.value, d.value, V, { animationFrame: o.realtime });
@@ -2487,16 +2487,16 @@ var xn = (e, t = Jt()) => {
     });
     Me(B, (Z) => {
       var he, pe;
-      if (o.noHide || ((he = Z.hide) != null && he.referenceHidden && !i.value && T.value ? o.closeOnHide && !o.noAutoClose && !o.manual ? W("close-on-hide") : ($e(!0), i.value = !0) : Oe.value && !((pe = Z.hide) != null && pe.referenceHidden) && ($e(!1), i.value = !1)), Z.arrow) {
+      if (o.noHide || ((he = Z.hide) != null && he.referenceHidden && !i.value && T.value ? o.closeOnHide && !o.noAutoClose && !o.manual ? q("close-on-hide") : ($e(!0), i.value = !0) : Oe.value && !((pe = Z.hide) != null && pe.referenceHidden) && ($e(!1), i.value = !1)), Z.arrow) {
         const { x: Fe, y: De } = Z.arrow;
-        q.value = {
+        j.value = {
           position: "absolute",
           top: De ? `${De}px` : "",
           left: Fe ? `${Fe}px` : ""
         };
       }
     });
-    const qe = w(() => {
+    const qe = g(() => {
       const Z = o.tooltip ? "tooltip" : "popover";
       return [
         Z,
@@ -2534,7 +2534,7 @@ var xn = (e, t = Jt()) => {
       T.value ? E(Z.type === "click" ? "click" : "toggle") : H();
     }, A = () => {
       H();
-    }, be = w(() => o.manual ? {
+    }, be = g(() => o.manual ? {
       hover: !1,
       focus: !1,
       click: !1
@@ -2551,7 +2551,7 @@ var xn = (e, t = Jt()) => {
       if (o.target) {
         const pe = xn(fe(o.target));
         pe ? k.value = pe : console.warn("Target element not found", o.target);
-      } else k.value = (he = y.value) == null ? void 0 : he.nextElementSibling;
+      } else k.value = (he = w.value) == null ? void 0 : he.nextElementSibling;
       if (o.reference) {
         const pe = xn(fe(o.reference));
         pe ? x.value = pe : console.warn("Reference element not found", o.reference);
@@ -2574,7 +2574,7 @@ var xn = (e, t = Jt()) => {
     ], () => {
       Le(), oe();
     });
-    const Se = w(() => ({
+    const Se = g(() => ({
       toggle: G,
       show: H,
       hide: E,
@@ -2586,7 +2586,7 @@ var xn = (e, t = Jt()) => {
       oe(), Ue(() => {
         V();
       });
-    }), fo(Le), (Z, he) => (v(), _(le, null, [
+    }), fo(Le), (Z, he) => (v(), y(le, null, [
       p("span", {
         id: f(s) + "_placeholder",
         ref: "_placeholder",
@@ -2607,16 +2607,16 @@ var xn = (e, t = Jt()) => {
           }), [p("div", {
             ref: "_arrow",
             class: O(`${f(o).tooltip ? "tooltip" : "popover"}-arrow`),
-            style: Ce(q.value),
+            style: Ce(j.value),
             "data-popper-arrow": ""
           }, null, 6), p("div", {
             ref: "_content",
             class: "overflow-auto b-floating-size",
-            style: Ce(C.value)
-          }, [f(o).title || l.title ? (v(), _("div", {
+            style: Ce($.value)
+          }, [f(o).title || l.title ? (v(), y("div", {
             key: 0,
             class: O(["position-sticky top-0", [f(o).tooltip ? "tooltip-inner" : "popover-header", f(o).titleClass]])
-          }, [M(Z.$slots, "title", at(lt(Se.value)), () => [re(L(f(o).title), 1)])], 2)) : D("", !0), f(o).tooltip && !l.title && !f(o).title || !f(o).tooltip ? (v(), _("div", {
+          }, [M(Z.$slots, "title", at(lt(Se.value)), () => [re(L(f(o).title), 1)])], 2)) : D("", !0), f(o).tooltip && !l.title && !f(o).title || !f(o).tooltip ? (v(), y("div", {
             key: 1,
             class: O([f(o).tooltip ? "tooltip-inner" : "popover-body", f(o).bodyClass])
           }, [M(Z.$slots, "default", at(lt(Se.value)), () => [re(L(f(o).body) + L(f(r).content), 1)])], 2)) : D("", !0)], 4)], 16, es), [[Va, f(T) && !i.value]])]),
@@ -2788,7 +2788,7 @@ var xn = (e, t = Jt()) => {
     "toggle-prevented"
   ], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const o = Pe(e, "BTooltip"), a = n, l = xt(), r = ae(e, "modelValue"), u = w(() => {
+    const o = Pe(e, "BTooltip"), a = n, l = xt(), r = ae(e, "modelValue"), u = g(() => {
       const { interactive: i, noninteractive: d, ...c } = o;
       return {
         noninteractive: d !== void 0 ? d : !i,
@@ -2944,7 +2944,7 @@ var xn = (e, t = Jt()) => {
       "underlineOpacity",
       "underlineOpacityHover",
       "underlineVariant"
-    ]), a = w(() => n.value ? yo : t.tag), l = w(() => {
+    ]), a = g(() => n.value ? yo : t.tag), l = g(() => {
       const s = t.placement ?? (t.dotIndicator ? "top-end" : void 0);
       return [
         "position-absolute",
@@ -2960,7 +2960,7 @@ var xn = (e, t = Jt()) => {
           "start-100 top-100": s === "bottom-end"
         }
       ];
-    }), r = rn(t), u = w(() => [
+    }), r = rn(t), u = g(() => [
       r.value,
       t.placement !== void 0 || t.dotIndicator ? l.value : void 0,
       {
@@ -3030,10 +3030,10 @@ const rs = /* @__PURE__ */ S({
       n.value = t.hover;
     }
     Me(() => t.hover, o, { immediate: !0 });
-    const a = w(() => {
+    const a = g(() => {
       let d = "currentColor";
       return t.variant && (d = `var(--bs-${t.variant}, currentColor)`), n.value && t.hoverVariant && (d = `var(--bs-${t.hoverVariant}, ${d})`), d;
-    }), l = w(() => typeof t.size == "string" && t.size.endsWith("%")), r = w(() => !["2xs", "xs", "sm", "md", "lg", "xl", "2xl", void 0].includes(t.size) && !l.value), u = w(() => ["2xs", "xs", "sm", "md", "lg", "xl", "2xl"].includes(t.size ?? "")), s = w(() => ({
+    }), l = g(() => typeof t.size == "string" && t.size.endsWith("%")), r = g(() => !["2xs", "xs", "sm", "md", "lg", "xl", "2xl", void 0].includes(t.size) && !l.value), u = g(() => ["2xs", "xs", "sm", "md", "lg", "xl", "2xl"].includes(t.size ?? "")), s = g(() => ({
       "--app-icon-color": a.value,
       "--app-icon-raw-size": r.value ? t.size : void 0,
       "--app-icon-percent-size": l.value ? t.size : void 0,
@@ -3042,7 +3042,7 @@ const rs = /* @__PURE__ */ S({
       "--app-icon-spin-duration": t.spinDuration,
       "--app-icon-beat-duration": t.beatDuration,
       "--app-icon-fade-duration": t.fadeDuration
-    })), i = w(() => ({
+    })), i = g(() => ({
       [`app-icon--size-${t.size}`]: u.value,
       "app-icon--has-size": u.value,
       "app-icon--raw-size": r.value,
@@ -3053,7 +3053,7 @@ const rs = /* @__PURE__ */ S({
       "app-icon--beat": t.beat,
       "app-icon--fade": t.fade
     }));
-    return (d, c) => (v(), _("span", {
+    return (d, c) => (v(), y("span", {
       class: O(["app-icon", f(i)]),
       style: Ce(f(s)),
       onMouseenter: c[0] || (c[0] = (m) => n.value = !0),
@@ -3073,7 +3073,7 @@ const rs = /* @__PURE__ */ S({
   height: "1.2em"
 };
 function us(e, t) {
-  return v(), _("svg", ss, [...t[0] || (t[0] = [
+  return v(), y("svg", ss, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128"
@@ -3123,17 +3123,17 @@ const cs = xe({ name: "ph-circle-notch", render: us }), ds = {
   setup(e, { emit: t }) {
     let n = 0;
     const o = Ve("variant", "action"), a = Ve("size", "md"), l = ke("element"), r = e, u = t;
-    function s($) {
-      u(`click:${$}`);
+    function s(C) {
+      u(`click:${C}`);
     }
-    const i = Te(!1), d = w(() => r.id ?? `button-icon-${++n}`), c = w(() => ({
+    const i = Te(!1), d = g(() => r.id ?? `button-icon-${++n}`), c = g(() => ({
       "button-icon--square": r.square,
       "button-icon--loading": r.loading,
       "button-icon--truncate": r.truncate,
       "button-icon--hover": i.value,
       "button-icon--use-injected-variant": !r.variant,
       "button-icon--use-injected-size": !r.size
-    })), m = w(() => r.loading ? r.iconSpinner : r.iconLeft), y = w(() => r.loading ? r.iconSpinner : r.iconRight), x = w(() => r.loading && r.loadingText ? r.loadingText : r.label), k = w(() => r.tooltipLabel ?? r.label), b = w(() => !!k.value && !r.hideTooltip && (r.showTooltipForce || r.hideLabel)), h = w(() => ({
+    })), m = g(() => r.loading ? r.iconSpinner : r.iconLeft), w = g(() => r.loading ? r.iconSpinner : r.iconRight), x = g(() => r.loading && r.loadingText ? r.loadingText : r.label), k = g(() => r.tooltipLabel ?? r.label), b = g(() => !!k.value && !r.hideTooltip && (r.showTooltipForce || r.hideLabel)), h = g(() => ({
       pill: r.pill,
       pressed: r.pressed,
       size: r.size ?? a,
@@ -3141,19 +3141,19 @@ const cs = xe({ name: "ph-circle-notch", render: us }), ds = {
       type: r.type,
       variant: r.variant ?? o
     }));
-    return ($, g) => {
-      const C = On, j = rs, P = as, B = yn;
+    return (C, _) => {
+      const $ = On, W = rs, P = as, B = yn;
       return v(), R(B, _e(f(h), {
         id: f(d),
         ref: "element",
         class: ["button-icon", f(c)],
         "aria-label": f(k),
-        onMouseenter: g[1] || (g[1] = (I) => i.value = !0),
-        onMouseleave: g[2] || (g[2] = (I) => i.value = !1)
+        onMouseenter: _[1] || (_[1] = (I) => i.value = !0),
+        onMouseleave: _[2] || (_[2] = (I) => i.value = !1)
       }), {
         default: F(() => [
-          M($.$slots, "start", {}, void 0, !0),
-          e.iconLeft || !e.iconLeft && !e.iconRight && e.loading ? (v(), R(C, {
+          M(C.$slots, "start", {}, void 0, !0),
+          e.iconLeft || !e.iconLeft && !e.iconRight && e.loading ? (v(), R($, {
             key: 0,
             name: f(m),
             size: e.iconLeftSize,
@@ -3164,14 +3164,14 @@ const cs = xe({ name: "ph-circle-notch", render: us }), ds = {
             hover: f(i),
             class: "button-icon__icon-left"
           }, null, 8, ["name", "size", "spin", "spin-duration", "variant", "hover-variant", "hover"])) : D("", !0),
-          e.hideLabel ? D("", !0) : (v(), _("span", ds, [
-            M($.$slots, "default", at(lt({ labelOrLoadingText: f(x) })), () => [
+          e.hideLabel ? D("", !0) : (v(), y("span", ds, [
+            M(C.$slots, "default", at(lt({ labelOrLoadingText: f(x) })), () => [
               re(L(f(x)), 1)
             ], !0)
           ])),
-          e.iconRight ? (v(), R(C, {
+          e.iconRight ? (v(), R($, {
             key: 2,
-            name: f(y),
+            name: f(w),
             size: e.iconRightSize,
             spin: e.loading,
             "spin-duration": e.loadingDuration,
@@ -3179,15 +3179,15 @@ const cs = xe({ name: "ph-circle-notch", render: us }), ds = {
             "hover-variant": e.iconRightHoverVariant,
             hover: f(i),
             class: "button-icon__icon-right",
-            onClick: g[0] || (g[0] = (I) => s("icon-right"))
+            onClick: _[0] || (_[0] = (I) => s("icon-right"))
           }, null, 8, ["name", "size", "spin", "spin-duration", "variant", "hover-variant", "hover"])) : D("", !0),
-          e.counter !== null ? (v(), R(j, {
+          e.counter !== null ? (v(), R(W, {
             key: 3,
             counter: e.counter,
             variant: e.counterVariant,
             style: Ce(e.counterStyle)
           }, null, 8, ["counter", "variant", "style"])) : D("", !0),
-          M($.$slots, "end", {}, void 0, !0),
+          M(C.$slots, "end", {}, void 0, !0),
           f(b) ? (v(), R(P, {
             key: 4,
             "teleport-to": "body",
@@ -3208,7 +3208,7 @@ const cs = xe({ name: "ph-circle-notch", render: us }), ds = {
   height: "1.2em"
 };
 function ps(e, t) {
-  return v(), _("svg", vs, [...t[0] || (t[0] = [
+  return v(), y("svg", vs, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8m-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z"
@@ -3221,7 +3221,7 @@ const ms = xe({ name: "ph-copy", render: ps }), hs = {
   height: "1.2em"
 };
 function bs(e, t) {
-  return v(), _("svg", hs, [...t[0] || (t[0] = [
+  return v(), y("svg", hs, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "m229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69L218.34 66.34a8 8 0 0 1 11.32 11.32"
@@ -3264,13 +3264,13 @@ const Cl = xe({ name: "ph-check", render: bs }), Jh = /* @__PURE__ */ S({
     size: { default: "md" }
   },
   setup(e) {
-    const t = e, n = w(() => !["2xs", "xs", "sm", "md", "lg", "xl", "2xl"].includes(t.size)), o = w(() => ({
+    const t = e, n = g(() => !["2xs", "xs", "sm", "md", "lg", "xl", "2xl"].includes(t.size)), o = g(() => ({
       "--app-icon-layers-raw-size": n.value ? t.size : void 0,
       "--app-icon-layers-size": n.value ? void 0 : t.size
-    })), a = w(() => ({
+    })), a = g(() => ({
       [`app-icon-layers--size-${t.size}`]: !n.value
     }));
-    return (l, r) => (v(), _("span", {
+    return (l, r) => (v(), y("span", {
       class: O(["app-icon-layers", f(a)]),
       style: Ce(f(o))
     }, [
@@ -3293,9 +3293,9 @@ const Cl = xe({ name: "ph-check", render: bs }), Jh = /* @__PURE__ */ S({
       { id: "bc-stipple-b", seed: 31, freq: 0.65, amp: 1.9, exp: 1.6 },
       { id: "bc-stipple-c", seed: 12, freq: 0.6, amp: 1.8, exp: 1.5 }
     ];
-    return (n, o) => (v(), _("svg", ys, [
+    return (n, o) => (v(), y("svg", ys, [
       p("defs", null, [
-        (v(), _(le, null, we(t, (a) => p("filter", {
+        (v(), y(le, null, we(t, (a) => p("filter", {
           id: a.id,
           key: a.id,
           x: "-30%",
@@ -3345,10 +3345,10 @@ const Cl = xe({ name: "ph-check", render: bs }), Jh = /* @__PURE__ */ S({
   },
   setup(e) {
     const t = Da(), n = `bc-ring-field-${t}`, o = `bc-ring-paper-${t}`;
-    return (a, l) => (v(), _("div", {
+    return (a, l) => (v(), y("div", {
       class: O(["bc-ring", { "bc-ring--inline": e.inline }])
     }, [
-      (v(), _("svg", $s, [
+      (v(), y("svg", $s, [
         p("defs", null, [
           p("linearGradient", {
             id: n,
@@ -3405,10 +3405,10 @@ const Cl = xe({ name: "ph-check", render: bs }), Jh = /* @__PURE__ */ S({
     ], 2));
   }
 }), nb = /* @__PURE__ */ z(Ss, [["__scopeId", "data-v-0cc2eca8"]]);
-var Bl = (e, t) => w(() => {
+var Bl = (e, t) => g(() => {
   const n = fe(e), o = fe(t);
   return n === !0 ? "true" : typeof n == "string" ? n : o === !1 ? "true" : n === !1 ? "false" : void 0;
-}), Lo = (e) => w(() => {
+}), Lo = (e) => g(() => {
   const t = fe(e);
   return t === !0 ? "is-valid" : t === !1 ? "is-invalid" : null;
 }), qn = (e, t, n, o = n) => t.reduce((a, l) => (e[l] && a.push([
@@ -3479,7 +3479,7 @@ var Bl = (e, t) => w(() => {
     }
   },
   setup(e) {
-    const t = Pe(e, "BCol"), n = w(() => [
+    const t = Pe(e, "BCol"), n = g(() => [
       ...qn({
         sm: t.sm,
         md: t.md,
@@ -3523,7 +3523,7 @@ var Bl = (e, t) => w(() => {
         "offsetXl",
         "offsetXxl"
       ], "offset")
-    ]), o = w(() => [n.value, {
+    ]), o = g(() => [n.value, {
       col: t.col || !n.value.some((a) => a.startsWith("col-")) && !t.cols,
       [`col-${t.cols}`]: t.cols !== void 0,
       [`offset-${t.offset}`]: t.offset !== void 0,
@@ -3551,7 +3551,7 @@ var Bl = (e, t) => w(() => {
     state: e,
     disabled: t,
     track: o
-  })), { singleLabelTargetId: w(() => {
+  })), { singleLabelTargetId: g(() => {
     let a = null;
     for (const l of n.value) {
       const r = l.value;
@@ -3584,7 +3584,7 @@ var Bl = (e, t) => w(() => {
     }
   },
   setup(e) {
-    const t = Pe(e, "BFormInvalidFeedback"), n = w(() => t.forceShow || t.state === !1), o = w(() => ({
+    const t = Pe(e, "BFormInvalidFeedback"), n = g(() => t.forceShow || t.state === !1), o = g(() => ({
       "d-block": n.value,
       "invalid-feedback": !t.tooltip,
       "invalid-tooltip": t.tooltip
@@ -3629,7 +3629,7 @@ var Bl = (e, t) => w(() => {
     textVariant: { default: "body-secondary" }
   },
   setup(e) {
-    const t = Pe(e, "BFormText"), n = rn(t), o = w(() => [n.value, { "form-text": !t.inline }]);
+    const t = Pe(e, "BFormText"), n = rn(t), o = g(() => [n.value, { "form-text": !t.inline }]);
     return (a, l) => (v(), R(Be(f(t).tag), {
       id: f(t).id,
       class: O(o.value)
@@ -3660,7 +3660,7 @@ var Bl = (e, t) => w(() => {
     }
   },
   setup(e) {
-    const t = Pe(e, "BFormInvalidFeedback"), n = w(() => t.forceShow === !0 || t.state === !0), o = w(() => ({
+    const t = Pe(e, "BFormInvalidFeedback"), n = g(() => t.forceShow === !0 || t.state === !0), o = g(() => ({
       "d-block": n.value,
       "valid-feedback": !t.tooltip,
       "valid-tooltip": t.tooltip
@@ -3696,8 +3696,8 @@ var Bl = (e, t) => w(() => {
     descriptionId: {}
   },
   setup(e) {
-    const t = xt(), n = w(() => !!t["invalid-feedback"]), o = w(() => !!t["valid-feedback"]), a = w(() => !!t.description);
-    return (l, r) => (v(), _(le, null, [
+    const t = xt(), n = g(() => !!t["invalid-feedback"]), o = g(() => !!t["valid-feedback"]), a = g(() => !!t.description);
+    return (l, r) => (v(), y(le, null, [
       n.value || e.invalidFeedback ? (v(), R(As, {
         key: 0,
         id: e.invalidFeedbackId,
@@ -3930,23 +3930,23 @@ var Bl = (e, t) => w(() => {
     ], n = Pe(e, "BFormGroup"), o = xt(), a = mt(() => n.state), { singleLabelTargetId: l } = Ls({
       state: a,
       disabled: mt(() => n.disabled)
-    }), r = w(() => n.labelFor ?? l.value), u = [
+    }), r = g(() => n.labelFor ?? l.value), u = [
       "xs",
       "sm",
       "md",
       "lg",
       "xl"
     ], s = (T, E) => u.reduce((H, G) => {
-      let W = T[ua(G === "xs" ? "" : G, `${E}Cols`)];
-      if (W = W === "" ? !0 : W || !1, typeof W != "boolean" && W !== "auto") {
-        const ne = Number.parseInt(W);
-        W = Number.isNaN(ne) ? 0 : ne, W = W > 0 ? W : !1;
+      let q = T[ua(G === "xs" ? "" : G, `${E}Cols`)];
+      if (q = q === "" ? !0 : q || !1, typeof q != "boolean" && q !== "auto") {
+        const ne = Number.parseInt(q);
+        q = Number.isNaN(ne) ? 0 : ne, q = q > 0 ? q : !1;
       }
-      return W && (G === "xs" ? H[typeof W == "boolean" ? "col" : "cols"] = W : H[G || (typeof W == "boolean" ? "col" : "cols")] = W), H;
-    }, {}), i = ke("_content"), d = w(() => s(n, "content")), c = w(() => ((T, E) => u.reduce((H, G) => {
-      const W = T[ua(G === "xs" ? "" : G, `${E}Align`)] || null;
-      return W && (G === "xs" ? H.push(`text-${W}`) : H.push(`text-${G}-${W}`)), H;
-    }, []))(n, "label")), m = w(() => s(n, "label")), y = w(() => Object.keys(d.value).length > 0 || Object.keys(m.value).length > 0), x = Lo(a), k = Bl(() => n.ariaInvalid, a), b = (T) => {
+      return q && (G === "xs" ? H[typeof q == "boolean" ? "col" : "cols"] = q : H[G || (typeof q == "boolean" ? "col" : "cols")] = q), H;
+    }, {}), i = ke("_content"), d = g(() => s(n, "content")), c = g(() => ((T, E) => u.reduce((H, G) => {
+      const q = T[ua(G === "xs" ? "" : G, `${E}Align`)] || null;
+      return q && (G === "xs" ? H.push(`text-${q}`) : H.push(`text-${G}-${q}`)), H;
+    }, []))(n, "label")), m = g(() => s(n, "label")), w = g(() => Object.keys(d.value).length > 0 || Object.keys(m.value).length > 0), x = Lo(a), k = Bl(() => n.ariaInvalid, a), b = (T) => {
       if (r.value || i.value === null) return;
       const { target: E } = T, H = E ? E.tagName : "";
       if ([
@@ -3955,50 +3955,50 @@ var Bl = (e, t) => w(() => {
         "button",
         "label"
       ].indexOf(H) !== -1) return;
-      const G = y.value && i.value && "$el" in i.value ? i.value.$el : i.value;
+      const G = w.value && i.value && "$el" in i.value ? i.value.$el : i.value;
       if (!G) return;
-      const W = [...G.querySelectorAll(t.map((se) => `${se}:not([disabled])`).join())].filter(Yr), [ne] = W;
-      W.length === 1 && ne instanceof HTMLElement && Ur(ne);
-    }, h = pt(() => n.id), $ = pt(void 0, "_BV_label_"), g = w(() => r.value ? "label" : "legend"), C = w(() => [
-      y.value ? "col-form-label" : "form-label",
+      const q = [...G.querySelectorAll(t.map((se) => `${se}:not([disabled])`).join())].filter(Yr), [ne] = q;
+      q.length === 1 && ne instanceof HTMLElement && Ur(ne);
+    }, h = pt(() => n.id), C = pt(void 0, "_BV_label_"), _ = g(() => r.value ? "label" : "legend"), $ = g(() => [
+      w.value ? "col-form-label" : "form-label",
       {
         "bv-no-focus-ring": !r.value,
-        "col-form-label": y.value || !r.value,
-        "pt-0": !y.value && !r.value,
-        "d-block": !y.value && r.value,
+        "col-form-label": w.value || !r.value,
+        "pt-0": !w.value && !r.value,
+        "d-block": !w.value && r.value,
         [`col-form-label-${n.labelSize}`]: !!n.labelSize,
         "visually-hidden": n.labelVisuallyHidden
       },
-      y.value ? null : c.value,
+      w.value ? null : c.value,
       n.labelClass
-    ]), j = pt(void 0, "_BV_feedback_invalid_"), P = pt(void 0, "_BV_feedback_valid_"), B = pt(void 0, "_BV_description_"), I = w(() => !r.value), V = w(() => !!o.label || !!n.label || y.value), q = w(() => ({
+    ]), W = pt(void 0, "_BV_feedback_invalid_"), P = pt(void 0, "_BV_feedback_valid_"), B = pt(void 0, "_BV_description_"), I = g(() => !r.value), V = g(() => !!o.label || !!n.label || w.value), j = g(() => ({
       label: n.label,
-      labelTag: g.value,
-      labelId: $.value,
+      labelTag: _.value,
+      labelId: C.value,
       computedLabelFor: r.value,
       isFieldset: I.value,
-      isHorizontal: y.value,
+      isHorizontal: w.value,
       labelColProps: m.value,
       labelAlignClasses: c.value,
-      labelClasses: C.value
-    })), te = w(() => ({
+      labelClasses: $.value
+    })), te = g(() => ({
       invalidFeedback: n.invalidFeedback,
       validFeedback: n.validFeedback,
       description: n.description,
       feedbackAriaLive: n.feedbackAriaLive,
       state: a.value,
       tooltip: n.tooltip,
-      invalidFeedbackId: j.value,
+      invalidFeedbackId: W.value,
       validFeedbackId: P.value,
       descriptionId: B.value
     }));
-    return (T, E) => (v(), _("fieldset", _e({
+    return (T, E) => (v(), y("fieldset", _e({
       id: f(h),
       disabled: f(n).disabled,
       "aria-invalid": f(k),
-      "aria-labelledby": I.value && y.value ? f($) : void 0
-    }, T.$attrs, { class: [[f(x), { "was-validated": f(n).validated }], "b-form-group"] }), [y.value ? (v(), R(Ts, { key: 0 }, {
-      default: F(() => [V.value ? (v(), R(Gn, _e({ key: 0 }, q.value, { onLegendClick: b }), vt({ _: 2 }, [o.label ? {
+      "aria-labelledby": I.value && w.value ? f(C) : void 0
+    }, T.$attrs, { class: [[f(x), { "was-validated": f(n).validated }], "b-form-group"] }), [w.value ? (v(), R(Ts, { key: 0 }, {
+      default: F(() => [V.value ? (v(), R(Gn, _e({ key: 0 }, j.value, { onLegendClick: b }), vt({ _: 2 }, [o.label ? {
         name: "label",
         fn: F(() => [M(T.$slots, "label")]),
         key: "0"
@@ -4007,7 +4007,7 @@ var Bl = (e, t) => w(() => {
           id: f(h),
           ariaDescribedby: null,
           descriptionId: f(B),
-          labelId: f($)
+          labelId: f(C)
         }), Y(jn, at(lt(te.value)), vt({ _: 2 }, [
           o["invalid-feedback"] ? {
             name: "invalid-feedback",
@@ -4028,14 +4028,14 @@ var Bl = (e, t) => w(() => {
         _: 3
       }, 16)]),
       _: 3
-    })) : (v(), _(le, { key: 1 }, [f(n).floating && !y.value ? (v(), _("div", Ds, [
+    })) : (v(), y(le, { key: 1 }, [f(n).floating && !w.value ? (v(), y("div", Ds, [
       M(T.$slots, "default", {
         id: f(h),
         ariaDescribedby: null,
         descriptionId: f(B),
-        labelId: f($)
+        labelId: f(C)
       }),
-      V.value ? (v(), R(Gn, _e({ key: 0 }, q.value, { onLegendClick: b }), vt({ _: 2 }, [o.label ? {
+      V.value ? (v(), R(Gn, _e({ key: 0 }, j.value, { onLegendClick: b }), vt({ _: 2 }, [o.label ? {
         name: "label",
         fn: F(() => [M(T.$slots, "label")]),
         key: "0"
@@ -4057,8 +4057,8 @@ var Bl = (e, t) => w(() => {
           key: "2"
         } : void 0
       ]), 1040)
-    ], 512)) : (v(), _(le, { key: 1 }, [
-      V.value ? (v(), R(Gn, _e({ key: 0 }, q.value, { onLegendClick: b }), vt({ _: 2 }, [o.label ? {
+    ], 512)) : (v(), y(le, { key: 1 }, [
+      V.value ? (v(), R(Gn, _e({ key: 0 }, j.value, { onLegendClick: b }), vt({ _: 2 }, [o.label ? {
         name: "label",
         fn: F(() => [M(T.$slots, "label")]),
         key: "0"
@@ -4067,7 +4067,7 @@ var Bl = (e, t) => w(() => {
         id: f(h),
         ariaDescribedby: null,
         descriptionId: f(B),
-        labelId: f($)
+        labelId: f(C)
       }),
       Y(jn, at(lt(te.value)), vt({ _: 2 }, [
         o["invalid-feedback"] ? {
@@ -4088,7 +4088,7 @@ var Bl = (e, t) => w(() => {
       ]), 1040)
     ], 64))], 64))], 16, Fs));
   }
-}), Rs = (e) => w(() => {
+}), Rs = (e) => g(() => {
   const t = fe(e);
   return {
     "form-check": !t.plain && !t.button && t.hasDefaultSlot,
@@ -4099,11 +4099,11 @@ var Bl = (e, t) => w(() => {
   };
 }), Vs = (e) => {
   const t = Ae(mt(e)), n = Lo(() => t.value.state ?? null);
-  return w(() => [n.value, {
+  return g(() => [n.value, {
     "form-check-input": !t.value.plain && !t.value.button,
     "btn-check": t.value.button === !0
   }]);
-}, Os = (e) => w(() => {
+}, Os = (e) => g(() => {
   const t = fe(e);
   return {
     "form-check-label": !t.plain && !t.button,
@@ -4224,13 +4224,13 @@ var Bl = (e, t) => w(() => {
   emits: ["update:modelValue", "update:indeterminate"],
   setup(e, { expose: t }) {
     var T;
-    const n = Pe(e, "BFormCheckbox"), o = xt(), a = on(), l = ae(e, "modelValue"), r = ae(e, "indeterminate"), u = w(() => {
+    const n = Pe(e, "BFormCheckbox"), o = xt(), a = on(), l = ae(e, "modelValue"), r = ae(e, "indeterminate"), u = g(() => {
       const { class: E, ...H } = a;
       return {
         wrapperClass: E,
         inputAttrs: H
       };
-    }), s = pt(() => n.id, "form-check"), i = Ve(yr, null), d = ke("_input"), { focused: c } = el(d, { initialValue: n.autofocus }), m = w(() => !nl(o.default)), y = {
+    }), s = pt(() => n.id, "form-check"), i = Ve(yr, null), d = ke("_input"), { focused: c } = el(d, { initialValue: n.autofocus }), m = g(() => !nl(o.default)), w = {
       plain: !1,
       button: !1,
       inline: !1,
@@ -4239,18 +4239,18 @@ var Bl = (e, t) => w(() => {
       size: void 0,
       buttonVariant: "secondary",
       state: null
-    }, x = w(() => ({
-      plain: n.plain ?? (i == null ? void 0 : i.plain.value) ?? y.plain,
-      button: n.button ?? (i == null ? void 0 : i.buttons.value) ?? y.button,
-      inline: n.inline ?? (i == null ? void 0 : i.inline.value) ?? y.inline,
-      reverse: n.reverse ?? (i == null ? void 0 : i.reverse.value) ?? y.reverse,
-      switch: n.switch ?? (i == null ? void 0 : i.switch.value) ?? y.switch,
-      state: n.state ?? (i == null ? void 0 : i.state.value) ?? y.state,
-      size: n.size ?? (i == null ? void 0 : i.size.value) ?? y.size,
-      buttonVariant: n.buttonVariant ?? (i == null ? void 0 : i.buttonVariant.value) ?? y.buttonVariant
-    })), k = w(() => x.value.plain), b = w(() => m.value || !k.value), h = w(() => b.value ? null : s.value), $ = (T = Ve(ho, null)) == null ? void 0 : T();
-    $ == null || $.track(h);
-    const g = w({
+    }, x = g(() => ({
+      plain: n.plain ?? (i == null ? void 0 : i.plain.value) ?? w.plain,
+      button: n.button ?? (i == null ? void 0 : i.buttons.value) ?? w.button,
+      inline: n.inline ?? (i == null ? void 0 : i.inline.value) ?? w.inline,
+      reverse: n.reverse ?? (i == null ? void 0 : i.reverse.value) ?? w.reverse,
+      switch: n.switch ?? (i == null ? void 0 : i.switch.value) ?? w.switch,
+      state: n.state ?? (i == null ? void 0 : i.state.value) ?? w.state,
+      size: n.size ?? (i == null ? void 0 : i.size.value) ?? w.size,
+      buttonVariant: n.buttonVariant ?? (i == null ? void 0 : i.buttonVariant.value) ?? w.buttonVariant
+    })), k = g(() => x.value.plain), b = g(() => m.value || !k.value), h = g(() => b.value ? null : s.value), C = (T = Ve(ho, null)) == null ? void 0 : T();
+    C == null || C.track(h);
+    const _ = g({
       get: () => i ? i.modelValue.value : l.value,
       set: (E) => {
         if (E !== void 0) {
@@ -4261,10 +4261,10 @@ var Bl = (e, t) => w(() => {
           l.value = E;
         }
       }
-    }), C = w(() => !!(n.name ?? (i == null ? void 0 : i.name.value)) && (n.required || (i == null ? void 0 : i.required.value))), j = w(() => n.buttonGroup || ((i == null ? void 0 : i.buttons.value) ?? !1)), P = w(() => ({
+    }), $ = g(() => !!(n.name ?? (i == null ? void 0 : i.name.value)) && (n.required || (i == null ? void 0 : i.required.value))), W = g(() => n.buttonGroup || ((i == null ? void 0 : i.buttons.value) ?? !1)), P = g(() => ({
       ...x.value,
       hasDefaultSlot: m.value
-    })), B = Rs(P), I = w(() => [B.value, u.value.wrapperClass]), V = Vs(P), q = w(() => [V.value, n.inputClass]), te = Os(P);
+    })), B = Rs(P), I = g(() => [B.value, u.value.wrapperClass]), V = Vs(P), j = g(() => [V.value, n.inputClass]), te = Os(P);
     return t({
       blur: () => {
         c.value = !1;
@@ -4273,27 +4273,27 @@ var Bl = (e, t) => w(() => {
       focus: () => {
         c.value = !0;
       }
-    }), (E, H) => (v(), R(Mo, _e({ skip: j.value }, f(n).wrapperAttrs, { class: I.value }), {
+    }), (E, H) => (v(), R(Mo, _e({ skip: W.value }, f(n).wrapperAttrs, { class: I.value }), {
       default: F(() => {
-        var G, W, ne, se;
+        var G, q, ne, se;
         return [Lt(p("input", _e({
           id: f(s),
           ref: "_input",
-          "onUpdate:modelValue": H[0] || (H[0] = (ve) => g.value = ve),
-          class: q.value,
+          "onUpdate:modelValue": H[0] || (H[0] = (ve) => _.value = ve),
+          class: j.value,
           type: "checkbox",
-          disabled: f(n).disabled || ((G = f(i)) == null ? void 0 : G.disabled.value) || ((W = f($)) == null ? void 0 : W.disabled.value),
-          required: C.value || void 0,
+          disabled: f(n).disabled || ((G = f(i)) == null ? void 0 : G.disabled.value) || ((q = f(C)) == null ? void 0 : q.disabled.value),
+          required: $.value || void 0,
           name: f(n).name || ((ne = f(i)) == null ? void 0 : ne.name.value),
           form: f(n).form || ((se = f(i)) == null ? void 0 : se.form.value),
           "aria-label": f(n).ariaLabel,
           "aria-labelledby": f(n).ariaLabelledby,
-          "aria-required": C.value || void 0,
+          "aria-required": $.value || void 0,
           value: f(n).value,
           "true-value": f(n).value,
           "false-value": f(n).uncheckedValue,
           indeterminate: r.value || void 0
-        }, u.value.inputAttrs), null, 16, Es), [[Oa, g.value]]), b.value ? (v(), _("label", {
+        }, u.value.inputAttrs), null, 16, Es), [[Oa, _.value]]), b.value ? (v(), y("label", {
           key: 0,
           for: f(s),
           class: O(f(te))
@@ -5073,7 +5073,7 @@ const ha = (e, t, n = !1) => {
 }, Xn = (e, t) => !!(Object.prototype.hasOwnProperty.call(e, t) && typeof e[t] < "u"), fn = (e) => typeof e > "u", Ao = ["update:tinyColor", "update:modelValue", "input"];
 function To(e, t, n) {
   let o, a;
-  const l = w({
+  const l = g({
     get: () => {
       const { modelValue: u, tinyColor: s, value: i } = e, d = s ?? u ?? i;
       return fn(a) && (fn(i) || (a = U(i).getFormat()), fn(u) || (a = U(u).getFormat())), fn(o) && (typeof i == "object" && !(i instanceof U) && (o = !0), typeof u == "object" && (o = !0)), U(d);
@@ -5132,27 +5132,27 @@ const Il = (e, t = 20) => {
   },
   emits: ["change"].concat(Ao),
   setup(e, { emit: t }) {
-    const n = t, o = e, a = ue(0), l = To(o, n), r = w(() => l.value.toHsv()), u = w(() => o.hue ?? r.value.h), s = w(() => `hsl(${u.value}, 100%, 50%)`), i = w(() => -(r.value.v * 100) + 1 + 100 + "%"), d = w(() => r.value.v <= 0.01 ? a.value * 100 + "%" : r.value.s * 100 + "%"), c = ue(null);
-    function m(g) {
-      const C = c.value;
-      if (!C)
+    const n = t, o = e, a = ue(0), l = To(o, n), r = g(() => l.value.toHsv()), u = g(() => o.hue ?? r.value.h), s = g(() => `hsl(${u.value}, 100%, 50%)`), i = g(() => -(r.value.v * 100) + 1 + 100 + "%"), d = g(() => r.value.v <= 0.01 ? a.value * 100 + "%" : r.value.s * 100 + "%"), c = ue(null);
+    function m(_) {
+      const $ = c.value;
+      if (!$)
         return;
-      const j = C.clientWidth, P = C.clientHeight, { x: B, y: I } = Pl(C), { x: V, y: q } = Tl(g), te = Kn(V - B, 0, j), T = Kn(q - I, 0, P), E = te / j, H = Kn(1 - T / P, 0, 1);
+      const W = $.clientWidth, P = $.clientHeight, { x: B, y: I } = Pl($), { x: V, y: j } = Tl(_), te = Kn(V - B, 0, W), T = Kn(j - I, 0, P), E = te / W, H = Kn(1 - T / P, 0, 1);
       a.value = E;
-      let G = Math.round(E * 100), W = Math.round(H * 100);
-      G === 1 && (G = 0.01), W === 1 && (W = 0.01), y({
+      let G = Math.round(E * 100), q = Math.round(H * 100);
+      G === 1 && (G = 0.01), q === 1 && (q = 0.01), w({
         h: u.value,
         s: G,
-        v: W,
+        v: q,
         a: r.value.a
       });
     }
-    function y(g) {
-      l.value = g;
+    function w(_) {
+      l.value = _;
     }
     const x = Il(m, 20);
-    function k(g) {
-      g.preventDefault(), g.type.startsWith("mouse") ? (window.addEventListener("mousemove", x), window.addEventListener("mouseup", x), window.addEventListener("mouseup", b)) : g.type.startsWith("touch") && (window.addEventListener("touchmove", x), window.addEventListener("touchend", x), window.addEventListener("touchend", b));
+    function k(_) {
+      _.preventDefault(), _.type.startsWith("mouse") ? (window.addEventListener("mousemove", x), window.addEventListener("mouseup", x), window.addEventListener("mouseup", b)) : _.type.startsWith("touch") && (window.addEventListener("touchmove", x), window.addEventListener("touchend", x), window.addEventListener("touchend", b));
     }
     function b() {
       h();
@@ -5160,37 +5160,37 @@ const Il = (e, t = 20) => {
     function h() {
       window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", x), window.removeEventListener("mouseup", b), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", x), window.removeEventListener("touchend", b);
     }
-    function $(g) {
-      switch (g.preventDefault(), Po(g)) {
+    function C(_) {
+      switch (_.preventDefault(), Po(_)) {
         case "left": {
-          const C = r.value.s - 0.01;
-          y({
+          const $ = r.value.s - 0.01;
+          w({
             ...r.value,
-            s: C >= 0 ? C : 0
+            s: $ >= 0 ? $ : 0
           });
           break;
         }
         case "right": {
-          const C = r.value.s + 0.01;
-          y({
+          const $ = r.value.s + 0.01;
+          w({
             ...r.value,
-            s: C > 1 ? 1 : C
+            s: $ > 1 ? 1 : $
           });
           break;
         }
         case "up": {
-          const C = r.value.v + 0.01;
-          y({
+          const $ = r.value.v + 0.01;
+          w({
             ...r.value,
-            v: C > 1 ? 1 : C
+            v: $ > 1 ? 1 : $
           });
           break;
         }
         case "down": {
-          const C = r.value.v - 0.01;
-          y({
+          const $ = r.value.v - 0.01;
+          w({
             ...r.value,
-            v: C < 0 ? 0 : C
+            v: $ < 0 ? 0 : $
           });
           break;
         }
@@ -5198,7 +5198,7 @@ const Il = (e, t = 20) => {
     }
     return Pn(() => {
       h();
-    }), (g, C) => (v(), _("div", {
+    }), (_, $) => (v(), y("div", {
       class: "vc-saturation-slider bg",
       style: Ce({ background: s.value }),
       ref_key: "containerRef",
@@ -5208,8 +5208,8 @@ const Il = (e, t = 20) => {
       role: "application",
       "aria-label": "Saturation and brightness picker"
     }, [
-      C[1] || (C[1] = p("div", { class: "bg white" }, null, -1)),
-      C[2] || (C[2] = p("div", { class: "bg black" }, null, -1)),
+      $[1] || ($[1] = p("div", { class: "bg white" }, null, -1)),
+      $[2] || ($[2] = p("div", { class: "bg black" }, null, -1)),
       p("div", {
         class: "picker-wrap",
         style: Ce({ top: i.value, left: d.value }),
@@ -5220,8 +5220,8 @@ const Il = (e, t = 20) => {
         "aria-label": "press arrow to change saturation or brightness",
         "aria-valuenow": "?",
         "aria-valuetext": `saturation: ${r.value.s.toFixed(0)}%, brightness: ${r.value.v.toFixed(0)}%`,
-        onKeydown: $
-      }, C[0] || (C[0] = [
+        onKeydown: C
+      }, $[0] || ($[0] = [
         p("div", { class: "picker" }, null, -1)
       ]), 44, vu)
     ], 36));
@@ -5246,7 +5246,7 @@ const Il = (e, t = 20) => {
   },
   emits: ["input", "update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = w(() => n.modelValue ?? n.value), l = w(() => {
+    const n = e, o = t, a = g(() => n.modelValue ?? n.value), l = g(() => {
       let x = a.value / n.max;
       return n.direction === "vertical" && (x = 1 - x), 100 * x + "%";
     }), r = ue(null);
@@ -5257,9 +5257,9 @@ const Il = (e, t = 20) => {
       const { direction: k, max: b } = n, h = r.value;
       if (!h)
         return;
-      const $ = h.clientWidth, g = h.clientHeight, { x: C, y: j } = Pl(h), { x: P, y: B } = Tl(x), I = P - C, V = B - j;
-      let q;
-      k === "vertical" ? V < 0 ? q = b : V > g ? q = 0 : q = (1 - V / g) * b : I < 0 ? q = 0 : I > $ ? q = b : q = I / $ * b, u(q);
+      const C = h.clientWidth, _ = h.clientHeight, { x: $, y: W } = Pl(h), { x: P, y: B } = Tl(x), I = P - $, V = B - W;
+      let j;
+      k === "vertical" ? V < 0 ? j = b : V > _ ? j = 0 : j = (1 - V / _) * b : I < 0 ? j = 0 : I > C ? j = b : j = I / C * b, u(j);
     }
     const i = Il(s);
     function d(x) {
@@ -5271,42 +5271,42 @@ const Il = (e, t = 20) => {
     function m() {
       window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", c), window.removeEventListener("touchmove", i), window.removeEventListener("touchend", c);
     }
-    function y(x) {
+    function w(x) {
       x.preventDefault();
-      const { direction: k, max: b } = n, h = Po(x), $ = n.step ?? b / 100, g = a.value;
-      let C;
+      const { direction: k, max: b } = n, h = Po(x), C = n.step ?? b / 100, _ = a.value;
+      let $;
       switch (h) {
         case "left": {
           if (k !== "horizontal")
             return;
-          C = g - $ < 0 ? 0 : g - $;
+          $ = _ - C < 0 ? 0 : _ - C;
           break;
         }
         case "right": {
           if (k !== "horizontal")
             return;
-          C = g + $ > b ? b : g + $;
+          $ = _ + C > b ? b : _ + C;
           break;
         }
         case "down": {
           if (k !== "vertical")
             return;
-          C = g - $ < 0 ? 0 : g - $;
+          $ = _ - C < 0 ? 0 : _ - C;
           break;
         }
         case "up": {
           if (k !== "vertical")
             return;
-          C = g + $ > b ? b : g + $;
+          $ = _ + C > b ? b : _ + C;
           break;
         }
       }
-      u(C);
+      u($);
     }
     return Pn(() => {
       m();
-    }), (x, k) => (v(), _("div", hu, [
-      x.$slots.background ? (v(), _("div", bu, [
+    }), (x, k) => (v(), y("div", hu, [
+      x.$slots.background ? (v(), y("div", bu, [
         M(x.$slots, "background", {}, void 0, !0)
       ])) : D("", !0),
       p("div", {
@@ -5325,7 +5325,7 @@ const Il = (e, t = 20) => {
         "aria-valuemin": "0",
         "aria-valuenow": a.value.toFixed(1),
         tabindex: "0",
-        onKeydown: y
+        onKeydown: w
       }, [
         p("div", {
           class: "picker-wrap",
@@ -5353,14 +5353,14 @@ const Il = (e, t = 20) => {
     Ea((d) => ({
       "2f44f39d": a.value
     }));
-    const n = e, o = t, a = w(() => `linear-gradient(to ${n.direction === "horizontal" ? "right" : "top"}, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)`), l = w(() => {
+    const n = e, o = t, a = g(() => `linear-gradient(to ${n.direction === "horizontal" ? "right" : "top"}, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)`), l = g(() => {
       const d = Number(n.modelValue);
       return Number.isNaN(d) ? 0 : d;
     }), r = ue();
     Me(l, (d, c) => {
       d !== 0 && d - c > 0 && (r.value = "right"), d !== 0 && d - c < 0 && (r.value = "left");
     });
-    const u = w(() => n.direction === "vertical" ? l.value === 0 && r.value === "right" ? 0 : l.value : n.direction === "horizontal" ? l.value === 0 && r.value === "right" ? 360 : l.value : 0);
+    const u = g(() => n.direction === "vertical" ? l.value === 0 && r.value === "right" ? 0 : l.value : n.direction === "horizontal" ? l.value === 0 && r.value === "right" ? 360 : l.value : 0);
     function s(d) {
       i(Math.round(d));
     }
@@ -5405,9 +5405,9 @@ const Il = (e, t = 20) => {
     var d;
     const n = e, o = t, a = ((d = n.a11y) == null ? void 0 : d.label) ?? n.label, l = `input__label__${a}__${Math.random().toString().slice(2, 5)}`;
     function r(c) {
-      const { min: m, max: y } = n;
-      if (so(y) && +c > y) {
-        o("change", y);
+      const { min: m, max: w } = n;
+      if (so(w) && +c > w) {
+        o("change", w);
         return;
       }
       if (so(m) && +c < m) {
@@ -5426,12 +5426,12 @@ const Il = (e, t = 20) => {
     function i(c) {
       let m = Number(n.value);
       if (!isNaN(m)) {
-        let y = n.step;
-        const x = fu(y), k = Po(c);
-        k === "up" && (r((m + y).toFixed(x)), c.preventDefault()), k === "down" && (r((m - y).toFixed(x)), c.preventDefault());
+        let w = n.step;
+        const x = fu(w), k = Po(c);
+        k === "up" && (r((m + w).toFixed(x)), c.preventDefault()), k === "down" && (r((m - w).toFixed(x)), c.preventDefault());
       }
     }
-    return (c, m) => (v(), _("div", ku, [
+    return (c, m) => (v(), y("div", ku, [
       p("input", {
         class: "vc-input-input",
         value: n.value,
@@ -5446,7 +5446,7 @@ const Il = (e, t = 20) => {
         class: "vc-input-label",
         "aria-hidden": "true"
       }, L(n.label), 1),
-      c.desc ? (v(), _("span", $u, L(c.desc), 1)) : D("", !0)
+      c.desc ? (v(), y("span", $u, L(c.desc), 1)) : D("", !0)
     ]));
   }
 }), St = /* @__PURE__ */ Wt(Cu, [["__scopeId", "data-v-9c267b2b"]]), ba = (e) => U(e).isValid(), Dl = /* @__PURE__ */ S({
@@ -5553,12 +5553,12 @@ const zu = {
   },
   emits: Ao,
   setup(e, { emit: t }) {
-    const n = e, o = To(n, t), a = w(() => o.value.toHexString()), l = (s) => s.toLowerCase() === a.value.toLowerCase(), r = (s) => {
+    const n = e, o = To(n, t), a = g(() => o.value.toHexString()), l = (s) => s.toLowerCase() === a.value.toLowerCase(), r = (s) => {
       o.value = s;
     }, u = (s) => {
       o.value = s;
     };
-    return (s, i) => (v(), _("div", {
+    return (s, i) => (v(), y("div", {
       class: O(["vc-twitter-picker", {
         tri_hide: n.triangle === "hide",
         tri_top_left: n.triangle === "top-left",
@@ -5573,7 +5573,7 @@ const zu = {
       i[2] || (i[2] = p("div", { class: "triangle_shadow" }, null, -1)),
       i[3] || (i[3] = p("div", { class: "triangle" }, null, -1)),
       p("div", zu, [
-        (v(!0), _(le, null, we(s.presetColors, (d, c) => (v(), _("span", {
+        (v(!0), y(le, null, we(s.presetColors, (d, c) => (v(), y("span", {
           key: c,
           class: "swatch",
           style: Ce({
@@ -5611,9 +5611,9 @@ const zu = {
     Ea((u) => ({
       "46ac36b6": r.value
     }));
-    const n = t, o = e, a = w(() => o.modelValue ?? o.value ?? 0), l = (u) => {
+    const n = t, o = e, a = g(() => o.modelValue ?? o.value ?? 0), l = (u) => {
       n("input", u), n("update:modelValue", u);
-    }, r = w(() => `hsl(${a.value}, 100%, 50%)`);
+    }, r = g(() => `hsl(${a.value}, 100%, 50%)`);
     return (u, s) => (v(), R(Fl, _e({ class: "vc-hue-wrap" }, u.$attrs, {
       modelValue: a.value,
       "onUpdate:modelValue": l
@@ -5639,7 +5639,7 @@ const zu = {
       detectIframe: !0,
       ignore: () => [n.target]
     });
-    const r = w(() => U(t.value).toHsv().h);
+    const r = g(() => U(t.value).toHsv().h);
     function u(s) {
       const i = U({ h: s, s: 1, v: 1 }).toHexString();
       t.value = i;
@@ -5740,8 +5740,8 @@ const zu = {
   },
   emits: ["select"],
   setup(e) {
-    const t = e, n = w(() => `direction-picker-handle--${t.shape}`);
-    return (o, a) => (v(), _("button", {
+    const t = e, n = g(() => `direction-picker-handle--${t.shape}`);
+    return (o, a) => (v(), y("button", {
       type: "button",
       class: O(["direction-picker-handle", [f(n), { "direction-picker-handle--active": e.active }]]),
       "data-d": e.pos,
@@ -5756,11 +5756,11 @@ const zu = {
     y: {}
   },
   setup(e) {
-    const t = e, n = w(() => `${t.x * 100}%`), o = w(() => `${t.y * 100}%`), a = w(() => {
+    const t = e, n = g(() => `${t.x * 100}%`), o = g(() => `${t.y * 100}%`), a = g(() => {
       let l, r;
       return t.x === 0 ? l = "-1px" : t.x === 1 ? l = "calc(100% - var(--rect-w) + 1px)" : l = `calc(var(--rect-pad) + ${t.x} * (100% - 2 * var(--rect-pad) - var(--rect-w)))`, t.y === 0 ? r = "-1px" : t.y === 1 ? r = "calc(100% - var(--rect-h) + 1px)" : r = `calc(var(--rect-pad) + ${t.y} * (100% - 2 * var(--rect-pad) - var(--rect-h)))`, { left: l, top: r };
     });
-    return (l, r) => (v(), _("div", tc, [
+    return (l, r) => (v(), y("div", tc, [
       p("div", {
         class: "direction-picker-field__crosshair-h",
         style: Ce({ top: f(o) })
@@ -5796,7 +5796,7 @@ const zu = {
       { value: "SW", pos: "sw", label: "Bottom left", shape: "corner", x: 0, y: 1 },
       { value: "S", pos: "s", label: "Bottom", shape: "edge-h", x: 0.5, y: 1 },
       { value: "SE", pos: "se", label: "Bottom right", shape: "corner", x: 1, y: 1 }
-    ], a = w(() => o.find((r) => r.value === t.value) ?? o[4]), l = w(() => `direction-picker__anchor--${n.size}`);
+    ], a = g(() => o.find((r) => r.value === t.value) ?? o[4]), l = g(() => `direction-picker__anchor--${n.size}`);
     return (r, u) => {
       const s = oc, i = ec, d = ut;
       return v(), R(d, {
@@ -5811,7 +5811,7 @@ const zu = {
               x: f(a).x,
               y: f(a).y
             }, null, 8, ["x", "y"]),
-            (v(), _(le, null, we(o, (c) => Y(i, {
+            (v(), y(le, null, we(o, (c) => Y(i, {
               key: c.value,
               pos: c.pos,
               label: c.label,
@@ -5833,11 +5833,11 @@ const zu = {
     size: { default: "md" }
   },
   setup(e) {
-    const t = e, n = w(() => ({
+    const t = e, n = g(() => ({
       "display-color-swatch--sm": t.size === "sm",
       "display-color-swatch--bordered": t.bordered
     }));
-    return (o, a) => (v(), _("span", {
+    return (o, a) => (v(), y("span", {
       class: O(["display-color-swatch", f(n)]),
       style: Ce({ backgroundColor: e.color })
     }, null, 6));
@@ -5848,7 +5848,7 @@ const zu = {
   height: "1.2em"
 };
 function ic(e, t) {
-  return v(), _("svg", rc, [...t[0] || (t[0] = [
+  return v(), y("svg", rc, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8"
@@ -5910,7 +5910,7 @@ const sc = xe({ name: "ph-plus", render: ic }), uc = /* @__PURE__ */ S({
         t.value = [...t.value, c], r.value = !1;
     }
     return (c, m) => {
-      const y = Io, x = Rl, k = ut;
+      const w = Io, x = Rl, k = ut;
       return v(), R(k, {
         class: "form-control-colors-input",
         label: e.label,
@@ -5918,16 +5918,16 @@ const sc = xe({ name: "ph-plus", render: ic }), uc = /* @__PURE__ */ S({
       }, {
         default: F(() => [
           p("div", cc, [
-            (v(!0), _(le, null, we(t.value, (b, h) => (v(), _("span", {
+            (v(!0), y(le, null, we(t.value, (b, h) => (v(), y("span", {
               key: h,
               class: "form-control-colors-input__tag"
             }, [
               p("button", {
                 type: "button",
                 class: "form-control-colors-input__tag__swatch-btn",
-                onClick: ($) => u(h, $)
+                onClick: (C) => u(h, C)
               }, [
-                Y(y, {
+                Y(w, {
                   color: b,
                   size: "sm"
                 }, null, 8, ["color"])
@@ -5937,7 +5937,7 @@ const sc = xe({ name: "ph-plus", render: ic }), uc = /* @__PURE__ */ S({
                 type: "button",
                 class: "form-control-colors-input__tag__remove",
                 "aria-label": `Remove ${b}`,
-                onClick: ($) => i(h)
+                onClick: (C) => i(h)
               }, " × ", 8, vc)
             ]))), 128)),
             Y(Vl, {
@@ -6085,9 +6085,9 @@ var mc = { class: "visually-hidden" }, hc = [
     "toggle-prevented"
   ], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const o = Pe(e, "BDropdown"), a = n, l = pt(() => o.id, "dropdown"), r = ae(e, "modelValue"), u = Ve(Xa, !1), s = Ve(Ka, !1), i = /* @__PURE__ */ gn(w(() => typeof o.offset == "string" || typeof o.offset == "number" ? o.offset : NaN)), d = ke("_floating"), c = ke("_button"), m = ke("_splitButton"), y = w(() => So(o.boundary) ? o.boundary : void 0), x = w(() => $l(o.boundary) ? o.boundary : void 0), k = w(() => o.split ? c.value : m.value);
+    const o = Pe(e, "BDropdown"), a = n, l = pt(() => o.id, "dropdown"), r = ae(e, "modelValue"), u = Ve(Xa, !1), s = Ve(Ka, !1), i = /* @__PURE__ */ gn(g(() => typeof o.offset == "string" || typeof o.offset == "number" ? o.offset : NaN)), d = ke("_floating"), c = ke("_button"), m = ke("_splitButton"), w = g(() => So(o.boundary) ? o.boundary : void 0), x = g(() => $l(o.boundary) ? o.boundary : void 0), k = g(() => o.split ? c.value : m.value);
     let b;
-    const { showRef: h, renderRef: $, hide: g, show: C, toggle: j, computedNoAnimation: P, transitionProps: B, contentShowing: I, isVisible: V, isActive: q } = al(r, o, a, k, l, {
+    const { showRef: h, renderRef: C, hide: _, show: $, toggle: W, computedNoAnimation: P, transitionProps: B, contentShowing: I, isVisible: V, isActive: j } = al(r, o, a, k, l, {
       showFn: () => {
         H(), Ue(() => {
           b = bl(k.value, d.value, H, { animationFrame: !1 });
@@ -6096,16 +6096,16 @@ var mc = { class: "visually-hidden" }, hc = [
       hideFn: () => {
         b && (b(), b = void 0);
       }
-    }), te = w(() => [{
+    }), te = g(() => [{
       show: V.value,
       fade: !P.value
     }]);
     Bt("Escape", () => {
       var ee;
-      g(), (ee = xn(k.value)) == null || ee.focus();
+      _(), (ee = xn(k.value)) == null || ee.focus();
     }, { target: k }), Bt("Escape", () => {
       var ee;
-      g(), (ee = xn(k.value)) == null || ee.focus();
+      _(), (ee = xn(k.value)) == null || ee.focus();
     }, {
       target: d,
       passive: !0
@@ -6114,7 +6114,7 @@ var mc = { class: "visually-hidden" }, hc = [
       var Ee, je, gt, N, K, J, A;
       if ((je = d.value) != null && je.contains((Ee = ee.target) == null ? void 0 : Ee.closest("form")) || /input|select|option|textarea|form/i.test((gt = ee.target) == null ? void 0 : gt.tagName)) return;
       if (ee.preventDefault(), !h.value) {
-        C();
+        $();
         const be = setInterval(() => {
           V.value && (clearInterval(be), Ue(() => T(ee, Oe)));
         }, 16);
@@ -6130,19 +6130,19 @@ var mc = { class: "visually-hidden" }, hc = [
     Bt("ArrowUp", (ee) => T(ee, -1), { target: k }), Bt("ArrowDown", (ee) => T(ee, 1), { target: k }), Bt("ArrowUp", (ee) => T(ee, -1), { target: d }), Bt("ArrowDown", (ee) => T(ee, 1), { target: d });
     const E = ue({}), { update: H, floatingStyles: G } = xl(k, d, {
       placement: () => o.placement,
-      middleware: w(() => {
+      middleware: g(() => {
         if (o.floatingMiddleware !== void 0) return o.floatingMiddleware;
         const ee = [gl(typeof o.offset == "string" || typeof o.offset == "number" ? i.value : o.offset)];
         return o.noFlip || ee.push(_l({
-          boundary: y.value,
+          boundary: w.value,
           rootBoundary: x.value,
           padding: o.boundaryPadding
         })), o.noShift || ee.push(yl({
-          boundary: y.value,
+          boundary: w.value,
           rootBoundary: x.value,
           padding: o.boundaryPadding
         })), o.noSize || ee.push(wl({
-          boundary: y.value,
+          boundary: w.value,
           rootBoundary: x.value,
           padding: o.boundaryPadding,
           apply({ availableWidth: Oe, availableHeight: $e }) {
@@ -6155,24 +6155,24 @@ var mc = { class: "visually-hidden" }, hc = [
         })), ee;
       }),
       strategy: mt(() => o.strategy)
-    }), W = s ? {
+    }), q = s ? {
       class: "btn-group",
       role: "group"
-    } : void 0, ne = w(() => [
-      W == null ? void 0 : W.class,
+    } : void 0, ne = g(() => [
+      q == null ? void 0 : q.class,
       o.wrapperClass,
       {
         "btn-group": !o.wrapperClass && o.split,
         [`drop${os(o.placement)}`]: !o.wrapperClass,
         "position-static": o.boundary !== "clippingAncestors" && !o.isNav
       }
-    ]), se = w(() => [o.split ? o.splitClass : o.toggleClass, {
+    ]), se = g(() => [o.split ? o.splitClass : o.toggleClass, {
       "nav-link": o.isNav,
       "dropdown-toggle": !o.split,
       "dropdown-toggle-no-caret": o.noCaret && !o.split,
       show: o.split ? void 0 : h.value
     }]), ve = () => {
-      j();
+      W();
     }, me = (ee) => {
       if (o.split) {
         a("split-click", ee);
@@ -6181,22 +6181,22 @@ var mc = { class: "visually-hidden" }, hc = [
       ve();
     };
     Ja(d, () => {
-      h.value && (o.autoClose === !0 || o.autoClose === "outside") && g();
+      h.value && (o.autoClose === !0 || o.autoClose === "outside") && _();
     }, { ignore: [c, m] });
     const We = () => {
-      h.value && (o.autoClose === !0 || o.autoClose === "inside") && g();
+      h.value && (o.autoClose === !0 || o.autoClose === "inside") && _();
     };
     return Me(V, () => {
       H();
     }), t({
-      hide: g,
-      show: C,
-      toggle: j
+      hide: _,
+      show: $,
+      toggle: W
     }), nn(ja, {
       id: l,
-      show: C,
-      hide: g,
-      toggle: j,
+      show: $,
+      hide: _,
+      toggle: W,
       visible: Ae(h),
       isNav: mt(() => o.isNav)
     }), (ee, Oe) => {
@@ -6204,7 +6204,7 @@ var mc = { class: "visually-hidden" }, hc = [
       return v(), R(Mo, {
         skip: f(u) || f(o).noWrapper,
         class: O(ne.value),
-        role: ($e = f(W)) == null ? void 0 : $e.role
+        role: ($e = f(q)) == null ? void 0 : $e.role
       }, {
         default: F(() => [
           Y(yn, _e({
@@ -6263,14 +6263,14 @@ var mc = { class: "visually-hidden" }, hc = [
             to: f(o).teleportTo,
             disabled: !f(o).teleportTo || f(o).teleportDisabled
           }, {
-            default: F(() => [f($) || f(I) ? (v(), R(vo, _e({ key: 0 }, f(B), { appear: r.value || f(o).visible }), {
+            default: F(() => [f(C) || f(I) ? (v(), R(vo, _e({ key: 0 }, f(B), { appear: r.value || f(o).visible }), {
               default: F(() => [Lt(p("ul", {
                 id: f(l) + "-menu",
                 ref: "_floating",
                 style: Ce([
                   f(G),
                   E.value,
-                  { display: f(h) || f(q) ? "block" : "none" }
+                  { display: f(h) || f(j) ? "block" : "none" }
                 ]),
                 class: O(["dropdown-menu overflow-auto b-floating-size", [f(o).menuClass, te.value]]),
                 "aria-labelledby": f(l),
@@ -6279,8 +6279,8 @@ var mc = { class: "visually-hidden" }, hc = [
               }, [f(I) ? M(ee.$slots, "default", {
                 key: 0,
                 id: f(l),
-                hide: f(g),
-                show: f(C),
+                hide: f(_),
+                show: f($),
                 visible: f(h),
                 click: We,
                 toggle: ve,
@@ -6348,24 +6348,24 @@ var mc = { class: "visually-hidden" }, hc = [
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = Pe(e, "BDropdownItem"), o = t, a = on(), l = w(() => {
+    const n = Pe(e, "BDropdownItem"), o = t, a = on(), l = g(() => {
       const { class: k, ...b } = a;
       return {
         wrapperClass: k,
         dropdownItemAttrs: b
       };
-    }), { computedLink: r, computedLinkProps: u } = go(n), s = rn(w(() => ({ textVariant: n.variant }))), i = w(() => [
+    }), { computedLink: r, computedLinkProps: u } = go(n), s = rn(g(() => ({ textVariant: n.variant }))), i = g(() => [
       n.linkClass,
       s.value,
       {
         active: n.active,
         disabled: n.disabled
       }
-    ]), d = w(() => r.value ? yo : n.href ? "a" : "button"), c = Ve(qa, null), m = Ve(ja, null), y = Ve(Ga, null), x = (k) => {
-      var b, h, $;
-      o("click", k), y !== null && ((b = y == null ? void 0 : y.noAutoClose) == null ? void 0 : b.value) !== !0 && ((h = c == null ? void 0 : c.hide) == null || h.call(c)), ($ = m == null ? void 0 : m.hide) == null || $.call(m);
+    ]), d = g(() => r.value ? yo : n.href ? "a" : "button"), c = Ve(qa, null), m = Ve(ja, null), w = Ve(Ga, null), x = (k) => {
+      var b, h, C;
+      o("click", k), w !== null && ((b = w == null ? void 0 : w.noAutoClose) == null ? void 0 : b.value) !== !0 && ((h = c == null ? void 0 : c.hide) == null || h.call(c)), (C = m == null ? void 0 : m.hide) == null || C.call(m);
     };
-    return (k, b) => (v(), _("li", _e({
+    return (k, b) => (v(), y("li", _e({
       role: "presentation",
       class: l.value.wrapperClass
     }, f(n).wrapperAttrs), [(v(), R(Be(d.value), _e({
@@ -6414,13 +6414,13 @@ var mc = { class: "visually-hidden" }, hc = [
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = Pe(e, "BDropdownItemButton"), o = t, a = on(), l = w(() => {
+    const n = Pe(e, "BDropdownItemButton"), o = t, a = on(), l = g(() => {
       const { class: i, ...d } = a;
       return {
         wrapperClass: i,
         buttonAttrs: d
       };
-    }), r = rn(w(() => ({ textVariant: n.variant }))), u = w(() => [
+    }), r = rn(g(() => ({ textVariant: n.variant }))), u = g(() => [
       n.buttonClass,
       r.value,
       {
@@ -6434,7 +6434,7 @@ var mc = { class: "visually-hidden" }, hc = [
       }
       o("click", i);
     };
-    return (i, d) => (v(), _("li", _e({
+    return (i, d) => (v(), y("li", _e({
       role: "presentation",
       class: l.value.wrapperClass
     }, f(n).wrapperAttrs), [p("button", _e({
@@ -6460,9 +6460,9 @@ const yc = { class: "form-control-dropdown-item__content" }, _c = { class: "form
   },
   emits: ["select"],
   setup(e) {
-    const t = e, n = w(() => ({
+    const t = e, n = g(() => ({
       "form-control-dropdown-item__content__text__label--bold": !t.lightLabel && t.label && t.description
-    })), o = w(() => ({
+    })), o = g(() => ({
       "text-white-50": t.active,
       "text-secondary": !t.active
     }));
@@ -6484,16 +6484,16 @@ const yc = { class: "form-control-dropdown-item__content" }, _c = { class: "form
               p("span", {
                 class: O(["form-control-dropdown-item__content__text__label", f(n)])
               }, L(e.label), 3),
-              e.description ? (v(), _("small", {
+              e.description ? (v(), y("small", {
                 key: 0,
                 class: O(["form-control-dropdown-item__content__text__description", f(o)])
               }, L(e.description), 3)) : D("", !0)
             ]),
-            e.visual ? (v(), _("div", wc, [
+            e.visual ? (v(), y("div", wc, [
               typeof e.visual != "string" ? (v(), R(Be(e.visual), {
                 key: 0,
                 class: "form-control-dropdown-item__content__visual__image bg-body rounded-1"
-              })) : (v(), _("img", {
+              })) : (v(), y("img", {
                 key: 1,
                 src: e.visual,
                 alt: "",
@@ -6529,86 +6529,86 @@ const yc = { class: "form-control-dropdown-item__content" }, _c = { class: "form
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ae(e, "modelValue"), n = e, { entries: o } = an(Ha), a = w(
+    const t = ae(e, "modelValue"), n = e, { entries: o } = an(Ha), a = g(() => n.size === "md" ? void 0 : n.size), l = g(
       () => o.value.length > 0 ? o.value : n.options
-    ), l = ke("elementRef"), r = dr(l), u = ke("dropdownRef");
-    function s() {
-      var k, b;
-      const { id: y = null } = ((b = (k = u.value) == null ? void 0 : k.$el) == null ? void 0 : b.querySelector(".dropdown-toggle")) ?? {};
-      if (!y)
+    ), r = ke("elementRef"), u = dr(r), s = ke("dropdownRef");
+    function i() {
+      var b, h;
+      const { id: x = null } = ((h = (b = s.value) == null ? void 0 : b.$el) == null ? void 0 : h.querySelector(".dropdown-toggle")) ?? {};
+      if (!x)
         return;
-      const x = document.getElementById(`${y}-menu`);
-      x && (x.style.width = `${Math.max(r.width.value, n.minMenuWidth)}px`);
+      const k = document.getElementById(`${x}-menu`);
+      k && (k.style.width = `${Math.max(u.width.value, n.minMenuWidth)}px`);
     }
-    Me(r.width, s);
-    const i = w(() => ({
+    Me(u.width, i);
+    const d = g(() => ({
       "form-control-dropdown--light-label": n.lightLabel
-    })), d = w(() => ({
+    })), c = g(() => ({
       "form-control-dropdown__toggle--block": n.block
-    })), c = w(
-      () => a.value.find((y) => y.value === t.value)
+    })), m = g(
+      () => l.value.find((x) => x.value === t.value)
     );
-    function m(y) {
-      var x;
-      t.value = y, (x = u.value) == null || x.hide();
+    function w(x) {
+      var k;
+      t.value = x, (k = s.value) == null || k.hide();
     }
-    return (y, x) => {
-      const k = $c, b = Fo, h = ut;
-      return v(), R(h, {
+    return (x, k) => {
+      const b = $c, h = Fo, C = ut;
+      return v(), R(C, {
         ref_key: "elementRef",
-        ref: l,
-        class: O(["form-control-dropdown", f(i)]),
+        ref: r,
+        class: O(["form-control-dropdown", f(d)]),
         label: e.label,
         "label-for": e.id,
         size: e.size
       }, {
         default: F(() => {
-          var $;
+          var _;
           return [
-            M(y.$slots, "default", {}, void 0, !0),
-            Y(b, {
+            M(x.$slots, "default", {}, void 0, !0),
+            Y(h, {
               ref_key: "dropdownRef",
-              ref: u,
-              class: O(["form-control-dropdown__toggle", f(d)]),
-              size: e.size,
+              ref: s,
+              class: O(["form-control-dropdown__toggle", f(c)]),
+              size: f(a),
               "menu-class": e.menuClass ?? "form-control-dropdown-menu",
-              text: (($ = f(c)) == null ? void 0 : $.label) ?? e.placeholder ?? "",
+              text: ((_ = f(m)) == null ? void 0 : _.label) ?? e.placeholder ?? "",
               disabled: e.disabled,
               "teleport-to": "body",
               variant: "outline-secondary",
               "auto-close": e.autoClose,
-              onShow: s,
-              onShown: s
+              onShow: i,
+              onShown: i
             }, {
               "button-content": F(() => [
-                M(y.$slots, "button-content", {}, () => {
-                  var g, C;
+                M(x.$slots, "button-content", {}, () => {
+                  var $, W;
                   return [
-                    (g = f(c)) != null && g.icon ? (v(), _("span", Cc, [
-                      (v(), R(Be(f(c).icon), { class: "form-control-dropdown__toggle__icon" })),
-                      re(" " + L(f(c).label), 1)
-                    ])) : (v(), _(le, { key: 1 }, [
-                      re(L(((C = f(c)) == null ? void 0 : C.label) ?? e.placeholder ?? ""), 1)
+                    ($ = f(m)) != null && $.icon ? (v(), y("span", Cc, [
+                      (v(), R(Be(f(m).icon), { class: "form-control-dropdown__toggle__icon" })),
+                      re(" " + L(f(m).label), 1)
+                    ])) : (v(), y(le, { key: 1 }, [
+                      re(L(((W = f(m)) == null ? void 0 : W.label) ?? e.placeholder ?? ""), 1)
                     ], 64))
                   ];
                 }, !0)
               ]),
               default: F(() => [
-                M(y.$slots, "menu", {
+                M(x.$slots, "menu", {
                   hide: () => {
-                    var g;
-                    return (g = f(u)) == null ? void 0 : g.hide();
+                    var $;
+                    return ($ = f(s)) == null ? void 0 : $.hide();
                   }
                 }, () => [
-                  (v(!0), _(le, null, we(f(a), (g) => (v(), R(k, {
-                    key: g.value,
-                    label: g.label,
-                    description: g.description,
-                    visual: g.visual,
-                    icon: g.icon,
-                    active: g.value === t.value,
+                  (v(!0), y(le, null, we(f(l), ($) => (v(), R(b, {
+                    key: $.value,
+                    label: $.label,
+                    description: $.description,
+                    visual: $.visual,
+                    icon: $.icon,
+                    active: $.value === t.value,
                     "light-label": e.lightLabel,
-                    onSelect: (C) => m(g.value)
+                    onSelect: (W) => w($.value)
                   }, null, 8, ["label", "description", "visual", "icon", "active", "light-label", "onSelect"]))), 128))
                 ], !0)
               ]),
@@ -6620,7 +6620,7 @@ const yc = { class: "form-control-dropdown-item__content" }, _c = { class: "form
       }, 8, ["class", "label", "label-for", "size"]);
     };
   }
-}), Nn = /* @__PURE__ */ z(Bc, [["__scopeId", "data-v-4bbeccbc"]]), Sc = { class: "form-control-button-group__container__buttons__visual bg-body rounded-1" }, Mc = ["src"], Lc = /* @__PURE__ */ S({
+}), Nn = /* @__PURE__ */ z(Bc, [["__scopeId", "data-v-240c22e4"]]), Sc = { class: "form-control-button-group__container__buttons__visual bg-body rounded-1" }, Mc = ["src"], Lc = /* @__PURE__ */ S({
   __name: "FormControlButtonGroup",
   props: /* @__PURE__ */ Q({
     label: {},
@@ -6632,14 +6632,14 @@ const yc = { class: "form-control-dropdown-item__content" }, _c = { class: "form
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ae(e, "modelValue"), n = e, { entries: o } = an(Na), a = w(
+    const t = ae(e, "modelValue"), n = e, { entries: o } = an(Na), a = g(
       () => o.value.length > 0 ? o.value : n.options
-    ), l = ke("containerRef"), r = Te(!1), u = w(() => ({
+    ), l = ke("containerRef"), r = Te(!1), u = g(() => ({
       "form-control-button-group__container--block": n.block,
       "form-control-button-group__container--collapsed": r.value
-    })), s = w(() => ({
+    })), s = g(() => ({
       "form-control-button-group__container__buttons--block": n.block
-    })), i = w(
+    })), i = g(
       () => a.value.map((c) => ({
         value: c.value,
         label: c.text,
@@ -6652,17 +6652,17 @@ const yc = { class: "form-control-dropdown-item__content" }, _c = { class: "form
       const c = l.value;
       if (!c)
         return;
-      const m = c.querySelectorAll(".btn"), y = Array.from(m).some((x) => x.scrollWidth > x.clientWidth + 1);
-      r.value = y || c.scrollWidth > c.clientWidth + 1;
+      const m = c.querySelectorAll(".btn"), w = Array.from(m).some((x) => x.scrollWidth > x.clientWidth + 1);
+      r.value = w || c.scrollWidth > c.clientWidth + 1;
     }
     return fr(l, d), (c, m) => {
-      const y = Nn, x = $t, k = jr, b = ut;
+      const w = Nn, x = $t, k = jr, b = ut;
       return v(), R(b, {
         class: "form-control-button-group",
         label: e.label
       }, {
         default: F(() => [
-          f(r) ? (v(), R(y, {
+          f(r) ? (v(), R(w, {
             key: 0,
             modelValue: t.value,
             "onUpdate:modelValue": m[0] || (m[0] = (h) => t.value = h),
@@ -6680,7 +6680,7 @@ const yc = { class: "form-control-dropdown-item__content" }, _c = { class: "form
               class: O(["form-control-button-group__container__buttons", f(s)])
             }, {
               default: F(() => [
-                (v(!0), _(le, null, we(f(a), (h) => (v(), R(x, {
+                (v(!0), y(le, null, we(f(a), (h) => (v(), R(x, {
                   key: h.value,
                   "icon-left": h.icon ?? h.iconLeft,
                   label: h.text,
@@ -6690,7 +6690,7 @@ const yc = { class: "form-control-dropdown-item__content" }, _c = { class: "form
                   "show-tooltip-force": !!h.description,
                   variant: t.value === h.value ? "primary" : "outline-primary",
                   tabindex: f(r) ? -1 : void 0,
-                  onClick: ($) => t.value = h.value
+                  onClick: (C) => t.value = h.value
                 }, vt({ _: 2 }, [
                   h.visual ? {
                     name: "start",
@@ -6699,7 +6699,7 @@ const yc = { class: "form-control-dropdown-item__content" }, _c = { class: "form
                         typeof h.visual != "string" ? (v(), R(Be(h.visual), {
                           key: 0,
                           class: "form-control-button-group__container__buttons__visual__content"
-                        })) : (v(), _("img", {
+                        })) : (v(), y("img", {
                           key: 1,
                           src: h.visual,
                           alt: "",
@@ -6790,9 +6790,9 @@ var Ic = (e, t) => {
   var P;
   const a = pt(() => e.id, "input"), l = /* @__PURE__ */ gn(() => e.debounce ?? 0, { nanToZero: !0 }), r = /* @__PURE__ */ gn(() => e.debounceMaxWait ?? NaN), u = (P = Ve(ho, null)) == null ? void 0 : P();
   u == null || u.track(a);
-  const s = w(() => e.state !== void 0 ? e.state : (u == null ? void 0 : u.state.value) ?? null), i = w(() => e.disabled || ((u == null ? void 0 : u.disabled.value) ?? !1)), d = Bl(() => e.ariaInvalid, s), c = Lo(s), m = Pc((B) => {
+  const s = g(() => e.state !== void 0 ? e.state : (u == null ? void 0 : u.state.value) ?? null), i = g(() => e.disabled || ((u == null ? void 0 : u.disabled.value) ?? !1)), d = Bl(() => e.ariaInvalid, s), c = Lo(s), m = Pc((B) => {
     n.value = B;
-  }, () => o.lazy === !0 ? 0 : l.value, { maxWait: () => o.lazy === !0 ? NaN : r.value }), y = (B, I = !1, V = !1) => {
+  }, () => o.lazy === !0 ? 0 : l.value, { maxWait: () => o.lazy === !0 ? NaN : r.value }), w = (B, I = !1, V = !1) => {
     o.lazy === !0 && I === !1 || (V ? n.value = B : m(B));
   }, { focused: x } = el(t, { initialValue: e.autofocus }), k = (B, I, V = !1) => e.formatter !== void 0 && (!e.lazyFormatter || V) ? e.formatter(B, I) : B;
   An(() => {
@@ -6816,7 +6816,7 @@ var Ic = (e, t) => {
         B.preventDefault();
         return;
       }
-      y(V), V !== I && b(V);
+      w(V), V !== I && b(V);
     },
     onChange: (B) => {
       const { value: I } = B.target, V = k(I, B);
@@ -6824,13 +6824,13 @@ var Ic = (e, t) => {
         B.preventDefault();
         return;
       }
-      const q = V;
-      n.value !== q && y(V, !0);
+      const j = V;
+      n.value !== j && w(V, !0);
     },
     onBlur: (B) => {
       if (!o.lazy && !e.lazyFormatter && !o.trim && l.value <= 0) return;
-      const { value: I } = B.target, V = k(I, B, !0), q = o.trim ? V.trim() : V;
-      m.cancel(), n.value !== q && y(q, !0, !0), q !== I && b(q);
+      const { value: I } = B.target, V = k(I, B, !0), j = o.trim ? V.trim() : V;
+      m.cancel(), n.value !== j && w(j, !0, !0), j !== I && b(j);
     },
     focus: () => {
       i.value || (x.value = !0);
@@ -6916,13 +6916,13 @@ var Ic = (e, t) => {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = Pe(e, "BFormInput"), [o, a] = ae(e, "modelValue", { set: (h) => Ic(h, a) }), l = ke("_input"), r = Ve(Xa, !1), { computedId: u, computedAriaInvalid: s, onInput: i, onChange: d, onBlur: c, stateClass: m, focus: y, blur: x, isDisabled: k } = Fc(n, l, o, a), b = w(() => {
-      const h = n.type === "range", $ = n.type === "color";
+    const n = Pe(e, "BFormInput"), [o, a] = ae(e, "modelValue", { set: (h) => Ic(h, a) }), l = ke("_input"), r = Ve(Xa, !1), { computedId: u, computedAriaInvalid: s, onInput: i, onChange: d, onBlur: c, stateClass: m, focus: w, blur: x, isDisabled: k } = Fc(n, l, o, a), b = g(() => {
+      const h = n.type === "range", C = n.type === "color";
       return [m.value, {
         "form-range": h,
-        "form-control": $ || !n.plaintext && !h || h && r,
-        "form-control-color": $,
-        "form-control-plaintext": n.plaintext && !h && !$,
+        "form-control": C || !n.plaintext && !h || h && r,
+        "form-control-color": C,
+        "form-control-plaintext": n.plaintext && !h && !C,
         [`form-control-${n.size}`]: !!n.size
       }];
     });
@@ -6930,8 +6930,8 @@ var Ic = (e, t) => {
       blur: x,
       element: l,
       flushDebounce: c,
-      focus: y
-    }), (h, $) => (v(), _("input", {
+      focus: w
+    }), (h, C) => (v(), y("input", {
       id: f(u),
       ref: "_input",
       value: f(o),
@@ -6950,9 +6950,9 @@ var Ic = (e, t) => {
       list: f(n).type !== "password" ? f(n).list : void 0,
       "aria-required": f(n).required || void 0,
       "aria-invalid": f(s),
-      onInput: $[0] || ($[0] = (...g) => f(i) && f(i)(...g)),
-      onChange: $[1] || ($[1] = (...g) => f(d) && f(d)(...g)),
-      onBlur: $[2] || ($[2] = (...g) => f(c) && f(c)(...g))
+      onInput: C[0] || (C[0] = (..._) => f(i) && f(i)(..._)),
+      onChange: C[1] || (C[1] = (..._) => f(d) && f(d)(..._)),
+      onBlur: C[2] || (C[2] = (..._) => f(c) && f(c)(..._))
     }, null, 42, Dc));
   }
 });
@@ -7001,7 +7001,7 @@ const Rc = { class: "form-control-slider-input__row" }, Vc = {
               "onUpdate:modelValue": o[1] || (o[1] = (r) => t.value = String(r))
             }, null, 8, ["model-value"]),
             M(n.$slots, "suffix", {}, () => [
-              e.suffix ? (v(), _("small", Vc, L(e.suffix), 1)) : D("", !0)
+              e.suffix ? (v(), y("small", Vc, L(e.suffix), 1)) : D("", !0)
             ], !0)
           ])
         ]),
@@ -7009,7 +7009,7 @@ const Rc = { class: "form-control-slider-input__row" }, Vc = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), ub = /* @__PURE__ */ z(Oc, [["__scopeId", "data-v-f46591df"]]), Ec = { class: "form-control-units-input__row" }, Nc = { class: "form-control-units-input__row__group" }, Hc = /* @__PURE__ */ S({
+}), ub = /* @__PURE__ */ z(Oc, [["__scopeId", "data-v-7277a268"]]), Ec = { class: "form-control-units-input__row" }, Nc = { class: "form-control-units-input__row__group" }, Hc = /* @__PURE__ */ S({
   __name: "FormControlUnitsInput",
   props: /* @__PURE__ */ Q({
     label: {},
@@ -7031,17 +7031,17 @@ const Rc = { class: "form-control-slider-input__row" }, Vc = {
       const d = i.match(/^(-?\d*\.?\d+)\s*(%|[a-z]+)?$/i);
       return d ? { num: d[1], unit: d[2] || n.units[0] } : { num: "0", unit: n.units[0] };
     }
-    const a = w(() => o(t.value).num), l = w(() => o(t.value).unit), r = w(() => l.value === "%" ? "100" : n.max);
+    const a = g(() => o(t.value).num), l = g(() => o(t.value).unit), r = g(() => l.value === "%" ? "100" : n.max);
     function u(i) {
       t.value = `${String(i ?? "")}${l.value}`;
     }
     function s(i) {
       const d = l.value, c = parseFloat(a.value), m = parseFloat(n.max);
-      let y = c;
-      d !== i && m > 0 && (n.centerRelative ? d === "px" && i === "%" ? y = +((c / m - 0.5) * 100).toFixed(1) : d === "%" && i === "px" && (y = Math.round((c / 100 + 0.5) * m)) : d === "px" && i === "%" ? y = Math.round(c / m * 100) : d === "%" && i === "px" && (y = Math.round(c / 100 * m))), t.value = `${y}${i}`;
+      let w = c;
+      d !== i && m > 0 && (n.centerRelative ? d === "px" && i === "%" ? w = +((c / m - 0.5) * 100).toFixed(1) : d === "%" && i === "px" && (w = Math.round((c / 100 + 0.5) * m)) : d === "px" && i === "%" ? w = Math.round(c / m * 100) : d === "%" && i === "px" && (w = Math.round(c / 100 * m))), t.value = `${w}${i}`;
     }
     return (i, d) => {
-      const c = Do, m = bc, y = Fo, x = ut;
+      const c = Do, m = bc, w = Fo, x = ut;
       return v(), R(x, {
         class: "form-control-units-input",
         label: e.label,
@@ -7067,7 +7067,7 @@ const Rc = { class: "form-control-slider-input__row" }, Vc = {
                 size: "sm",
                 "onUpdate:modelValue": u
               }, null, 8, ["model-value"]),
-              Y(y, {
+              Y(w, {
                 class: "form-control-units-input__row__group__dropdown",
                 text: f(l),
                 size: "sm",
@@ -7075,7 +7075,7 @@ const Rc = { class: "form-control-slider-input__row" }, Vc = {
                 end: ""
               }, {
                 default: F(() => [
-                  (v(!0), _(le, null, we(e.units, (k) => (v(), R(m, {
+                  (v(!0), y(le, null, we(e.units, (k) => (v(), R(m, {
                     key: k,
                     active: k === f(l),
                     onClick: (b) => s(k)
@@ -7147,7 +7147,7 @@ const Rc = { class: "form-control-slider-input__row" }, Vc = {
               class: "form-control-text-input__row__input",
               "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = String(r))
             }, null, 8, ["id", "model-value", "placeholder"]),
-            e.suffix ? (v(), _("small", Uc, L(e.suffix), 1)) : D("", !0)
+            e.suffix ? (v(), y("small", Uc, L(e.suffix), 1)) : D("", !0)
           ])
         ]),
         _: 1
@@ -7163,8 +7163,8 @@ const Rc = { class: "form-control-slider-input__row" }, Vc = {
   setup(e) {
     return (t, n) => {
       const o = Io;
-      return v(), _("span", Wc, [
-        (v(!0), _(le, null, we(e.colors, (a, l) => (v(), R(o, {
+      return v(), y("span", Wc, [
+        (v(!0), y(le, null, we(e.colors, (a, l) => (v(), R(o, {
           key: l,
           color: a,
           bordered: e.bordered,
@@ -7185,7 +7185,7 @@ const Rc = { class: "form-control-slider-input__row" }, Vc = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ae(e, "modelValue"), n = e, { entries: o } = an(za), a = w(
+    const t = ae(e, "modelValue"), n = e, { entries: o } = an(za), a = g(
       () => o.value.length > 0 ? o.value : n.palettes
     ), l = ke("dropdownRef");
     function r() {
@@ -7199,7 +7199,7 @@ const Rc = { class: "form-control-slider-input__row" }, Vc = {
       const c = document.getElementById(`${d.id}-menu`);
       c && (c.style.width = `${d.offsetWidth}px`);
     }
-    const u = w(
+    const u = g(
       () => a.value.find((i) => i.value === t.value)
     );
     function s(i) {
@@ -7207,7 +7207,7 @@ const Rc = { class: "form-control-slider-input__row" }, Vc = {
       t.value = i, (d = l.value) == null || d.hide();
     }
     return (i, d) => {
-      const c = jc, m = Ol, y = Fo, x = ut;
+      const c = jc, m = Ol, w = Fo, x = ut;
       return v(), R(x, {
         class: "form-control-palette",
         label: e.label,
@@ -7215,7 +7215,7 @@ const Rc = { class: "form-control-slider-input__row" }, Vc = {
       }, {
         default: F(() => [
           M(i.$slots, "default", {}, void 0, !0),
-          Y(y, {
+          Y(w, {
             ref_key: "dropdownRef",
             ref: l,
             class: "form-control-palette__toggle",
@@ -7239,7 +7239,7 @@ const Rc = { class: "form-control-slider-input__row" }, Vc = {
               ];
             }),
             default: F(() => [
-              (v(!0), _(le, null, we(f(a), (k) => (v(), R(m, {
+              (v(!0), y(le, null, we(f(a), (k) => (v(), R(m, {
                 key: k.value,
                 active: t.value === k.value,
                 onClick: (b) => s(k.value)
@@ -7412,28 +7412,28 @@ function rd(e) {
   var t = e.grouping === void 0 || e.thousands === void 0 ? _a : td(wa.call(e.grouping, Number), e.thousands + ""), n = e.currency === void 0 ? "" : e.currency[0] + "", o = e.currency === void 0 ? "" : e.currency[1] + "", a = e.decimal === void 0 ? "." : e.decimal + "", l = e.numerals === void 0 ? _a : nd(wa.call(e.numerals, String)), r = e.percent === void 0 ? "%" : e.percent + "", u = e.minus === void 0 ? "−" : e.minus + "", s = e.nan === void 0 ? "NaN" : e.nan + "";
   function i(c, m) {
     c = uo(c);
-    var y = c.fill, x = c.align, k = c.sign, b = c.symbol, h = c.zero, $ = c.width, g = c.comma, C = c.precision, j = c.trim, P = c.type;
-    P === "n" ? (g = !0, P = "g") : ya[P] || (C === void 0 && (C = 12), j = !0, P = "g"), (h || y === "0" && x === "=") && (h = !0, y = "0", x = "=");
-    var B = (m && m.prefix !== void 0 ? m.prefix : "") + (b === "$" ? n : b === "#" && /[boxX]/.test(P) ? "0" + P.toLowerCase() : ""), I = (b === "$" ? o : /[%p]/.test(P) ? r : "") + (m && m.suffix !== void 0 ? m.suffix : ""), V = ya[P], q = /[defgprs%]/.test(P);
-    C = C === void 0 ? 6 : /[gprs]/.test(P) ? Math.max(1, Math.min(21, C)) : Math.max(0, Math.min(20, C));
+    var w = c.fill, x = c.align, k = c.sign, b = c.symbol, h = c.zero, C = c.width, _ = c.comma, $ = c.precision, W = c.trim, P = c.type;
+    P === "n" ? (_ = !0, P = "g") : ya[P] || ($ === void 0 && ($ = 12), W = !0, P = "g"), (h || w === "0" && x === "=") && (h = !0, w = "0", x = "=");
+    var B = (m && m.prefix !== void 0 ? m.prefix : "") + (b === "$" ? n : b === "#" && /[boxX]/.test(P) ? "0" + P.toLowerCase() : ""), I = (b === "$" ? o : /[%p]/.test(P) ? r : "") + (m && m.suffix !== void 0 ? m.suffix : ""), V = ya[P], j = /[defgprs%]/.test(P);
+    $ = $ === void 0 ? 6 : /[gprs]/.test(P) ? Math.max(1, Math.min(21, $)) : Math.max(0, Math.min(20, $));
     function te(T) {
-      var E = B, H = I, G, W, ne;
+      var E = B, H = I, G, q, ne;
       if (P === "c")
         H = V(T) + H, T = "";
       else {
         T = +T;
         var se = T < 0 || 1 / T < 0;
-        if (T = isNaN(T) ? s : V(Math.abs(T), C), j && (T = ad(T)), se && +T == 0 && k !== "+" && (se = !1), E = (se ? k === "(" ? k : u : k === "-" || k === "(" ? "" : k) + E, H = (P === "s" && !isNaN(T) && Bn !== void 0 ? ka[8 + Bn / 3] : "") + H + (se && k === "(" ? ")" : ""), q) {
-          for (G = -1, W = T.length; ++G < W; )
+        if (T = isNaN(T) ? s : V(Math.abs(T), $), W && (T = ad(T)), se && +T == 0 && k !== "+" && (se = !1), E = (se ? k === "(" ? k : u : k === "-" || k === "(" ? "" : k) + E, H = (P === "s" && !isNaN(T) && Bn !== void 0 ? ka[8 + Bn / 3] : "") + H + (se && k === "(" ? ")" : ""), j) {
+          for (G = -1, q = T.length; ++G < q; )
             if (ne = T.charCodeAt(G), 48 > ne || ne > 57) {
               H = (ne === 46 ? a + T.slice(G + 1) : T.slice(G)) + H, T = T.slice(0, G);
               break;
             }
         }
       }
-      g && !h && (T = t(T, 1 / 0));
-      var ve = E.length + T.length + H.length, me = ve < $ ? new Array($ - ve + 1).join(y) : "";
-      switch (g && h && (T = t(me + T, me.length ? $ - H.length : 1 / 0), me = ""), x) {
+      _ && !h && (T = t(T, 1 / 0));
+      var ve = E.length + T.length + H.length, me = ve < C ? new Array(C - ve + 1).join(w) : "";
+      switch (_ && h && (T = t(me + T, me.length ? C - H.length : 1 / 0), me = ""), x) {
         case "<":
           T = E + T + H + me;
           break;
@@ -7454,7 +7454,7 @@ function rd(e) {
     }, te;
   }
   function d(c, m) {
-    var y = Math.max(-8, Math.min(8, Math.floor(ed(m) / 3))) * 3, x = Math.pow(10, -y), k = i((c = uo(c), c.type = "f", c), { suffix: ka[8 + y / 3] });
+    var w = Math.max(-8, Math.min(8, Math.floor(ed(m) / 3))) * 3, x = Math.pow(10, -w), k = i((c = uo(c), c.type = "f", c), { suffix: ka[8 + w / 3] });
     return function(b) {
       return k(x * b);
     };
@@ -7545,7 +7545,7 @@ const cd = { class: "form-control-number-format__popover" }, dd = { class: "form
     Me(() => t.value, (b) => {
       b !== Zn(r) && Object.assign(r, sd(b ?? ""));
     }, { immediate: !0 });
-    const s = w(() => Vo(r)), i = w(() => t.value || "auto");
+    const s = g(() => Vo(r)), i = g(() => t.value || "auto");
     function d() {
       u.value = null, t.value = Zn(r);
     }
@@ -7555,24 +7555,24 @@ const cd = { class: "form-control-number-format__popover" }, dd = { class: "form
     function m(b) {
       r.negStyle = b, d();
     }
-    function y(b) {
+    function w(b) {
       Object.assign(r, { ...b.config }), u.value = b.label, t.value = Zn(r);
     }
     function x(b) {
       return ud(b, r);
     }
-    const k = w(
+    const k = g(
       () => a.map((b) => ({
         ...b,
         formatted: x(b.value)
       }))
     );
     return (b, h) => {
-      const $ = Nn;
-      return v(), R($, {
+      const C = Nn;
+      return v(), R(C, {
         id: e.id,
         modelValue: t.value,
-        "onUpdate:modelValue": h[4] || (h[4] = (g) => t.value = g),
+        "onUpdate:modelValue": h[4] || (h[4] = (_) => t.value = _),
         label: e.label,
         block: e.block,
         placeholder: "auto",
@@ -7588,25 +7588,25 @@ const cd = { class: "form-control-number-format__popover" }, dd = { class: "form
         menu: F(() => [
           p("div", cd, [
             p("div", dd, [
-              (v(!0), _(le, null, we(f(k), (g, C) => (v(), _("div", {
-                key: C,
+              (v(!0), y(le, null, we(f(k), (_, $) => (v(), y("div", {
+                key: $,
                 class: "form-control-number-format__popover__preview__cell"
               }, [
-                p("div", fd, L(g.label), 1),
+                p("div", fd, L(_.label), 1),
                 p("div", {
-                  class: O(["form-control-number-format__popover__preview__cell__value", g.cls])
-                }, L(g.formatted), 3)
+                  class: O(["form-control-number-format__popover__preview__cell__value", _.cls])
+                }, L(_.formatted), 3)
               ]))), 128))
             ]),
             p("div", vd, [
               p("div", null, [
                 h[5] || (h[5] = p("div", { class: "form-control-number-format__popover__body__section-label" }, " Presets ", -1)),
                 p("div", pd, [
-                  (v(), _(le, null, we(l, (g) => p("button", {
-                    key: g.label,
-                    class: O(["form-control-number-format__popover__body__chips__chip", { "form-control-number-format__popover__body__chips__chip--active": f(u) === g.label }]),
-                    onClick: (C) => y(g)
-                  }, L(g.label), 11, md)), 64))
+                  (v(), y(le, null, we(l, (_) => p("button", {
+                    key: _.label,
+                    class: O(["form-control-number-format__popover__body__chips__chip", { "form-control-number-format__popover__body__chips__chip--active": f(u) === _.label }]),
+                    onClick: ($) => w(_)
+                  }, L(_.label), 11, md)), 64))
                 ])
               ]),
               h[12] || (h[12] = p("hr", { class: "form-control-number-format__popover__body__sep" }, null, -1)),
@@ -7614,7 +7614,7 @@ const cd = { class: "form-control-number-format__popover" }, dd = { class: "form
                 p("div", null, [
                   h[6] || (h[6] = p("div", { class: "form-control-number-format__popover__body__grid-2__field-label" }, " Prefix ", -1)),
                   Lt(p("input", {
-                    "onUpdate:modelValue": h[0] || (h[0] = (g) => f(r).prefix = g),
+                    "onUpdate:modelValue": h[0] || (h[0] = (_) => f(r).prefix = _),
                     class: "form-control-number-format__popover__body__grid-2__input",
                     placeholder: "e.g. $",
                     onInput: d
@@ -7625,7 +7625,7 @@ const cd = { class: "form-control-number-format__popover" }, dd = { class: "form
                 p("div", null, [
                   h[7] || (h[7] = p("div", { class: "form-control-number-format__popover__body__grid-2__field-label" }, " Suffix ", -1)),
                   Lt(p("input", {
-                    "onUpdate:modelValue": h[1] || (h[1] = (g) => f(r).suffix = g),
+                    "onUpdate:modelValue": h[1] || (h[1] = (_) => f(r).suffix = _),
                     class: "form-control-number-format__popover__body__grid-2__input",
                     placeholder: "e.g. %",
                     onInput: d
@@ -7637,29 +7637,29 @@ const cd = { class: "form-control-number-format__popover" }, dd = { class: "form
               p("div", null, [
                 h[8] || (h[8] = p("div", { class: "form-control-number-format__popover__body__section-label" }, " Decimal places ", -1)),
                 p("div", bd, [
-                  (v(), _(le, null, we(n, (g) => p("button", {
-                    key: g,
-                    class: O(["form-control-number-format__popover__body__btn-group__btn", { "form-control-number-format__popover__body__btn-group__btn--active": f(r).decimals === g }]),
-                    onClick: (C) => c(g)
-                  }, L(g), 11, gd)), 64))
+                  (v(), y(le, null, we(n, (_) => p("button", {
+                    key: _,
+                    class: O(["form-control-number-format__popover__body__btn-group__btn", { "form-control-number-format__popover__body__btn-group__btn--active": f(r).decimals === _ }]),
+                    onClick: ($) => c(_)
+                  }, L(_), 11, gd)), 64))
                 ])
               ]),
               p("div", null, [
                 h[9] || (h[9] = p("div", { class: "form-control-number-format__popover__body__section-label" }, " Negatives ", -1)),
                 p("div", yd, [
-                  (v(), _(le, null, we(o, (g) => p("button", {
-                    key: g.id,
-                    class: O(["form-control-number-format__popover__body__btn-group__btn", { "form-control-number-format__popover__body__btn-group__btn--active": f(r).negStyle === g.id }]),
-                    onClick: (C) => m(g.id)
-                  }, L(g.label), 11, _d)), 64))
+                  (v(), y(le, null, we(o, (_) => p("button", {
+                    key: _.id,
+                    class: O(["form-control-number-format__popover__body__btn-group__btn", { "form-control-number-format__popover__body__btn-group__btn--active": f(r).negStyle === _.id }]),
+                    onClick: ($) => m(_.id)
+                  }, L(_.label), 11, _d)), 64))
                 ])
               ]),
               p("label", wd, [
                 Lt(p("input", {
-                  "onUpdate:modelValue": h[2] || (h[2] = (g) => f(r).thousandsSep = g),
+                  "onUpdate:modelValue": h[2] || (h[2] = (_) => f(r).thousandsSep = _),
                   type: "checkbox",
                   class: "form-control-number-format__popover__body__check-row__checkbox",
-                  onChange: h[3] || (h[3] = (g) => d())
+                  onChange: h[3] || (h[3] = (_) => d())
                 }, null, 544), [
                   [Oa, f(r).thousandsSep]
                 ]),
@@ -7794,7 +7794,7 @@ function Xt(e, t, n) {
   return { y: e, m: t, d: n, H: 0, M: 0, S: 0, L: 0 };
 }
 function Rd(e) {
-  var t = e.dateTime, n = e.date, o = e.time, a = e.periods, l = e.days, r = e.shortDays, u = e.months, s = e.shortMonths, i = Kt(a), d = Zt(a), c = Kt(l), m = Zt(l), y = Kt(r), x = Zt(r), k = Kt(u), b = Zt(u), h = Kt(s), $ = Zt(s), g = {
+  var t = e.dateTime, n = e.date, o = e.time, a = e.periods, l = e.days, r = e.shortDays, u = e.months, s = e.shortMonths, i = Kt(a), d = Zt(a), c = Kt(l), m = Zt(l), w = Kt(r), x = Zt(r), k = Kt(u), b = Zt(u), h = Kt(s), C = Zt(s), _ = {
     a: ne,
     A: se,
     b: ve,
@@ -7827,7 +7827,7 @@ function Rd(e) {
     Y: bf,
     Z: yf,
     "%": Aa
-  }, C = {
+  }, $ = {
     a: Oe,
     A: $e,
     b: qe,
@@ -7860,8 +7860,8 @@ function Rd(e) {
     Y: Ff,
     Z: Rf,
     "%": Aa
-  }, j = {
-    a: q,
+  }, W = {
+    a: j,
     A: te,
     b: T,
     B: E,
@@ -7888,13 +7888,13 @@ function Rd(e) {
     w: Nd,
     W: Yd,
     x: G,
-    X: W,
+    X: q,
     y: Ca,
     Y: $a,
     Z: Wd,
     "%": Jd
   };
-  g.x = P(n, g), g.X = P(o, g), g.c = P(t, g), C.x = P(n, C), C.X = P(o, C), C.c = P(t, C);
+  _.x = P(n, _), _.X = P(o, _), _.c = P(t, _), $.x = P(n, $), $.X = P(o, $), $.c = P(t, $);
   function P(N, K) {
     return function(J) {
       var A = [], be = -1, oe = 0, Le = N.length, Se, Z, he;
@@ -7920,7 +7920,7 @@ function Rd(e) {
     for (var be = 0, oe = K.length, Le = J.length, Se, Z; be < oe; ) {
       if (A >= Le) return -1;
       if (Se = K.charCodeAt(be++), Se === 37) {
-        if (Se = K.charAt(be++), Z = j[Se in xa ? K.charAt(be++) : Se], !Z || (A = Z(N, J, A)) < 0) return -1;
+        if (Se = K.charAt(be++), Z = W[Se in xa ? K.charAt(be++) : Se], !Z || (A = Z(N, J, A)) < 0) return -1;
       } else if (Se != J.charCodeAt(A++))
         return -1;
     }
@@ -7930,8 +7930,8 @@ function Rd(e) {
     var A = i.exec(K.slice(J));
     return A ? (N.p = d.get(A[0].toLowerCase()), J + A[0].length) : -1;
   }
-  function q(N, K, J) {
-    var A = y.exec(K.slice(J));
+  function j(N, K, J) {
+    var A = w.exec(K.slice(J));
     return A ? (N.w = x.get(A[0].toLowerCase()), J + A[0].length) : -1;
   }
   function te(N, K, J) {
@@ -7940,7 +7940,7 @@ function Rd(e) {
   }
   function T(N, K, J) {
     var A = h.exec(K.slice(J));
-    return A ? (N.m = $.get(A[0].toLowerCase()), J + A[0].length) : -1;
+    return A ? (N.m = C.get(A[0].toLowerCase()), J + A[0].length) : -1;
   }
   function E(N, K, J) {
     var A = k.exec(K.slice(J));
@@ -7952,7 +7952,7 @@ function Rd(e) {
   function G(N, K, J) {
     return I(N, n, K, J);
   }
-  function W(N, K, J) {
+  function q(N, K, J) {
     return I(N, o, K, J);
   }
   function ne(N) {
@@ -7993,7 +7993,7 @@ function Rd(e) {
   }
   return {
     format: function(N) {
-      var K = P(N += "", g);
+      var K = P(N += "", _);
       return K.toString = function() {
         return N;
       }, K;
@@ -8005,7 +8005,7 @@ function Rd(e) {
       }, K;
     },
     utcFormat: function(N) {
-      var K = P(N += "", C);
+      var K = P(N += "", $);
       return K.toString = function() {
         return N;
       }, K;
@@ -8346,7 +8346,7 @@ const zf = { class: "form-control-date-format__popover" }, Uf = { class: "form-c
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ae(e, "modelValue"), n = Te("(automatic)"), o = Te(""), a = w(() => Ef(o.value)), l = w(() => Nf(t.value, n.value, o.value));
+    const t = ae(e, "modelValue"), n = Te("(automatic)"), o = Te(""), a = g(() => Ef(o.value)), l = g(() => Nf(t.value, n.value, o.value));
     function r(s, i) {
       n.value = s, s !== "(custom)" && (t.value = Of(s), i());
     }
@@ -8377,19 +8377,19 @@ const zf = { class: "form-control-date-format__popover" }, Uf = { class: "form-c
         menu: F(({ hide: c }) => [
           p("div", zf, [
             p("div", Uf, [
-              (v(!0), _(le, null, we(f(un), (m) => (v(), _("div", {
+              (v(!0), y(le, null, we(f(un), (m) => (v(), y("div", {
                 key: m.fmt,
                 class: O(["form-control-date-format__popover__list__item", { "form-control-date-format__popover__list__item--active": f(n) === m.fmt }]),
-                onClick: (y) => r(m.fmt, c)
+                onClick: (w) => r(m.fmt, c)
               }, [
                 p("div", Wf, [
                   p("div", qf, L(m.label), 1),
-                  f(Ia)(m.fmt) ? (v(), _("div", jf, L(f(Ia)(m.fmt)), 1)) : D("", !0)
+                  f(Ia)(m.fmt) ? (v(), y("div", jf, L(f(Ia)(m.fmt)), 1)) : D("", !0)
                 ]),
-                f(n) === m.fmt ? (v(), _("span", Gf, "✓")) : D("", !0)
+                f(n) === m.fmt ? (v(), y("span", Gf, "✓")) : D("", !0)
               ], 10, Yf))), 128))
             ]),
-            f(n) === "(custom)" ? (v(), _("div", Xf, [
+            f(n) === "(custom)" ? (v(), y("div", Xf, [
               i[3] || (i[3] = p("div", { class: "form-control-date-format__popover__custom__section-label" }, " Custom d3-time-format string ", -1)),
               Lt(p("input", {
                 "onUpdate:modelValue": i[0] || (i[0] = (m) => Tn(o) ? o.value = m : null),
@@ -8421,14 +8421,14 @@ const zf = { class: "form-control-date-format__popover" }, Uf = { class: "form-c
     size: { default: "md" }
   },
   setup(e) {
-    const t = e, n = w(() => ({
+    const t = e, n = g(() => ({
       "display-value--sm": t.size === "sm"
     }));
-    return (o, a) => (v(), _("span", {
+    return (o, a) => (v(), y("span", {
       class: O(["display-value", f(n)])
     }, [
       p("span", Jf, L(e.value), 1),
-      e.unit ? (v(), _("span", ev, L(e.unit), 1)) : D("", !0)
+      e.unit ? (v(), y("span", ev, L(e.unit), 1)) : D("", !0)
     ], 2));
   }
 }), gb = /* @__PURE__ */ z(tv, [["__scopeId", "data-v-d11c1e64"]]), nv = { class: "display-date" }, ov = /* @__PURE__ */ S({
@@ -8438,11 +8438,11 @@ const zf = { class: "form-control-date-format__popover" }, Uf = { class: "form-c
     format: { default: "short" }
   },
   setup(e) {
-    const t = e, n = w(() => {
+    const t = e, n = g(() => {
       const o = new Date(t.value);
       return Number.isNaN(o.getTime()) ? t.value : t.format === "long" ? o.toLocaleDateString(void 0, { year: "numeric", month: "long", day: "numeric" }) : o.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
     });
-    return (o, a) => (v(), _("span", nv, L(f(n)), 1));
+    return (o, a) => (v(), y("span", nv, L(f(n)), 1));
   }
 }), yb = /* @__PURE__ */ z(ov, [["__scopeId", "data-v-8d8eab36"]]), av = { class: "display-range" }, lv = { class: "display-range__text" }, rv = { class: "display-range__text" }, iv = {
   key: 0,
@@ -8455,11 +8455,11 @@ const zf = { class: "form-control-date-format__popover" }, Uf = { class: "form-c
     unit: {}
   },
   setup(e) {
-    return (t, n) => (v(), _("span", av, [
+    return (t, n) => (v(), y("span", av, [
       p("span", lv, L(e.min), 1),
       n[0] || (n[0] = p("span", { class: "display-range__separator" }, "–", -1)),
       p("span", rv, L(e.max), 1),
-      e.unit ? (v(), _("span", iv, L(e.unit), 1)) : D("", !0)
+      e.unit ? (v(), y("span", iv, L(e.unit), 1)) : D("", !0)
     ]));
   }
 }), _b = /* @__PURE__ */ z(sv, [["__scopeId", "data-v-500dac2f"]]), uv = { class: "display-number" }, cv = { class: "display-number__text" }, dv = {
@@ -8473,10 +8473,10 @@ const zf = { class: "form-control-date-format__popover" }, Uf = { class: "form-c
     unit: {}
   },
   setup(e) {
-    const t = e, n = w(() => t.precision != null ? t.value.toFixed(t.precision) : String(t.value));
-    return (o, a) => (v(), _("span", uv, [
+    const t = e, n = g(() => t.precision != null ? t.value.toFixed(t.precision) : String(t.value));
+    return (o, a) => (v(), y("span", uv, [
       p("span", cv, L(f(n)), 1),
-      e.unit ? (v(), _("span", dv, L(e.unit), 1)) : D("", !0)
+      e.unit ? (v(), y("span", dv, L(e.unit), 1)) : D("", !0)
     ]));
   }
 }), wb = /* @__PURE__ */ z(fv, [["__scopeId", "data-v-0bb9515b"]]), vv = {
@@ -8485,7 +8485,7 @@ const zf = { class: "form-control-date-format__popover" }, Uf = { class: "form-c
   height: "1.2em"
 };
 function pv(e, t) {
-  return v(), _("svg", vv, [...t[0] || (t[0] = [
+  return v(), y("svg", vv, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m16-40a8 8 0 0 1-8 8a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 8 8m-32-92a12 12 0 1 1 12 12a12 12 0 0 1-12-12"
@@ -8499,11 +8499,11 @@ const mv = xe({ name: "ph-info", render: pv }), hv = { class: "display-contrast-
     ratio: {}
   },
   setup(e) {
-    const t = e, n = ke("badgeRef"), o = w(() => ({
+    const t = e, n = ke("badgeRef"), o = g(() => ({
       "display-contrast-badge--aaa": t.level === "AAA",
       "display-contrast-badge--aa": t.level === "AA",
       "display-contrast-badge--fail": t.level === "Fail"
-    })), a = w(() => {
+    })), a = g(() => {
       switch (t.level) {
         case "AAA":
           return "WCAG AAA — Ratio ≥ 7:1. Enhanced contrast, meets the highest accessibility standard.";
@@ -8513,7 +8513,7 @@ const mv = xe({ name: "ph-info", render: pv }), hv = { class: "display-contrast-
           return "Below WCAG AA — Ratio < 4.5:1. Insufficient contrast. May be hard to read for some users.";
       }
     });
-    return (l, r) => (v(), _("span", {
+    return (l, r) => (v(), y("span", {
       ref_key: "badgeRef",
       ref: n,
       class: O(["display-contrast-badge", f(o)])
@@ -8553,8 +8553,8 @@ const yv = { class: "display-chart-type" }, _v = /* @__PURE__ */ S({
     chartType: {}
   },
   setup(e) {
-    const t = e, n = w(() => Kl(t.chartType));
-    return (o, a) => (v(), _("span", yv, L(f(n)), 1));
+    const t = e, n = g(() => Kl(t.chartType));
+    return (o, a) => (v(), y("span", yv, L(f(n)), 1));
   }
 }), xb = /* @__PURE__ */ z(_v, [["__scopeId", "data-v-0f586baf"]]), wv = {
   viewBox: "0 0 256 256",
@@ -8562,7 +8562,7 @@ const yv = { class: "display-chart-type" }, _v = /* @__PURE__ */ S({
   height: "1.2em"
 };
 function kv(e, t) {
-  return v(), _("svg", wv, [...t[0] || (t[0] = [
+  return v(), y("svg", wv, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M224 200h-8V40a8 8 0 0 0-8-8h-56a8 8 0 0 0-8 8v40H96a8 8 0 0 0-8 8v40H48a8 8 0 0 0-8 8v64h-8a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16M160 48h40v152h-40Zm-56 48h40v104h-40Zm-48 48h32v56H56Z"
@@ -8575,7 +8575,7 @@ const pn = xe({ name: "ph-chart-bar", render: kv }), xv = {
   height: "1.2em"
 };
 function $v(e, t) {
-  return v(), _("svg", xv, [...t[0] || (t[0] = [
+  return v(), y("svg", xv, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M224 96h-40V56a8 8 0 0 0-8-8H56v-8a8 8 0 0 0-16 0v176a8 8 0 0 0 16 0v-8h88a8 8 0 0 0 8-8v-40h72a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8m-56-32v32H56V64Zm-32 128H56v-32h80Zm80-48H56v-32h160Z"
@@ -8588,7 +8588,7 @@ const mn = xe({ name: "ph-chart-bar-horizontal", render: $v }), Cv = {
   height: "1.2em"
 };
 function Bv(e, t) {
-  return v(), _("svg", Cv, [...t[0] || (t[0] = [
+  return v(), y("svg", Cv, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M232 208a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v108.69l50.34-50.35a8 8 0 0 1 11.32 0L128 132.69L180.69 80H160a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8v40a8 8 0 0 1-16 0V91.31l-58.34 58.35a8 8 0 0 1-11.32 0L96 123.31l-56 56V200h184a8 8 0 0 1 8 8"
@@ -8601,7 +8601,7 @@ const hn = xe({ name: "ph-chart-line-up", render: Bv }), Sv = {
   height: "1.2em"
 };
 function Mv(e, t) {
-  return v(), _("svg", Sv, [...t[0] || (t[0] = [
+  return v(), y("svg", Sv, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M100 116.43a8 8 0 0 0 4-6.93v-72A8 8 0 0 0 93.34 30a104.06 104.06 0 0 0-67.61 117a8 8 0 0 0 4.52 5.81a7.9 7.9 0 0 0 3.35.74a8 8 0 0 0 4-1.07ZM88 49.62v55.26l-47.88 27.63C40 131 40 129.48 40 128a88.12 88.12 0 0 1 48-78.38M128 24a8 8 0 0 0-8 8v91.82l-78.81 45.91a8 8 0 0 0-2.87 11A104 104 0 1 0 128 24m0 192a88.47 88.47 0 0 1-71.49-36.68l75.52-44a8 8 0 0 0 4-6.92V40.36A88 88 0 0 1 128 216"
@@ -8614,7 +8614,7 @@ const Lv = xe({ name: "ph-chart-pie-slice", render: Mv }), Av = {
   height: "1.2em"
 };
 function Tv(e, t) {
-  return v(), _("svg", Av, [...t[0] || (t[0] = [
+  return v(), y("svg", Av, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M128 24a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8a32 32 0 1 1-27.72 16a8 8 0 0 0-2.93-10.93l-48.5-28A8 8 0 0 0 37.92 76A104 104 0 1 0 128 24M48.09 91.1L83 111.26A48.1 48.1 0 0 0 80 128c0 1.53.08 3 .22 4.52L41.28 143a88.16 88.16 0 0 1 6.81-51.9m-2.67 67.31l39-10.44A48.1 48.1 0 0 0 120 175.32v40.31a88.2 88.2 0 0 1-74.58-57.22M136 215.63v-40.31a48 48 0 0 0 0-94.65V40.36a88 88 0 0 1 0 175.27"
@@ -8628,7 +8628,7 @@ const Pv = xe({ name: "ph-chart-donut", render: Tv }), Iv = /* @__PURE__ */ S({
     theme: { default: "light" }
   },
   setup(e) {
-    const t = e, n = w(() => Kl(t.chartType)), o = w(() => t.theme === "dark" ? "dark" : "light"), a = {
+    const t = e, n = g(() => Kl(t.chartType)), o = g(() => t.theme === "dark" ? "dark" : "light"), a = {
       [de.BarVertical]: pn,
       [de.BarHorizontal]: mn,
       [de.BarMulti]: pn,
@@ -8642,7 +8642,7 @@ const Pv = xe({ name: "ph-chart-donut", render: Tv }), Iv = /* @__PURE__ */ S({
       [de.AreaStacked]: hn,
       [de.Donut]: Pv,
       [de.Pie]: Lv
-    }, l = w(() => a[t.chartType] ?? pn);
+    }, l = g(() => a[t.chartType] ?? pn);
     return (r, u) => (v(), R(f(mr), {
       variant: f(o),
       pill: "",
@@ -8665,10 +8665,10 @@ const Pv = xe({ name: "ph-chart-donut", render: Tv }), Iv = /* @__PURE__ */ S({
     eyebrow: { default: void 0 }
   },
   setup(e) {
-    const t = e, n = w(() => ({
+    const t = e, n = g(() => ({
       "section-title--flush": t.flush
     }));
-    return (o, a) => e.eyebrow ? (v(), _("div", Fv, [
+    return (o, a) => e.eyebrow ? (v(), y("div", Fv, [
       p("div", Dv, [
         a[0] || (a[0] = p("span", {
           class: "bc-eyebrow__hash",
@@ -8681,7 +8681,7 @@ const Pv = xe({ name: "ph-chart-donut", render: Tv }), Iv = /* @__PURE__ */ S({
       }, [
         M(o.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : (v(), _("h6", {
+    ])) : (v(), y("h6", {
       key: 1,
       class: O(["section-title", f(n)])
     }, [
@@ -8697,7 +8697,7 @@ const Pv = xe({ name: "ph-chart-donut", render: Tv }), Iv = /* @__PURE__ */ S({
   setup(e) {
     return (t, n) => {
       const o = Vv;
-      return v(), _("section", Ov, [
+      return v(), y("section", Ov, [
         Y(o, { flush: e.flush }, {
           default: F(() => [
             re(L(e.title), 1)
@@ -8722,23 +8722,23 @@ const Pv = xe({ name: "ph-chart-donut", render: Tv }), Iv = /* @__PURE__ */ S({
     label: {}
   },
   setup(e) {
-    return (t, n) => (v(), _("div", Hv, [
-      e.label ? (v(), _("div", zv, L(e.label), 1)) : D("", !0),
+    return (t, n) => (v(), y("div", Hv, [
+      e.label ? (v(), y("div", zv, L(e.label), 1)) : D("", !0),
       M(t.$slots, "header", {}, void 0, !0),
-      t.$slots.default ? (v(), _("div", Uv, [
+      t.$slots.default ? (v(), y("div", Uv, [
         M(t.$slots, "default", {}, void 0, !0)
       ])) : D("", !0)
     ]));
   }
 }), Bb = /* @__PURE__ */ z(Yv, [["__scopeId", "data-v-c4970a7e"]]), Wv = {}, qv = { class: "settings-section-description" };
 function jv(e, t) {
-  return v(), _("p", qv, [
+  return v(), y("p", qv, [
     M(e.$slots, "default", {}, void 0, !0)
   ]);
 }
 const Gv = /* @__PURE__ */ z(Wv, [["render", jv], ["__scopeId", "data-v-305c0b8f"]]), Xv = {}, Kv = { class: "settings-section-title" };
 function Zv(e, t) {
-  return v(), _("h6", Kv, [
+  return v(), y("h6", Kv, [
     M(e.$slots, "default", {}, void 0, !0)
   ]);
 }
@@ -8750,7 +8750,7 @@ const Qv = /* @__PURE__ */ z(Xv, [["render", Zv], ["__scopeId", "data-v-d623ff81
   setup(e) {
     return (t, n) => {
       const o = On;
-      return v(), _("div", Jv, [
+      return v(), y("div", Jv, [
         Y(o, { name: e.icon }, null, 8, ["name"])
       ]);
     };
@@ -8768,7 +8768,7 @@ const Qv = /* @__PURE__ */ z(Xv, [["render", Zv], ["__scopeId", "data-v-d623ff81
   setup(e) {
     return (t, n) => {
       const o = tp, a = Qv, l = Gv;
-      return v(), _("section", np, [
+      return v(), y("section", np, [
         p("div", op, [
           e.icon ? (v(), R(o, {
             key: 0,
@@ -8791,7 +8791,7 @@ const Qv = /* @__PURE__ */ z(Xv, [["render", Zv], ["__scopeId", "data-v-d623ff81
           ]),
           _: 3
         })) : D("", !0),
-        t.$slots.default ? (v(), _("div", lp, [
+        t.$slots.default ? (v(), y("div", lp, [
           M(t.$slots, "default", {}, void 0, !0)
         ])) : D("", !0)
       ]);
@@ -8803,7 +8803,7 @@ const Qv = /* @__PURE__ */ z(Xv, [["render", Zv], ["__scopeId", "data-v-d623ff81
   height: "1.2em"
 };
 function sp(e, t) {
-  return v(), _("svg", ip, [...t[0] || (t[0] = [
+  return v(), y("svg", ip, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z"
@@ -8834,7 +8834,7 @@ const Zl = xe({ name: "ph-x", render: sp }), up = /* @__PURE__ */ S({
   height: "1.2em"
 };
 function dp(e, t) {
-  return v(), _("svg", cp, [...t[0] || (t[0] = [
+  return v(), y("svg", cp, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36l-.25-.24a80 80 0 1 0-1.67 114.78a8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0"
@@ -8868,7 +8868,7 @@ const fp = xe({ name: "ph-arrow-clockwise", render: dp }), Lb = /* @__PURE__ */
   height: "1.2em"
 };
 function pp(e, t) {
-  return v(), _("svg", vp, [...t[0] || (t[0] = [
+  return v(), y("svg", vp, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M224 128a96 96 0 0 1-94.71 96H128a95.38 95.38 0 0 1-65.9-26.2a8 8 0 0 1 11-11.63a80 80 0 1 0-1.67-114.78a3 3 0 0 1-.26.25L44.59 96H72a8 8 0 0 1 0 16H24a8 8 0 0 1-8-8V56a8 8 0 0 1 16 0v29.8L60.25 60A96 96 0 0 1 224 128"
@@ -8902,7 +8902,7 @@ const mp = xe({ name: "ph-arrow-counter-clockwise", render: pp }), Ab = /* @__PU
     message: {}
   },
   setup(e) {
-    return (t, n) => (v(), _("div", hp, [
+    return (t, n) => (v(), y("div", hp, [
       p("p", bp, [
         M(t.$slots, "default", {}, () => [
           re(L(e.message), 1)
@@ -8920,12 +8920,12 @@ const mp = xe({ name: "ph-arrow-counter-clockwise", render: pp }), Ab = /* @__PU
     animated: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, n = w(() => ({
+    const t = e, n = g(() => ({
       width: t.width,
       height: t.height,
       borderRadius: t.circle ? "50%" : t.radius
     }));
-    return (o, a) => (v(), _("div", {
+    return (o, a) => (v(), y("div", {
       class: O(["feedback-skeleton", {
         "feedback-skeleton--animated": e.animated,
         "feedback-skeleton--circle": e.circle
@@ -8965,8 +8965,8 @@ const mp = xe({ name: "ph-arrow-counter-clockwise", render: pp }), Ab = /* @__PU
         b.preventDefault();
         return;
       }
-      const $ = h[0], g = h[h.length - 1], C = document.activeElement;
-      b.shiftKey && (C === $ || C === a.value) ? (b.preventDefault(), g.focus()) : !b.shiftKey && C === g && (b.preventDefault(), $.focus());
+      const C = h[0], _ = h[h.length - 1], $ = document.activeElement;
+      b.shiftKey && ($ === C || $ === a.value) ? (b.preventDefault(), _.focus()) : !b.shiftKey && $ === _ && (b.preventDefault(), C.focus());
     }
     Me(t, async (b) => {
       var h;
@@ -8976,27 +8976,27 @@ const mp = xe({ name: "ph-arrow-counter-clockwise", render: pp }), Ab = /* @__PU
       }
       r == null || r.focus(), r = null;
     }, { immediate: !0 });
-    const i = w(() => ({
+    const i = g(() => ({
       "layout-bottom-drawer--dragging": o.value
     }));
     let d = 0, c = !1;
     function m(b) {
-      d = b.clientY, n.value = 0, c = !1, document.addEventListener("pointermove", y), document.addEventListener("pointerup", x, { once: !0 }), document.addEventListener("pointercancel", x, { once: !0 });
+      d = b.clientY, n.value = 0, c = !1, document.addEventListener("pointermove", w), document.addEventListener("pointerup", x, { once: !0 }), document.addEventListener("pointercancel", x, { once: !0 });
     }
-    function y(b) {
+    function w(b) {
       const h = b.clientY - d;
       !o.value && Math.abs(h) > 4 && (o.value = !0), o.value && (c = !0, n.value = Math.max(0, h));
     }
     function x() {
-      document.removeEventListener("pointermove", y), document.removeEventListener("pointercancel", x), o.value && n.value >= $p ? t.value = !1 : c || (t.value = !1), n.value = 0, o.value = !1;
+      document.removeEventListener("pointermove", w), document.removeEventListener("pointercancel", x), o.value && n.value >= $p ? t.value = !1 : c || (t.value = !1), n.value = 0, o.value = !1;
     }
-    const k = w(
+    const k = g(
       () => n.value > 0 ? { transform: `translateY(${n.value}px)` } : {}
     );
-    return (b, h) => (v(), _(le, null, [
+    return (b, h) => (v(), y(le, null, [
       Y(vo, { name: "drawer" }, {
         default: F(() => [
-          t.value ? (v(), _("div", {
+          t.value ? (v(), y("div", {
             key: 0,
             ref_key: "drawerRef",
             ref: a,
@@ -9015,14 +9015,14 @@ const mp = xe({ name: "ph-arrow-counter-clockwise", render: pp }), Ab = /* @__PU
               p("div", { class: "layout-bottom-drawer__handle__bar" }, null, -1)
             ])], 32),
             p("div", wp, [
-              e.title ? (v(), _("h2", kp, L(e.title), 1)) : D("", !0),
+              e.title ? (v(), y("h2", kp, L(e.title), 1)) : D("", !0),
               p("button", {
                 ref_key: "closeRef",
                 ref: l,
                 type: "button",
                 class: "layout-bottom-drawer__header__close",
                 "aria-label": "Close panel",
-                onClick: h[0] || (h[0] = ($) => t.value = !1)
+                onClick: h[0] || (h[0] = (C) => t.value = !1)
               }, " × ", 512)
             ]),
             p("div", xp, [
@@ -9032,11 +9032,11 @@ const mp = xe({ name: "ph-arrow-counter-clockwise", render: pp }), Ab = /* @__PU
         ]),
         _: 3
       }),
-      t.value ? (v(), _("div", {
+      t.value ? (v(), y("div", {
         key: 0,
         class: "layout-bottom-drawer__backdrop",
         "aria-hidden": "true",
-        onClick: h[1] || (h[1] = ($) => t.value = !1)
+        onClick: h[1] || (h[1] = (C) => t.value = !1)
       })) : D("", !0)
     ], 64));
   }
@@ -9055,20 +9055,20 @@ const mp = xe({ name: "ph-arrow-counter-clockwise", render: pp }), Ab = /* @__PU
     title: {}
   },
   setup(e) {
-    return (t, n) => (v(), _("div", Sp, [
+    return (t, n) => (v(), y("div", Sp, [
       p("div", Mp, [
         p("h2", Lp, L(e.title), 1),
-        t.$slots.actions ? (v(), _("div", Ap, [
+        t.$slots.actions ? (v(), y("div", Ap, [
           M(t.$slots, "actions", {}, void 0, !0)
         ])) : D("", !0)
       ]),
-      t.$slots.toolbar ? (v(), _("div", Tp, [
+      t.$slots.toolbar ? (v(), y("div", Tp, [
         M(t.$slots, "toolbar", {}, void 0, !0)
       ])) : D("", !0),
       p("div", Pp, [
         M(t.$slots, "default", {}, void 0, !0)
       ]),
-      t.$slots.footer ? (v(), _("div", Ip, [
+      t.$slots.footer ? (v(), y("div", Ip, [
         M(t.$slots, "footer", {}, void 0, !0)
       ])) : D("", !0)
     ]));
@@ -9079,7 +9079,7 @@ const mp = xe({ name: "ph-arrow-counter-clockwise", render: pp }), Ab = /* @__PU
   "aria-orientation": "vertical"
 };
 function Vp(e, t) {
-  return v(), _("div", Rp);
+  return v(), y("div", Rp);
 }
 const Fb = /* @__PURE__ */ z(Dp, [["render", Vp], ["__scopeId", "data-v-0ffa8b6b"]]), Op = ["aria-label"], Ep = ["disabled", "title", "aria-label", "aria-current", "onClick"], Np = { class: "navigation-segmented-control__option__label" }, Hp = /* @__PURE__ */ S({
   __name: "NavigationSegmentedControl",
@@ -9091,16 +9091,16 @@ const Fb = /* @__PURE__ */ z(Dp, [["render", Vp], ["__scopeId", "data-v-0ffa8b6b
   },
   emits: ["select"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = w(() => `navigation-segmented-control--${n.size}`);
+    const n = e, o = t, a = g(() => `navigation-segmented-control--${n.size}`);
     function l(r) {
       r.disabled || o("select", r.key);
     }
-    return (r, u) => (v(), _("nav", {
+    return (r, u) => (v(), y("nav", {
       class: O(["navigation-segmented-control", [f(a), { "navigation-segmented-control--icon-only": e.iconOnly }]]),
       "aria-label": e.ariaLabel
     }, [
       M(r.$slots, "default", {}, void 0, !0),
-      (v(!0), _(le, null, we(e.items, (s) => (v(), _("button", {
+      (v(!0), y(le, null, we(e.items, (s) => (v(), y("button", {
         key: s.key,
         class: O(["navigation-segmented-control__option", {
           "navigation-segmented-control__option--active": s.active,
@@ -9182,17 +9182,17 @@ const Fb = /* @__PURE__ */ z(Dp, [["render", Vp], ["__scopeId", "data-v-0ffa8b6b
       }
       if (s.preventDefault(), m === null)
         return;
-      const y = s.currentTarget.closest('[role="tablist"]');
-      if (!y)
+      const w = s.currentTarget.closest('[role="tablist"]');
+      if (!w)
         return;
-      (k = y.querySelectorAll('[role="tab"]')[m]) == null || k.focus();
+      (k = w.querySelectorAll('[role="tab"]')[m]) == null || k.focus();
     }
-    return (s, i) => (v(), _("div", {
+    return (s, i) => (v(), y("div", {
       class: O(["navigation-stepper-tabs", `navigation-stepper-tabs--${e.layout}`]),
       role: "tablist",
       "aria-label": "Progress"
     }, [
-      (v(!0), _(le, null, we(e.steps, (d, c) => (v(), _(le, {
+      (v(!0), y(le, null, we(e.steps, (d, c) => (v(), y(le, {
         key: d.key ?? c
       }, [
         p("button", {
@@ -9210,12 +9210,12 @@ const Fb = /* @__PURE__ */ z(Dp, [["render", Vp], ["__scopeId", "data-v-0ffa8b6b
           onClick: (m) => r(c),
           onKeydown: (m) => u(m, c)
         }, [
-          l(d, c) ? (v(), _("span", Yp, [
+          l(d, c) ? (v(), y("span", Yp, [
             (v(), R(Be(l(d, c))))
           ])) : D("", !0),
           p("span", Wp, L(d.label), 1)
         ], 42, Up),
-        e.layout === "inline" && e.separator && c < e.steps.length - 1 ? (v(), _("span", qp, "›")) : D("", !0)
+        e.layout === "inline" && e.separator && c < e.steps.length - 1 ? (v(), y("span", qp, "›")) : D("", !0)
       ], 64))), 128))
     ], 2));
   }
@@ -9231,9 +9231,9 @@ const Fb = /* @__PURE__ */ z(Dp, [["render", Vp], ["__scopeId", "data-v-0ffa8b6b
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ae(e, "modelValue"), n = e, { entries: o } = an(Ya), a = w(
+    const t = ae(e, "modelValue"), n = e, { entries: o } = an(Ya), a = g(
       () => o.value.length > 0 ? o.value : n.options
-    ), l = w(
+    ), l = g(
       () => a.value.map((u) => ({
         key: u.value,
         text: u.text,
@@ -9283,7 +9283,7 @@ const Fb = /* @__PURE__ */ z(Dp, [["render", Vp], ["__scopeId", "data-v-0ffa8b6b
   height: "1.2em"
 };
 function Xp(e, t) {
-  return v(), _("svg", Gp, [...t[0] || (t[0] = [
+  return v(), y("svg", Gp, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72"
@@ -9305,7 +9305,7 @@ const Ql = xe({ name: "ph-magnifying-glass", render: Xp }), Kp = ["aria-label"],
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => (v(), _("button", {
+    return (t, n) => (v(), y("button", {
       type: "button",
       class: O(["navigation-command-bar", { "navigation-command-bar--collapsed": e.collapsed }]),
       "aria-label": e.placeholder,
@@ -9315,8 +9315,8 @@ const Ql = xe({ name: "ph-magnifying-glass", render: Xp }), Kp = ["aria-label"],
         class: "navigation-command-bar__icon",
         "aria-hidden": "true"
       }),
-      e.collapsed ? D("", !0) : (v(), _("span", Zp, L(e.placeholder), 1)),
-      e.shortcutLabel && !e.collapsed ? (v(), _("span", Qp, L(e.shortcutLabel), 1)) : D("", !0)
+      e.collapsed ? D("", !0) : (v(), y("span", Zp, L(e.placeholder), 1)),
+      e.shortcutLabel && !e.collapsed ? (v(), y("span", Qp, L(e.shortcutLabel), 1)) : D("", !0)
     ], 10, Kp));
   }
 }), Ob = /* @__PURE__ */ z(Jp, [["__scopeId", "data-v-e61b62b9"]]), em = {
@@ -9337,18 +9337,18 @@ const Ql = xe({ name: "ph-magnifying-glass", render: Xp }), Kp = ["aria-label"],
 }, lm = /* @__PURE__ */ S({
   __name: "NavigationDocsBar",
   setup(e) {
-    return (t, n) => (v(), _("header", em, [
-      t.$slots.brand ? (v(), _("div", tm, [
+    return (t, n) => (v(), y("header", em, [
+      t.$slots.brand ? (v(), y("div", tm, [
         M(t.$slots, "brand", {}, void 0, !0)
       ])) : D("", !0),
-      t.$slots.actions ? (v(), _("div", nm, [
+      t.$slots.actions ? (v(), y("div", nm, [
         M(t.$slots, "actions", {}, void 0, !0)
       ])) : D("", !0),
       n[0] || (n[0] = p("div", { class: "navigation-docs-bar__spacer" }, null, -1)),
-      t.$slots["cta-primary"] ? (v(), _("div", om, [
+      t.$slots["cta-primary"] ? (v(), y("div", om, [
         M(t.$slots, "cta-primary", {}, void 0, !0)
       ])) : D("", !0),
-      t.$slots["cta-secondary"] ? (v(), _("div", am, [
+      t.$slots["cta-secondary"] ? (v(), y("div", am, [
         M(t.$slots, "cta-secondary", {}, void 0, !0)
       ])) : D("", !0)
     ]));
@@ -9366,7 +9366,7 @@ const Ql = xe({ name: "ph-magnifying-glass", render: Xp }), Kp = ["aria-label"],
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ae(e, "modelValue"), n = e, { entries: o } = an(Ua), a = w(
+    const t = ae(e, "modelValue"), n = e, { entries: o } = an(Ua), a = g(
       () => o.value.length > 0 ? o.value : n.items
     );
     function l(r) {
@@ -9374,9 +9374,9 @@ const Ql = xe({ name: "ph-magnifying-glass", render: Xp }), Kp = ["aria-label"],
     }
     return (r, u) => {
       const s = $t;
-      return v(), _("nav", rm, [
+      return v(), y("nav", rm, [
         M(r.$slots, "default", {}, void 0, !0),
-        (v(!0), _(le, null, we(f(a), (i) => (v(), R(s, {
+        (v(!0), y(le, null, we(f(a), (i) => (v(), R(s, {
           key: i.value,
           "icon-left": i.icon,
           label: i.tooltip,
@@ -9390,7 +9390,7 @@ const Ql = xe({ name: "ph-magnifying-glass", render: Xp }), Kp = ["aria-label"],
           onClick: (d) => t.value = i.value
         }, null, 8, ["icon-left", "label", "class", "aria-pressed", "onClick"]))), 128)),
         u[0] || (u[0] = p("div", { class: "navigation-icon-rail__spacer" }, null, -1)),
-        r.$slots.footer ? (v(), _("div", im, [
+        r.$slots.footer ? (v(), y("div", im, [
           M(r.$slots, "footer", {}, void 0, !0)
         ])) : D("", !0)
       ]);
@@ -9417,7 +9417,7 @@ const Ql = xe({ name: "ph-magnifying-glass", render: Xp }), Kp = ["aria-label"],
   height: "1.2em"
 };
 function cm(e, t) {
-  return v(), _("svg", um, [...t[0] || (t[0] = [
+  return v(), y("svg", um, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8"
@@ -9484,22 +9484,22 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
 }, wm = /* @__PURE__ */ S({
   __name: "NavigationMarketingBar",
   setup(e) {
-    return (t, n) => (v(), _("header", pm, [
+    return (t, n) => (v(), y("header", pm, [
       p("div", mm, [
         p("div", hm, [
           M(t.$slots, "brand")
         ]),
-        t.$slots.menu ? (v(), _("nav", bm, [
+        t.$slots.menu ? (v(), y("nav", bm, [
           M(t.$slots, "menu")
         ])) : D("", !0),
         n[0] || (n[0] = p("div", { class: "navigation-marketing-bar__spacer" }, null, -1)),
-        t.$slots.actions ? (v(), _("div", gm, [
+        t.$slots.actions ? (v(), y("div", gm, [
           M(t.$slots, "actions")
         ])) : D("", !0),
-        t.$slots["cta-secondary"] ? (v(), _("div", ym, [
+        t.$slots["cta-secondary"] ? (v(), y("div", ym, [
           M(t.$slots, "cta-secondary")
         ])) : D("", !0),
-        t.$slots["cta-primary"] ? (v(), _("div", _m, [
+        t.$slots["cta-primary"] ? (v(), y("div", _m, [
           M(t.$slots, "cta-primary")
         ])) : D("", !0)
       ])
@@ -9522,13 +9522,13 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
   },
   emits: ["click"],
   setup(e) {
-    const t = e, n = w(() => ({
+    const t = e, n = g(() => ({
       "navigation-search-pill": !0,
       "navigation-search-pill--compact": t.compact
     }));
     return (o, a) => {
       const l = Ql;
-      return v(), _("button", {
+      return v(), y("button", {
         type: "button",
         class: O(f(n)),
         "aria-haspopup": "dialog",
@@ -9540,8 +9540,8 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
           class: "navigation-search-pill__icon",
           "aria-hidden": "true"
         }),
-        e.compact ? D("", !0) : (v(), _("span", xm, L(e.placeholder), 1)),
-        e.compact ? D("", !0) : (v(), _("kbd", $m, L(e.shortcutLabel), 1))
+        e.compact ? D("", !0) : (v(), y("span", xm, L(e.placeholder), 1)),
+        e.compact ? D("", !0) : (v(), y("kbd", $m, L(e.shortcutLabel), 1))
       ], 10, km);
     };
   }
@@ -9553,11 +9553,11 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
     ariaLabel: { default: "Documentation sections" }
   },
   setup(e) {
-    return (t, n) => (v(), _("nav", {
+    return (t, n) => (v(), y("nav", {
       class: "navigation-section-tabs",
       "aria-label": e.ariaLabel
     }, [
-      (v(!0), _(le, null, we(e.sections, (o) => (v(), _("a", {
+      (v(!0), y(le, null, we(e.sections, (o) => (v(), y("a", {
         key: o.link,
         href: o.link,
         class: O(["navigation-section-tabs__tab", { "navigation-section-tabs__tab--active": o.link === e.activeLink }]),
@@ -9577,7 +9577,7 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
     triggerLabel: { default: "Switch section" }
   },
   setup(e) {
-    const t = e, n = ue(!1), o = ue(null), a = ue(null), l = w(() => {
+    const t = e, n = ue(!1), o = ue(null), a = ue(null), l = g(() => {
       const s = t.sections.find((i) => i.link === t.activeLink);
       return (s == null ? void 0 : s.text) ?? t.triggerLabel;
     });
@@ -9595,7 +9595,7 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
         return;
       const i = s.target;
       i && o.value && !o.value.contains(i) && u();
-    }), (s, i) => (v(), _("div", {
+    }), (s, i) => (v(), y("div", {
       ref_key: "root",
       ref: o,
       class: "navigation-section-dropdown"
@@ -9610,7 +9610,7 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
         onClick: r
       }, [
         p("span", Am, L(l.value), 1),
-        (v(), _("svg", {
+        (v(), y("svg", {
           class: O(["navigation-section-dropdown__caret", { "navigation-section-dropdown__caret--open": n.value }]),
           width: "12",
           height: "12",
@@ -9627,8 +9627,8 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
           }, null, -1)
         ])], 2))
       ], 8, Lm),
-      n.value ? (v(), _("menu", Tm, [
-        (v(!0), _(le, null, we(e.sections, (d) => (v(), _("a", {
+      n.value ? (v(), y("menu", Tm, [
+        (v(!0), y(le, null, we(e.sections, (d) => (v(), y("a", {
           key: d.link,
           href: d.link,
           role: "menuitem",
@@ -9648,11 +9648,11 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
     ariaLabel: { default: "Sidebar" }
   },
   setup(e) {
-    return (t, n) => (v(), _("nav", {
+    return (t, n) => (v(), y("nav", {
       class: "navigation-sidebar",
       "aria-label": e.ariaLabel
     }, [
-      t.$slots.header ? (v(), _("div", Dm, [
+      t.$slots.header ? (v(), y("div", Dm, [
         M(t.$slots, "header", {}, void 0, !0)
       ])) : D("", !0),
       p("div", Rm, [
@@ -9669,8 +9669,8 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
     eyebrow: {}
   },
   setup(e) {
-    return (t, n) => (v(), _("div", Om, [
-      e.eyebrow ? (v(), _("div", Em, L(e.eyebrow), 1)) : D("", !0),
+    return (t, n) => (v(), y("div", Om, [
+      e.eyebrow ? (v(), y("div", Em, L(e.eyebrow), 1)) : D("", !0),
       p("div", Nm, [
         M(t.$slots, "default", {}, void 0, !0)
       ])
@@ -9692,7 +9692,7 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
     count: { default: void 0 }
   },
   setup(e) {
-    const t = e, n = w(() => t.href !== void 0);
+    const t = e, n = g(() => t.href !== void 0);
     if (t.to === void 0 && t.href === void 0)
       throw new Error("NavigationSidebarItem requires either `to` or `href`.");
     if (t.to !== void 0 && t.href !== void 0)
@@ -9705,7 +9705,7 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
     }
     return (a, l) => {
       const r = po("router-link");
-      return f(n) ? (v(), _("a", {
+      return f(n) ? (v(), y("a", {
         key: 0,
         href: e.href,
         class: O(o(!1)),
@@ -9735,7 +9735,7 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
               M(a.$slots, "icon", {}, void 0, !0)
             ]),
             p("span", Gm, L(e.label), 1),
-            e.count !== void 0 ? (v(), _("span", Xm, L(e.count), 1)) : D("", !0)
+            e.count !== void 0 ? (v(), y("span", Xm, L(e.count), 1)) : D("", !0)
           ], 10, qm)
         ]),
         _: 3
@@ -9766,7 +9766,7 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
   },
   emits: ["click"],
   setup(e) {
-    const t = e, n = w(() => t.name.trim().charAt(0).toUpperCase());
+    const t = e, n = g(() => t.name.trim().charAt(0).toUpperCase());
     return (o, a) => {
       const l = po("router-link");
       return e.to ? (v(), R(l, {
@@ -9781,30 +9781,30 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
             "aria-label": e.name,
             onClick: r
           }, [
-            e.logoSrc ? (v(), _("img", {
+            e.logoSrc ? (v(), y("img", {
               key: 0,
               src: e.logoSrc,
               alt: e.name,
               class: "navigation-workspace-switcher__logo"
-            }, null, 8, Qm)) : (v(), _("span", Jm, L(n.value), 1)),
-            e.hideName ? D("", !0) : (v(), _("span", e0, L(e.name), 1))
+            }, null, 8, Qm)) : (v(), y("span", Jm, L(n.value), 1)),
+            e.hideName ? D("", !0) : (v(), y("span", e0, L(e.name), 1))
           ], 8, Zm)
         ]),
         _: 1
-      }, 8, ["to"])) : (v(), _("button", {
+      }, 8, ["to"])) : (v(), y("button", {
         key: 1,
         type: "button",
         class: "navigation-workspace-switcher",
         "aria-label": e.name,
         onClick: a[0] || (a[0] = (r) => o.$emit("click"))
       }, [
-        e.logoSrc ? (v(), _("img", {
+        e.logoSrc ? (v(), y("img", {
           key: 0,
           src: e.logoSrc,
           alt: e.name,
           class: "navigation-workspace-switcher__logo"
-        }, null, 8, n0)) : (v(), _("span", o0, L(n.value), 1)),
-        e.hideName ? D("", !0) : (v(), _("span", a0, L(e.name), 1))
+        }, null, 8, n0)) : (v(), y("span", o0, L(n.value), 1)),
+        e.hideName ? D("", !0) : (v(), y("span", a0, L(e.name), 1))
       ], 8, t0));
     };
   }
@@ -9816,10 +9816,10 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
   },
   emits: ["click"],
   setup(e) {
-    const t = e, n = w(() => ({
+    const t = e, n = g(() => ({
       "list-item-row--active": t.active
     }));
-    return (o, a) => (v(), _("div", {
+    return (o, a) => (v(), y("div", {
       class: O(["list-item-row", f(n)]),
       onClick: a[0] || (a[0] = (l) => o.$emit("click", l))
     }, [
@@ -9834,7 +9834,7 @@ const Jl = xe({ name: "ph-arrow-square-out", render: cm }), dm = ["href", "aria-
   height: "1.2em"
 };
 function c0(e, t) {
-  return v(), _("svg", u0, [...t[0] || (t[0] = [
+  return v(), y("svg", u0, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16M96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0m48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0"
@@ -9850,7 +9850,7 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
   setup(e) {
     return (t, n) => {
       const o = yn, a = On;
-      return v(), _("div", f0, [
+      return v(), y("div", f0, [
         e.actions.includes("duplicate") ? (v(), R(o, {
           key: 0,
           variant: "link",
@@ -9910,7 +9910,7 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
     }
     return (s, i) => {
       const d = s0;
-      return v(), _("div", p0, [
+      return v(), y("div", p0, [
         p("div", m0, [
           Y(f(Hn), {
             variant: "outline-secondary",
@@ -9946,11 +9946,11 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
         p("div", {
           style: Ce({ maxHeight: e.maxHeight, overflowY: "auto" })
         }, [
-          (v(!0), _(le, null, we(e.items, (c, m) => (v(), R(d, {
+          (v(!0), y(le, null, we(e.items, (c, m) => (v(), R(d, {
             key: c,
             label: c,
             active: t.value.includes(c),
-            onClick: (y) => o(c, m, y)
+            onClick: (w) => o(c, m, w)
           }, vt({ _: 2 }, [
             s.$slots["item-leading"] ? {
               name: "leading",
@@ -9991,7 +9991,7 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
     const t = ae(e, "modelValue");
     return (n, o) => {
       const a = Ml;
-      return v(), _("div", h0, [
+      return v(), y("div", h0, [
         Y(Io, { color: e.color }, null, 8, ["color"]),
         p("span", b0, L(e.name), 1),
         Y(a, {
@@ -10024,7 +10024,7 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = w(() => ({
+    const n = e, o = t, a = g(() => ({
       "gallery-card--selected": n.selected,
       "gallery-card--row": n.layout === "row",
       "gallery-card--loading": n.loading
@@ -10032,7 +10032,7 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
     function l() {
       n.loading || o("click");
     }
-    return (r, u) => (v(), _("div", {
+    return (r, u) => (v(), y("div", {
       class: O(["gallery-card", f(a)]),
       role: e.loading ? void 0 : "button",
       tabindex: e.loading ? -1 : 0,
@@ -10053,13 +10053,13 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
           width: "100%",
           height: "100%",
           radius: "0"
-        })) : e.thumbSrc ? (v(), _("img", {
+        })) : e.thumbSrc ? (v(), y("img", {
           key: 1,
           src: e.thumbSrc,
           alt: "",
           class: "gallery-card__thumb__img"
         }, null, 8, w0)) : D("", !0),
-        r.$slots.status && !e.loading ? (v(), _("div", {
+        r.$slots.status && !e.loading ? (v(), y("div", {
           key: 2,
           class: "gallery-card__thumb__status",
           onClick: u[0] || (u[0] = rt(() => {
@@ -10067,7 +10067,7 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
         }, [
           M(r.$slots, "status", {}, void 0, !0)
         ])) : D("", !0),
-        r.$slots.actions && !e.loading ? (v(), _("div", {
+        r.$slots.actions && !e.loading ? (v(), y("div", {
           key: 3,
           class: "gallery-card__thumb__actions",
           onClick: u[1] || (u[1] = rt(() => {
@@ -10077,7 +10077,7 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
         ])) : D("", !0)
       ], 8, _0),
       p("div", k0, [
-        e.loading ? (v(), _(le, { key: 0 }, [
+        e.loading ? (v(), y(le, { key: 0 }, [
           Y(bn, {
             class: "gallery-card__skeleton-line",
             width: "70%",
@@ -10094,12 +10094,12 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
               height: "0.7rem"
             })
           ])
-        ], 64)) : (v(), _(le, { key: 1 }, [
+        ], 64)) : (v(), y(le, { key: 1 }, [
           p("div", {
             class: O(["gallery-card__meta__title", { "bc-display": e.serifTitle }])
           }, L(e.title), 3),
-          e.subtitle ? (v(), _("div", $0, L(e.subtitle), 1)) : D("", !0),
-          r.$slots.footer ? (v(), _("div", C0, [
+          e.subtitle ? (v(), y("div", $0, L(e.subtitle), 1)) : D("", !0),
+          r.$slots.footer ? (v(), y("div", C0, [
             M(r.$slots, "footer", {}, void 0, !0)
           ])) : D("", !0)
         ], 64))
@@ -10112,10 +10112,10 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
     layout: { default: "grid" }
   },
   setup(e) {
-    const t = e, n = w(() => ({
+    const t = e, n = g(() => ({
       "gallery-grid--row": t.layout === "row"
     }));
-    return (o, a) => (v(), _("div", {
+    return (o, a) => (v(), y("div", {
       class: O(["gallery-grid", f(n)])
     }, [
       M(o.$slots, "default", {}, void 0, !0)
@@ -10135,12 +10135,12 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
   },
   emits: ["select", "remove"],
   setup(e) {
-    return (t, n) => (v(), _("button", {
+    return (t, n) => (v(), y("button", {
       class: O(["scene-timeline-item", { "scene-timeline-item--active": e.active }]),
       type: "button",
       onClick: n[1] || (n[1] = (o) => t.$emit("select"))
     }, [
-      e.removable ? (v(), _("span", {
+      e.removable ? (v(), y("span", {
         key: 0,
         class: "scene-timeline-item__remove",
         role: "button",
@@ -10152,7 +10152,7 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
         class: "scene-timeline-item__preview",
         innerHTML: e.thumbnail
       }, null, 8, L0),
-      e.name ? (v(), _("span", A0, L(e.name), 1)) : D("", !0)
+      e.name ? (v(), y("span", A0, L(e.name), 1)) : D("", !0)
     ], 2));
   }
 }), P0 = /* @__PURE__ */ z(T0, [["__scopeId", "data-v-4e7644c2"]]), I0 = {
@@ -10161,7 +10161,7 @@ const d0 = xe({ name: "ph-trash", render: c0 }), f0 = { class: "list-item-action
   height: "1.2em"
 };
 function F0(e, t) {
-  return v(), _("svg", I0, [...t[0] || (t[0] = [
+  return v(), y("svg", I0, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M240 128a15.74 15.74 0 0 1-7.6 13.51L88.32 229.65a16 16 0 0 1-16.2.3A15.86 15.86 0 0 1 64 216.13V39.87a15.86 15.86 0 0 1 8.12-13.82a16 16 0 0 1 16.2.3l144.08 88.14A15.74 15.74 0 0 1 240 128"
@@ -10174,7 +10174,7 @@ const D0 = xe({ name: "ph-play-fill", render: F0 }), R0 = {
   height: "1.2em"
 };
 function V0(e, t) {
-  return v(), _("svg", R0, [...t[0] || (t[0] = [
+  return v(), y("svg", R0, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M216 48v160a16 16 0 0 1-16 16h-40a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h40a16 16 0 0 1 16 16M96 32H56a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h40a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16"
@@ -10187,7 +10187,7 @@ const O0 = xe({ name: "ph-pause-fill", render: V0 }), E0 = {
   height: "1.2em"
 };
 function N0(e, t) {
-  return v(), _("svg", E0, [...t[0] || (t[0] = [
+  return v(), y("svg", E0, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z"
@@ -10200,7 +10200,7 @@ const H0 = xe({ name: "ph-caret-left", render: N0 }), z0 = {
   height: "1.2em"
 };
 function U0(e, t) {
-  return v(), _("svg", z0, [...t[0] || (t[0] = [
+  return v(), y("svg", z0, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32"
@@ -10222,10 +10222,10 @@ const Y0 = xe({ name: "ph-caret-right", render: U0 }), W0 = { class: "scene-time
   }),
   emits: /* @__PURE__ */ Q(["play", "pause"], ["update:activeIndex"]),
   setup(e) {
-    const t = ae(e, "activeIndex"), n = e, o = w(() => n.total === 0), a = w(() => t.value < 0 ? 1 : t.value + 1), l = w(() => n.total === 0 ? 0 : t.value <= 0 ? n.total - 1 : t.value - 1), r = w(() => n.total === 0 || t.value >= n.total - 1 ? 0 : t.value + 1);
+    const t = ae(e, "activeIndex"), n = e, o = g(() => n.total === 0), a = g(() => t.value < 0 ? 1 : t.value + 1), l = g(() => n.total === 0 ? 0 : t.value <= 0 ? n.total - 1 : t.value - 1), r = g(() => n.total === 0 || t.value >= n.total - 1 ? 0 : t.value + 1);
     return (u, s) => {
       const i = On;
-      return v(), _("div", W0, [
+      return v(), y("div", W0, [
         p("button", {
           class: "scene-timeline-controls__nav-btn",
           type: "button",
@@ -10262,7 +10262,7 @@ const Y0 = xe({ name: "ph-caret-right", render: U0 }), W0 = { class: "scene-time
             size: "1em"
           }, null, 8, ["name"])
         ], 8, G0),
-        !f(o) && !e.hideCounter ? (v(), _("span", X0, L(f(a)) + " / " + L(e.total), 1)) : D("", !0)
+        !f(o) && !e.hideCounter ? (v(), y("span", X0, L(f(a)) + " / " + L(e.total), 1)) : D("", !0)
       ]);
     };
   }
@@ -10281,7 +10281,7 @@ const Y0 = xe({ name: "ph-caret-right", render: U0 }), W0 = { class: "scene-time
     const t = ae(e, "activeIndex");
     return (n, o) => {
       const a = Ho, l = P0, r = Vl;
-      return v(), _("div", {
+      return v(), y("div", {
         class: O(["scene-timeline", { "scene-timeline--floating": e.floating }])
       }, [
         Y(a, {
@@ -10293,7 +10293,7 @@ const Y0 = xe({ name: "ph-caret-right", render: U0 }), W0 = { class: "scene-time
           onPause: o[2] || (o[2] = (u) => n.$emit("pause"))
         }, null, 8, ["active-index", "total", "playing"]),
         p("div", Z0, [
-          (v(!0), _(le, null, we(e.scenes, (u) => (v(), R(l, {
+          (v(!0), y(le, null, we(e.scenes, (u) => (v(), R(l, {
             key: u.index,
             name: u.name,
             index: u.index,
@@ -10318,7 +10318,7 @@ const Y0 = xe({ name: "ph-caret-right", render: U0 }), W0 = { class: "scene-time
   height: "1.2em"
 };
 function th(e, t) {
-  return v(), _("svg", eh, [...t[0] || (t[0] = [
+  return v(), y("svg", eh, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32"
@@ -10337,11 +10337,11 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
   }),
   emits: /* @__PURE__ */ Q(["play", "pause", "expand"], ["update:activeIndex"]),
   setup(e) {
-    const t = ae(e, "activeIndex"), n = e, o = w(() => t.value < 0 ? null : n.scenes.find((u) => u.index === t.value) ?? null), a = w(() => {
+    const t = ae(e, "activeIndex"), n = e, o = g(() => t.value < 0 ? null : n.scenes.find((u) => u.index === t.value) ?? null), a = g(() => {
       var u;
       return ((u = o.value) == null ? void 0 : u.name) || " ";
-    }), l = w(() => n.scenes.length), r = w(() => t.value < 0 || l.value === 0 ? 1 : Math.max(1, Math.min(l.value, t.value + 1)));
-    return (u, s) => (v(), _("div", oh, [
+    }), l = g(() => n.scenes.length), r = g(() => t.value < 0 || l.value === 0 ? 1 : Math.max(1, Math.min(l.value, t.value + 1)));
+    return (u, s) => (v(), y("div", oh, [
       Y(Ho, {
         "active-index": t.value,
         "onUpdate:activeIndex": s[0] || (s[0] = (i) => t.value = i),
@@ -10391,7 +10391,7 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
   },
   emits: ["select", "remove"],
   setup(e) {
-    return (t, n) => (v(), _("li", {
+    return (t, n) => (v(), y("li", {
       class: O(["scene-list-item-row", { "scene-list-item-row--active": e.active }])
     }, [
       p("button", {
@@ -10400,18 +10400,18 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
         "aria-current": e.active ? "true" : void 0,
         onClick: n[0] || (n[0] = (o) => t.$emit("select"))
       }, [
-        e.thumbnail ? (v(), _("span", {
+        e.thumbnail ? (v(), y("span", {
           key: 0,
           class: "scene-list-item__thumb",
           innerHTML: e.thumbnail
-        }, null, 8, sh)) : (v(), _("span", uh)),
+        }, null, 8, sh)) : (v(), y("span", uh)),
         p("span", ch, [
           p("span", dh, "SCENE " + L(e.index), 1),
-          e.name ? (v(), _("span", fh, L(e.name), 1)) : D("", !0),
-          e.hint ? (v(), _("span", vh, L(e.hint), 1)) : D("", !0)
+          e.name ? (v(), y("span", fh, L(e.name), 1)) : D("", !0),
+          e.hint ? (v(), y("span", vh, L(e.hint), 1)) : D("", !0)
         ])
       ], 10, ih),
-      e.removable ? (v(), _("button", {
+      e.removable ? (v(), y("button", {
         key: 0,
         type: "button",
         class: "scene-list-item__remove",
@@ -10443,7 +10443,7 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
     function l(r) {
       o("remove", r);
     }
-    return (r, u) => (v(), _("div", hh, [
+    return (r, u) => (v(), y("div", hh, [
       Y(Ho, {
         "active-index": n.value,
         "onUpdate:activeIndex": u[0] || (u[0] = (s) => n.value = s),
@@ -10453,7 +10453,7 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
         onPause: u[2] || (u[2] = (s) => r.$emit("pause"))
       }, null, 8, ["active-index", "total", "playing"]),
       p("ul", bh, [
-        (v(!0), _(le, null, we(e.scenes, (s) => (v(), R(mh, {
+        (v(!0), y(le, null, we(e.scenes, (s) => (v(), R(mh, {
           key: s.index,
           index: s.index,
           name: s.name,
@@ -10500,14 +10500,14 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
   emits: /* @__PURE__ */ Q(["play", "pause"], ["update:current"]),
   setup(e) {
     const t = ae(e, "current");
-    return (n, o) => (v(), _("div", yh, [
+    return (n, o) => (v(), y("div", yh, [
       p("button", {
         type: "button",
         class: "bc-scene-player__play-btn",
         "aria-label": e.playing ? "Pause" : "Play",
         onClick: o[0] || (o[0] = (a) => e.playing ? n.$emit("pause") : n.$emit("play"))
       }, [
-        e.playing ? (v(), _("svg", wh, [...o[1] || (o[1] = [
+        e.playing ? (v(), y("svg", wh, [...o[1] || (o[1] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -10522,12 +10522,12 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (v(), _("svg", kh, [...o[2] || (o[2] = [
+        ])])) : (v(), y("svg", kh, [...o[2] || (o[2] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
       ], 8, _h),
       p("div", xh, [
-        (v(!0), _(le, null, we(e.total, (a) => (v(), _("button", {
+        (v(!0), y(le, null, we(e.total, (a) => (v(), y("button", {
           key: a,
           type: "button",
           class: O(["bc-scene-player__segments__segment", {
@@ -10567,7 +10567,7 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
   emits: /* @__PURE__ */ Q(["play", "pause", "previous", "next"], ["update:current"]),
   setup(e) {
     const t = ae(e, "current");
-    return (n, o) => (v(), _("div", {
+    return (n, o) => (v(), y("div", {
       class: O(["bc-scene-player bc-scene-player--dot-stepper", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
@@ -10597,7 +10597,7 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
         "aria-label": e.playing ? "Pause" : "Play",
         onClick: o[1] || (o[1] = (a) => e.playing ? n.$emit("pause") : n.$emit("play"))
       }, [
-        e.playing ? (v(), _("svg", Lh, [...o[4] || (o[4] = [
+        e.playing ? (v(), y("svg", Lh, [...o[4] || (o[4] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -10612,12 +10612,12 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (v(), _("svg", Ah, [...o[5] || (o[5] = [
+        ])])) : (v(), y("svg", Ah, [...o[5] || (o[5] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
       ], 8, Mh),
       p("div", Th, [
-        (v(!0), _(le, null, we(e.total, (a) => (v(), _("button", {
+        (v(!0), y(le, null, we(e.total, (a) => (v(), y("button", {
           key: a,
           type: "button",
           class: O(["bc-scene-player__dots__dot", {
@@ -10685,11 +10685,11 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
   emits: /* @__PURE__ */ Q(["play", "pause", "previous", "next"], ["update:current"]),
   setup(e) {
     const t = ae(e, "current");
-    return (n, o) => (v(), _("div", {
+    return (n, o) => (v(), y("div", {
       class: O(["bc-scene-player bc-scene-player--minimal-arrows", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
-      e.showCounter && e.order === "counter-first" ? (v(), _("span", Dh, L(t.value) + "/" + L(e.total), 1)) : D("", !0),
+      e.showCounter && e.order === "counter-first" ? (v(), y("span", Dh, L(t.value) + "/" + L(e.total), 1)) : D("", !0),
       p("button", {
         type: "button",
         class: "bc-scene-player__nav-btn",
@@ -10716,7 +10716,7 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
         "aria-label": e.playing ? "Pause" : "Play",
         onClick: o[1] || (o[1] = (a) => e.playing ? n.$emit("pause") : n.$emit("play"))
       }, [
-        e.playing ? (v(), _("svg", Oh, [...o[4] || (o[4] = [
+        e.playing ? (v(), y("svg", Oh, [...o[4] || (o[4] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -10731,7 +10731,7 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (v(), _("svg", Eh, [...o[5] || (o[5] = [
+        ])])) : (v(), y("svg", Eh, [...o[5] || (o[5] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
       ], 8, Vh),
@@ -10755,7 +10755,7 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
           p("path", { d: "M3.5 2L6.5 5l-3 3" })
         ], -1)
       ])], 8, Nh),
-      e.showCounter && e.order === "controls-first" ? (v(), _("span", Hh, L(t.value) + "/" + L(e.total), 1)) : D("", !0)
+      e.showCounter && e.order === "controls-first" ? (v(), y("span", Hh, L(t.value) + "/" + L(e.total), 1)) : D("", !0)
     ], 2));
   }
 }), ig = /* @__PURE__ */ z(zh, [["__scopeId", "data-v-3652f69c"]]), Uh = { class: "bc-scene-player__btn-group" }, Yh = ["disabled"], Wh = ["disabled"], qh = { class: "bc-scene-player__counter" }, jh = /* @__PURE__ */ S({
@@ -10771,7 +10771,7 @@ const nh = xe({ name: "ph-caret-up", render: th }), oh = { class: "scene-timelin
   emits: /* @__PURE__ */ Q(["play", "pause", "previous", "next"], ["update:current"]),
   setup(e) {
     const t = ae(e, "current");
-    return (n, o) => (v(), _("div", {
+    return (n, o) => (v(), y("div", {
       class: O(["bc-scene-player bc-scene-player--buttons", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [