@blueprint-chart/ui 0.1.21 → 0.1.23

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ref as ne, provide as Nt, inject as Ie, getCurrentInstance as Hn, onMounted as fn, watch as $e, onBeforeUnmount as zn, computed as b, shallowRef as Te, watchEffect as Dl, toValue as Xe, defineComponent as B, useSlots as bt, openBlock as v, createBlock as F, resolveDynamicComponent as ye, unref as u, normalizeClass as N, withCtx as V, createElementBlock as _, renderSlot as I, createTextVNode as ce, toDisplayString as M, createCommentVNode as P, readonly as Qt, toRef as ze, useAttrs as vn, mergeProps as Se, getCurrentScope as sa, onScopeDispose as ua, effectScope as Pl, isRef as pn, useTemplateRef as Ce, useModel as re, Fragment as fe, createVNode as U, mergeModels as ee, useId as Fl, h as ca, Teleport as Vl, nextTick as lt, createElementVNode as p, Transition as Un, withDirectives as vt, normalizeStyle as Be, vShow as da, shallowReadonly as kt, createSlots as Yn, normalizeProps as Wn, guardReactiveProps as fa, markRaw as we, vModelCheckbox as va, withKeys as ft, renderList as ge, useCssVars as pa, onUnmounted as ma, withModifiers as ot, onActivated as Rl, reactive as Ol, vModelText as Dn, resolveComponent as qn } from "vue";
+import { ref as ne, provide as Nt, inject as Ie, getCurrentInstance as Hn, onMounted as fn, watch as $e, onBeforeUnmount as zn, computed as b, shallowRef as Te, watchEffect as Dl, toValue as Xe, defineComponent as B, useSlots as bt, openBlock as v, createBlock as F, resolveDynamicComponent as ye, unref as u, normalizeClass as E, withCtx as V, createElementBlock as g, renderSlot as I, createTextVNode as ce, toDisplayString as M, createCommentVNode as P, readonly as Qt, toRef as ze, useAttrs as vn, mergeProps as Se, getCurrentScope as sa, onScopeDispose as ua, effectScope as Pl, isRef as pn, useTemplateRef as Ce, useModel as re, Fragment as fe, createVNode as U, mergeModels as ee, useId as Fl, h as ca, Teleport as Vl, nextTick as lt, createElementVNode as p, Transition as Un, withDirectives as vt, normalizeStyle as Be, vShow as da, shallowReadonly as kt, createSlots as Yn, normalizeProps as Wn, guardReactiveProps as fa, markRaw as we, vModelCheckbox as va, withKeys as ft, renderList as _e, useCssVars as pa, onUnmounted as ma, withModifiers as ot, onActivated as Rl, reactive as Ol, vModelText as Dn, resolveComponent as qn } from "vue";
 import { useMediaQuery as El, onClickOutside as Nl, useElementBounding as Hl, useResizeObserver as zl, useEventListener as yo } from "@vueuse/core";
 import { BPopover as Ul, BTooltip as Yl, BBadge as Wl, BButton as xn } from "bootstrap-vue-next";
 var ql = /* @__PURE__ */ ((e) => (e.Xxs = "2xs", e.Xs = "xs", e.Sm = "sm", e.Md = "md", e.Lg = "lg", e.Xl = "xl", e.Xxl = "2xl", e))(ql || {}), me = /* @__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))(me || {});
@@ -35,14 +35,14 @@ function zt(e, t) {
     n.unregister(a);
   });
 }
-const ha = Symbol("ButtonGroupEntries"), ba = Symbol("DropdownEntries"), _a = Symbol("PaletteEntries"), ga = Symbol("IconRailEntries"), ya = Symbol("ToggleEntries"), jl = {
+const ha = Symbol("ButtonGroupEntries"), ba = Symbol("DropdownEntries"), ga = Symbol("PaletteEntries"), _a = Symbol("IconRailEntries"), ya = Symbol("ToggleEntries"), jl = {
   sm: 576,
   md: 768,
   lg: 992,
   xl: 1200,
   xxl: 1400
 };
-function J0(e = "md") {
+function Q0(e = "md") {
   const t = typeof e == "number" ? e : jl[e];
   return { isNarrow: El(`(max-width: ${t - 1}px)`) };
 }
@@ -65,7 +65,7 @@ const Gl = (e = []) => {
 }, jn = (e, t = "") => {
   const n = `${t}___`;
   return `___BVN__ID__${e}__${t ? n : ""}`;
-}, _t = (e) => jn(e), xa = (e) => jn(`${e}__plugin`), Zl = _t("checkboxGroup"), ka = _t("collapse"), Ql = xa("globalShowHideStorage"), $a = _t("dropdown"), Ca = _t("navbar"), kn = xa("defaults"), Jl = _t("inputGroup"), Ba = _t("buttonGroup"), Sa = _t("formGroupPlugin");
+}, gt = (e) => jn(e), xa = (e) => jn(`${e}__plugin`), Zl = gt("checkboxGroup"), ka = gt("collapse"), Ql = xa("globalShowHideStorage"), $a = gt("dropdown"), Ca = gt("navbar"), kn = xa("defaults"), Jl = gt("inputGroup"), Ba = gt("buttonGroup"), Sa = gt("formGroupPlugin");
 function er(e, t = Ma("injectSelf")) {
   const { provides: n } = t;
   if (n && e in n)
@@ -105,9 +105,9 @@ function or(e = {}, t) {
     return (s = n.value) == null ? void 0 : s[e._as ?? t];
   }), l = new Proxy(e, {
     get(s, i) {
-      var d, f, m, g;
+      var d, f, m, _;
       const k = Reflect.get(s, i);
-      return i === "class" || i === "style" ? [(d = a.value) == null ? void 0 : d[i], k].filter((h) => h != null) : typeof i == "string" && !nr(o.vnode, i) ? ((f = a.value) == null ? void 0 : f[i]) ?? ((g = (m = n.value) == null ? void 0 : m.global) == null ? void 0 : g[i]) ?? k : k;
+      return i === "class" || i === "style" ? [(d = a.value) == null ? void 0 : d[i], k].filter((h) => h != null) : typeof i == "string" && !nr(o.vnode, i) ? ((f = a.value) == null ? void 0 : f[i]) ?? ((_ = (m = n.value) == null ? void 0 : m.global) == null ? void 0 : _[i]) ?? k : k;
     }
   }), r = Te();
   Dl(() => {
@@ -173,12 +173,12 @@ const Ut = (e) => b(() => {
       }
     ]), r = b(() => !wa(o.label));
     return (c, s) => (v(), F(ye(u(n).tag), {
-      class: N(l.value),
+      class: E(l.value),
       role: u(n).label || r.value ? u(n).role : null,
       "aria-hidden": u(n).label || r.value ? null : !0
     }, {
       default: V(() => [
-        u(n).label || r.value ? (v(), _("span", ar, [
+        u(n).label || r.value ? (v(), g("span", ar, [
           I(c.$slots, "label", {}, () => [
             ce(M(u(n).label), 1)
           ])
@@ -223,7 +223,7 @@ const Ut = (e) => b(() => {
   const t = Hn(), n = t == null ? void 0 : t.appContext.app.config.globalProperties.$router, o = t == null ? void 0 : t.appContext.app.config.globalProperties.$route, a = ye("RouterLink"), l = typeof a == "string" ? null : a.useLink, r = ze(e), c = ze(() => r.value.to || ""), s = ze(() => r.value.replace), i = b(() => sr(r.value.routerComponentName)), d = b(() => !((t == null ? void 0 : t.appContext.app.component(i.value)) !== void 0) || r.value.disabled || !r.value.to ? "a" : i.value), f = b(() => d.value === "RouterLink"), m = b(
     // @ts-expect-error we're doing an explicit check for Nuxt, so we can safely ignore this
     () => f.value && typeof (t == null ? void 0 : t.appContext.app.$nuxt) < "u"
-  ), g = b(
+  ), _ = b(
     () => d.value !== "a" && !f.value && !m.value
   ), k = b(() => f.value || m.value), h = b(() => ({
     to: c.value,
@@ -248,7 +248,7 @@ const Ut = (e) => b(() => {
     return C;
   });
   return {
-    isNonStandardTag: g,
+    isNonStandardTag: _,
     tag: d,
     isRouterLink: f,
     isNuxtLink: m,
@@ -313,7 +313,7 @@ const Ut = (e) => b(() => {
         replace: o.replace,
         href: o.href
       }))
-    ), g = Ie(ka, null), k = Ie(Ca, null), h = La(o), w = b(() => {
+    ), _ = Ie(ka, null), k = Ie(Ca, null), h = La(o), w = b(() => {
       var S, R;
       return [
         h.value,
@@ -335,7 +335,7 @@ const Ut = (e) => b(() => {
         S.preventDefault(), S.stopImmediatePropagation();
         return;
       }
-      (((R = g == null ? void 0 : g.isNav) == null ? void 0 : R.value) === !0 && k === null || k !== null && ((W = k.autoClose) == null ? void 0 : W.value) === !0) && ((O = g == null ? void 0 : g.hide) == null || O.call(g)), a("click", S);
+      (((R = _ == null ? void 0 : _.isNav) == null ? void 0 : R.value) === !0 && k === null || k !== null && ((W = k.autoClose) == null ? void 0 : W.value) === !0) && ((O = _ == null ? void 0 : _.hide) == null || O.call(_)), a("click", S);
     }, y = b(
       () => o.target === "_blank" ? !o.rel && o.noRel ? "noopener" : o.rel : void 0
     ), C = b(
@@ -435,26 +435,26 @@ function br(e, t = {}) {
     });
   };
 }
-function _r(...e) {
+function gr(...e) {
   let t = 0, n, o = !0, a = rt, l, r, c, s, i;
   !pn(e[0]) && typeof e[0] == "object" ? { delay: r, trailing: c = !0, leading: s = !0, rejectOnCancel: i = !1 } = e[0] : [r, c = !0, s = !0, i = !1] = e;
   const d = () => {
     n && (clearTimeout(n), n = void 0, a(), a = rt);
   };
   return (m) => {
-    const g = je(r), k = Date.now() - t, h = () => l = m();
-    return d(), g <= 0 ? (t = Date.now(), h()) : (k > g && (s || !o) ? (t = Date.now(), h()) : c && (l = new Promise((w, x) => {
+    const _ = je(r), k = Date.now() - t, h = () => l = m();
+    return d(), _ <= 0 ? (t = Date.now(), h()) : (k > _ && (s || !o) ? (t = Date.now(), h()) : c && (l = new Promise((w, x) => {
       a = i ? x : w, n = setTimeout(() => {
         t = Date.now(), o = !0, w(h()), d();
-      }, Math.max(0, g - k));
-    })), !s && !n && (n = setTimeout(() => o = !0, g)), o = !1, l);
+      }, Math.max(0, _ - k));
+    })), !s && !n && (n = setTimeout(() => o = !0, _)), o = !1, l);
   };
 }
-function gr(e) {
+function _r(e) {
   const t = /* @__PURE__ */ Object.create(null);
   return (n) => t[n] || (t[n] = e(n));
 }
-const yr = /-(\w)/g, wr = gr((e) => e.replace(yr, (t, n) => n ? n.toUpperCase() : ""));
+const yr = /-(\w)/g, wr = _r((e) => e.replace(yr, (t, n) => n ? n.toUpperCase() : ""));
 function xr(e, t = 200, n = {}) {
   return Da(
     br(t, n),
@@ -463,7 +463,7 @@ function xr(e, t = 200, n = {}) {
 }
 function ko(e, t = 200, n = !1, o = !0, a = !1) {
   return Da(
-    _r(t, n, o, a),
+    gr(t, n, o, a),
     e
   );
 }
@@ -523,14 +523,14 @@ function Ne(...e) {
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const l = [], r = () => {
     l.forEach((d) => d()), l.length = 0;
-  }, c = (d, f, m, g) => (d.addEventListener(f, m, g), () => d.removeEventListener(f, m, g)), s = $e(
+  }, c = (d, f, m, _) => (d.addEventListener(f, m, _), () => d.removeEventListener(f, m, _)), s = $e(
     () => [Bt(t), je(a)],
     ([d, f]) => {
       if (r(), !d)
         return;
       const m = pr(f) ? { ...f } : f;
       l.push(
-        ...n.flatMap((g) => o.map((k) => c(d, g, k, m)))
+        ...n.flatMap((_) => o.map((k) => c(d, _, k, m)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -573,7 +573,7 @@ function Pa(e, t, n = {}) {
     }
   };
   let m = !1;
-  const g = [
+  const _ = [
     Ne(o, "click", (h) => {
       m || (m = !0, setTimeout(() => {
         m = !1;
@@ -591,7 +591,7 @@ function Pa(e, t, n = {}) {
       }, 0);
     })
   ].filter(Boolean);
-  return () => g.forEach((h) => h());
+  return () => _.forEach((h) => h());
 }
 function $r(e) {
   return typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
@@ -648,21 +648,21 @@ function Br(e = {}) {
     eventFilter: s
   } = e;
   let i = null, d = 0, f = 0;
-  const m = ne(a.x), g = ne(a.y), k = ne(null), h = typeof t == "function" ? t : Cr[t], w = (S) => {
+  const m = ne(a.x), _ = ne(a.y), k = ne(null), h = typeof t == "function" ? t : Cr[t], w = (S) => {
     const R = h(S);
-    i = S, R && ([m.value, g.value] = R, k.value = "mouse"), l && (d = l.scrollX, f = l.scrollY);
+    i = S, R && ([m.value, _.value] = R, k.value = "mouse"), l && (d = l.scrollX, f = l.scrollY);
   }, x = (S) => {
     if (S.touches.length > 0) {
       const R = h(S.touches[0]);
-      R && ([m.value, g.value] = R, k.value = "touch");
+      R && ([m.value, _.value] = R, k.value = "touch");
     }
   }, $ = () => {
     if (!i || !l)
       return;
     const S = h(i);
-    i instanceof MouseEvent && S && (m.value = S[0] + l.scrollX - d, g.value = S[1] + l.scrollY - f);
+    i instanceof MouseEvent && S && (m.value = S[0] + l.scrollX - d, _.value = S[1] + l.scrollY - f);
   }, y = () => {
-    m.value = a.x, g.value = a.y;
+    m.value = a.x, _.value = a.y;
   }, C = s ? (S) => s(() => w(S), {}) : (S) => w(S), T = s ? (S) => s(() => x(S), {}) : (S) => x(S), L = s ? () => s(() => $(), {}) : () => $();
   if (r) {
     const S = { passive: !0 };
@@ -670,7 +670,7 @@ function Br(e = {}) {
   }
   return {
     x: m,
-    y: g,
+    y: _,
     sourceType: k
   };
 }
@@ -725,7 +725,7 @@ const en = /* @__PURE__ */ B({
       "routerTag"
     ]), i = b(() => typeof r.value == "boolean"), d = b(
       () => o.tag === "button" && o.href === void 0 && o.to === void 0
-    ), f = b(() => o.to !== void 0), m = b(() => o.href !== void 0 ? !1 : !d.value), g = b(() => f.value ? s.value : []), k = b(() => o.href === "#" && o.disabled ? !0 : m.value ? o.disabled : null), h = b(() => {
+    ), f = b(() => o.to !== void 0), m = b(() => o.href !== void 0 ? !1 : !d.value), _ = b(() => f.value ? s.value : []), k = b(() => o.href === "#" && o.disabled ? !0 : m.value ? o.disabled : null), h = b(() => {
       var T;
       return ((T = o.variant) == null ? void 0 : T.startsWith("link")) || !1;
     }), w = b(() => {
@@ -775,7 +775,7 @@ const en = /* @__PURE__ */ B({
     ), (T, L) => (v(), F(ye(y.value), Se({
       ref: "_element",
       class: "btn"
-    }, g.value, {
+    }, _.value, {
       class: $.value,
       "aria-disabled": k.value,
       "aria-pressed": i.value ? r.value : null,
@@ -791,7 +791,7 @@ const en = /* @__PURE__ */ B({
     }), {
       default: V(() => [
         u(o).loading ? I(T.$slots, "loading", { key: 0 }, () => [
-          u(o).loadingFill ? P("", !0) : (v(), _(fe, { key: 0 }, [
+          u(o).loadingFill ? P("", !0) : (v(), g(fe, { key: 0 }, [
             ce(M(u(o).loadingText), 1)
           ], 64)),
           I(T.$slots, "loading-spinner", {}, () => [
@@ -821,7 +821,7 @@ const en = /* @__PURE__ */ B({
       "btn-group-vertical": n.vertical
     }));
     return (a, l) => (v(), F(ye(u(n).tag), {
-      class: N(o.value),
+      class: E(o.value),
       role: "group",
       "aria-label": u(n).ariaLabel
     }, {
@@ -937,8 +937,8 @@ const Bo = {
     }
     e.value ? $() : y();
   });
-  const g = ne(s), k = ne(!1), h = b(
-    () => t.noAnimation || t.noFade || g.value || !1
+  const _ = ne(s), k = ne(!1), h = b(
+    () => t.noAnimation || t.noFade || _.value || !1
   );
   fn(() => {
     var Y;
@@ -948,12 +948,12 @@ const Bo = {
         n("show-prevented", w("show-prevented"));
         return;
       }
-      g.value = !0, e.value || (c = !0, e.value = !0), d.value = !0, f.value = !0, D.value = !0, Re.value = !0, Oe.value = !0, i.value = !0, (Y = l.showFn) == null || Y.call(l);
+      _.value = !0, e.value || (c = !0, e.value = !0), d.value = !0, f.value = !0, D.value = !0, Re.value = !0, Oe.value = !0, i.value = !0, (Y = l.showFn) == null || Y.call(l);
     } else (t.show || e.value && t.initialAnimation) && $();
   }), $e(
     () => t.visible,
     (Y) => {
-      g.value = !0, lt(() => {
+      _.value = !0, lt(() => {
         Y && (D.value = !0), Y ? $() : y();
       });
     }
@@ -992,7 +992,7 @@ const Bo = {
             e.value = !0;
           }));
         },
-        g.value ? 0 : typeof t.delay == "number" ? t.delay : ((G = t.delay) == null ? void 0 : G.show) || 0
+        _.value ? 0 : typeof t.delay == "number" ? t.delay : ((G = t.delay) == null ? void 0 : G.show) || 0
       );
     });
   }, y = (Y) => {
@@ -1014,7 +1014,7 @@ const Bo = {
         var ue;
         O.value = !0, i.value = !1, (ue = l.hideFn) == null || ue.call(l), e.value && (c = !0, e.value = m ? 0 : !1);
       },
-      g.value ? 0 : typeof t.delay == "number" ? t.delay : ((G = t.delay) == null ? void 0 : G.hide) || 0
+      _.value ? 0 : typeof t.delay == "number" ? t.delay : ((G = t.delay) == null ? void 0 : G.hide) || 0
     );
   }, C = ko((Y) => y(Y), 500), T = ko(() => $(), 500), L = () => {
     const Y = w("toggle", { cancelable: !0 });
@@ -1050,8 +1050,8 @@ const Bo = {
     }), (ae = (G = l.transitionProps) == null ? void 0 : G.onEnter) == null || ae.call(G, Y), (ue = (le = t.transitionProps) == null ? void 0 : le.onEnter) == null || ue.call(le, Y);
   }, Z = (Y) => {
     var G, ae, le, ue;
-    n("shown", w("shown")), W(), (ae = (G = l.transitionProps) == null ? void 0 : G.onAfterEnter) == null || ae.call(G, Y), (ue = (le = t.transitionProps) == null ? void 0 : le.onAfterEnter) == null || ue.call(le, Y), g.value && requestAnimationFrame(() => {
-      g.value = !1;
+    n("shown", w("shown")), W(), (ae = (G = l.transitionProps) == null ? void 0 : G.onAfterEnter) == null || ae.call(G, Y), (ue = (le = t.transitionProps) == null ? void 0 : le.onAfterEnter) == null || ue.call(le, Y), _.value && requestAnimationFrame(() => {
+      _.value = !1;
     }), k.value && (k.value = !1);
   }, ie = (Y) => {
     var G, ae, le, ue;
@@ -1061,8 +1061,8 @@ const Bo = {
     D.value = !1, (ae = (G = l.transitionProps) == null ? void 0 : G.onLeave) == null || ae.call(G, Y), (ue = (le = t.transitionProps) == null ? void 0 : le.onLeave) == null || ue.call(le, Y);
   }, he = (Y) => {
     var G, ae, le, ue;
-    n("hidden", w("hidden")), (ae = (G = l.transitionProps) == null ? void 0 : G.onAfterLeave) == null || ae.call(G, Y), (ue = (le = t.transitionProps) == null ? void 0 : le.onAfterLeave) == null || ue.call(le, Y), O.value = !1, Q.value = !1, g.value && requestAnimationFrame(() => {
-      g.value = !1;
+    n("hidden", w("hidden")), (ae = (G = l.transitionProps) == null ? void 0 : G.onAfterLeave) == null || ae.call(G, Y), (ue = (le = t.transitionProps) == null ? void 0 : le.onAfterLeave) == null || ue.call(le, Y), O.value = !1, Q.value = !1, _.value && requestAnimationFrame(() => {
+      _.value = !1;
     }), requestAnimationFrame(() => {
       k.value || (d.value = !1);
     });
@@ -1105,7 +1105,7 @@ const Bo = {
     throttleShow: T,
     buildTriggerableEvent: w,
     computedNoAnimation: h,
-    localNoAnimation: g,
+    localNoAnimation: _,
     localTemporaryHide: k,
     isLeaving: O,
     transitionProps: {
@@ -1256,47 +1256,47 @@ function Ao(e, t, n) {
     floating: a
   } = e;
   const l = it(t), r = Zn(t), c = Kn(r), s = Ve(t), i = l === "y", d = o.x + o.width / 2 - a.width / 2, f = o.y + o.height / 2 - a.height / 2, m = o[c] / 2 - a[c] / 2;
-  let g;
+  let _;
   switch (s) {
     case "top":
-      g = {
+      _ = {
         x: d,
         y: o.y - a.height
       };
       break;
     case "bottom":
-      g = {
+      _ = {
         x: d,
         y: o.y + o.height
       };
       break;
     case "right":
-      g = {
+      _ = {
         x: o.x + o.width,
         y: f
       };
       break;
     case "left":
-      g = {
+      _ = {
         x: o.x - a.width,
         y: f
       };
       break;
     default:
-      g = {
+      _ = {
         x: o.x,
         y: o.y
       };
   }
   switch (Ue(t)) {
     case "start":
-      g[r] -= m * (n && i ? -1 : 1);
+      _[r] -= m * (n && i ? -1 : 1);
       break;
     case "end":
-      g[r] += m * (n && i ? -1 : 1);
+      _[r] += m * (n && i ? -1 : 1);
       break;
   }
-  return g;
+  return _;
 }
 const Rr = async (e, t, n) => {
   const {
@@ -1312,7 +1312,7 @@ const Rr = async (e, t, n) => {
   }), {
     x: d,
     y: f
-  } = Ao(i, o, s), m = o, g = {}, k = 0;
+  } = Ao(i, o, s), m = o, _ = {}, k = 0;
   for (let h = 0; h < c.length; h++) {
     const {
       name: w,
@@ -1328,7 +1328,7 @@ const Rr = async (e, t, n) => {
       initialPlacement: o,
       placement: m,
       strategy: a,
-      middlewareData: g,
+      middlewareData: _,
       rects: i,
       platform: r,
       elements: {
@@ -1336,10 +1336,10 @@ const Rr = async (e, t, n) => {
         floating: t
       }
     });
-    d = $ ?? d, f = y ?? f, g = {
-      ...g,
+    d = $ ?? d, f = y ?? f, _ = {
+      ..._,
       [w]: {
-        ...g[w],
+        ..._[w],
         ...C
       }
     }, T && k <= 50 && (k++, typeof T == "object" && (T.placement && (m = T.placement), T.rects && (i = T.rects === !0 ? await r.getElementRects({
@@ -1356,7 +1356,7 @@ const Rr = async (e, t, n) => {
     y: f,
     placement: m,
     strategy: a,
-    middlewareData: g
+    middlewareData: _
   };
 };
 async function At(e, t) {
@@ -1374,8 +1374,8 @@ async function At(e, t) {
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
     altBoundary: m = !1,
-    padding: g = 0
-  } = at(t, e), k = Qn(g), w = c[m ? f === "floating" ? "reference" : "floating" : f], x = Mt(await l.getClippingRect({
+    padding: _ = 0
+  } = at(t, e), k = Qn(_), w = c[m ? f === "floating" ? "reference" : "floating" : f], x = Mt(await l.getClippingRect({
     element: (n = await (l.isElement == null ? void 0 : l.isElement(w))) == null || n ? w : w.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(c.floating)),
     boundary: i,
     rootBoundary: d,
@@ -1425,14 +1425,14 @@ const Or = (e) => ({
     const f = Qn(d), m = {
       x: n,
       y: o
-    }, g = Zn(a), k = Kn(g), h = await r.getDimensions(i), w = g === "y", x = w ? "top" : "left", $ = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", C = l.reference[k] + l.reference[g] - m[g] - l.floating[k], T = m[g] - l.reference[g], L = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i));
+    }, _ = Zn(a), k = Kn(_), h = await r.getDimensions(i), w = _ === "y", x = w ? "top" : "left", $ = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", C = l.reference[k] + l.reference[_] - m[_] - l.floating[k], T = m[_] - l.reference[_], L = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i));
     let S = L ? L[y] : 0;
     (!S || !await (r.isElement == null ? void 0 : r.isElement(L))) && (S = c.floating[y] || l.floating[k]);
     const R = C / 2 - T / 2, W = S / 2 - h[k] / 2 - 1, O = Ye(f[x], W), Q = Ye(f[$], W), D = O, X = S - h[k] - Q, q = S / 2 - h[k] / 2 + R, Z = Pn(D, q, X), ie = !s.arrow && Ue(a) != null && q !== Z && l.reference[k] / 2 - (q < D ? O : Q) - h[k] / 2 < 0, K = ie ? q < D ? q - D : q - X : 0;
     return {
-      [g]: m[g] + K,
+      [_]: m[_] + K,
       data: {
-        [g]: Z,
+        [_]: Z,
         centerOffset: q - Z - K,
         ...ie && {
           alignmentOffset: K
@@ -1461,9 +1461,9 @@ const Nr = function(e) {
         crossAxis: d = !1,
         alignment: f,
         allowedPlacements: m = Mo,
-        autoAlignment: g = !0,
+        autoAlignment: _ = !0,
         ...k
-      } = at(e, t), h = f !== void 0 || m === Mo ? Er(f || null, g, m) : m, w = await At(t, k), x = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, $ = h[x];
+      } = at(e, t), h = f !== void 0 || m === Mo ? Er(f || null, _, m) : m, w = await At(t, k), x = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, $ = h[x];
       if ($ == null)
         return {};
       const y = Ha($, l, await (s.isRTL == null ? void 0 : s.isRTL(i.floating)));
@@ -1530,7 +1530,7 @@ const Nr = function(e) {
         mainAxis: d = !0,
         crossAxis: f = !0,
         fallbackPlacements: m,
-        fallbackStrategy: g = "bestFit",
+        fallbackStrategy: _ = "bestFit",
         fallbackAxisSideDirection: k = "none",
         flipAlignment: h = !0,
         ...w
@@ -1563,7 +1563,7 @@ const Nr = function(e) {
           };
         let ie = (D = O.filter((K) => K.overflows[0] <= 0).sort((K, he) => K.overflows[1] - he.overflows[1])[0]) == null ? void 0 : D.placement;
         if (!ie)
-          switch (g) {
+          switch (_) {
             case "bestFit": {
               var X;
               const K = (X = O.filter((he) => {
@@ -1679,10 +1679,10 @@ const Yr = function(e) {
         padding: c = 2,
         x: s,
         y: i
-      } = at(e, t), d = Array.from(await (l.getClientRects == null ? void 0 : l.getClientRects(o.reference)) || []), f = Ur(d), m = Mt(za(d)), g = Qn(c);
+      } = at(e, t), d = Array.from(await (l.getClientRects == null ? void 0 : l.getClientRects(o.reference)) || []), f = Ur(d), m = Mt(za(d)), _ = Qn(c);
       function k() {
         if (f.length === 2 && f[0].left > f[1].right && s != null && i != null)
-          return f.find((w) => s > w.left - g.left && s < w.right + g.right && i > w.top - g.top && i < w.bottom + g.bottom) || m;
+          return f.find((w) => s > w.left - _.left && s < w.right + _.right && i > w.top - _.top && i < w.bottom + _.bottom) || m;
         if (f.length >= 2) {
           if (it(n) === "y") {
             const O = f[0], Q = f[f.length - 1], D = Ve(n) === "top", X = O.top, q = Q.bottom, Z = D ? O.left : Q.left, ie = D ? O.right : Q.right, K = ie - Z, he = q - X;
@@ -1734,7 +1734,7 @@ async function Wr(e, t) {
   } = e, l = await (o.isRTL == null ? void 0 : o.isRTL(a.floating)), r = Ve(n), c = Ue(n), s = it(n) === "y", i = ["left", "top"].includes(r) ? -1 : 1, d = l && s ? -1 : 1, f = at(t, e);
   let {
     mainAxis: m,
-    crossAxis: g,
+    crossAxis: _,
     alignmentAxis: k
   } = typeof f == "number" ? {
     mainAxis: f,
@@ -1745,12 +1745,12 @@ async function Wr(e, t) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return c && typeof k == "number" && (g = c === "end" ? k * -1 : k), s ? {
-    x: g * d,
+  return c && typeof k == "number" && (_ = c === "end" ? k * -1 : k), s ? {
+    x: _ * d,
     y: m * i
   } : {
     x: m * i,
-    y: g * d
+    y: _ * d
   };
 }
 const qr = function(e) {
@@ -1804,10 +1804,10 @@ const qr = function(e) {
         x: n,
         y: o
       }, d = await At(t, s), f = it(Ve(a)), m = Na(f);
-      let g = i[m], k = i[f];
+      let _ = i[m], k = i[f];
       if (l) {
-        const w = m === "y" ? "top" : "left", x = m === "y" ? "bottom" : "right", $ = g + d[w], y = g - d[x];
-        g = Pn($, g, y);
+        const w = m === "y" ? "top" : "left", x = m === "y" ? "bottom" : "right", $ = _ + d[w], y = _ - d[x];
+        _ = Pn($, _, y);
       }
       if (r) {
         const w = f === "y" ? "top" : "left", x = f === "y" ? "bottom" : "right", $ = k + d[w], y = k - d[x];
@@ -1815,7 +1815,7 @@ const qr = function(e) {
       }
       const h = c.fn({
         ...t,
-        [m]: g,
+        [m]: _,
         [f]: k
       });
       return {
@@ -1846,7 +1846,7 @@ const qr = function(e) {
         apply: s = () => {
         },
         ...i
-      } = at(e, t), d = await At(t, i), f = Ve(a), m = Ue(a), g = it(a) === "y", {
+      } = at(e, t), d = await At(t, i), f = Ve(a), m = Ue(a), _ = it(a) === "y", {
         width: k,
         height: h
       } = l.floating;
@@ -1856,7 +1856,7 @@ const qr = function(e) {
       let S = C, R = T;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = y), (o = t.middlewareData.shift) != null && o.enabled.y && (S = $), L && !m) {
         const O = Le(d.left, 0), Q = Le(d.right, 0), D = Le(d.top, 0), X = Le(d.bottom, 0);
-        g ? R = k - 2 * (O !== 0 || Q !== 0 ? O + Q : Le(d.left, d.right)) : S = h - 2 * (D !== 0 || X !== 0 ? D + X : Le(d.top, d.bottom));
+        _ ? R = k - 2 * (O !== 0 || Q !== 0 ? O + Q : Le(d.left, d.right)) : S = h - 2 * (D !== 0 || X !== 0 ? D + X : Le(d.top, d.bottom));
       }
       await s({
         ...t,
@@ -1875,7 +1875,7 @@ const qr = function(e) {
 function hn() {
   return typeof window < "u";
 }
-function gt(e) {
+function _t(e) {
   return Jn(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function Fe(e) {
@@ -1908,7 +1908,7 @@ function Yt(e) {
   return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(a);
 }
 function Xr(e) {
-  return ["table", "td", "th"].includes(gt(e));
+  return ["table", "td", "th"].includes(_t(e));
 }
 function bn(e) {
   return [":popover-open", ":modal"].some((t) => {
@@ -1938,12 +1938,12 @@ function to() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function Lt(e) {
-  return ["html", "body", "#document"].includes(gt(e));
+  return ["html", "body", "#document"].includes(_t(e));
 }
 function qe(e) {
   return Fe(e).getComputedStyle(e);
 }
-function _n(e) {
+function gn(e) {
   return We(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -1953,7 +1953,7 @@ function _n(e) {
   };
 }
 function st(e) {
-  if (gt(e) === "html")
+  if (_t(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -2028,9 +2028,9 @@ function pt(e, t, n, o) {
   const c = Qr(l, n, o) ? Wa(l) : Ge(0);
   let s = (a.left + c.x) / r.x, i = (a.top + c.y) / r.y, d = a.width / r.x, f = a.height / r.y;
   if (l) {
-    const m = Fe(l), g = o && We(o) ? Fe(o) : o;
+    const m = Fe(l), _ = o && We(o) ? Fe(o) : o;
     let k = m, h = Fn(k);
-    for (; h && o && g !== k; ) {
+    for (; h && o && _ !== k; ) {
       const w = St(h), x = h.getBoundingClientRect(), $ = qe(h), y = x.left + (h.clientLeft + parseFloat($.paddingLeft)) * w.x, C = x.top + (h.clientTop + parseFloat($.paddingTop)) * w.y;
       s *= w.x, i *= w.y, d *= w.x, f *= w.y, s += y, i += C, k = Fe(h), h = Fn(k);
     }
@@ -2043,7 +2043,7 @@ function pt(e, t, n, o) {
   });
 }
 function oo(e, t) {
-  const n = _n(e).scrollLeft;
+  const n = gn(e).scrollLeft;
   return t ? t.left + n : pt(Ze(e)).left + n;
 }
 function qa(e, t, n) {
@@ -2072,9 +2072,9 @@ function Jr(e) {
     scrollTop: 0
   }, i = Ge(1);
   const d = Ge(0), f = Ke(o);
-  if ((f || !f && !l) && ((gt(o) !== "body" || Yt(r)) && (s = _n(o)), Ke(o))) {
-    const g = pt(o);
-    i = St(o), d.x = g.x + o.clientLeft, d.y = g.y + o.clientTop;
+  if ((f || !f && !l) && ((_t(o) !== "body" || Yt(r)) && (s = gn(o)), Ke(o))) {
+    const _ = pt(o);
+    i = St(o), d.x = _.x + o.clientLeft, d.y = _.y + o.clientTop;
   }
   const m = r && !f && !l ? qa(r, s, !0) : Ge(0);
   return {
@@ -2088,7 +2088,7 @@ function ei(e) {
   return Array.from(e.getClientRects());
 }
 function ti(e) {
-  const t = Ze(e), n = _n(e), o = e.ownerDocument.body, a = Le(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), l = Le(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  const t = Ze(e), n = gn(e), o = e.ownerDocument.body, a = Le(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), l = Le(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let r = -n.scrollLeft + oo(e);
   const c = -n.scrollTop;
   return qe(o).direction === "rtl" && (r += Le(t.clientWidth, o.clientWidth) - a), {
@@ -2149,7 +2149,7 @@ function ai(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let o = Ot(e, [], !1).filter((c) => We(c) && gt(c) !== "body"), a = null;
+  let o = Ot(e, [], !1).filter((c) => We(c) && _t(c) !== "body"), a = null;
   const l = qe(e).position === "fixed";
   let r = l ? st(e) : e;
   for (; We(r) && !Lt(r); ) {
@@ -2194,7 +2194,7 @@ function ii(e, t, n) {
   };
   const s = Ge(0);
   if (o || !o && !l)
-    if ((gt(t) !== "body" || Yt(a)) && (c = _n(t)), o) {
+    if ((_t(t) !== "body" || Yt(a)) && (c = gn(t)), o) {
       const m = pt(t, !0, l, t);
       s.x = m.x + t.clientLeft, s.y = m.y + t.clientTop;
     } else a && (s.x = oo(a));
@@ -2279,8 +2279,8 @@ function di(e, t) {
     } = e.getBoundingClientRect();
     if (c || t(), !f || !m)
       return;
-    const g = qt(d), k = qt(a.clientWidth - (i + f)), h = qt(a.clientHeight - (d + m)), w = qt(i), $ = {
-      rootMargin: -g + "px " + -k + "px " + -h + "px " + -w + "px",
+    const _ = qt(d), k = qt(a.clientWidth - (i + f)), h = qt(a.clientHeight - (d + m)), w = qt(i), $ = {
+      rootMargin: -_ + "px " + -k + "px " + -h + "px " + -w + "px",
       threshold: Le(0, Ye(1, s)) || 1
     };
     let y = !0;
@@ -2323,14 +2323,14 @@ function Xa(e, t, n, o) {
     }), l && x.addEventListener("resize", n);
   });
   const f = i && c ? di(i, n) : null;
-  let m = -1, g = null;
-  r && (g = new ResizeObserver((x) => {
+  let m = -1, _ = null;
+  r && (_ = new ResizeObserver((x) => {
     let [$] = x;
-    $ && $.target === i && g && (g.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+    $ && $.target === i && _ && (_.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       var y;
-      (y = g) == null || y.observe(t);
+      (y = _) == null || y.observe(t);
     })), n();
-  }), i && !s && g.observe(i), g.observe(t));
+  }), i && !s && _.observe(i), _.observe(t));
   let k, h = s ? pt(e) : null;
   s && w();
   function w() {
@@ -2341,7 +2341,7 @@ function Xa(e, t, n, o) {
     var x;
     d.forEach(($) => {
       a && $.removeEventListener("scroll", n), l && $.removeEventListener("resize", n);
-    }), f == null || f(), (x = g) == null || x.disconnect(), g = null, s && cancelAnimationFrame(k);
+    }), f == null || f(), (x = _) == null || x.disconnect(), _ = null, s && cancelAnimationFrame(k);
   };
 }
 const Ka = qr, fi = Nr, Za = jr, Qa = Hr, Ja = Gr, vi = zr, pi = Or, mi = Yr, hi = (e, t, n) => {
@@ -2363,14 +2363,14 @@ function bi(e) {
 function Vn(e) {
   if (bi(e)) {
     const t = e.$el;
-    return Jn(t) && gt(t) === "#comment" ? null : t;
+    return Jn(t) && _t(t) === "#comment" ? null : t;
   }
   return e;
 }
 function Ct(e) {
   return typeof e == "function" ? e() : u(e);
 }
-function _i(e) {
+function gi(e) {
   return {
     name: "arrow",
     options: e,
@@ -2404,9 +2404,9 @@ function tl(e, t, n) {
   }), s = b(() => {
     var S;
     return (S = Ct(n.transform)) != null ? S : !0;
-  }), i = b(() => Vn(e.value)), d = b(() => Vn(t.value)), f = ne(0), m = ne(0), g = ne(c.value), k = ne(r.value), h = Te({}), w = ne(!1), x = b(() => {
+  }), i = b(() => Vn(e.value)), d = b(() => Vn(t.value)), f = ne(0), m = ne(0), _ = ne(c.value), k = ne(r.value), h = Te({}), w = ne(!1), x = b(() => {
     const S = {
-      position: g.value,
+      position: _.value,
       left: "0",
       top: "0"
     };
@@ -2420,7 +2420,7 @@ function tl(e, t, n) {
         willChange: "transform"
       }
     } : {
-      position: g.value,
+      position: _.value,
       left: R + "px",
       top: W + "px"
     };
@@ -2435,7 +2435,7 @@ function tl(e, t, n) {
       placement: r.value,
       strategy: c.value
     }).then((R) => {
-      f.value = R.x, m.value = R.y, g.value = R.strategy, k.value = R.placement, h.value = R.middlewareData, w.value = S !== !1;
+      f.value = R.x, m.value = R.y, _.value = R.strategy, k.value = R.placement, h.value = R.middlewareData, w.value = S !== !1;
     });
   }
   function C() {
@@ -2463,7 +2463,7 @@ function tl(e, t, n) {
   }), sa() && ua(C), {
     x: kt(f),
     y: kt(m),
-    strategy: kt(g),
+    strategy: kt(_),
     placement: kt(k),
     middlewareData: kt(h),
     isPositioned: kt(w),
@@ -2471,7 +2471,7 @@ function tl(e, t, n) {
     update: y
   };
 }
-const gi = dr(Br), yi = ["id"], wi = ["id"], xi = /* @__PURE__ */ B({
+const _i = dr(Br), yi = ["id"], wi = ["id"], xi = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "BPopover",
   props: /* @__PURE__ */ ee({
@@ -2518,7 +2518,7 @@ const gi = dr(Br), yi = ["id"], wi = ["id"], xi = /* @__PURE__ */ B({
   }),
   emits: /* @__PURE__ */ ee(["pointerleave", "blur", "click-outside", "close-on-hide", "hide", "hide-prevented", "hidden", "show", "show-prevented", "shown", "toggle", "toggle-prevented"], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const a = Me(e, "BPopover"), l = n, r = bt(), c = re(e, "modelValue"), s = nt(() => a.id, "popover"), i = ne(!1), d = Ce("_element"), f = Ce("_content"), m = Ce("_arrow"), g = Ce("_placeholder"), k = ne(null), h = ne(null), w = b(() => a.placement.startsWith("auto")), x = Jt(() => a.offset ?? NaN), $ = b(
+    const a = Me(e, "BPopover"), l = n, r = bt(), c = re(e, "modelValue"), s = nt(() => a.id, "popover"), i = ne(!1), d = Ce("_element"), f = Ce("_content"), m = Ce("_arrow"), _ = Ce("_placeholder"), k = ne(null), h = ne(null), w = b(() => a.placement.startsWith("auto")), x = Jt(() => a.offset ?? NaN), $ = b(
       () => ao(a.boundary) ? a.boundary : void 0
     ), y = b(
       () => nl(a.boundary) ? a.boundary : void 0
@@ -2551,7 +2551,7 @@ const gi = dr(Br), yi = ["id"], wi = ["id"], xi = /* @__PURE__ */ B({
           rootBoundary: y.value,
           padding: a.boundaryPadding
         })
-      ), a.inline === !0 && j.push(mi()), j.push(_i({ element: m, padding: 10 })), a.noSize === !1 && j.push(
+      ), a.inline === !0 && j.push(mi()), j.push(gi({ element: m, padding: 10 })), a.noSize === !1 && j.push(
         Ja({
           boundary: $.value,
           rootBoundary: y.value,
@@ -2623,18 +2623,18 @@ const gi = dr(Br), yi = ["id"], wi = ["id"], xi = /* @__PURE__ */ B({
           [`bs-${J}-${$i(W.value)}`]: W.value !== void 0
         }
       ];
-    }), { x: G, y: ae } = gi(), le = () => {
+    }), { x: G, y: ae } = _i(), le = () => {
       var J, j;
       const ve = (J = h.value) == null ? void 0 : J.getBoundingClientRect(), pe = (j = d.value) == null ? void 0 : j.getBoundingClientRect(), be = parseInt(a.hideMargin, 10) || 0, De = (window == null ? void 0 : window.scrollX) || 0, xt = (window == null ? void 0 : window.scrollY) || 0, Tl = !ve || G.value < ve.left + De - be || G.value > ve.right + De + be || ae.value < ve.top + xt - be || ae.value > ve.bottom + xt + be, Il = !pe || G.value < pe.left + De - be || G.value > pe.right + De + be || ae.value < pe.top + xt - be || ae.value > pe.bottom + xt + be;
       return { triggerIsOutside: Tl, isOutside: Il };
     };
     let ue;
-    const E = (J) => {
+    const N = (J) => {
       var j, ve, pe;
       const be = typeof a.delay == "number" ? a.delay : ((j = a.delay) == null ? void 0 : j.hide) || 0, { triggerIsOutside: De, isOutside: xt } = le();
       !a.noninteractive && xt && De && !((ve = d.value) != null && ve.contains(document == null ? void 0 : document.activeElement)) && !((pe = h.value) != null && pe.contains(document == null ? void 0 : document.activeElement)) || a.noninteractive && De ? q(J == null ? void 0 : J.type) : (ue && clearTimeout(ue), ue = setTimeout(
         () => {
-          E(J);
+          N(J);
         },
         be < 50 ? 50 : be
       ));
@@ -2654,7 +2654,7 @@ const gi = dr(Br), yi = ["id"], wi = ["id"], xi = /* @__PURE__ */ B({
         const j = tn(Xe(a.target));
         j ? h.value = j : console.warn("Target element not found", a.target);
       } else
-        h.value = (J = g.value) == null ? void 0 : J.nextElementSibling;
+        h.value = (J = _.value) == null ? void 0 : J.nextElementSibling;
       if (a.reference) {
         const j = tn(Xe(a.reference));
         j ? k.value = j : console.warn("Reference element not found", a.reference);
@@ -2665,10 +2665,10 @@ const gi = dr(Br), yi = ["id"], wi = ["id"], xi = /* @__PURE__ */ B({
           h.value.addEventListener("click", te);
           return;
         }
-        h.value.addEventListener("pointerenter", Z), h.value.addEventListener("pointerleave", E), h.value.addEventListener("focus", Z), h.value.addEventListener("blur", E);
+        h.value.addEventListener("pointerenter", Z), h.value.addEventListener("pointerleave", N), h.value.addEventListener("focus", Z), h.value.addEventListener("blur", N);
       }
     }, A = () => {
-      h.value && (h.value.removeEventListener("click", te), h.value.removeEventListener("pointerenter", Z), h.value.removeEventListener("pointerleave", E), h.value.removeEventListener("focus", Z), h.value.removeEventListener("blur", E));
+      h.value && (h.value.removeEventListener("click", te), h.value.removeEventListener("pointerenter", Z), h.value.removeEventListener("pointerleave", N), h.value.removeEventListener("focus", Z), h.value.removeEventListener("blur", N));
     };
     return Pa(
       d,
@@ -2682,7 +2682,7 @@ const gi = dr(Br), yi = ["id"], wi = ["id"], xi = /* @__PURE__ */ B({
       oe(), lt(() => {
         O();
       });
-    }), zn(A), (J, j) => (v(), _(fe, null, [
+    }), zn(A), (J, j) => (v(), g(fe, null, [
       p("span", {
         id: u(s) + "_placeholder",
         ref: "_placeholder",
@@ -2712,7 +2712,7 @@ const gi = dr(Br), yi = ["id"], wi = ["id"], xi = /* @__PURE__ */ B({
               }), [
                 p("div", {
                   ref: "_arrow",
-                  class: N(`${u(a).tooltip ? "tooltip" : "popover"}-arrow`),
+                  class: E(`${u(a).tooltip ? "tooltip" : "popover"}-arrow`),
                   style: Be(Q.value),
                   "data-popper-arrow": ""
                 }, null, 6),
@@ -2721,17 +2721,17 @@ const gi = dr(Br), yi = ["id"], wi = ["id"], xi = /* @__PURE__ */ B({
                   class: "overflow-auto",
                   style: Be(C.value)
                 }, [
-                  u(a).title || r.title ? (v(), _("div", {
+                  u(a).title || r.title ? (v(), g("div", {
                     key: 0,
-                    class: N(["position-sticky top-0", u(a).tooltip ? "tooltip-inner" : "popover-header"])
+                    class: E(["position-sticky top-0", u(a).tooltip ? "tooltip-inner" : "popover-header"])
                   }, [
                     I(J.$slots, "title", {}, () => [
                       ce(M(u(a).title), 1)
                     ], !0)
                   ], 2)) : P("", !0),
-                  u(a).tooltip && !r.title && !u(a).title || !u(a).tooltip ? (v(), _("div", {
+                  u(a).tooltip && !r.title && !u(a).title || !u(a).tooltip ? (v(), g("div", {
                     key: 1,
-                    class: N(u(a).tooltip ? "tooltip-inner" : "popover-body")
+                    class: E(u(a).tooltip ? "tooltip-inner" : "popover-body")
                   }, [
                     I(J.$slots, "default", {}, () => [
                       ce(M(u(a).content), 1)
@@ -3053,8 +3053,8 @@ const gi = dr(Br), yi = ["id"], wi = ["id"], xi = /* @__PURE__ */ B({
       "app-icon--beat": t.beat,
       "app-icon--fade": t.fade
     }));
-    return (d, f) => (v(), _("span", {
-      class: N(["app-icon", u(i)]),
+    return (d, f) => (v(), g("span", {
+      class: E(["app-icon", u(i)]),
       style: Be(u(s)),
       onMouseenter: f[0] || (f[0] = (m) => n.value = !0),
       onMouseleave: f[1] || (f[1] = (m) => n.value = e.hover ?? !1)
@@ -3067,13 +3067,13 @@ const gi = dr(Br), yi = ["id"], wi = ["id"], xi = /* @__PURE__ */ B({
   for (const [o, a] of t)
     n[o] = a;
   return n;
-}, gn = /* @__PURE__ */ z(Ai, [["__scopeId", "data-v-12138dc1"]]), Li = {
+}, _n = /* @__PURE__ */ z(Ai, [["__scopeId", "data-v-12138dc1"]]), Li = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
 function Ti(e, t) {
-  return v(), _("svg", Li, [...t[0] || (t[0] = [
+  return v(), g("svg", Li, [...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"
@@ -3133,7 +3133,7 @@ const Ii = we({ name: "ph-circle-notch", render: Ti }), Di = {
       "button-icon--hover": i.value,
       "button-icon--use-injected-variant": !r.variant,
       "button-icon--use-injected-size": !r.size
-    })), m = b(() => r.loading ? r.iconSpinner : r.iconLeft), g = b(() => r.loading ? r.iconSpinner : r.iconRight), k = b(() => r.loading && r.loadingText ? r.loadingText : r.label), h = b(() => r.tooltipLabel ?? r.label), w = b(() => !!h.value && !r.hideTooltip && (r.showTooltipForce || r.hideLabel)), x = b(() => ({
+    })), m = b(() => r.loading ? r.iconSpinner : r.iconLeft), _ = b(() => r.loading ? r.iconSpinner : r.iconRight), k = b(() => r.loading && r.loadingText ? r.loadingText : r.label), h = b(() => r.tooltipLabel ?? r.label), w = b(() => !!h.value && !r.hideTooltip && (r.showTooltipForce || r.hideLabel)), x = b(() => ({
       pill: r.pill,
       pressed: r.pressed,
       size: r.size ?? a,
@@ -3142,7 +3142,7 @@ const Ii = we({ name: "ph-circle-notch", render: Ti }), Di = {
       variant: r.variant ?? o
     }));
     return ($, y) => {
-      const C = gn, T = Mi, L = Bi, S = en;
+      const C = _n, T = Mi, L = Bi, S = en;
       return v(), F(S, Se(u(x), {
         id: u(d),
         ref: "element",
@@ -3164,14 +3164,14 @@ const Ii = we({ name: "ph-circle-notch", render: Ti }), Di = {
             hover: u(i),
             class: "button-icon__icon-left"
           }, null, 8, ["name", "size", "spin", "spin-duration", "variant", "hover-variant", "hover"])) : P("", !0),
-          e.hideLabel ? P("", !0) : (v(), _("span", Di, [
+          e.hideLabel ? P("", !0) : (v(), g("span", Di, [
             I($.$slots, "default", Wn(fa({ labelOrLoadingText: u(k) })), () => [
               ce(M(u(k)), 1)
             ], !0)
           ])),
           e.iconRight ? (v(), F(C, {
             key: 2,
-            name: u(g),
+            name: u(_),
             size: e.iconRightSize,
             spin: e.loading,
             "spin-duration": e.loadingDuration,
@@ -3208,7 +3208,7 @@ const Ii = we({ name: "ph-circle-notch", render: Ti }), Di = {
   height: "1.2em"
 };
 function Vi(e, t) {
-  return v(), _("svg", Fi, [...t[0] || (t[0] = [
+  return v(), g("svg", Fi, [...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,14 +3221,14 @@ const Ri = we({ name: "ph-copy", render: Vi }), Oi = {
   height: "1.2em"
 };
 function Ei(e, t) {
-  return v(), _("svg", Oi, [...t[0] || (t[0] = [
+  return v(), g("svg", Oi, [...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"
     }, null, -1)
   ])]);
 }
-const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
+const ol = we({ name: "ph-check", render: Ei }), J0 = /* @__PURE__ */ B({
   __name: "ActionCopyButton",
   props: {
     text: {},
@@ -3270,14 +3270,14 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
     })), a = b(() => ({
       [`app-icon-layers--size-${t.size}`]: !n.value
     }));
-    return (l, r) => (v(), _("span", {
-      class: N(["app-icon-layers", u(a)]),
+    return (l, r) => (v(), g("span", {
+      class: E(["app-icon-layers", u(a)]),
       style: Be(u(o))
     }, [
       I(l.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), th = /* @__PURE__ */ z(Ni, [["__scopeId", "data-v-f5f17f04"]]), al = (e, t) => b(() => {
+}), eh = /* @__PURE__ */ z(Ni, [["__scopeId", "data-v-f5f17f04"]]), al = (e, t) => b(() => {
   const n = Xe(e), o = Xe(t);
   return n === !0 ? "true" : typeof n == "string" ? n : o === !1 ? "true" : n === !1 ? "false" : void 0;
 }), Cn = (e, t, n, o = n) => t.reduce((a, l) => (e[l] && a.push(
@@ -3355,7 +3355,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
       }
     ]);
     return (l, r) => (v(), F(ye(u(n).tag), {
-      class: N(a.value)
+      class: E(a.value)
     }, {
       default: V(() => [
         I(l.$slots, "default")
@@ -3386,7 +3386,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
       role: u(n).role,
       "aria-live": u(n).ariaLive,
       "aria-atomic": u(n).ariaLive ? !0 : void 0,
-      class: N(a.value)
+      class: E(a.value)
     }, {
       default: V(() => [
         I(l.$slots, "default", {}, () => [
@@ -3428,7 +3428,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
     ]);
     return (l, r) => (v(), F(ye(u(n).tag), {
       id: u(n).id,
-      class: N(a.value)
+      class: E(a.value)
     }, {
       default: V(() => [
         I(l.$slots, "default", {}, () => [
@@ -3461,7 +3461,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
       role: u(n).role,
       "aria-live": u(n).ariaLive,
       "aria-atomic": u(n).ariaLive ? !0 : void 0,
-      class: N(a.value)
+      class: E(a.value)
     }, {
       default: V(() => [
         I(l.$slots, "default", {}, () => [
@@ -3529,7 +3529,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
         }
         return K && (Z === "xs" ? q[typeof K == "boolean" ? "col" : "cols"] = K : q[Z || (typeof K == "boolean" ? "col" : "cols")] = K), q;
       }, {})
-    ), m = Ce("_content"), g = b(() => f(o, "content")), k = b(
+    ), m = Ce("_content"), _ = b(() => f(o, "content")), k = b(
       () => ((D, X) => d.reduce((q, Z) => {
         const ie = Ro(
           Z === "xs" ? "" : Z,
@@ -3538,7 +3538,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
         return K && (Z === "xs" ? q.push(`text-${K}`) : q.push(`text-${Z}-${K}`)), q;
       }, []))(o, "label")
     ), h = b(() => f(o, "label")), w = b(
-      () => Object.keys(g.value).length > 0 || Object.keys(h.value).length > 0
+      () => Object.keys(_.value).length > 0 || Object.keys(h.value).length > 0
     ), x = ro(c), $ = al(() => o.ariaInvalid, c), y = (D) => {
       if (i.value || m.value === null) return;
       const { target: X } = D, q = X ? X.tagName : "";
@@ -3566,7 +3566,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
       role: Q.value ? null : "group",
       "aria-invalid": u($),
       "aria-labelledby": Q.value && w.value ? u(T) : null,
-      class: N([[u(x), { "was-validated": u(o).validated }], "b-form-group"])
+      class: E([[u(x), { "was-validated": u(o).validated }], "b-form-group"])
     }, {
       default: V(() => [
         U(u(r).define, null, {
@@ -3615,14 +3615,14 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
         }),
         U(u(l).define, null, {
           default: V(() => [
-            a.label || u(o).label || w.value ? (v(), _(fe, { key: 0 }, [
+            a.label || u(o).label || w.value ? (v(), g(fe, { key: 0 }, [
               w.value ? (v(), F(Vo, Wn(Se({ key: 0 }, h.value)), {
                 default: V(() => [
                   (v(), F(ye(L.value), {
                     id: u(T),
                     for: i.value || null,
                     tabindex: Q.value ? "-1" : null,
-                    class: N(S.value),
+                    class: E(S.value),
                     onClick: X[0] || (X[0] = (q) => Q.value ? y : null)
                   }, {
                     default: V(() => [
@@ -3639,7 +3639,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
                 id: u(T),
                 for: i.value || null,
                 tabindex: Q.value ? "-1" : null,
-                class: N(S.value),
+                class: E(S.value),
                 onClick: X[1] || (X[1] = (q) => Q.value ? y : null)
               }, {
                 default: V(() => [
@@ -3656,7 +3656,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
         w.value ? (v(), F(zi, { key: 0 }, {
           default: V(() => [
             U(u(l).reuse),
-            U(Vo, Se(g.value, { ref: "_content" }), {
+            U(Vo, Se(_.value, { ref: "_content" }), {
               default: V(() => [
                 I(D.$slots, "default", {
                   id: u(C),
@@ -3670,8 +3670,8 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
             }, 16)
           ]),
           _: 3
-        })) : (v(), _(fe, { key: 1 }, [
-          u(o).floating && !w.value ? (v(), _("div", Wi, [
+        })) : (v(), g(fe, { key: 1 }, [
+          u(o).floating && !w.value ? (v(), g("div", Wi, [
             I(D.$slots, "default", {
               id: u(C),
               ariaDescribedby: null,
@@ -3680,7 +3680,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
             }),
             U(u(l).reuse),
             U(u(r).reuse)
-          ], 512)) : (v(), _(fe, { key: 1 }, [
+          ], 512)) : (v(), g(fe, { key: 1 }, [
             U(u(l).reuse),
             I(D.$slots, "default", {
               id: u(C),
@@ -3762,7 +3762,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
       "indeterminate"
     ), i = nt(() => l.id, "form-check"), d = Ie(Zl, null), f = Ce("_input"), { focused: m } = Fa(f, {
       initialValue: l.autofocus
-    }), g = b(() => !wa(r.default)), k = b({
+    }), _ = b(() => !wa(r.default)), k = b({
       get: () => d ? d.modelValue.value : c.value,
       set: (S) => {
         if (S !== void 0) {
@@ -3786,7 +3786,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
       // This is where the true default is made
       buttonVariant: l.buttonVariant ?? (d == null ? void 0 : d.buttonVariant.value) ?? "secondary",
       // This is where the true default is made
-      hasDefaultSlot: g.value
+      hasDefaultSlot: _.value
     })), $ = qi(x), y = b(() => [
       $.value,
       o.value.wrapperClass
@@ -3823,10 +3823,10 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
           }, o.value.inputAttrs), null, 16, Xi), [
             [va, k.value]
           ]),
-          g.value || u(l).plain === !1 ? (v(), _("label", {
+          _.value || u(l).plain === !1 ? (v(), g("label", {
             key: 0,
             for: u(i),
-            class: N(u(L))
+            class: E(u(L))
           }, [
             I(S.$slots, "default")
           ], 10, Ki)) : P("", !0)
@@ -3835,7 +3835,7 @@ const ol = we({ name: "ph-check", render: Ei }), eh = /* @__PURE__ */ B({
       _: 3
     }, 16, ["skip", "class"]));
   }
-}), nh = /* @__PURE__ */ B({
+}), th = /* @__PURE__ */ B({
   __name: "FormControlCheckbox",
   props: /* @__PURE__ */ ee({
     label: {}
@@ -3968,14 +3968,14 @@ H.prototype = {
   },
   toPercentageRgb: function() {
     return {
-      r: Math.round(_e(this._r, 255) * 100) + "%",
-      g: Math.round(_e(this._g, 255) * 100) + "%",
-      b: Math.round(_e(this._b, 255) * 100) + "%",
+      r: Math.round(ge(this._r, 255) * 100) + "%",
+      g: Math.round(ge(this._g, 255) * 100) + "%",
+      b: Math.round(ge(this._b, 255) * 100) + "%",
       a: this._a
     };
   },
   toPercentageRgbString: function() {
-    return this._a == 1 ? "rgb(" + Math.round(_e(this._r, 255) * 100) + "%, " + Math.round(_e(this._g, 255) * 100) + "%, " + Math.round(_e(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(_e(this._r, 255) * 100) + "%, " + Math.round(_e(this._g, 255) * 100) + "%, " + Math.round(_e(this._b, 255) * 100) + "%, " + this._roundA + ")";
+    return this._a == 1 ? "rgb(" + Math.round(ge(this._r, 255) * 100) + "%, " + Math.round(ge(this._g, 255) * 100) + "%, " + Math.round(ge(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(ge(this._r, 255) * 100) + "%, " + Math.round(ge(this._g, 255) * 100) + "%, " + Math.round(ge(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
   toName: function() {
     return this._a === 0 ? "transparent" : this._a < 1 ? !1 : ms[No(this._r, this._g, this._b, !0)] || !1;
@@ -4063,7 +4063,7 @@ function Ji(e) {
     g: 0,
     b: 0
   }, n = 1, o = null, a = null, l = null, r = !1, c = !1;
-  return typeof e == "string" && (e = gs(e)), rn(e) == "object" && (et(e.r) && et(e.g) && et(e.b) ? (t = es(e.r, e.g, e.b), r = !0, c = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : et(e.h) && et(e.s) && et(e.v) ? (o = Rt(e.s), a = Rt(e.v), t = ns(e.h, o, a), r = !0, c = "hsv") : et(e.h) && et(e.s) && et(e.l) && (o = Rt(e.s), l = Rt(e.l), t = ts(e.h, o, l), r = !0, c = "hsl"), e.hasOwnProperty("a") && (n = e.a)), n = rl(n), {
+  return typeof e == "string" && (e = _s(e)), rn(e) == "object" && (et(e.r) && et(e.g) && et(e.b) ? (t = es(e.r, e.g, e.b), r = !0, c = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : et(e.h) && et(e.s) && et(e.v) ? (o = Rt(e.s), a = Rt(e.v), t = ns(e.h, o, a), r = !0, c = "hsv") : et(e.h) && et(e.s) && et(e.l) && (o = Rt(e.s), l = Rt(e.l), t = ts(e.h, o, l), r = !0, c = "hsl"), e.hasOwnProperty("a") && (n = e.a)), n = rl(n), {
     ok: r,
     format: e.format || c,
     r: Math.min(255, Math.max(t.r, 0)),
@@ -4074,13 +4074,13 @@ function Ji(e) {
 }
 function es(e, t, n) {
   return {
-    r: _e(e, 255) * 255,
-    g: _e(t, 255) * 255,
-    b: _e(n, 255) * 255
+    r: ge(e, 255) * 255,
+    g: ge(t, 255) * 255,
+    b: ge(n, 255) * 255
   };
 }
 function Oo(e, t, n) {
-  e = _e(e, 255), t = _e(t, 255), n = _e(n, 255);
+  e = ge(e, 255), t = ge(t, 255), n = ge(n, 255);
   var o = Math.max(e, t, n), a = Math.min(e, t, n), l, r, c = (o + a) / 2;
   if (o == a)
     l = r = 0;
@@ -4107,7 +4107,7 @@ function Oo(e, t, n) {
 }
 function ts(e, t, n) {
   var o, a, l;
-  e = _e(e, 360), t = _e(t, 100), n = _e(n, 100);
+  e = ge(e, 360), t = ge(t, 100), n = ge(n, 100);
   function r(i, d, f) {
     return f < 0 && (f += 1), f > 1 && (f -= 1), f < 1 / 6 ? i + (d - i) * 6 * f : f < 1 / 2 ? d : f < 2 / 3 ? i + (d - i) * (2 / 3 - f) * 6 : i;
   }
@@ -4124,7 +4124,7 @@ function ts(e, t, n) {
   };
 }
 function Eo(e, t, n) {
-  e = _e(e, 255), t = _e(t, 255), n = _e(n, 255);
+  e = ge(e, 255), t = ge(t, 255), n = ge(n, 255);
   var o = Math.max(e, t, n), a = Math.min(e, t, n), l, r, c = o, s = o - a;
   if (r = o === 0 ? 0 : s / o, o == a)
     l = 0;
@@ -4149,7 +4149,7 @@ function Eo(e, t, n) {
   };
 }
 function ns(e, t, n) {
-  e = _e(e, 360) * 6, t = _e(t, 100), n = _e(n, 100);
+  e = ge(e, 360) * 6, t = ge(t, 100), n = ge(n, 100);
   var o = Math.floor(e), a = e - o, l = n * (1 - t), r = n * (1 - a * t), c = n * (1 - (1 - a) * t), s = o % 6, i = [n, r, l, l, c, n][s], d = [c, n, n, r, l, l][s], f = [l, l, c, n, n, r][s];
   return {
     r: i * 255,
@@ -4455,9 +4455,9 @@ function hs(e) {
 function rl(e) {
   return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
-function _e(e, t) {
+function ge(e, t) {
   bs(e) && (e = "100%");
-  var n = _s(e);
+  var n = gs(e);
   return e = Math.min(t, Math.max(0, parseFloat(e))), n && (e = parseInt(e * t, 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : e % t / parseFloat(t);
 }
 function yn(e) {
@@ -4469,7 +4469,7 @@ function Pe(e) {
 function bs(e) {
   return typeof e == "string" && e.indexOf(".") != -1 && parseFloat(e) === 1;
 }
-function _s(e) {
+function gs(e) {
   return typeof e == "string" && e.indexOf("%") != -1;
 }
 function He(e) {
@@ -4503,7 +4503,7 @@ var Ee = function() {
 function et(e) {
   return !!Ee.CSS_UNIT.exec(e);
 }
-function gs(e) {
+function _s(e) {
   e = e.replace(Zi, "").replace(Qi, "").toLowerCase();
   var t = !1;
   if (Rn[e])
@@ -4672,14 +4672,14 @@ const cl = (e, t = 20) => {
       const T = C.clientWidth, L = C.clientHeight, { x: S, y: R } = ul(C), { x: W, y: O } = sl(y), Q = Sn(W - S, 0, T), D = Sn(O - R, 0, L), X = Q / T, q = Sn(1 - D / L, 0, 1);
       a.value = X;
       let Z = Math.round(X * 100), ie = Math.round(q * 100);
-      Z === 1 && (Z = 0.01), ie === 1 && (ie = 0.01), g({
+      Z === 1 && (Z = 0.01), ie === 1 && (ie = 0.01), _({
         h: c.value,
         s: Z,
         v: ie,
         a: r.value.a
       });
     }
-    function g(y) {
+    function _(y) {
       l.value = y;
     }
     const k = cl(m, 20);
@@ -4696,7 +4696,7 @@ const cl = (e, t = 20) => {
       switch (y.preventDefault(), uo(y)) {
         case "left": {
           const C = r.value.s - 0.01;
-          g({
+          _({
             ...r.value,
             s: C >= 0 ? C : 0
           });
@@ -4704,7 +4704,7 @@ const cl = (e, t = 20) => {
         }
         case "right": {
           const C = r.value.s + 0.01;
-          g({
+          _({
             ...r.value,
             s: C > 1 ? 1 : C
           });
@@ -4712,7 +4712,7 @@ const cl = (e, t = 20) => {
         }
         case "up": {
           const C = r.value.v + 0.01;
-          g({
+          _({
             ...r.value,
             v: C > 1 ? 1 : C
           });
@@ -4720,7 +4720,7 @@ const cl = (e, t = 20) => {
         }
         case "down": {
           const C = r.value.v - 0.01;
-          g({
+          _({
             ...r.value,
             v: C < 0 ? 0 : C
           });
@@ -4730,7 +4730,7 @@ const cl = (e, t = 20) => {
     }
     return ma(() => {
       x();
-    }), (y, C) => (v(), _("div", {
+    }), (y, C) => (v(), g("div", {
       class: "vc-saturation-slider bg",
       style: Be({ background: s.value }),
       ref_key: "containerRef",
@@ -4803,7 +4803,7 @@ const cl = (e, t = 20) => {
     function m() {
       window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", f), window.removeEventListener("touchmove", i), window.removeEventListener("touchend", f);
     }
-    function g(k) {
+    function _(k) {
       k.preventDefault();
       const { direction: h, max: w } = n, x = uo(k), $ = n.step ?? w / 100, y = a.value;
       let C;
@@ -4837,12 +4837,12 @@ const cl = (e, t = 20) => {
     }
     return ma(() => {
       m();
-    }), (k, h) => (v(), _("div", Bs, [
-      k.$slots.background ? (v(), _("div", Ss, [
+    }), (k, h) => (v(), g("div", Bs, [
+      k.$slots.background ? (v(), g("div", Ss, [
         I(k.$slots, "background", {}, void 0, !0)
       ])) : P("", !0),
       p("div", {
-        class: N({
+        class: E({
           slider: !0,
           horizontal: k.direction === "horizontal",
           vertical: k.direction === "vertical"
@@ -4857,7 +4857,7 @@ const cl = (e, t = 20) => {
         "aria-valuemin": "0",
         "aria-valuenow": a.value.toFixed(1),
         tabindex: "0",
-        onKeydown: g
+        onKeydown: _
       }, [
         p("div", {
           class: "picker-wrap",
@@ -4937,9 +4937,9 @@ const cl = (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(f) {
-      const { min: m, max: g } = n;
-      if (On(g) && +f > g) {
-        o("change", g);
+      const { min: m, max: _ } = n;
+      if (On(_) && +f > _) {
+        o("change", _);
         return;
       }
       if (On(m) && +f < m) {
@@ -4958,12 +4958,12 @@ const cl = (e, t = 20) => {
     function i(f) {
       let m = Number(n.value);
       if (!isNaN(m)) {
-        let g = n.step;
-        const k = xs(g), h = uo(f);
-        h === "up" && (r((m + g).toFixed(k)), f.preventDefault()), h === "down" && (r((m - g).toFixed(k)), f.preventDefault());
+        let _ = n.step;
+        const k = xs(_), h = uo(f);
+        h === "up" && (r((m + _).toFixed(k)), f.preventDefault()), h === "down" && (r((m - _).toFixed(k)), f.preventDefault());
       }
     }
-    return (f, m) => (v(), _("div", Is, [
+    return (f, m) => (v(), g("div", Is, [
       p("input", {
         class: "vc-input-input",
         value: n.value,
@@ -4978,7 +4978,7 @@ const cl = (e, t = 20) => {
         class: "vc-input-label",
         "aria-hidden": "true"
       }, M(n.label), 1),
-      f.desc ? (v(), _("span", Ps, M(f.desc), 1)) : P("", !0)
+      f.desc ? (v(), g("span", Ps, M(f.desc), 1)) : P("", !0)
     ]));
   }
 }), dt = /* @__PURE__ */ Dt(Fs, [["__scopeId", "data-v-9c267b2b"]]), Wo = (e) => H(e).isValid(), fl = /* @__PURE__ */ B({
@@ -5090,8 +5090,8 @@ const Qs = {
     }, c = (s) => {
       o.value = s;
     };
-    return (s, i) => (v(), _("div", {
-      class: N(["vc-twitter-picker", {
+    return (s, i) => (v(), g("div", {
+      class: E(["vc-twitter-picker", {
         tri_hide: n.triangle === "hide",
         tri_top_left: n.triangle === "top-left",
         tri_top_right: n.triangle === "top-right"
@@ -5105,7 +5105,7 @@ const Qs = {
       i[2] || (i[2] = p("div", { class: "triangle_shadow" }, null, -1)),
       i[3] || (i[3] = p("div", { class: "triangle" }, null, -1)),
       p("div", Qs, [
-        (v(!0), _(fe, null, ge(s.presetColors, (d, f) => (v(), _("span", {
+        (v(!0), g(fe, null, _e(s.presetColors, (d, f) => (v(), g("span", {
           key: f,
           class: "swatch",
           style: Be({
@@ -5262,7 +5262,7 @@ const Qs = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), oh = /* @__PURE__ */ z(iu, [["__scopeId", "data-v-3e637878"]]), su = ["data-d", "title"], uu = /* @__PURE__ */ B({
+}), nh = /* @__PURE__ */ z(iu, [["__scopeId", "data-v-3e637878"]]), su = ["data-d", "title"], uu = /* @__PURE__ */ B({
   __name: "FormControlDirectionPickerHandle",
   props: {
     pos: {},
@@ -5273,9 +5273,9 @@ const Qs = {
   emits: ["select"],
   setup(e) {
     const t = e, n = b(() => `direction-picker-handle--${t.shape}`);
-    return (o, a) => (v(), _("button", {
+    return (o, a) => (v(), g("button", {
       type: "button",
-      class: N(["direction-picker-handle", [u(n), { "direction-picker-handle--active": e.active }]]),
+      class: E(["direction-picker-handle", [u(n), { "direction-picker-handle--active": e.active }]]),
       "data-d": e.pos,
       title: e.label,
       onClick: a[0] || (a[0] = ot((l) => o.$emit("select"), ["stop", "prevent"]))
@@ -5292,7 +5292,7 @@ const Qs = {
       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", du, [
+    return (l, r) => (v(), g("div", du, [
       p("div", {
         class: "direction-picker-field__crosshair-h",
         style: Be({ top: u(o) })
@@ -5337,13 +5337,13 @@ const Qs = {
       }, {
         default: V(() => [
           p("div", {
-            class: N(["direction-picker__anchor", u(l)])
+            class: E(["direction-picker__anchor", u(l)])
           }, [
             U(s, {
               x: u(a).x,
               y: u(a).y
             }, null, 8, ["x", "y"]),
-            (v(), _(fe, null, ge(o, (f) => U(i, {
+            (v(), g(fe, null, _e(o, (f) => U(i, {
               key: f.value,
               pos: f.pos,
               label: f.label,
@@ -5357,7 +5357,7 @@ const Qs = {
       }, 8, ["label"]);
     };
   }
-}), ah = /* @__PURE__ */ z(pu, [["__scopeId", "data-v-061e1227"]]), mu = /* @__PURE__ */ B({
+}), oh = /* @__PURE__ */ z(pu, [["__scopeId", "data-v-061e1227"]]), mu = /* @__PURE__ */ B({
   __name: "DisplayColorSwatch",
   props: {
     color: {},
@@ -5369,8 +5369,8 @@ const Qs = {
       "display-color-swatch--sm": t.size === "sm",
       "display-color-swatch--bordered": t.bordered
     }));
-    return (o, a) => (v(), _("span", {
-      class: N(["display-color-swatch", u(n)]),
+    return (o, a) => (v(), g("span", {
+      class: E(["display-color-swatch", u(n)]),
       style: Be({ backgroundColor: e.color })
     }, null, 6));
   }
@@ -5380,14 +5380,14 @@ const Qs = {
   height: "1.2em"
 };
 function bu(e, t) {
-  return v(), _("svg", hu, [...t[0] || (t[0] = [
+  return v(), g("svg", hu, [...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"
     }, null, -1)
   ])]);
 }
-const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
+const gu = we({ name: "ph-plus", render: bu }), _u = /* @__PURE__ */ B({
   __name: "ButtonAdd",
   props: {
     label: { default: "Add" },
@@ -5398,10 +5398,10 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
     return (t, n) => {
       const o = ut;
       return v(), F(o, {
-        "icon-left": u(_u),
+        "icon-left": u(gu),
         label: e.label,
         variant: "outline-secondary",
-        class: N(["button-add", { "button-add--sm": e.size === "sm" }]),
+        class: E(["button-add", { "button-add--sm": e.size === "sm" }]),
         onClick: n[0] || (n[0] = (a) => t.$emit("click"))
       }, {
         default: V(() => [
@@ -5411,7 +5411,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       }, 8, ["icon-left", "label", "class"]);
     };
   }
-}), pl = /* @__PURE__ */ z(gu, [["__scopeId", "data-v-1c0e0822"]]), yu = { class: "d-flex flex-wrap gap-1" }, wu = ["onClick"], xu = { class: "form-control-colors-input__tag__hex" }, ku = ["aria-label", "onClick"], $u = /* @__PURE__ */ B({
+}), pl = /* @__PURE__ */ z(_u, [["__scopeId", "data-v-1c0e0822"]]), yu = { class: "d-flex flex-wrap gap-1" }, wu = ["onClick"], xu = { class: "form-control-colors-input__tag__hex" }, ku = ["aria-label", "onClick"], $u = /* @__PURE__ */ B({
   __name: "FormControlColorsInput",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -5442,7 +5442,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
         t.value = [...t.value, f], r.value = !1;
     }
     return (f, m) => {
-      const g = co, k = vl, h = Qe;
+      const _ = co, k = vl, h = Qe;
       return v(), F(h, {
         class: "form-control-colors-input",
         label: e.label,
@@ -5450,7 +5450,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       }, {
         default: V(() => [
           p("div", yu, [
-            (v(!0), _(fe, null, ge(t.value, (w, x) => (v(), _("span", {
+            (v(!0), g(fe, null, _e(t.value, (w, x) => (v(), g("span", {
               key: x,
               class: "form-control-colors-input__tag"
             }, [
@@ -5459,7 +5459,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
                 class: "form-control-colors-input__tag__swatch-btn",
                 onClick: ($) => c(x, $)
               }, [
-                U(g, {
+                U(_, {
                   color: w,
                   size: "sm"
                 }, null, 8, ["color"])
@@ -5493,7 +5493,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       }, 8, ["label", "label-for"]);
     };
   }
-}), lh = /* @__PURE__ */ z($u, [["__scopeId", "data-v-b30617ad"]]), Cu = { class: "visually-hidden" }, Bu = ["id", "aria-labelledby", "role"], Su = /* @__PURE__ */ B({
+}), ah = /* @__PURE__ */ z($u, [["__scopeId", "data-v-b30617ad"]]), Cu = { class: "visually-hidden" }, Bu = ["id", "aria-labelledby", "role"], Su = /* @__PURE__ */ B({
   __name: "BDropdown",
   props: /* @__PURE__ */ ee({
     ariaLabel: { default: void 0 },
@@ -5545,11 +5545,11 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
   setup(e, { expose: t, emit: n }) {
     const a = Me(e, "BDropdown"), l = n, r = nt(() => a.id, "dropdown"), c = re(e, "modelValue"), s = Ie(Jl, !1), i = Ie(Ba, !1), d = b(
       () => typeof a.offset == "string" || typeof a.offset == "number" ? a.offset : NaN
-    ), f = Jt(d), m = Ce("_floating"), g = Ce("_button"), k = Ce("_splitButton"), h = b(
+    ), f = Jt(d), m = Ce("_floating"), _ = Ce("_button"), k = Ce("_splitButton"), h = b(
       () => ao(a.boundary) ? a.boundary : void 0
     ), w = b(
       () => nl(a.boundary) ? a.boundary : void 0
-    ), x = b(() => a.split ? g.value : k.value), {
+    ), x = b(() => a.split ? _.value : k.value), {
       showRef: $,
       renderRef: y,
       hide: C,
@@ -5581,7 +5581,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       { target: m }
     );
     const D = (se, Y) => {
-      var G, ae, le, ue, E, te, oe;
+      var G, ae, le, ue, N, te, oe;
       if ((ae = m.value) != null && ae.contains((G = se.target) == null ? void 0 : G.closest("form")) || /input|select|option|textarea|form/i.test((le = se.target) == null ? void 0 : le.tagName)) return;
       if (se.preventDefault(), !$.value) {
         T();
@@ -5592,7 +5592,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       }
       const A = (ue = m.value) == null ? void 0 : ue.querySelectorAll(".dropdown-item:not(.disabled):not(:disabled)");
       if (A)
-        if ((E = m.value) != null && E.contains(document.activeElement)) {
+        if ((N = m.value) != null && N.contains(document.activeElement)) {
           const J = m.value.querySelector(".dropdown-item:focus"), j = Array.prototype.indexOf.call(A, J) + Y;
           j >= 0 && j < (A == null ? void 0 : A.length) && ((te = A[j]) == null || te.focus());
         } else
@@ -5667,7 +5667,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       () => {
         $.value && (a.autoClose === !0 || a.autoClose === "outside") && C();
       },
-      { ignore: [g, k] }
+      { ignore: [_, k] }
     );
     const Oe = () => {
       $.value && (a.autoClose === !0 || a.autoClose === "inside") && C();
@@ -5689,7 +5689,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       var G;
       return v(), F(lo, {
         skip: u(s) || u(a).noWrapper,
-        class: N(he.value),
+        class: E(he.value),
         role: (G = u(K)) == null ? void 0 : G.role
       }, {
         default: V(() => [
@@ -5698,7 +5698,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
             ref: "_splitButton",
             variant: u(a).splitVariant || u(a).variant,
             size: u(a).size,
-            class: N(xe.value),
+            class: E(xe.value),
             disabled: u(a).splitDisabled || u(a).disabled,
             type: u(a).splitButtonType,
             "aria-label": u(a).ariaLabel,
@@ -5722,7 +5722,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
             variant: u(a).variant,
             size: u(a).size,
             disabled: u(a).disabled,
-            class: N([[u(a).toggleClass, { show: u($) }], "dropdown-toggle-split dropdown-toggle"]),
+            class: E([[u(a).toggleClass, { show: u($) }], "dropdown-toggle-split dropdown-toggle"]),
             "aria-expanded": u($),
             "aria-haspopup": "menu",
             onClick: ke
@@ -5749,7 +5749,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
                     id: u(r) + "-menu",
                     ref: "_floating",
                     style: Be([u(ie), X.value]),
-                    class: N(["dropdown-menu overflow-auto", [u(a).menuClass, Q.value]]),
+                    class: E(["dropdown-menu overflow-auto", [u(a).menuClass, Q.value]]),
                     "aria-labelledby": u(r),
                     role: u(a).role,
                     onClick: Oe
@@ -5822,11 +5822,11 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
         active: o.active,
         disabled: o.disabled
       }
-    ]), f = b(() => c.value ? Xn : o.href ? "a" : "button"), m = Ie(ka, null), g = Ie($a, null), k = Ie(Ca, null), h = (w) => {
+    ]), f = b(() => c.value ? Xn : o.href ? "a" : "button"), m = Ie(ka, null), _ = Ie($a, null), k = Ie(Ca, null), h = (w) => {
       var x, $, y;
-      a("click", w), k !== null && ((x = k == null ? void 0 : k.autoClose) == null ? void 0 : x.value) === !0 && (($ = m == null ? void 0 : m.hide) == null || $.call(m)), (y = g == null ? void 0 : g.hide) == null || y.call(g);
+      a("click", w), k !== null && ((x = k == null ? void 0 : k.autoClose) == null ? void 0 : x.value) === !0 && (($ = m == null ? void 0 : m.hide) == null || $.call(m)), (y = _ == null ? void 0 : _.hide) == null || y.call(_);
     };
-    return (w, x) => (v(), _("li", Se({
+    return (w, x) => (v(), g("li", Se({
       role: "presentation",
       class: r.value.wrapperClass
     }, u(o).wrapperAttrs), [
@@ -5882,7 +5882,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       }
       a("click", d);
     };
-    return (d, f) => (v(), _("li", Se({
+    return (d, f) => (v(), g("li", Se({
       role: "presentation",
       class: r.value.wrapperClass
     }, u(o).wrapperAttrs), [
@@ -5933,18 +5933,18 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
             })) : P("", !0),
             p("div", Tu, [
               p("span", {
-                class: N(["form-control-dropdown-item__content__text__label", u(n)])
+                class: E(["form-control-dropdown-item__content__text__label", u(n)])
               }, M(e.label), 3),
-              e.description ? (v(), _("small", {
+              e.description ? (v(), g("small", {
                 key: 0,
-                class: N(["form-control-dropdown-item__content__text__description", u(o)])
+                class: E(["form-control-dropdown-item__content__text__description", u(o)])
               }, M(e.description), 3)) : P("", !0)
             ]),
-            e.visual ? (v(), _("div", Iu, [
+            e.visual ? (v(), g("div", Iu, [
               typeof e.visual != "string" ? (v(), F(ye(e.visual), {
                 key: 0,
                 class: "form-control-dropdown-item__content__visual__image bg-body rounded-1"
-              })) : (v(), _("img", {
+              })) : (v(), g("img", {
                 key: 1,
                 src: e.visual,
                 alt: "",
@@ -5985,10 +5985,10 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
     ), l = Ce("elementRef"), r = Hl(l), c = Ce("dropdownRef");
     function s() {
       var h, w;
-      const { id: g = null } = ((w = (h = c.value) == null ? void 0 : h.$el) == null ? void 0 : w.querySelector(".dropdown-toggle")) ?? {};
-      if (!g)
+      const { id: _ = null } = ((w = (h = c.value) == null ? void 0 : h.$el) == null ? void 0 : w.querySelector(".dropdown-toggle")) ?? {};
+      if (!_)
         return;
-      const k = document.getElementById(`${g}-menu`);
+      const k = document.getElementById(`${_}-menu`);
       k && (k.style.width = `${Math.max(r.width.value, n.minMenuWidth)}px`);
     }
     $e(r.width, s);
@@ -5997,18 +5997,18 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
     })), d = b(() => ({
       "form-control-dropdown__toggle--block": n.block
     })), f = b(
-      () => a.value.find((g) => g.value === t.value)
+      () => a.value.find((_) => _.value === t.value)
     );
-    function m(g) {
+    function m(_) {
       var k;
-      t.value = g, (k = c.value) == null || k.hide();
+      t.value = _, (k = c.value) == null || k.hide();
     }
-    return (g, k) => {
+    return (_, k) => {
       const h = Fu, w = fo, x = Qe;
       return v(), F(x, {
         ref_key: "elementRef",
         ref: l,
-        class: N(["form-control-dropdown", u(i)]),
+        class: E(["form-control-dropdown", u(i)]),
         label: e.label,
         "label-for": e.id,
         size: e.size
@@ -6016,11 +6016,11 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
         default: V(() => {
           var $;
           return [
-            I(g.$slots, "default", {}, void 0, !0),
+            I(_.$slots, "default", {}, void 0, !0),
             U(w, {
               ref_key: "dropdownRef",
               ref: c,
-              class: N(["form-control-dropdown__toggle", u(d)]),
+              class: E(["form-control-dropdown__toggle", u(d)]),
               size: e.size,
               "menu-class": e.menuClass ?? "form-control-dropdown-menu",
               text: (($ = u(f)) == null ? void 0 : $.label) ?? e.placeholder ?? "",
@@ -6032,26 +6032,26 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
               onShown: s
             }, {
               "button-content": V(() => [
-                I(g.$slots, "button-content", {}, () => {
+                I(_.$slots, "button-content", {}, () => {
                   var y, C;
                   return [
-                    (y = u(f)) != null && y.icon ? (v(), _("span", Vu, [
+                    (y = u(f)) != null && y.icon ? (v(), g("span", Vu, [
                       (v(), F(ye(u(f).icon), { class: "form-control-dropdown__toggle__icon" })),
                       ce(" " + M(u(f).label), 1)
-                    ])) : (v(), _(fe, { key: 1 }, [
+                    ])) : (v(), g(fe, { key: 1 }, [
                       ce(M(((C = u(f)) == null ? void 0 : C.label) ?? e.placeholder ?? ""), 1)
                     ], 64))
                   ];
                 }, !0)
               ]),
               default: V(() => [
-                I(g.$slots, "menu", {
+                I(_.$slots, "menu", {
                   hide: () => {
                     var y;
                     return (y = u(c)) == null ? void 0 : y.hide();
                   }
                 }, () => [
-                  (v(!0), _(fe, null, ge(u(a), (y) => (v(), F(h, {
+                  (v(!0), g(fe, null, _e(u(a), (y) => (v(), F(h, {
                     key: y.value,
                     label: y.label,
                     description: y.description,
@@ -6103,17 +6103,17 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       const f = l.value;
       if (!f)
         return;
-      const m = f.querySelectorAll(".btn"), g = Array.from(m).some((k) => k.scrollWidth > k.clientWidth + 1);
-      r.value = g || f.scrollWidth > f.clientWidth + 1;
+      const m = f.querySelectorAll(".btn"), _ = Array.from(m).some((k) => k.scrollWidth > k.clientWidth + 1);
+      r.value = _ || f.scrollWidth > f.clientWidth + 1;
     }
     return zl(l, d), (f, m) => {
-      const g = wn, k = ut, h = Sr, w = Qe;
+      const _ = wn, k = ut, h = Sr, w = Qe;
       return v(), F(w, {
         class: "form-control-button-group",
         label: e.label
       }, {
         default: V(() => [
-          u(r) ? (v(), F(g, {
+          u(r) ? (v(), F(_, {
             key: 0,
             modelValue: t.value,
             "onUpdate:modelValue": m[0] || (m[0] = (x) => t.value = x),
@@ -6125,13 +6125,13 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
           p("div", {
             ref_key: "containerRef",
             ref: l,
-            class: N(["form-control-button-group__container", u(c)])
+            class: E(["form-control-button-group__container", u(c)])
           }, [
             U(h, {
-              class: N(["form-control-button-group__container__buttons", u(s)])
+              class: E(["form-control-button-group__container__buttons", u(s)])
             }, {
               default: V(() => [
-                (v(!0), _(fe, null, ge(u(a), (x) => (v(), F(k, {
+                (v(!0), g(fe, null, _e(u(a), (x) => (v(), F(k, {
                   key: x.value,
                   "icon-left": x.icon ?? x.iconLeft,
                   label: x.text,
@@ -6150,7 +6150,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
                         typeof x.visual != "string" ? (v(), F(ye(x.visual), {
                           key: 0,
                           class: "form-control-button-group__container__buttons__visual__content"
-                        })) : (v(), _("img", {
+                        })) : (v(), g("img", {
                           key: 1,
                           src: x.visual,
                           alt: "",
@@ -6172,7 +6172,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       }, 8, ["label"]);
     };
   }
-}), rh = /* @__PURE__ */ z(Nu, [["__scopeId", "data-v-c589f818"]]), ih = /* @__PURE__ */ B({
+}), lh = /* @__PURE__ */ z(Nu, [["__scopeId", "data-v-c589f818"]]), rh = /* @__PURE__ */ B({
   __name: "FormControlButtonGroupEntry",
   props: {
     value: {},
@@ -6205,14 +6205,14 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
   var a;
   const l = ne(0), r = nt(() => e.id, "input"), c = Jt(() => e.debounce ?? 0), s = Jt(() => e.debounceMaxWait ?? NaN), i = (a = Ie(Sa, null)) == null ? void 0 : a(r), d = b(
     () => e.state !== void 0 ? e.state : (i == null ? void 0 : i.state.value) ?? null
-  ), f = al(() => e.ariaInvalid, d), m = ro(d), g = xr(
+  ), f = al(() => e.ariaInvalid, d), m = ro(d), _ = xr(
     (L) => {
       n.value = L;
     },
     () => o.lazy === !0 ? 0 : c.value,
     { maxWait: () => o.lazy === !0 ? NaN : s.value }
   ), k = (L, S = !1) => {
-    o.lazy === !0 && S === !1 || g(L);
+    o.lazy === !0 && S === !1 || _(L);
   }, { focused: h } = Fa(t, {
     initialValue: e.autofocus
   }), w = (L, S, R = !1) => e.formatter !== void 0 && (!e.lazyFormatter || R) ? e.formatter(L, S) : L;
@@ -6300,7 +6300,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       onChange: d,
       onBlur: f,
       stateClass: m,
-      focus: g,
+      focus: _,
       blur: k,
       forceUpdateKey: h
     } = zu(o, r, a, l), w = b(() => {
@@ -6319,13 +6319,13 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
     return t({
       blur: k,
       element: r,
-      focus: g
-    }), (x, $) => (v(), _("input", {
+      focus: _
+    }), (x, $) => (v(), g("input", {
       id: u(c),
       ref: "_input",
       key: u(h),
       value: u(a),
-      class: N(w.value),
+      class: E(w.value),
       name: u(o).name || void 0,
       form: u(o).form || void 0,
       type: u(o).type,
@@ -6393,7 +6393,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
               "onUpdate:modelValue": o[1] || (o[1] = (r) => t.value = String(r))
             }, null, 8, ["model-value"]),
             I(n.$slots, "suffix", {}, () => [
-              e.suffix ? (v(), _("small", Wu, M(e.suffix), 1)) : P("", !0)
+              e.suffix ? (v(), g("small", Wu, M(e.suffix), 1)) : P("", !0)
             ], !0)
           ])
         ]),
@@ -6401,7 +6401,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       }, 8, ["label", "label-for"]);
     };
   }
-}), sh = /* @__PURE__ */ z(qu, [["__scopeId", "data-v-f46591df"]]), ju = { class: "form-control-units-input__row" }, Gu = { class: "form-control-units-input__row__group" }, Xu = /* @__PURE__ */ B({
+}), ih = /* @__PURE__ */ z(qu, [["__scopeId", "data-v-f46591df"]]), ju = { class: "form-control-units-input__row" }, Gu = { class: "form-control-units-input__row__group" }, Xu = /* @__PURE__ */ B({
   __name: "FormControlUnitsInput",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -6429,11 +6429,11 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
     }
     function s(i) {
       const d = l.value, f = parseFloat(a.value), m = parseFloat(n.max);
-      let g = f;
-      d !== i && m > 0 && (n.centerRelative ? d === "px" && i === "%" ? g = +((f / m - 0.5) * 100).toFixed(1) : d === "%" && i === "px" && (g = Math.round((f / 100 + 0.5) * m)) : d === "px" && i === "%" ? g = Math.round(f / m * 100) : d === "%" && i === "px" && (g = Math.round(f / 100 * m))), t.value = `${g}${i}`;
+      let _ = f;
+      d !== i && m > 0 && (n.centerRelative ? d === "px" && i === "%" ? _ = +((f / m - 0.5) * 100).toFixed(1) : d === "%" && i === "px" && (_ = Math.round((f / 100 + 0.5) * m)) : d === "px" && i === "%" ? _ = Math.round(f / m * 100) : d === "%" && i === "px" && (_ = Math.round(f / 100 * m))), t.value = `${_}${i}`;
     }
     return (i, d) => {
-      const f = vo, m = Mu, g = fo, k = Qe;
+      const f = vo, m = Mu, _ = fo, k = Qe;
       return v(), F(k, {
         class: "form-control-units-input",
         label: e.label,
@@ -6459,7 +6459,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
                 size: "sm",
                 "onUpdate:modelValue": c
               }, null, 8, ["model-value"]),
-              U(g, {
+              U(_, {
                 class: "form-control-units-input__row__group__dropdown",
                 text: u(l),
                 size: "sm",
@@ -6467,7 +6467,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
                 end: ""
               }, {
                 default: V(() => [
-                  (v(!0), _(fe, null, ge(e.units, (h) => (v(), F(m, {
+                  (v(!0), g(fe, null, _e(e.units, (h) => (v(), F(m, {
                     key: h,
                     active: h === u(l),
                     onClick: (w) => s(h)
@@ -6487,7 +6487,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       }, 8, ["label", "label-for"]);
     };
   }
-}), uh = /* @__PURE__ */ z(Xu, [["__scopeId", "data-v-b0c931e5"]]), ch = /* @__PURE__ */ B({
+}), sh = /* @__PURE__ */ z(Xu, [["__scopeId", "data-v-b0c931e5"]]), uh = /* @__PURE__ */ B({
   __name: "FormControlDropdownEntry",
   props: {
     value: {},
@@ -6539,14 +6539,14 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
               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", Zu, M(e.suffix), 1)) : P("", !0)
+            e.suffix ? (v(), g("small", Zu, M(e.suffix), 1)) : P("", !0)
           ])
         ]),
         _: 1
       }, 8, ["label", "label-for"]);
     };
   }
-}), dh = /* @__PURE__ */ z(Qu, [["__scopeId", "data-v-1748b9a2"]]), Ju = { class: "display-palette" }, ec = /* @__PURE__ */ B({
+}), ch = /* @__PURE__ */ z(Qu, [["__scopeId", "data-v-1748b9a2"]]), Ju = { class: "display-palette" }, ec = /* @__PURE__ */ B({
   __name: "DisplayPalette",
   props: {
     colors: {},
@@ -6555,8 +6555,8 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
   setup(e) {
     return (t, n) => {
       const o = co;
-      return v(), _("span", Ju, [
-        (v(!0), _(fe, null, ge(e.colors, (a, l) => (v(), F(o, {
+      return v(), g("span", Ju, [
+        (v(!0), g(fe, null, _e(e.colors, (a, l) => (v(), F(o, {
           key: l,
           color: a,
           bordered: e.bordered,
@@ -6577,7 +6577,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = re(e, "modelValue"), n = e, { entries: o } = Ht(_a), a = b(
+    const t = re(e, "modelValue"), n = e, { entries: o } = Ht(ga), a = b(
       () => o.value.length > 0 ? o.value : n.palettes
     ), l = Ce("dropdownRef");
     function r() {
@@ -6599,7 +6599,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       t.value = i, (d = l.value) == null || d.hide();
     }
     return (i, d) => {
-      const f = tc, m = ml, g = fo, k = Qe;
+      const f = tc, m = ml, _ = fo, k = Qe;
       return v(), F(k, {
         class: "form-control-palette",
         label: e.label,
@@ -6607,7 +6607,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       }, {
         default: V(() => [
           I(i.$slots, "default", {}, void 0, !0),
-          U(g, {
+          U(_, {
             ref_key: "dropdownRef",
             ref: l,
             class: "form-control-palette__toggle",
@@ -6631,7 +6631,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
               ];
             }),
             default: V(() => [
-              (v(!0), _(fe, null, ge(u(a), (h) => (v(), F(m, {
+              (v(!0), g(fe, null, _e(u(a), (h) => (v(), F(m, {
                 key: h.value,
                 active: t.value === h.value,
                 onClick: (w) => s(h.value)
@@ -6655,7 +6655,7 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
       }, 8, ["label", "label-for"]);
     };
   }
-}), fh = /* @__PURE__ */ z(rc, [["__scopeId", "data-v-bcba8a9f"]]), vh = /* @__PURE__ */ B({
+}), dh = /* @__PURE__ */ z(rc, [["__scopeId", "data-v-bcba8a9f"]]), fh = /* @__PURE__ */ B({
   __name: "FormControlPaletteEntry",
   props: {
     value: {},
@@ -6664,13 +6664,13 @@ const _u = we({ name: "ph-plus", render: bu }), gu = /* @__PURE__ */ B({
   },
   setup(e) {
     const t = e;
-    return zt(_a, () => ({
+    return zt(ga, () => ({
       value: t.value,
       label: t.label,
       colors: t.colors
     })), (n, o) => I(n.$slots, "default");
   }
-}), ph = /* @__PURE__ */ B({
+}), vh = /* @__PURE__ */ B({
   __name: "FormControlColorblindPicker",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -6804,8 +6804,8 @@ function pc(e) {
   var t = e.grouping === void 0 || e.thousands === void 0 ? Go : uc(Xo.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 ? Go : cc(Xo.call(e.numerals, String)), r = e.percent === void 0 ? "%" : e.percent + "", c = e.minus === void 0 ? "−" : e.minus + "", s = e.nan === void 0 ? "NaN" : e.nan + "";
   function i(f, m) {
     f = En(f);
-    var g = f.fill, k = f.align, h = f.sign, w = f.symbol, x = f.zero, $ = f.width, y = f.comma, C = f.precision, T = f.trim, L = f.type;
-    L === "n" ? (y = !0, L = "g") : jo[L] || (C === void 0 && (C = 12), T = !0, L = "g"), (x || g === "0" && k === "=") && (x = !0, g = "0", k = "=");
+    var _ = f.fill, k = f.align, h = f.sign, w = f.symbol, x = f.zero, $ = f.width, y = f.comma, C = f.precision, T = f.trim, L = f.type;
+    L === "n" ? (y = !0, L = "g") : jo[L] || (C === void 0 && (C = 12), T = !0, L = "g"), (x || _ === "0" && k === "=") && (x = !0, _ = "0", k = "=");
     var S = (m && m.prefix !== void 0 ? m.prefix : "") + (w === "$" ? n : w === "#" && /[boxX]/.test(L) ? "0" + L.toLowerCase() : ""), R = (w === "$" ? o : /[%p]/.test(L) ? r : "") + (m && m.suffix !== void 0 ? m.suffix : ""), W = jo[L], O = /[defgprs%]/.test(L);
     C = C === void 0 ? 6 : /[gprs]/.test(L) ? Math.max(1, Math.min(21, C)) : Math.max(0, Math.min(20, C));
     function Q(D) {
@@ -6824,7 +6824,7 @@ function pc(e) {
         }
       }
       y && !x && (D = t(D, 1 / 0));
-      var xe = X.length + D.length + q.length, ke = xe < $ ? new Array($ - xe + 1).join(g) : "";
+      var xe = X.length + D.length + q.length, ke = xe < $ ? new Array($ - xe + 1).join(_) : "";
       switch (y && x && (D = t(ke + D, ke.length ? $ - q.length : 1 / 0), ke = ""), k) {
         case "<":
           D = X + D + q + ke;
@@ -6846,7 +6846,7 @@ function pc(e) {
     }, Q;
   }
   function d(f, m) {
-    var g = Math.max(-8, Math.min(8, Math.floor(sc(m) / 3))) * 3, k = Math.pow(10, -g), h = i((f = En(f), f.type = "f", f), { suffix: Ko[8 + g / 3] });
+    var _ = Math.max(-8, Math.min(8, Math.floor(sc(m) / 3))) * 3, k = Math.pow(10, -_), h = i((f = En(f), f.type = "f", f), { suffix: Ko[8 + _ / 3] });
     return function(w) {
       return h(k * w);
     };
@@ -6907,7 +6907,7 @@ function bc(e, t) {
     return String(e);
   }
 }
-const _c = { class: "form-control-number-format__popover" }, gc = { class: "form-control-number-format__popover__preview" }, yc = { class: "form-control-number-format__popover__preview__cell__label" }, wc = { class: "form-control-number-format__popover__body" }, xc = { class: "form-control-number-format__popover__body__chips" }, kc = ["onClick"], $c = { class: "form-control-number-format__popover__body__grid-2" }, Cc = { class: "form-control-number-format__popover__body__btn-group" }, Bc = ["onClick"], Sc = { class: "form-control-number-format__popover__body__btn-group" }, Mc = ["onClick"], Ac = { class: "form-control-number-format__popover__body__check-row" }, Lc = { class: "form-control-number-format__popover__body__d3-row" }, Tc = { class: "form-control-number-format__popover__body__d3-row__value" }, Ic = /* @__PURE__ */ B({
+const gc = { class: "form-control-number-format__popover" }, _c = { class: "form-control-number-format__popover__preview" }, yc = { class: "form-control-number-format__popover__preview__cell__label" }, wc = { class: "form-control-number-format__popover__body" }, xc = { class: "form-control-number-format__popover__body__chips" }, kc = ["onClick"], $c = { class: "form-control-number-format__popover__body__grid-2" }, Cc = { class: "form-control-number-format__popover__body__btn-group" }, Bc = ["onClick"], Sc = { class: "form-control-number-format__popover__body__btn-group" }, Mc = ["onClick"], Ac = { class: "form-control-number-format__popover__body__check-row" }, Lc = { class: "form-control-number-format__popover__body__d3-row" }, Tc = { class: "form-control-number-format__popover__body__d3-row__value" }, Ic = /* @__PURE__ */ B({
   __name: "FormControlNumberFormat",
   props: /* @__PURE__ */ ee({
     label: { default: void 0 },
@@ -6947,7 +6947,7 @@ const _c = { class: "form-control-number-format__popover" }, gc = { class: "form
     function m(w) {
       r.negStyle = w, d();
     }
-    function g(w) {
+    function _(w) {
       Object.assign(r, { ...w.config }), c.value = w.label, t.value = Mn(r);
     }
     function k(w) {
@@ -6974,19 +6974,19 @@ const _c = { class: "form-control-number-format__popover" }, gc = { class: "form
       }, {
         "button-content": V(() => [
           p("span", {
-            class: N(["form-control-number-format__trigger-text", { "text-secondary": !t.value }])
+            class: E(["form-control-number-format__trigger-text", { "text-secondary": !t.value }])
           }, M(u(i)), 3)
         ]),
         menu: V(() => [
-          p("div", _c, [
-            p("div", gc, [
-              (v(!0), _(fe, null, ge(u(h), (y, C) => (v(), _("div", {
+          p("div", gc, [
+            p("div", _c, [
+              (v(!0), g(fe, null, _e(u(h), (y, C) => (v(), g("div", {
                 key: C,
                 class: "form-control-number-format__popover__preview__cell"
               }, [
                 p("div", yc, M(y.label), 1),
                 p("div", {
-                  class: N(["form-control-number-format__popover__preview__cell__value", y.cls])
+                  class: E(["form-control-number-format__popover__preview__cell__value", y.cls])
                 }, M(y.formatted), 3)
               ]))), 128))
             ]),
@@ -6994,10 +6994,10 @@ const _c = { class: "form-control-number-format__popover" }, gc = { class: "form
               p("div", null, [
                 x[5] || (x[5] = p("div", { class: "form-control-number-format__popover__body__section-label" }, " Presets ", -1)),
                 p("div", xc, [
-                  (v(), _(fe, null, ge(l, (y) => p("button", {
+                  (v(), g(fe, null, _e(l, (y) => p("button", {
                     key: y.label,
-                    class: N(["form-control-number-format__popover__body__chips__chip", { "form-control-number-format__popover__body__chips__chip--active": u(c) === y.label }]),
-                    onClick: (C) => g(y)
+                    class: E(["form-control-number-format__popover__body__chips__chip", { "form-control-number-format__popover__body__chips__chip--active": u(c) === y.label }]),
+                    onClick: (C) => _(y)
                   }, M(y.label), 11, kc)), 64))
                 ])
               ]),
@@ -7029,9 +7029,9 @@ const _c = { class: "form-control-number-format__popover" }, gc = { class: "form
               p("div", null, [
                 x[8] || (x[8] = p("div", { class: "form-control-number-format__popover__body__section-label" }, " Decimal places ", -1)),
                 p("div", Cc, [
-                  (v(), _(fe, null, ge(n, (y) => p("button", {
+                  (v(), g(fe, null, _e(n, (y) => p("button", {
                     key: y,
-                    class: N(["form-control-number-format__popover__body__btn-group__btn", { "form-control-number-format__popover__body__btn-group__btn--active": u(r).decimals === y }]),
+                    class: E(["form-control-number-format__popover__body__btn-group__btn", { "form-control-number-format__popover__body__btn-group__btn--active": u(r).decimals === y }]),
                     onClick: (C) => f(y)
                   }, M(y), 11, Bc)), 64))
                 ])
@@ -7039,9 +7039,9 @@ const _c = { class: "form-control-number-format__popover" }, gc = { class: "form
               p("div", null, [
                 x[9] || (x[9] = p("div", { class: "form-control-number-format__popover__body__section-label" }, " Negatives ", -1)),
                 p("div", Sc, [
-                  (v(), _(fe, null, ge(o, (y) => p("button", {
+                  (v(), g(fe, null, _e(o, (y) => p("button", {
                     key: y.id,
-                    class: N(["form-control-number-format__popover__body__btn-group__btn", { "form-control-number-format__popover__body__btn-group__btn--active": u(r).negStyle === y.id }]),
+                    class: E(["form-control-number-format__popover__body__btn-group__btn", { "form-control-number-format__popover__body__btn-group__btn--active": u(r).negStyle === y.id }]),
                     onClick: (C) => m(y.id)
                   }, M(y.label), 11, Mc)), 64))
                 ])
@@ -7069,7 +7069,7 @@ const _c = { class: "form-control-number-format__popover" }, gc = { class: "form
       }, 8, ["id", "modelValue", "label", "block"]);
     };
   }
-}), mh = /* @__PURE__ */ z(Ic, [["__scopeId", "data-v-f33fabd7"]]), An = /* @__PURE__ */ new Date(), Ln = /* @__PURE__ */ new Date();
+}), ph = /* @__PURE__ */ z(Ic, [["__scopeId", "data-v-f33fabd7"]]), An = /* @__PURE__ */ new Date(), Ln = /* @__PURE__ */ new Date();
 function Je(e, t, n, o) {
   function a(l) {
     return e(l = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+l)), l;
@@ -7097,19 +7097,19 @@ function Je(e, t, n, o) {
           ;
   }), n && (a.count = (l, r) => (An.setTime(+l), Ln.setTime(+r), e(An), e(Ln), Math.floor(n(An, Ln))), a.every = (l) => (l = Math.floor(l), !isFinite(l) || !(l > 0) ? null : l > 1 ? a.filter(o ? (r) => o(r) % l === 0 : (r) => a.count(0, r) % l === 0) : a)), a;
 }
-const Dc = 1e3, ho = Dc * 60, Pc = ho * 60, Et = Pc * 24, _l = Et * 7, bo = Je(
+const Dc = 1e3, ho = Dc * 60, Pc = ho * 60, Et = Pc * 24, gl = Et * 7, bo = Je(
   (e) => e.setHours(0, 0, 0, 0),
   (e, t) => e.setDate(e.getDate() + t),
   (e, t) => (t - e - (t.getTimezoneOffset() - e.getTimezoneOffset()) * ho) / Et,
   (e) => e.getDate() - 1
 );
 bo.range;
-const _o = Je((e) => {
+const go = Je((e) => {
   e.setUTCHours(0, 0, 0, 0);
 }, (e, t) => {
   e.setUTCDate(e.getUTCDate() + t);
 }, (e, t) => (t - e) / Et, (e) => e.getUTCDate() - 1);
-_o.range;
+go.range;
 const Fc = Je((e) => {
   e.setUTCHours(0, 0, 0, 0);
 }, (e, t) => {
@@ -7121,10 +7121,10 @@ function yt(e) {
     t.setDate(t.getDate() - (t.getDay() + 7 - e) % 7), t.setHours(0, 0, 0, 0);
   }, (t, n) => {
     t.setDate(t.getDate() + n * 7);
-  }, (t, n) => (n - t - (n.getTimezoneOffset() - t.getTimezoneOffset()) * ho) / _l);
+  }, (t, n) => (n - t - (n.getTimezoneOffset() - t.getTimezoneOffset()) * ho) / gl);
 }
-const gl = yt(0), cn = yt(1), Vc = yt(2), Rc = yt(3), Tt = yt(4), Oc = yt(5), Ec = yt(6);
-gl.range;
+const _l = yt(0), cn = yt(1), Vc = yt(2), Rc = yt(3), Tt = yt(4), Oc = yt(5), Ec = yt(6);
+_l.range;
 cn.range;
 Vc.range;
 Rc.range;
@@ -7136,7 +7136,7 @@ function wt(e) {
     t.setUTCDate(t.getUTCDate() - (t.getUTCDay() + 7 - e) % 7), t.setUTCHours(0, 0, 0, 0);
   }, (t, n) => {
     t.setUTCDate(t.getUTCDate() + n * 7);
-  }, (t, n) => (n - t) / _l);
+  }, (t, n) => (n - t) / gl);
 }
 const yl = wt(0), dn = wt(1), Nc = wt(2), Hc = wt(3), It = wt(4), zc = wt(5), Uc = wt(6);
 yl.range;
@@ -7186,7 +7186,7 @@ function Pt(e, t, n) {
   return { y: e, m: t, d: n, H: 0, M: 0, S: 0, L: 0 };
 }
 function Yc(e) {
-  var t = e.dateTime, n = e.date, o = e.time, a = e.periods, l = e.days, r = e.shortDays, c = e.months, s = e.shortMonths, i = Ft(a), d = Vt(a), f = Ft(l), m = Vt(l), g = Ft(r), k = Vt(r), h = Ft(c), w = Vt(c), x = Ft(s), $ = Vt(s), y = {
+  var t = e.dateTime, n = e.date, o = e.time, a = e.periods, l = e.days, r = e.shortDays, c = e.months, s = e.shortMonths, i = Ft(a), d = Vt(a), f = Ft(l), m = Vt(l), _ = Ft(r), k = Vt(r), h = Ft(c), w = Vt(c), x = Ft(s), $ = Vt(s), y = {
     a: K,
     A: he,
     b: xe,
@@ -7209,8 +7209,8 @@ function Yc(e) {
     s: ra,
     S: hd,
     u: bd,
-    U: _d,
-    V: gd,
+    U: gd,
+    V: _d,
     w: yd,
     W: wd,
     x: null,
@@ -7287,125 +7287,125 @@ function Yc(e) {
     "%": id
   };
   y.x = L(n, y), y.X = L(o, y), y.c = L(t, y), C.x = L(n, C), C.X = L(o, C), C.c = L(t, C);
-  function L(E, te) {
+  function L(N, te) {
     return function(oe) {
-      var A = [], J = -1, j = 0, ve = E.length, pe, be, De;
+      var A = [], J = -1, j = 0, ve = N.length, pe, be, De;
       for (oe instanceof Date || (oe = /* @__PURE__ */ new Date(+oe)); ++J < ve; )
-        E.charCodeAt(J) === 37 && (A.push(E.slice(j, J)), (be = Zo[pe = E.charAt(++J)]) != null ? pe = E.charAt(++J) : be = pe === "e" ? " " : "0", (De = te[pe]) && (pe = De(oe, be)), A.push(pe), j = J + 1);
-      return A.push(E.slice(j, J)), A.join("");
+        N.charCodeAt(J) === 37 && (A.push(N.slice(j, J)), (be = Zo[pe = N.charAt(++J)]) != null ? pe = N.charAt(++J) : be = pe === "e" ? " " : "0", (De = te[pe]) && (pe = De(oe, be)), A.push(pe), j = J + 1);
+      return A.push(N.slice(j, J)), A.join("");
     };
   }
-  function S(E, te) {
+  function S(N, te) {
     return function(oe) {
-      var A = Pt(1900, void 0, 1), J = R(A, E, oe += "", 0), j, ve;
+      var A = Pt(1900, void 0, 1), J = R(A, N, oe += "", 0), j, ve;
       if (J != oe.length) return null;
       if ("Q" in A) return new Date(A.Q);
       if ("s" in A) return new Date(A.s * 1e3 + ("L" in A ? A.L : 0));
       if (te && !("Z" in A) && (A.Z = 0), "p" in A && (A.H = A.H % 12 + A.p * 12), A.m === void 0 && (A.m = "q" in A ? A.q : 0), "V" in A) {
         if (A.V < 1 || A.V > 53) return null;
-        "w" in A || (A.w = 1), "Z" in A ? (j = In(Pt(A.y, 0, 1)), ve = j.getUTCDay(), j = ve > 4 || ve === 0 ? dn.ceil(j) : dn(j), j = _o.offset(j, (A.V - 1) * 7), A.y = j.getUTCFullYear(), A.m = j.getUTCMonth(), A.d = j.getUTCDate() + (A.w + 6) % 7) : (j = Tn(Pt(A.y, 0, 1)), ve = j.getDay(), j = ve > 4 || ve === 0 ? cn.ceil(j) : cn(j), j = bo.offset(j, (A.V - 1) * 7), A.y = j.getFullYear(), A.m = j.getMonth(), A.d = j.getDate() + (A.w + 6) % 7);
+        "w" in A || (A.w = 1), "Z" in A ? (j = In(Pt(A.y, 0, 1)), ve = j.getUTCDay(), j = ve > 4 || ve === 0 ? dn.ceil(j) : dn(j), j = go.offset(j, (A.V - 1) * 7), A.y = j.getUTCFullYear(), A.m = j.getUTCMonth(), A.d = j.getUTCDate() + (A.w + 6) % 7) : (j = Tn(Pt(A.y, 0, 1)), ve = j.getDay(), j = ve > 4 || ve === 0 ? cn.ceil(j) : cn(j), j = bo.offset(j, (A.V - 1) * 7), A.y = j.getFullYear(), A.m = j.getMonth(), A.d = j.getDate() + (A.w + 6) % 7);
       } else ("W" in A || "U" in A) && ("w" in A || (A.w = "u" in A ? A.u % 7 : "W" in A ? 1 : 0), ve = "Z" in A ? In(Pt(A.y, 0, 1)).getUTCDay() : Tn(Pt(A.y, 0, 1)).getDay(), A.m = 0, A.d = "W" in A ? (A.w + 6) % 7 + A.W * 7 - (ve + 5) % 7 : A.w + A.U * 7 - (ve + 6) % 7);
       return "Z" in A ? (A.H += A.Z / 100 | 0, A.M += A.Z % 100, In(A)) : Tn(A);
     };
   }
-  function R(E, te, oe, A) {
+  function R(N, te, oe, A) {
     for (var J = 0, j = te.length, ve = oe.length, pe, be; J < j; ) {
       if (A >= ve) return -1;
       if (pe = te.charCodeAt(J++), pe === 37) {
-        if (pe = te.charAt(J++), be = T[pe in Zo ? te.charAt(J++) : pe], !be || (A = be(E, oe, A)) < 0) return -1;
+        if (pe = te.charAt(J++), be = T[pe in Zo ? te.charAt(J++) : pe], !be || (A = be(N, oe, A)) < 0) return -1;
       } else if (pe != oe.charCodeAt(A++))
         return -1;
     }
     return A;
   }
-  function W(E, te, oe) {
+  function W(N, te, oe) {
     var A = i.exec(te.slice(oe));
-    return A ? (E.p = d.get(A[0].toLowerCase()), oe + A[0].length) : -1;
+    return A ? (N.p = d.get(A[0].toLowerCase()), oe + A[0].length) : -1;
   }
-  function O(E, te, oe) {
-    var A = g.exec(te.slice(oe));
-    return A ? (E.w = k.get(A[0].toLowerCase()), oe + A[0].length) : -1;
+  function O(N, te, oe) {
+    var A = _.exec(te.slice(oe));
+    return A ? (N.w = k.get(A[0].toLowerCase()), oe + A[0].length) : -1;
   }
-  function Q(E, te, oe) {
+  function Q(N, te, oe) {
     var A = f.exec(te.slice(oe));
-    return A ? (E.w = m.get(A[0].toLowerCase()), oe + A[0].length) : -1;
+    return A ? (N.w = m.get(A[0].toLowerCase()), oe + A[0].length) : -1;
   }
-  function D(E, te, oe) {
+  function D(N, te, oe) {
     var A = x.exec(te.slice(oe));
-    return A ? (E.m = $.get(A[0].toLowerCase()), oe + A[0].length) : -1;
+    return A ? (N.m = $.get(A[0].toLowerCase()), oe + A[0].length) : -1;
   }
-  function X(E, te, oe) {
+  function X(N, te, oe) {
     var A = h.exec(te.slice(oe));
-    return A ? (E.m = w.get(A[0].toLowerCase()), oe + A[0].length) : -1;
+    return A ? (N.m = w.get(A[0].toLowerCase()), oe + A[0].length) : -1;
   }
-  function q(E, te, oe) {
-    return R(E, t, te, oe);
+  function q(N, te, oe) {
+    return R(N, t, te, oe);
   }
-  function Z(E, te, oe) {
-    return R(E, n, te, oe);
+  function Z(N, te, oe) {
+    return R(N, n, te, oe);
   }
-  function ie(E, te, oe) {
-    return R(E, o, te, oe);
+  function ie(N, te, oe) {
+    return R(N, o, te, oe);
   }
-  function K(E) {
-    return r[E.getDay()];
+  function K(N) {
+    return r[N.getDay()];
   }
-  function he(E) {
-    return l[E.getDay()];
+  function he(N) {
+    return l[N.getDay()];
   }
-  function xe(E) {
-    return s[E.getMonth()];
+  function xe(N) {
+    return s[N.getMonth()];
   }
-  function ke(E) {
-    return c[E.getMonth()];
+  function ke(N) {
+    return c[N.getMonth()];
   }
-  function Re(E) {
-    return a[+(E.getHours() >= 12)];
+  function Re(N) {
+    return a[+(N.getHours() >= 12)];
   }
-  function Oe(E) {
-    return 1 + ~~(E.getMonth() / 3);
+  function Oe(N) {
+    return 1 + ~~(N.getMonth() / 3);
   }
-  function se(E) {
-    return r[E.getUTCDay()];
+  function se(N) {
+    return r[N.getUTCDay()];
   }
-  function Y(E) {
-    return l[E.getUTCDay()];
+  function Y(N) {
+    return l[N.getUTCDay()];
   }
-  function G(E) {
-    return s[E.getUTCMonth()];
+  function G(N) {
+    return s[N.getUTCMonth()];
   }
-  function ae(E) {
-    return c[E.getUTCMonth()];
+  function ae(N) {
+    return c[N.getUTCMonth()];
   }
-  function le(E) {
-    return a[+(E.getUTCHours() >= 12)];
+  function le(N) {
+    return a[+(N.getUTCHours() >= 12)];
   }
-  function ue(E) {
-    return 1 + ~~(E.getUTCMonth() / 3);
+  function ue(N) {
+    return 1 + ~~(N.getUTCMonth() / 3);
   }
   return {
-    format: function(E) {
-      var te = L(E += "", y);
+    format: function(N) {
+      var te = L(N += "", y);
       return te.toString = function() {
-        return E;
+        return N;
       }, te;
     },
-    parse: function(E) {
-      var te = S(E += "", !1);
+    parse: function(N) {
+      var te = S(N += "", !1);
       return te.toString = function() {
-        return E;
+        return N;
       }, te;
     },
-    utcFormat: function(E) {
-      var te = L(E += "", C);
+    utcFormat: function(N) {
+      var te = L(N += "", C);
       return te.toString = function() {
-        return E;
+        return N;
       }, te;
     },
-    utcParse: function(E) {
-      var te = S(E += "", !0);
+    utcParse: function(N) {
+      var te = S(N += "", !0);
       return te.toString = function() {
-        return E;
+        return N;
       }, te;
     }
   };
@@ -7535,14 +7535,14 @@ function bd(e) {
   var t = e.getDay();
   return t === 0 ? 7 : t;
 }
-function _d(e, t) {
-  return de(gl.count(mt(e) - 1, e), t, 2);
+function gd(e, t) {
+  return de(_l.count(mt(e) - 1, e), t, 2);
 }
 function xl(e) {
   var t = e.getDay();
   return t >= 4 || t === 0 ? Tt(e) : Tt.ceil(e);
 }
-function gd(e, t) {
+function _d(e, t) {
   return e = xl(e), de(Tt.count(mt(e), e) + (mt(e).getDay() === 4), t, 2);
 }
 function yd(e) {
@@ -7578,7 +7578,7 @@ function Md(e, t) {
   return de(e.getUTCHours() % 12 || 12, t, 2);
 }
 function Ad(e, t) {
-  return de(1 + _o.count(ht(e), e), t, 3);
+  return de(1 + go.count(ht(e), e), t, 3);
 }
 function kl(e, t) {
   return de(e.getUTCMilliseconds(), t, 3);
@@ -7763,25 +7763,25 @@ const Xd = { class: "form-control-date-format__popover" }, Kd = { class: "form-c
       }, {
         "button-content": V(() => [
           p("span", {
-            class: N(["form-control-date-format__trigger-text", { "text-secondary": !t.value }])
+            class: E(["form-control-date-format__trigger-text", { "text-secondary": !t.value }])
           }, M(u(l)), 3)
         ]),
         menu: V(({ hide: f }) => [
           p("div", Xd, [
             p("div", Kd, [
-              (v(!0), _(fe, null, ge(u(Wt), (m) => (v(), _("div", {
+              (v(!0), g(fe, null, _e(u(Wt), (m) => (v(), g("div", {
                 key: m.fmt,
-                class: N(["form-control-date-format__popover__list__item", { "form-control-date-format__popover__list__item--active": u(n) === m.fmt }]),
-                onClick: (g) => r(m.fmt, f)
+                class: E(["form-control-date-format__popover__list__item", { "form-control-date-format__popover__list__item--active": u(n) === m.fmt }]),
+                onClick: (_) => r(m.fmt, f)
               }, [
                 p("div", Qd, [
                   p("div", Jd, M(m.label), 1),
-                  u(ia)(m.fmt) ? (v(), _("div", ef, M(u(ia)(m.fmt)), 1)) : P("", !0)
+                  u(ia)(m.fmt) ? (v(), g("div", ef, M(u(ia)(m.fmt)), 1)) : P("", !0)
                 ]),
-                u(n) === m.fmt ? (v(), _("span", tf, "✓")) : P("", !0)
+                u(n) === m.fmt ? (v(), g("span", tf, "✓")) : P("", !0)
               ], 10, Zd))), 128))
             ]),
-            u(n) === "(custom)" ? (v(), _("div", nf, [
+            u(n) === "(custom)" ? (v(), g("div", nf, [
               i[3] || (i[3] = p("div", { class: "form-control-date-format__popover__custom__section-label" }, " Custom d3-time-format string ", -1)),
               vt(p("input", {
                 "onUpdate:modelValue": i[0] || (i[0] = (m) => pn(o) ? o.value = m : null),
@@ -7802,7 +7802,7 @@ const Xd = { class: "form-control-date-format__popover" }, Kd = { class: "form-c
       }, 8, ["id", "modelValue", "label", "block"]);
     };
   }
-}), hh = /* @__PURE__ */ z(lf, [["__scopeId", "data-v-0a0b4b49"]]), rf = { class: "display-value__text" }, sf = {
+}), mh = /* @__PURE__ */ z(lf, [["__scopeId", "data-v-0a0b4b49"]]), rf = { class: "display-value__text" }, sf = {
   key: 0,
   class: "display-value__unit"
 }, uf = /* @__PURE__ */ B({
@@ -7816,14 +7816,14 @@ const Xd = { class: "form-control-date-format__popover" }, Kd = { class: "form-c
     const t = e, n = b(() => ({
       "display-value--sm": t.size === "sm"
     }));
-    return (o, a) => (v(), _("span", {
-      class: N(["display-value", u(n)])
+    return (o, a) => (v(), g("span", {
+      class: E(["display-value", u(n)])
     }, [
       p("span", rf, M(e.value), 1),
-      e.unit ? (v(), _("span", sf, M(e.unit), 1)) : P("", !0)
+      e.unit ? (v(), g("span", sf, M(e.unit), 1)) : P("", !0)
     ], 2));
   }
-}), bh = /* @__PURE__ */ z(uf, [["__scopeId", "data-v-d11c1e64"]]), cf = { class: "display-date" }, df = /* @__PURE__ */ B({
+}), hh = /* @__PURE__ */ z(uf, [["__scopeId", "data-v-d11c1e64"]]), cf = { class: "display-date" }, df = /* @__PURE__ */ B({
   __name: "DisplayDate",
   props: {
     value: {},
@@ -7834,9 +7834,9 @@ const Xd = { class: "form-control-date-format__popover" }, Kd = { class: "form-c
       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", cf, M(u(n)), 1));
+    return (o, a) => (v(), g("span", cf, M(u(n)), 1));
   }
-}), _h = /* @__PURE__ */ z(df, [["__scopeId", "data-v-8d8eab36"]]), ff = { class: "display-range" }, vf = { class: "display-range__text" }, pf = { class: "display-range__text" }, mf = {
+}), bh = /* @__PURE__ */ z(df, [["__scopeId", "data-v-8d8eab36"]]), ff = { class: "display-range" }, vf = { class: "display-range__text" }, pf = { class: "display-range__text" }, mf = {
   key: 0,
   class: "display-range__unit"
 }, hf = /* @__PURE__ */ B({
@@ -7847,14 +7847,14 @@ const Xd = { class: "form-control-date-format__popover" }, Kd = { class: "form-c
     unit: {}
   },
   setup(e) {
-    return (t, n) => (v(), _("span", ff, [
+    return (t, n) => (v(), g("span", ff, [
       p("span", vf, M(e.min), 1),
       n[0] || (n[0] = p("span", { class: "display-range__separator" }, "–", -1)),
       p("span", pf, M(e.max), 1),
-      e.unit ? (v(), _("span", mf, M(e.unit), 1)) : P("", !0)
+      e.unit ? (v(), g("span", mf, M(e.unit), 1)) : P("", !0)
     ]));
   }
-}), gh = /* @__PURE__ */ z(hf, [["__scopeId", "data-v-500dac2f"]]), bf = { class: "display-number" }, _f = { class: "display-number__text" }, gf = {
+}), gh = /* @__PURE__ */ z(hf, [["__scopeId", "data-v-500dac2f"]]), bf = { class: "display-number" }, gf = { class: "display-number__text" }, _f = {
   key: 0,
   class: "display-number__unit"
 }, yf = /* @__PURE__ */ B({
@@ -7866,18 +7866,18 @@ const Xd = { class: "form-control-date-format__popover" }, Kd = { class: "form-c
   },
   setup(e) {
     const t = e, n = b(() => t.precision != null ? t.value.toFixed(t.precision) : String(t.value));
-    return (o, a) => (v(), _("span", bf, [
-      p("span", _f, M(u(n)), 1),
-      e.unit ? (v(), _("span", gf, M(e.unit), 1)) : P("", !0)
+    return (o, a) => (v(), g("span", bf, [
+      p("span", gf, M(u(n)), 1),
+      e.unit ? (v(), g("span", _f, M(e.unit), 1)) : P("", !0)
     ]));
   }
-}), yh = /* @__PURE__ */ z(yf, [["__scopeId", "data-v-0bb9515b"]]), wf = {
+}), _h = /* @__PURE__ */ z(yf, [["__scopeId", "data-v-0bb9515b"]]), wf = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
 function xf(e, t) {
-  return v(), _("svg", wf, [...t[0] || (t[0] = [
+  return v(), g("svg", wf, [...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"
@@ -7905,10 +7905,10 @@ const kf = we({ name: "ph-info", render: xf }), $f = { 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(), g("span", {
       ref_key: "badgeRef",
       ref: n,
-      class: N(["display-contrast-badge", u(o)])
+      class: E(["display-contrast-badge", u(o)])
     }, [
       ce(M(e.level) + " ", 1),
       p("span", $f, M(e.ratio), 1),
@@ -7921,7 +7921,7 @@ const kf = we({ name: "ph-info", render: xf }), $f = { class: "display-contrast-
       }, null, 8, ["target", "title"])
     ], 2));
   }
-}), wh = /* @__PURE__ */ z(Cf, [["__scopeId", "data-v-0c7d4e75"]]), Bf = {
+}), yh = /* @__PURE__ */ z(Cf, [["__scopeId", "data-v-0c7d4e75"]]), Bf = {
   [me.BarVertical]: "Columns",
   [me.BarHorizontal]: "Bars",
   [me.BarMulti]: "Grouped Columns",
@@ -7946,15 +7946,15 @@ const Sf = { class: "display-chart-type" }, Mf = /* @__PURE__ */ B({
   },
   setup(e) {
     const t = e, n = b(() => Sl(t.chartType));
-    return (o, a) => (v(), _("span", Sf, M(u(n)), 1));
+    return (o, a) => (v(), g("span", Sf, M(u(n)), 1));
   }
-}), xh = /* @__PURE__ */ z(Mf, [["__scopeId", "data-v-0f586baf"]]), Af = {
+}), wh = /* @__PURE__ */ z(Mf, [["__scopeId", "data-v-0f586baf"]]), Af = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
 function Lf(e, t) {
-  return v(), _("svg", Af, [...t[0] || (t[0] = [
+  return v(), g("svg", Af, [...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"
@@ -7967,7 +7967,7 @@ const Xt = we({ name: "ph-chart-bar", render: Lf }), Tf = {
   height: "1.2em"
 };
 function If(e, t) {
-  return v(), _("svg", Tf, [...t[0] || (t[0] = [
+  return v(), g("svg", Tf, [...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"
@@ -7980,7 +7980,7 @@ const Kt = we({ name: "ph-chart-bar-horizontal", render: If }), Df = {
   height: "1.2em"
 };
 function Pf(e, t) {
-  return v(), _("svg", Df, [...t[0] || (t[0] = [
+  return v(), g("svg", Df, [...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"
@@ -7993,7 +7993,7 @@ const Zt = we({ name: "ph-chart-line-up", render: Pf }), Ff = {
   height: "1.2em"
 };
 function Vf(e, t) {
-  return v(), _("svg", Ff, [...t[0] || (t[0] = [
+  return v(), g("svg", Ff, [...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"
@@ -8006,7 +8006,7 @@ const Rf = we({ name: "ph-chart-pie-slice", render: Vf }), Of = {
   height: "1.2em"
 };
 function Ef(e, t) {
-  return v(), _("svg", Of, [...t[0] || (t[0] = [
+  return v(), g("svg", Of, [...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"
@@ -8047,7 +8047,7 @@ const Nf = we({ name: "ph-chart-donut", render: Ef }), Hf = /* @__PURE__ */ B({
       _: 1
     }, 8, ["variant"]));
   }
-}), kh = /* @__PURE__ */ z(Hf, [["__scopeId", "data-v-f63b60a5"]]), zf = /* @__PURE__ */ B({
+}), xh = /* @__PURE__ */ z(Hf, [["__scopeId", "data-v-f63b60a5"]]), zf = /* @__PURE__ */ B({
   __name: "SectionTitle",
   props: {
     flush: { type: Boolean, default: !1 }
@@ -8056,8 +8056,8 @@ const Nf = we({ name: "ph-chart-donut", render: Ef }), Hf = /* @__PURE__ */ B({
     const t = e, n = b(() => ({
       "section-title--flush": t.flush
     }));
-    return (o, a) => (v(), _("h6", {
-      class: N(["section-title", u(n)])
+    return (o, a) => (v(), g("h6", {
+      class: E(["section-title", u(n)])
     }, [
       I(o.$slots, "default", {}, void 0, !0)
     ], 2));
@@ -8071,7 +8071,7 @@ const Nf = we({ name: "ph-chart-donut", render: Ef }), Hf = /* @__PURE__ */ B({
   setup(e) {
     return (t, n) => {
       const o = Uf;
-      return v(), _("section", Yf, [
+      return v(), g("section", Yf, [
         U(o, { flush: e.flush }, {
           default: V(() => [
             ce(M(e.title), 1)
@@ -8084,7 +8084,7 @@ const Nf = we({ name: "ph-chart-donut", render: Ef }), Hf = /* @__PURE__ */ B({
       ]);
     };
   }
-}), $h = /* @__PURE__ */ z(qf, [["__scopeId", "data-v-c95cceae"]]), jf = { class: "section-card" }, Gf = {
+}), kh = /* @__PURE__ */ z(qf, [["__scopeId", "data-v-c95cceae"]]), jf = { class: "section-card" }, Gf = {
   key: 0,
   class: "section-card__label"
 }, Xf = {
@@ -8096,23 +8096,23 @@ const Nf = we({ name: "ph-chart-donut", render: Ef }), Hf = /* @__PURE__ */ B({
     label: {}
   },
   setup(e) {
-    return (t, n) => (v(), _("div", jf, [
-      e.label ? (v(), _("div", Gf, M(e.label), 1)) : P("", !0),
+    return (t, n) => (v(), g("div", jf, [
+      e.label ? (v(), g("div", Gf, M(e.label), 1)) : P("", !0),
       I(t.$slots, "header", {}, void 0, !0),
-      t.$slots.default ? (v(), _("div", Xf, [
+      t.$slots.default ? (v(), g("div", Xf, [
         I(t.$slots, "default", {}, void 0, !0)
       ])) : P("", !0)
     ]));
   }
-}), Ch = /* @__PURE__ */ z(Kf, [["__scopeId", "data-v-c4970a7e"]]), Zf = {}, Qf = { class: "settings-section-description" };
+}), $h = /* @__PURE__ */ z(Kf, [["__scopeId", "data-v-c4970a7e"]]), Zf = {}, Qf = { class: "settings-section-description" };
 function Jf(e, t) {
-  return v(), _("p", Qf, [
+  return v(), g("p", Qf, [
     I(e.$slots, "default", {}, void 0, !0)
   ]);
 }
 const ev = /* @__PURE__ */ z(Zf, [["render", Jf], ["__scopeId", "data-v-305c0b8f"]]), tv = {}, nv = { class: "settings-section-title" };
 function ov(e, t) {
-  return v(), _("h6", nv, [
+  return v(), g("h6", nv, [
     I(e.$slots, "default", {}, void 0, !0)
   ]);
 }
@@ -8123,8 +8123,8 @@ const av = /* @__PURE__ */ z(tv, [["render", ov], ["__scopeId", "data-v-d623ff81
   },
   setup(e) {
     return (t, n) => {
-      const o = gn;
-      return v(), _("div", lv, [
+      const o = _n;
+      return v(), g("div", lv, [
         U(o, { name: e.icon }, null, 8, ["name"])
       ]);
     };
@@ -8142,7 +8142,7 @@ const av = /* @__PURE__ */ z(tv, [["render", ov], ["__scopeId", "data-v-d623ff81
   setup(e) {
     return (t, n) => {
       const o = iv, a = av, l = ev;
-      return v(), _("section", sv, [
+      return v(), g("section", sv, [
         p("div", uv, [
           e.icon ? (v(), F(o, {
             key: 0,
@@ -8165,19 +8165,19 @@ const av = /* @__PURE__ */ z(tv, [["render", ov], ["__scopeId", "data-v-d623ff81
           ]),
           _: 3
         })) : P("", !0),
-        t.$slots.default ? (v(), _("div", dv, [
+        t.$slots.default ? (v(), g("div", dv, [
           I(t.$slots, "default", {}, void 0, !0)
         ])) : P("", !0)
       ]);
     };
   }
-}), Bh = /* @__PURE__ */ z(fv, [["__scopeId", "data-v-11c0f809"]]), vv = {
+}), Ch = /* @__PURE__ */ z(fv, [["__scopeId", "data-v-11c0f809"]]), vv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
 function pv(e, t) {
-  return v(), _("svg", vv, [...t[0] || (t[0] = [
+  return v(), g("svg", vv, [...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"
@@ -8202,20 +8202,20 @@ const Ml = we({ name: "ph-x", render: pv }), mv = /* @__PURE__ */ B({
       }, null, 8, ["icon-left"]);
     };
   }
-}), Sh = /* @__PURE__ */ z(mv, [["__scopeId", "data-v-93ccc528"]]), hv = {
+}), Bh = /* @__PURE__ */ z(mv, [["__scopeId", "data-v-93ccc528"]]), hv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
 function bv(e, t) {
-  return v(), _("svg", hv, [...t[0] || (t[0] = [
+  return v(), g("svg", hv, [...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"
     }, null, -1)
   ])]);
 }
-const _v = we({ name: "ph-arrow-clockwise", render: bv }), Mh = /* @__PURE__ */ B({
+const gv = we({ name: "ph-arrow-clockwise", render: bv }), Sh = /* @__PURE__ */ B({
   __name: "ButtonRedo",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -8225,7 +8225,7 @@ const _v = we({ name: "ph-arrow-clockwise", render: bv }), Mh = /* @__PURE__ */
     return (t, n) => {
       const o = ut;
       return v(), F(o, {
-        "icon-left": u(_v),
+        "icon-left": u(gv),
         label: "Redo",
         "hide-label": "",
         square: "",
@@ -8236,20 +8236,20 @@ const _v = we({ name: "ph-arrow-clockwise", render: bv }), Mh = /* @__PURE__ */
       }, null, 8, ["icon-left", "disabled"]);
     };
   }
-}), gv = {
+}), _v = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
 function yv(e, t) {
-  return v(), _("svg", gv, [...t[0] || (t[0] = [
+  return v(), g("svg", _v, [...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"
     }, null, -1)
   ])]);
 }
-const wv = we({ name: "ph-arrow-counter-clockwise", render: yv }), Ah = /* @__PURE__ */ B({
+const wv = we({ name: "ph-arrow-counter-clockwise", render: yv }), Mh = /* @__PURE__ */ B({
   __name: "ButtonUndo",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -8276,7 +8276,7 @@ const wv = we({ name: "ph-arrow-counter-clockwise", render: yv }), Ah = /* @__PU
     message: {}
   },
   setup(e) {
-    return (t, n) => (v(), _("div", xv, [
+    return (t, n) => (v(), g("div", xv, [
       p("p", kv, [
         I(t.$slots, "default", {}, () => [
           ce(M(e.message), 1)
@@ -8284,7 +8284,7 @@ const wv = we({ name: "ph-arrow-counter-clockwise", render: yv }), Ah = /* @__PU
       ])
     ]));
   }
-}), Lh = /* @__PURE__ */ z($v, [["__scopeId", "data-v-d03310b2"]]), Cv = {
+}), Ah = /* @__PURE__ */ z($v, [["__scopeId", "data-v-d03310b2"]]), Cv = {
   key: 0,
   class: "layout-bottom-drawer__header"
 }, Bv = { class: "layout-bottom-drawer__header__title" }, Sv = { class: "layout-bottom-drawer__body" }, Mv = 80, Av = /* @__PURE__ */ B({
@@ -8314,12 +8314,12 @@ const wv = we({ name: "ph-arrow-counter-clockwise", render: yv }), Ah = /* @__PU
     const d = b(
       () => n.value > 0 ? { transform: `translateY(${n.value}px)` } : {}
     );
-    return (f, m) => (v(), _(fe, null, [
+    return (f, m) => (v(), g(fe, null, [
       U(Un, { name: "drawer" }, {
         default: V(() => [
-          t.value ? (v(), _("div", {
+          t.value ? (v(), g("div", {
             key: 0,
-            class: N(["layout-bottom-drawer", u(a)]),
+            class: E(["layout-bottom-drawer", u(a)]),
             style: Be(u(d))
           }, [
             p("div", {
@@ -8328,7 +8328,7 @@ const wv = we({ name: "ph-arrow-counter-clockwise", render: yv }), Ah = /* @__PU
             }, [...m[1] || (m[1] = [
               p("div", { class: "layout-bottom-drawer__handle__bar" }, null, -1)
             ])], 32),
-            e.title ? (v(), _("div", Cv, [
+            e.title ? (v(), g("div", Cv, [
               p("h2", Bv, M(e.title), 1)
             ])) : P("", !0),
             p("div", Sv, [
@@ -8338,14 +8338,14 @@ const wv = we({ name: "ph-arrow-counter-clockwise", render: yv }), Ah = /* @__PU
         ]),
         _: 3
       }),
-      t.value ? (v(), _("div", {
+      t.value ? (v(), g("div", {
         key: 0,
         class: "layout-bottom-drawer__backdrop",
-        onClick: m[0] || (m[0] = (g) => t.value = !1)
+        onClick: m[0] || (m[0] = (_) => t.value = !1)
       })) : P("", !0)
     ], 64));
   }
-}), Th = /* @__PURE__ */ z(Av, [["__scopeId", "data-v-33b4e50b"]]), Lv = { class: "layout-panel" }, Tv = { class: "layout-panel__header" }, Iv = { class: "layout-panel__header__title" }, Dv = {
+}), Lh = /* @__PURE__ */ z(Av, [["__scopeId", "data-v-33b4e50b"]]), Lv = { class: "layout-panel" }, Tv = { class: "layout-panel__header" }, Iv = { class: "layout-panel__header__title" }, Dv = {
   key: 0,
   class: "layout-panel__header__actions"
 }, Pv = {
@@ -8360,33 +8360,33 @@ const wv = we({ name: "ph-arrow-counter-clockwise", render: yv }), Ah = /* @__PU
     title: {}
   },
   setup(e) {
-    return (t, n) => (v(), _("div", Lv, [
+    return (t, n) => (v(), g("div", Lv, [
       p("div", Tv, [
         p("h2", Iv, M(e.title), 1),
-        t.$slots.actions ? (v(), _("div", Dv, [
+        t.$slots.actions ? (v(), g("div", Dv, [
           I(t.$slots, "actions", {}, void 0, !0)
         ])) : P("", !0)
       ]),
-      t.$slots.toolbar ? (v(), _("div", Pv, [
+      t.$slots.toolbar ? (v(), g("div", Pv, [
         I(t.$slots, "toolbar", {}, void 0, !0)
       ])) : P("", !0),
       p("div", Fv, [
         I(t.$slots, "default", {}, void 0, !0)
       ]),
-      t.$slots.footer ? (v(), _("div", Vv, [
+      t.$slots.footer ? (v(), g("div", Vv, [
         I(t.$slots, "footer", {}, void 0, !0)
       ])) : P("", !0)
     ]));
   }
-}), Ih = /* @__PURE__ */ z(Rv, [["__scopeId", "data-v-f70cc004"]]), Ov = {}, Ev = {
+}), Th = /* @__PURE__ */ z(Rv, [["__scopeId", "data-v-f70cc004"]]), Ov = {}, Ev = {
   class: "layout-toolbar-separator",
   role: "separator",
   "aria-orientation": "vertical"
 };
 function Nv(e, t) {
-  return v(), _("div", Ev);
+  return v(), g("div", Ev);
 }
-const Dh = /* @__PURE__ */ z(Ov, [["render", Nv], ["__scopeId", "data-v-0ffa8b6b"]]), Hv = ["aria-label"], zv = ["disabled", "aria-current", "onClick"], Uv = { class: "navigation-segmented-control__option__label" }, Yv = /* @__PURE__ */ B({
+const Ih = /* @__PURE__ */ z(Ov, [["render", Nv], ["__scopeId", "data-v-0ffa8b6b"]]), Hv = ["aria-label"], zv = ["disabled", "aria-current", "onClick"], Uv = { class: "navigation-segmented-control__option__label" }, Yv = /* @__PURE__ */ B({
   __name: "NavigationSegmentedControl",
   props: {
     items: {},
@@ -8399,14 +8399,14 @@ const Dh = /* @__PURE__ */ z(Ov, [["render", Nv], ["__scopeId", "data-v-0ffa8b6b
     function l(r) {
       r.disabled || o("select", r.key);
     }
-    return (r, c) => (v(), _("nav", {
-      class: N(["navigation-segmented-control", u(a)]),
+    return (r, c) => (v(), g("nav", {
+      class: E(["navigation-segmented-control", u(a)]),
       "aria-label": e.ariaLabel
     }, [
       I(r.$slots, "default", {}, void 0, !0),
-      (v(!0), _(fe, null, ge(e.items, (s) => (v(), _("button", {
+      (v(!0), g(fe, null, _e(e.items, (s) => (v(), g("button", {
         key: s.key,
-        class: N(["navigation-segmented-control__option", {
+        class: E(["navigation-segmented-control__option", {
           "navigation-segmented-control__option--active": s.active,
           "navigation-segmented-control__option--disabled": s.disabled
         }]),
@@ -8484,17 +8484,17 @@ const Dh = /* @__PURE__ */ z(Ov, [["render", Nv], ["__scopeId", "data-v-0ffa8b6b
       }
       if (s.preventDefault(), m === null)
         return;
-      const g = s.currentTarget.closest('[role="tablist"]');
-      if (!g)
+      const _ = s.currentTarget.closest('[role="tablist"]');
+      if (!_)
         return;
-      (h = g.querySelectorAll('[role="tab"]')[m]) == null || h.focus();
+      (h = _.querySelectorAll('[role="tab"]')[m]) == null || h.focus();
     }
-    return (s, i) => (v(), _("div", {
-      class: N(["navigation-stepper-tabs", `navigation-stepper-tabs--${e.layout}`]),
+    return (s, i) => (v(), g("div", {
+      class: E(["navigation-stepper-tabs", `navigation-stepper-tabs--${e.layout}`]),
       role: "tablist",
       "aria-label": "Progress"
     }, [
-      (v(!0), _(fe, null, ge(e.steps, (d, f) => (v(), _(fe, {
+      (v(!0), g(fe, null, _e(e.steps, (d, f) => (v(), g(fe, {
         key: d.key ?? f
       }, [
         p("button", {
@@ -8503,7 +8503,7 @@ const Dh = /* @__PURE__ */ z(Ov, [["render", Nv], ["__scopeId", "data-v-0ffa8b6b
           "aria-selected": f === n.value ? "true" : "false",
           "aria-disabled": a(f) || void 0,
           tabindex: a(f) ? -1 : 0,
-          class: N([
+          class: E([
             "navigation-stepper-tabs__step",
             `navigation-stepper-tabs__step--${o(f)}`,
             { "navigation-stepper-tabs__step--disabled": a(f) }
@@ -8512,16 +8512,16 @@ const Dh = /* @__PURE__ */ z(Ov, [["render", Nv], ["__scopeId", "data-v-0ffa8b6b
           onClick: (m) => r(f),
           onKeydown: (m) => c(m, f)
         }, [
-          l(d, f) ? (v(), _("span", jv, [
+          l(d, f) ? (v(), g("span", jv, [
             (v(), F(ye(l(d, f))))
           ])) : P("", !0),
           p("span", Gv, M(d.label), 1)
         ], 42, qv),
-        e.layout === "inline" && e.separator && f < e.steps.length - 1 ? (v(), _("span", Xv, "›")) : P("", !0)
+        e.layout === "inline" && e.separator && f < e.steps.length - 1 ? (v(), g("span", Xv, "›")) : P("", !0)
       ], 64))), 128))
     ], 2));
   }
-}), Ph = /* @__PURE__ */ z(Kv, [["__scopeId", "data-v-e2d6247a"]]), Fh = /* @__PURE__ */ B({
+}), Dh = /* @__PURE__ */ z(Kv, [["__scopeId", "data-v-e2d6247a"]]), Ph = /* @__PURE__ */ B({
   __name: "NavigationToggle",
   props: /* @__PURE__ */ ee({
     options: { default: () => [] },
@@ -8557,7 +8557,7 @@ const Dh = /* @__PURE__ */ z(Ov, [["render", Nv], ["__scopeId", "data-v-0ffa8b6b
       _: 3
     }, 8, ["items", "size"]));
   }
-}), Vh = /* @__PURE__ */ B({
+}), Fh = /* @__PURE__ */ B({
   __name: "NavigationToggleOption",
   props: {
     value: {},
@@ -8580,7 +8580,7 @@ const Dh = /* @__PURE__ */ z(Ov, [["render", Nv], ["__scopeId", "data-v-0ffa8b6b
   height: "1.2em"
 };
 function Qv(e, t) {
-  return v(), _("svg", Zv, [...t[0] || (t[0] = [
+  return v(), g("svg", Zv, [...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"
@@ -8602,9 +8602,9 @@ const Al = we({ name: "ph-magnifying-glass", render: Qv }), Jv = ["aria-label"],
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => (v(), _("button", {
+    return (t, n) => (v(), g("button", {
       type: "button",
-      class: N(["navigation-command-bar", { "navigation-command-bar--collapsed": e.collapsed }]),
+      class: E(["navigation-command-bar", { "navigation-command-bar--collapsed": e.collapsed }]),
       "aria-label": e.placeholder,
       onClick: n[0] || (n[0] = (o) => t.$emit("click"))
     }, [
@@ -8612,11 +8612,11 @@ const Al = we({ name: "ph-magnifying-glass", render: Qv }), Jv = ["aria-label"],
         class: "navigation-command-bar__icon",
         "aria-hidden": "true"
       }),
-      e.collapsed ? P("", !0) : (v(), _("span", ep, M(e.placeholder), 1)),
-      e.shortcutLabel && !e.collapsed ? (v(), _("span", tp, M(e.shortcutLabel), 1)) : P("", !0)
+      e.collapsed ? P("", !0) : (v(), g("span", ep, M(e.placeholder), 1)),
+      e.shortcutLabel && !e.collapsed ? (v(), g("span", tp, M(e.shortcutLabel), 1)) : P("", !0)
     ], 10, Jv));
   }
-}), Rh = /* @__PURE__ */ z(np, [["__scopeId", "data-v-89606283"]]), op = {
+}), Vh = /* @__PURE__ */ z(np, [["__scopeId", "data-v-89606283"]]), op = {
   class: "navigation-docs-bar",
   "aria-label": "Docs navigation"
 }, ap = {
@@ -8634,23 +8634,23 @@ const Al = we({ name: "ph-magnifying-glass", render: Qv }), Jv = ["aria-label"],
 }, sp = /* @__PURE__ */ B({
   __name: "NavigationDocsBar",
   setup(e) {
-    return (t, n) => (v(), _("header", op, [
-      t.$slots.brand ? (v(), _("div", ap, [
+    return (t, n) => (v(), g("header", op, [
+      t.$slots.brand ? (v(), g("div", ap, [
         I(t.$slots, "brand", {}, void 0, !0)
       ])) : P("", !0),
-      t.$slots.actions ? (v(), _("div", lp, [
+      t.$slots.actions ? (v(), g("div", lp, [
         I(t.$slots, "actions", {}, void 0, !0)
       ])) : P("", !0),
       n[0] || (n[0] = p("div", { class: "navigation-docs-bar__spacer" }, null, -1)),
-      t.$slots["cta-primary"] ? (v(), _("div", rp, [
+      t.$slots["cta-primary"] ? (v(), g("div", rp, [
         I(t.$slots, "cta-primary", {}, void 0, !0)
       ])) : P("", !0),
-      t.$slots["cta-secondary"] ? (v(), _("div", ip, [
+      t.$slots["cta-secondary"] ? (v(), g("div", ip, [
         I(t.$slots, "cta-secondary", {}, void 0, !0)
       ])) : P("", !0)
     ]));
   }
-}), Oh = /* @__PURE__ */ z(sp, [["__scopeId", "data-v-39d43fc1"]]), up = { class: "navigation-icon-rail" }, cp = {
+}), Rh = /* @__PURE__ */ z(sp, [["__scopeId", "data-v-39d43fc1"]]), up = { class: "navigation-icon-rail" }, cp = {
   key: 0,
   class: "navigation-icon-rail__footer"
 }, dp = /* @__PURE__ */ B({
@@ -8663,7 +8663,7 @@ const Al = we({ name: "ph-magnifying-glass", render: Qv }), Jv = ["aria-label"],
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = re(e, "modelValue"), n = e, { entries: o } = Ht(ga), a = b(
+    const t = re(e, "modelValue"), n = e, { entries: o } = Ht(_a), a = b(
       () => o.value.length > 0 ? o.value : n.items
     );
     function l(r) {
@@ -8671,9 +8671,9 @@ const Al = we({ name: "ph-magnifying-glass", render: Qv }), Jv = ["aria-label"],
     }
     return (r, c) => {
       const s = ut;
-      return v(), _("nav", up, [
+      return v(), g("nav", up, [
         I(r.$slots, "default", {}, void 0, !0),
-        (v(!0), _(fe, null, ge(u(a), (i) => (v(), F(s, {
+        (v(!0), g(fe, null, _e(u(a), (i) => (v(), F(s, {
           key: i.value,
           "icon-left": i.icon,
           label: i.tooltip,
@@ -8682,18 +8682,18 @@ const Al = we({ name: "ph-magnifying-glass", render: Qv }), Jv = ["aria-label"],
           square: "",
           size: "lg",
           variant: "link",
-          class: N(["navigation-icon-rail__button", l(i.value)]),
+          class: E(["navigation-icon-rail__button", l(i.value)]),
           "aria-pressed": t.value === i.value,
           onClick: (d) => t.value = i.value
         }, null, 8, ["icon-left", "label", "class", "aria-pressed", "onClick"]))), 128)),
         c[0] || (c[0] = p("div", { class: "navigation-icon-rail__spacer" }, null, -1)),
-        r.$slots.footer ? (v(), _("div", cp, [
+        r.$slots.footer ? (v(), g("div", cp, [
           I(r.$slots, "footer", {}, void 0, !0)
         ])) : P("", !0)
       ]);
     };
   }
-}), Eh = /* @__PURE__ */ z(dp, [["__scopeId", "data-v-ef286f50"]]), Nh = /* @__PURE__ */ B({
+}), Oh = /* @__PURE__ */ z(dp, [["__scopeId", "data-v-ef286f50"]]), Eh = /* @__PURE__ */ B({
   __name: "NavigationIconRailEntry",
   props: {
     value: {},
@@ -8702,7 +8702,7 @@ const Al = we({ name: "ph-magnifying-glass", render: Qv }), Jv = ["aria-label"],
   },
   setup(e) {
     const t = e;
-    return zt(ga, () => ({
+    return zt(_a, () => ({
       value: t.value,
       icon: t.icon,
       tooltip: t.tooltip
@@ -8714,7 +8714,7 @@ const Al = we({ name: "ph-magnifying-glass", render: Qv }), Jv = ["aria-label"],
   height: "1.2em"
 };
 function vp(e, t) {
-  return v(), _("svg", fp, [...t[0] || (t[0] = [
+  return v(), g("svg", fp, [...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"
@@ -8746,7 +8746,7 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
         default: V(({ navigate: c, href: s, isActive: i }) => [
           p("a", {
             href: s,
-            class: N(n(i)),
+            class: E(n(i)),
             "aria-current": i || e.active ? "page" : void 0,
             onClick: c
           }, [
@@ -8762,10 +8762,10 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
       }, 8, ["to"]);
     };
   }
-}), Hh = /* @__PURE__ */ z(hp, [["__scopeId", "data-v-f942f32a"]]), bp = {
+}), Nh = /* @__PURE__ */ z(hp, [["__scopeId", "data-v-f942f32a"]]), bp = {
   class: "navigation-marketing-bar",
   "aria-label": "Marketing navigation"
-}, _p = { class: "navigation-marketing-bar__inner" }, gp = { class: "navigation-marketing-bar__brand" }, yp = {
+}, gp = { class: "navigation-marketing-bar__inner" }, _p = { class: "navigation-marketing-bar__brand" }, yp = {
   key: 0,
   class: "navigation-marketing-bar__menu",
   "aria-label": "Sections"
@@ -8781,28 +8781,28 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
 }, $p = /* @__PURE__ */ B({
   __name: "NavigationMarketingBar",
   setup(e) {
-    return (t, n) => (v(), _("header", bp, [
-      p("div", _p, [
-        p("div", gp, [
+    return (t, n) => (v(), g("header", bp, [
+      p("div", gp, [
+        p("div", _p, [
           I(t.$slots, "brand")
         ]),
-        t.$slots.menu ? (v(), _("nav", yp, [
+        t.$slots.menu ? (v(), g("nav", yp, [
           I(t.$slots, "menu")
         ])) : P("", !0),
         n[0] || (n[0] = p("div", { class: "navigation-marketing-bar__spacer" }, null, -1)),
-        t.$slots.actions ? (v(), _("div", wp, [
+        t.$slots.actions ? (v(), g("div", wp, [
           I(t.$slots, "actions")
         ])) : P("", !0),
-        t.$slots["cta-secondary"] ? (v(), _("div", xp, [
+        t.$slots["cta-secondary"] ? (v(), g("div", xp, [
           I(t.$slots, "cta-secondary")
         ])) : P("", !0),
-        t.$slots["cta-primary"] ? (v(), _("div", kp, [
+        t.$slots["cta-primary"] ? (v(), g("div", kp, [
           I(t.$slots, "cta-primary")
         ])) : P("", !0)
       ])
     ]));
   }
-}), zh = /* @__PURE__ */ z($p, [["__scopeId", "data-v-b979ca12"]]), Cp = ["aria-keyshortcuts", "aria-label"], Bp = {
+}), Hh = /* @__PURE__ */ z($p, [["__scopeId", "data-v-b979ca12"]]), Cp = ["aria-keyshortcuts", "aria-label"], Bp = {
   key: 0,
   class: "navigation-search-pill__text"
 }, Sp = {
@@ -8825,9 +8825,9 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
     }));
     return (o, a) => {
       const l = Al;
-      return v(), _("button", {
+      return v(), g("button", {
         type: "button",
-        class: N(u(n)),
+        class: E(u(n)),
         "aria-haspopup": "dialog",
         "aria-keyshortcuts": e.shortcutKeys,
         "aria-label": e.ariaLabel,
@@ -8837,12 +8837,12 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
           class: "navigation-search-pill__icon",
           "aria-hidden": "true"
         }),
-        e.compact ? P("", !0) : (v(), _("span", Bp, M(e.placeholder), 1)),
-        e.compact ? P("", !0) : (v(), _("kbd", Sp, M(e.shortcutLabel), 1))
+        e.compact ? P("", !0) : (v(), g("span", Bp, M(e.placeholder), 1)),
+        e.compact ? P("", !0) : (v(), g("kbd", Sp, M(e.shortcutLabel), 1))
       ], 10, Cp);
     };
   }
-}), Uh = /* @__PURE__ */ z(Mp, [["__scopeId", "data-v-df2aa654"]]), Ap = ["aria-label"], Lp = ["href", "aria-current"], Tp = /* @__PURE__ */ B({
+}), zh = /* @__PURE__ */ z(Mp, [["__scopeId", "data-v-df2aa654"]]), Ap = ["aria-label"], Lp = ["href", "aria-current"], Tp = /* @__PURE__ */ B({
   __name: "NavigationSectionTabs",
   props: {
     sections: {},
@@ -8850,19 +8850,19 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
     ariaLabel: { default: "Documentation sections" }
   },
   setup(e) {
-    return (t, n) => (v(), _("nav", {
+    return (t, n) => (v(), g("nav", {
       class: "navigation-section-tabs",
       "aria-label": e.ariaLabel
     }, [
-      (v(!0), _(fe, null, ge(e.sections, (o) => (v(), _("a", {
+      (v(!0), g(fe, null, _e(e.sections, (o) => (v(), g("a", {
         key: o.link,
         href: o.link,
-        class: N(["navigation-section-tabs__tab", { "navigation-section-tabs__tab--active": o.link === e.activeLink }]),
+        class: E(["navigation-section-tabs__tab", { "navigation-section-tabs__tab--active": o.link === e.activeLink }]),
         "aria-current": o.link === e.activeLink ? "page" : void 0
       }, M(o.text), 11, Lp))), 128))
     ], 8, Ap));
   }
-}), Yh = /* @__PURE__ */ z(Tp, [["__scopeId", "data-v-cb039809"]]), Ip = ["aria-expanded"], Dp = { class: "navigation-section-dropdown__label" }, Pp = {
+}), Uh = /* @__PURE__ */ z(Tp, [["__scopeId", "data-v-cb039809"]]), Ip = ["aria-expanded"], Dp = { class: "navigation-section-dropdown__label" }, Pp = {
   key: 0,
   class: "navigation-section-dropdown__panel",
   role: "menu"
@@ -8892,7 +8892,7 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
         return;
       const i = s.target;
       i && o.value && !o.value.contains(i) && c();
-    }), (s, i) => (v(), _("div", {
+    }), (s, i) => (v(), g("div", {
       ref_key: "root",
       ref: o,
       class: "navigation-section-dropdown"
@@ -8912,19 +8912,19 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
           "aria-hidden": "true"
         }, "▾", -1))
       ], 8, Ip),
-      n.value ? (v(), _("menu", Pp, [
-        (v(!0), _(fe, null, ge(e.sections, (d) => (v(), _("a", {
+      n.value ? (v(), g("menu", Pp, [
+        (v(!0), g(fe, null, _e(e.sections, (d) => (v(), g("a", {
           key: d.link,
           href: d.link,
           role: "menuitem",
-          class: N(["navigation-section-dropdown__item", { "navigation-section-dropdown__item--active": d.link === e.activeLink }]),
+          class: E(["navigation-section-dropdown__item", { "navigation-section-dropdown__item--active": d.link === e.activeLink }]),
           "aria-current": d.link === e.activeLink ? "page" : void 0,
           onClick: c
         }, M(d.text), 11, Fp))), 128))
       ])) : P("", !0)
     ], 512));
   }
-}), Wh = /* @__PURE__ */ z(Vp, [["__scopeId", "data-v-b3cefbd0"]]), Rp = ["aria-label"], Op = {
+}), Yh = /* @__PURE__ */ z(Vp, [["__scopeId", "data-v-b3cefbd0"]]), Rp = ["aria-label"], Op = {
   key: 0,
   class: "navigation-sidebar__header"
 }, Ep = { class: "navigation-sidebar__body" }, Np = /* @__PURE__ */ B({
@@ -8933,11 +8933,11 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
     ariaLabel: { default: "Sidebar" }
   },
   setup(e) {
-    return (t, n) => (v(), _("nav", {
+    return (t, n) => (v(), g("nav", {
       class: "navigation-sidebar",
       "aria-label": e.ariaLabel
     }, [
-      t.$slots.header ? (v(), _("div", Op, [
+      t.$slots.header ? (v(), g("div", Op, [
         I(t.$slots, "header", {}, void 0, !0)
       ])) : P("", !0),
       p("div", Ep, [
@@ -8945,7 +8945,7 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
       ])
     ], 8, Rp));
   }
-}), qh = /* @__PURE__ */ z(Np, [["__scopeId", "data-v-7bbd46ae"]]), Hp = { class: "navigation-sidebar-group" }, zp = {
+}), Wh = /* @__PURE__ */ z(Np, [["__scopeId", "data-v-7bbd46ae"]]), Hp = { class: "navigation-sidebar-group" }, zp = {
   key: 0,
   class: "navigation-sidebar-group__eyebrow"
 }, Up = { class: "navigation-sidebar-group__items" }, Yp = /* @__PURE__ */ B({
@@ -8954,14 +8954,14 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
     eyebrow: {}
   },
   setup(e) {
-    return (t, n) => (v(), _("div", Hp, [
-      e.eyebrow ? (v(), _("div", zp, M(e.eyebrow), 1)) : P("", !0),
+    return (t, n) => (v(), g("div", Hp, [
+      e.eyebrow ? (v(), g("div", zp, M(e.eyebrow), 1)) : P("", !0),
       p("div", Up, [
         I(t.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), jh = /* @__PURE__ */ z(Yp, [["__scopeId", "data-v-80d1b0d5"]]), Wp = ["href"], qp = { class: "navigation-sidebar-item__icon" }, jp = { class: "navigation-sidebar-item__label" }, Gp = {
+}), qh = /* @__PURE__ */ z(Yp, [["__scopeId", "data-v-80d1b0d5"]]), Wp = ["href"], qp = { class: "navigation-sidebar-item__icon" }, jp = { class: "navigation-sidebar-item__label" }, Gp = {
   class: "navigation-sidebar-item__external",
   "aria-hidden": "true"
 }, Xp = ["href", "aria-current", "onClick"], Kp = { class: "navigation-sidebar-item__icon" }, Zp = { class: "navigation-sidebar-item__label" }, Qp = {
@@ -8990,10 +8990,10 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
     }
     return (a, l) => {
       const r = qn("router-link");
-      return u(n) ? (v(), _("a", {
+      return u(n) ? (v(), g("a", {
         key: 0,
         href: e.href,
-        class: N(o(!1)),
+        class: E(o(!1)),
         target: "_blank",
         rel: "noopener noreferrer"
       }, [
@@ -9012,7 +9012,7 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
         default: V(({ navigate: c, href: s, isActive: i }) => [
           p("a", {
             href: s,
-            class: N(o(i)),
+            class: E(o(i)),
             "aria-current": i || e.active ? "page" : void 0,
             onClick: c
           }, [
@@ -9020,14 +9020,14 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
               I(a.$slots, "icon", {}, void 0, !0)
             ]),
             p("span", Zp, M(e.label), 1),
-            e.count !== void 0 ? (v(), _("span", Qp, M(e.count), 1)) : P("", !0)
+            e.count !== void 0 ? (v(), g("span", Qp, M(e.count), 1)) : P("", !0)
           ], 10, Xp)
         ]),
         _: 3
       }, 8, ["to"]));
     };
   }
-}), Gh = /* @__PURE__ */ z(Jp, [["__scopeId", "data-v-6ec3051c"]]), em = ["href", "aria-label", "onClick"], tm = ["src", "alt"], nm = {
+}), jh = /* @__PURE__ */ z(Jp, [["__scopeId", "data-v-6ec3051c"]]), em = ["href", "aria-label", "onClick"], tm = ["src", "alt"], nm = {
   key: 1,
   class: "navigation-workspace-switcher__badge",
   "aria-hidden": "true"
@@ -9066,34 +9066,34 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
             "aria-label": e.name,
             onClick: r
           }, [
-            e.logoSrc ? (v(), _("img", {
+            e.logoSrc ? (v(), g("img", {
               key: 0,
               src: e.logoSrc,
               alt: e.name,
               class: "navigation-workspace-switcher__logo"
-            }, null, 8, tm)) : (v(), _("span", nm, M(n.value), 1)),
-            e.hideName ? P("", !0) : (v(), _("span", om, M(e.name), 1))
+            }, null, 8, tm)) : (v(), g("span", nm, M(n.value), 1)),
+            e.hideName ? P("", !0) : (v(), g("span", om, M(e.name), 1))
           ], 8, em)
         ]),
         _: 1
-      }, 8, ["to"])) : (v(), _("button", {
+      }, 8, ["to"])) : (v(), g("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(), g("img", {
           key: 0,
           src: e.logoSrc,
           alt: e.name,
           class: "navigation-workspace-switcher__logo"
-        }, null, 8, lm)) : (v(), _("span", rm, M(n.value), 1)),
-        e.hideName ? P("", !0) : (v(), _("span", im, M(e.name), 1))
+        }, null, 8, lm)) : (v(), g("span", rm, M(n.value), 1)),
+        e.hideName ? P("", !0) : (v(), g("span", im, M(e.name), 1))
       ], 8, am));
     };
   }
-}), Xh = /* @__PURE__ */ z(sm, [["__scopeId", "data-v-0621d39a"]]), um = { class: "list-item-row__label" }, cm = /* @__PURE__ */ B({
+}), Gh = /* @__PURE__ */ z(sm, [["__scopeId", "data-v-0621d39a"]]), um = { class: "list-item-row__label" }, cm = /* @__PURE__ */ B({
   __name: "ListItemRow",
   props: {
     label: {},
@@ -9104,8 +9104,8 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
     const t = e, n = b(() => ({
       "list-item-row--active": t.active
     }));
-    return (o, a) => (v(), _("div", {
-      class: N(["list-item-row", u(n)]),
+    return (o, a) => (v(), g("div", {
+      class: E(["list-item-row", u(n)]),
       onClick: a[0] || (a[0] = (l) => o.$emit("click", l))
     }, [
       I(o.$slots, "leading", {}, void 0, !0),
@@ -9119,7 +9119,7 @@ const Ll = we({ name: "ph-arrow-square-out", render: vp }), pp = ["href", "aria-
   height: "1.2em"
 };
 function vm(e, t) {
-  return v(), _("svg", fm, [...t[0] || (t[0] = [
+  return v(), g("svg", fm, [...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"
@@ -9134,8 +9134,8 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
   emits: ["duplicate", "remove"],
   setup(e) {
     return (t, n) => {
-      const o = en, a = gn;
-      return v(), _("div", mm, [
+      const o = en, a = _n;
+      return v(), g("div", mm, [
         e.actions.includes("duplicate") ? (v(), F(o, {
           key: 0,
           variant: "link",
@@ -9165,7 +9165,7 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
       ]);
     };
   }
-}), Kh = /* @__PURE__ */ z(hm, [["__scopeId", "data-v-739b2aec"]]), bm = { class: "border rounded overflow-hidden bg-body-tertiary p-2" }, _m = { class: "d-flex gap-1 mb-2" }, Zh = /* @__PURE__ */ B({
+}), Xh = /* @__PURE__ */ z(hm, [["__scopeId", "data-v-739b2aec"]]), bm = { class: "border rounded overflow-hidden bg-body-tertiary p-2" }, gm = { class: "d-flex gap-1 mb-2" }, Kh = /* @__PURE__ */ B({
   __name: "ListSelectPanel",
   props: /* @__PURE__ */ ee({
     items: {},
@@ -9195,8 +9195,8 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
     }
     return (s, i) => {
       const d = dm;
-      return v(), _("div", bm, [
-        p("div", _m, [
+      return v(), g("div", bm, [
+        p("div", gm, [
           U(u(xn), {
             variant: "outline-secondary",
             size: "sm",
@@ -9231,11 +9231,11 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
         p("div", {
           style: Be({ maxHeight: e.maxHeight, overflowY: "auto" })
         }, [
-          (v(!0), _(fe, null, ge(e.items, (f, m) => (v(), F(d, {
+          (v(!0), g(fe, null, _e(e.items, (f, m) => (v(), F(d, {
             key: f,
             label: f,
             active: t.value.includes(f),
-            onClick: (g) => o(f, m, g)
+            onClick: (_) => o(f, m, _)
           }, Yn({ _: 2 }, [
             s.$slots["item-leading"] ? {
               name: "leading",
@@ -9262,7 +9262,7 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
       ]);
     };
   }
-}), gm = { class: "list-series-row" }, ym = { class: "list-series-row__name" }, wm = /* @__PURE__ */ B({
+}), _m = { class: "list-series-row" }, ym = { class: "list-series-row__name" }, wm = /* @__PURE__ */ B({
   __name: "ListSeriesRow",
   props: /* @__PURE__ */ ee({
     color: {},
@@ -9276,7 +9276,7 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
     const t = re(e, "modelValue");
     return (n, o) => {
       const a = ll;
-      return v(), _("div", gm, [
+      return v(), g("div", _m, [
         U(co, { color: e.color }, null, 8, ["color"]),
         p("span", ym, M(e.name), 1),
         U(a, {
@@ -9288,7 +9288,7 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
       ]);
     };
   }
-}), Qh = /* @__PURE__ */ z(wm, [["__scopeId", "data-v-816a6756"]]), xm = ["data-bs-theme"], km = ["src"], $m = { class: "gallery-card__meta" }, Cm = {
+}), Zh = /* @__PURE__ */ z(wm, [["__scopeId", "data-v-816a6756"]]), xm = ["data-bs-theme"], km = ["src"], $m = { class: "gallery-card__meta" }, Cm = {
   key: 0,
   class: "gallery-card__meta__subtitle"
 }, Bm = {
@@ -9311,8 +9311,8 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
       "gallery-card--selected": t.selected,
       "gallery-card--row": t.layout === "row"
     }));
-    return (o, a) => (v(), _("div", {
-      class: N(["gallery-card", u(n)]),
+    return (o, a) => (v(), g("div", {
+      class: E(["gallery-card", u(n)]),
       role: "button",
       tabindex: "0",
       onClick: a[1] || (a[1] = (l) => o.$emit("click")),
@@ -9325,13 +9325,13 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
         class: "gallery-card__thumb",
         "data-bs-theme": e.forceLightThumb ? "light" : void 0
       }, [
-        e.thumbSrc ? (v(), _("img", {
+        e.thumbSrc ? (v(), g("img", {
           key: 0,
           src: e.thumbSrc,
           alt: "",
           class: "gallery-card__thumb__img"
         }, null, 8, km)) : P("", !0),
-        o.$slots.actions ? (v(), _("div", {
+        o.$slots.actions ? (v(), g("div", {
           key: 1,
           class: "gallery-card__thumb__actions",
           onClick: a[0] || (a[0] = ot(() => {
@@ -9342,16 +9342,16 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
       ], 8, xm),
       p("div", $m, [
         p("div", {
-          class: N(["gallery-card__meta__title", { "bc-display": e.serifTitle }])
+          class: E(["gallery-card__meta__title", { "bc-display": e.serifTitle }])
         }, M(e.title), 3),
-        e.subtitle ? (v(), _("div", Cm, M(e.subtitle), 1)) : P("", !0),
-        o.$slots.footer ? (v(), _("div", Bm, [
+        e.subtitle ? (v(), g("div", Cm, M(e.subtitle), 1)) : P("", !0),
+        o.$slots.footer ? (v(), g("div", Bm, [
           I(o.$slots, "footer", {}, void 0, !0)
         ])) : P("", !0)
       ])
     ], 34));
   }
-}), Jh = /* @__PURE__ */ z(Sm, [["__scopeId", "data-v-ff41873e"]]), Mm = /* @__PURE__ */ B({
+}), Qh = /* @__PURE__ */ z(Sm, [["__scopeId", "data-v-ff41873e"]]), Mm = /* @__PURE__ */ B({
   __name: "GalleryGrid",
   props: {
     layout: { default: "grid" }
@@ -9360,13 +9360,13 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
     const t = e, n = b(() => ({
       "gallery-grid--row": t.layout === "row"
     }));
-    return (o, a) => (v(), _("div", {
-      class: N(["gallery-grid", u(n)])
+    return (o, a) => (v(), g("div", {
+      class: E(["gallery-grid", u(n)])
     }, [
       I(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), eb = /* @__PURE__ */ z(Mm, [["__scopeId", "data-v-ac3d4b02"]]), Am = { class: "scene-timeline-item__label" }, Lm = ["innerHTML"], Tm = {
+}), Jh = /* @__PURE__ */ z(Mm, [["__scopeId", "data-v-ac3d4b02"]]), Am = { class: "scene-timeline-item__label" }, Lm = ["innerHTML"], Tm = {
   key: 1,
   class: "scene-timeline-item__name"
 }, Im = /* @__PURE__ */ B({
@@ -9380,12 +9380,12 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
   },
   emits: ["select", "remove"],
   setup(e) {
-    return (t, n) => (v(), _("button", {
-      class: N(["scene-timeline-item", { "scene-timeline-item--active": e.active }]),
+    return (t, n) => (v(), g("button", {
+      class: E(["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(), g("span", {
         key: 0,
         class: "scene-timeline-item__remove",
         role: "button",
@@ -9397,7 +9397,7 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
         class: "scene-timeline-item__preview",
         innerHTML: e.thumbnail
       }, null, 8, Lm),
-      e.name ? (v(), _("span", Tm, M(e.name), 1)) : P("", !0)
+      e.name ? (v(), g("span", Tm, M(e.name), 1)) : P("", !0)
     ], 2));
   }
 }), Dm = /* @__PURE__ */ z(Im, [["__scopeId", "data-v-4e7644c2"]]), Pm = {
@@ -9406,7 +9406,7 @@ const pm = we({ name: "ph-trash", render: vm }), mm = { class: "list-item-action
   height: "1.2em"
 };
 function Fm(e, t) {
-  return v(), _("svg", Pm, [...t[0] || (t[0] = [
+  return v(), g("svg", Pm, [...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"
@@ -9419,7 +9419,7 @@ const Vm = we({ name: "ph-play-fill", render: Fm }), Rm = {
   height: "1.2em"
 };
 function Om(e, t) {
-  return v(), _("svg", Rm, [...t[0] || (t[0] = [
+  return v(), g("svg", Rm, [...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"
@@ -9432,7 +9432,7 @@ const Em = we({ name: "ph-pause-fill", render: Om }), Nm = {
   height: "1.2em"
 };
 function Hm(e, t) {
-  return v(), _("svg", Nm, [...t[0] || (t[0] = [
+  return v(), g("svg", Nm, [...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"
@@ -9445,7 +9445,7 @@ const zm = we({ name: "ph-caret-left", render: Hm }), Um = {
   height: "1.2em"
 };
 function Ym(e, t) {
-  return v(), _("svg", Um, [...t[0] || (t[0] = [
+  return v(), g("svg", Um, [...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"
@@ -9469,8 +9469,8 @@ const Wm = we({ name: "ph-caret-right", render: Ym }), qm = { class: "scene-time
   setup(e) {
     const t = re(e, "activeIndex"), n = e, o = b(() => n.total === 0), a = b(() => t.value < 0 ? 1 : t.value + 1), l = b(() => n.total === 0 ? 0 : t.value <= 0 ? n.total - 1 : t.value - 1), r = b(() => n.total === 0 || t.value >= n.total - 1 ? 0 : t.value + 1);
     return (c, s) => {
-      const i = gn;
-      return v(), _("div", qm, [
+      const i = _n;
+      return v(), g("div", qm, [
         p("button", {
           class: "scene-timeline-controls__nav-btn",
           type: "button",
@@ -9507,15 +9507,16 @@ const Wm = we({ name: "ph-caret-right", render: Ym }), qm = { class: "scene-time
             size: "1em"
           }, null, 8, ["name"])
         ], 8, Xm),
-        !u(o) && !e.hideCounter ? (v(), _("span", Km, M(u(a)) + " / " + M(e.total), 1)) : P("", !0)
+        !u(o) && !e.hideCounter ? (v(), g("span", Km, M(u(a)) + " / " + M(e.total), 1)) : P("", !0)
       ]);
     };
   }
-}), go = /* @__PURE__ */ z(Zm, [["__scopeId", "data-v-e68ff3c9"]]), Qm = { class: "scene-timeline" }, Jm = { class: "scene-timeline__items" }, e0 = { class: "scene-timeline__items__add" }, t0 = /* @__PURE__ */ B({
+}), _o = /* @__PURE__ */ z(Zm, [["__scopeId", "data-v-e68ff3c9"]]), Qm = { class: "scene-timeline__items" }, Jm = { class: "scene-timeline__items__add" }, e0 = /* @__PURE__ */ B({
   __name: "SceneTimeline",
   props: /* @__PURE__ */ ee({
     scenes: {},
-    playing: { type: Boolean, default: !1 }
+    playing: { type: Boolean, default: !1 },
+    floating: { type: Boolean, default: !1 }
   }, {
     activeIndex: { default: -1 },
     activeIndexModifiers: {}
@@ -9524,8 +9525,10 @@ const Wm = we({ name: "ph-caret-right", render: Ym }), qm = { class: "scene-time
   setup(e) {
     const t = re(e, "activeIndex");
     return (n, o) => {
-      const a = go, l = Dm, r = pl;
-      return v(), _("div", Qm, [
+      const a = _o, l = Dm, r = pl;
+      return v(), g("div", {
+        class: E(["scene-timeline", { "scene-timeline--floating": e.floating }])
+      }, [
         U(a, {
           "active-index": t.value,
           "onUpdate:activeIndex": o[0] || (o[0] = (c) => t.value = c),
@@ -9534,8 +9537,8 @@ const Wm = we({ name: "ph-caret-right", render: Ym }), qm = { class: "scene-time
           onPlay: o[1] || (o[1] = (c) => n.$emit("play")),
           onPause: o[2] || (o[2] = (c) => n.$emit("pause"))
         }, null, 8, ["active-index", "total", "playing"]),
-        p("div", Jm, [
-          (v(!0), _(fe, null, ge(e.scenes, (c) => (v(), F(l, {
+        p("div", Qm, [
+          (v(!0), g(fe, null, _e(e.scenes, (c) => (v(), F(l, {
             key: c.index,
             name: c.name,
             index: c.index,
@@ -9545,29 +9548,29 @@ const Wm = we({ name: "ph-caret-right", render: Ym }), qm = { class: "scene-time
             onSelect: (s) => t.value = c.index,
             onRemove: (s) => n.$emit("remove", c.index)
           }, null, 8, ["name", "index", "active", "thumbnail", "removable", "onSelect", "onRemove"]))), 128)),
-          p("div", e0, [
+          p("div", Jm, [
             U(r, {
               onClick: o[3] || (o[3] = (c) => n.$emit("add"))
             })
           ])
         ])
-      ]);
+      ], 2);
     };
   }
-}), tb = /* @__PURE__ */ z(t0, [["__scopeId", "data-v-677b11b4"]]), n0 = {
+}), eb = /* @__PURE__ */ z(e0, [["__scopeId", "data-v-0610ae9e"]]), t0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function o0(e, t) {
-  return v(), _("svg", n0, [...t[0] || (t[0] = [
+function n0(e, t) {
+  return v(), g("svg", t0, [...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"
     }, null, -1)
   ])]);
 }
-const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timeline-compact" }, r0 = ["title"], i0 = { class: "scene-timeline-compact__counter" }, s0 = /* @__PURE__ */ B({
+const o0 = we({ name: "ph-caret-up", render: n0 }), a0 = { class: "scene-timeline-compact" }, l0 = ["title"], r0 = { class: "scene-timeline-compact__counter" }, i0 = /* @__PURE__ */ B({
   __name: "SceneTimelineCompact",
   props: /* @__PURE__ */ ee({
     scenes: {},
@@ -9583,8 +9586,8 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
       var c;
       return ((c = o.value) == null ? void 0 : c.name) || " ";
     }), l = b(() => n.scenes.length), r = b(() => t.value < 0 || l.value === 0 ? 1 : Math.max(1, Math.min(l.value, t.value + 1)));
-    return (c, s) => (v(), _("div", l0, [
-      U(go, {
+    return (c, s) => (v(), g("div", a0, [
+      U(_o, {
         "active-index": t.value,
         "onUpdate:activeIndex": s[0] || (s[0] = (i) => t.value = i),
         total: u(l),
@@ -9596,11 +9599,11 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
       p("div", {
         class: "scene-timeline-compact__name",
         title: u(a)
-      }, M(u(a)), 9, r0),
-      p("div", i0, M(u(r)) + " of " + M(u(l)), 1),
+      }, M(u(a)), 9, l0),
+      p("div", r0, M(u(r)) + " of " + M(u(l)), 1),
       U(ut, {
         class: "scene-timeline-compact__expand",
-        "icon-left": u(a0),
+        "icon-left": u(o0),
         label: "Show scenes",
         "hide-label": "",
         square: "",
@@ -9611,17 +9614,17 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
       }, null, 8, ["icon-left", "aria-expanded"])
     ]));
   }
-}), nb = /* @__PURE__ */ z(s0, [["__scopeId", "data-v-ad3a10b4"]]), u0 = ["aria-current"], c0 = ["innerHTML"], d0 = {
+}), tb = /* @__PURE__ */ z(i0, [["__scopeId", "data-v-ad3a10b4"]]), s0 = ["aria-current"], u0 = ["innerHTML"], c0 = {
   key: 1,
   class: "scene-list-item__thumb scene-list-item__thumb--empty",
   "aria-hidden": "true"
-}, f0 = { class: "scene-list-item__body" }, v0 = { class: "scene-list-item__label" }, p0 = {
+}, d0 = { class: "scene-list-item__body" }, f0 = { class: "scene-list-item__label" }, v0 = {
   key: 0,
   class: "scene-list-item__name"
-}, m0 = {
+}, p0 = {
   key: 1,
   class: "scene-list-item__hint"
-}, h0 = /* @__PURE__ */ B({
+}, m0 = /* @__PURE__ */ B({
   __name: "SceneListItem",
   props: {
     index: {},
@@ -9633,27 +9636,27 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
   },
   emits: ["select", "remove"],
   setup(e) {
-    return (t, n) => (v(), _("li", {
-      class: N(["scene-list-item-row", { "scene-list-item-row--active": e.active }])
+    return (t, n) => (v(), g("li", {
+      class: E(["scene-list-item-row", { "scene-list-item-row--active": e.active }])
     }, [
       p("button", {
         type: "button",
-        class: N(["scene-list-item", { "scene-list-item--active": e.active }]),
+        class: E(["scene-list-item", { "scene-list-item--active": e.active }]),
         "aria-current": e.active ? "true" : void 0,
         onClick: n[0] || (n[0] = (o) => t.$emit("select"))
       }, [
-        e.thumbnail ? (v(), _("span", {
+        e.thumbnail ? (v(), g("span", {
           key: 0,
           class: "scene-list-item__thumb",
           innerHTML: e.thumbnail
-        }, null, 8, c0)) : (v(), _("span", d0)),
-        p("span", f0, [
-          p("span", v0, "SCENE " + M(e.index), 1),
-          e.name ? (v(), _("span", p0, M(e.name), 1)) : P("", !0),
-          e.hint ? (v(), _("span", m0, M(e.hint), 1)) : P("", !0)
+        }, null, 8, u0)) : (v(), g("span", c0)),
+        p("span", d0, [
+          p("span", f0, "SCENE " + M(e.index), 1),
+          e.name ? (v(), g("span", v0, M(e.name), 1)) : P("", !0),
+          e.hint ? (v(), g("span", p0, M(e.hint), 1)) : P("", !0)
         ])
-      ], 10, u0),
-      e.removable ? (v(), _("button", {
+      ], 10, s0),
+      e.removable ? (v(), g("button", {
         key: 0,
         type: "button",
         class: "scene-list-item__remove",
@@ -9664,10 +9667,10 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
       ])) : P("", !0)
     ], 2));
   }
-}), b0 = /* @__PURE__ */ z(h0, [["__scopeId", "data-v-a1a6304b"]]), _0 = { class: "scene-list" }, g0 = {
+}), h0 = /* @__PURE__ */ z(m0, [["__scopeId", "data-v-a1a6304b"]]), b0 = { class: "scene-list" }, g0 = {
   class: "scene-list__items",
   role: "list"
-}, y0 = /* @__PURE__ */ B({
+}, _0 = /* @__PURE__ */ B({
   __name: "SceneList",
   props: /* @__PURE__ */ ee({
     scenes: {},
@@ -9685,8 +9688,8 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
     function l(r) {
       o("remove", r);
     }
-    return (r, c) => (v(), _("div", _0, [
-      U(go, {
+    return (r, c) => (v(), g("div", b0, [
+      U(_o, {
         "active-index": n.value,
         "onUpdate:activeIndex": c[0] || (c[0] = (s) => n.value = s),
         total: e.scenes.length,
@@ -9695,7 +9698,7 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
         onPause: c[2] || (c[2] = (s) => r.$emit("pause"))
       }, null, 8, ["active-index", "total", "playing"]),
       p("ul", g0, [
-        (v(!0), _(fe, null, ge(e.scenes, (s) => (v(), F(b0, {
+        (v(!0), g(fe, null, _e(e.scenes, (s) => (v(), F(h0, {
           key: s.index,
           index: s.index,
           name: s.name,
@@ -9714,22 +9717,22 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
       }, " + Add scene ")
     ]));
   }
-}), ob = /* @__PURE__ */ z(y0, [["__scopeId", "data-v-c8be8ec7"]]), w0 = {
+}), nb = /* @__PURE__ */ z(_0, [["__scopeId", "data-v-c8be8ec7"]]), y0 = {
   class: "bc-scene-player bc-scene-player--progress-bar",
   "data-scene-player": ""
-}, x0 = ["aria-label"], k0 = {
+}, w0 = ["aria-label"], x0 = {
   key: 0,
   width: "10",
   height: "10",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, $0 = {
+}, k0 = {
   key: 1,
   width: "10",
   height: "10",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, C0 = { class: "bc-scene-player__segments" }, B0 = ["aria-label", "aria-current", "onClick"], S0 = { class: "bc-scene-player__counter" }, M0 = /* @__PURE__ */ B({
+}, $0 = { class: "bc-scene-player__segments" }, C0 = ["aria-label", "aria-current", "onClick"], B0 = { class: "bc-scene-player__counter" }, S0 = /* @__PURE__ */ B({
   __name: "ScenePlayerProgressBar",
   props: /* @__PURE__ */ ee({
     total: {},
@@ -9742,14 +9745,14 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
   emits: /* @__PURE__ */ ee(["play", "pause"], ["update:current"]),
   setup(e) {
     const t = re(e, "current");
-    return (n, o) => (v(), _("div", w0, [
+    return (n, o) => (v(), g("div", y0, [
       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", k0, [...o[1] || (o[1] = [
+        e.playing ? (v(), g("svg", x0, [...o[1] || (o[1] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -9764,39 +9767,39 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (v(), _("svg", $0, [...o[2] || (o[2] = [
+        ])])) : (v(), g("svg", k0, [...o[2] || (o[2] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, x0),
-      p("div", C0, [
-        (v(!0), _(fe, null, ge(e.total, (a) => (v(), _("button", {
+      ], 8, w0),
+      p("div", $0, [
+        (v(!0), g(fe, null, _e(e.total, (a) => (v(), g("button", {
           key: a,
           type: "button",
-          class: N(["bc-scene-player__segments__segment", {
+          class: E(["bc-scene-player__segments__segment", {
             "bc-scene-player__segments__segment--active": a === t.value,
             "bc-scene-player__segments__segment--completed": a < t.value
           }]),
           "aria-label": `Scene ${a} of ${e.total}`,
           "aria-current": a === t.value ? "step" : void 0,
           onClick: (l) => t.value = a
-        }, null, 10, B0))), 128))
+        }, null, 10, C0))), 128))
       ]),
-      p("span", S0, M(t.value) + "/" + M(e.total), 1)
+      p("span", B0, M(t.value) + "/" + M(e.total), 1)
     ]));
   }
-}), ab = /* @__PURE__ */ z(M0, [["__scopeId", "data-v-e59fa94e"]]), A0 = ["disabled"], L0 = ["aria-label"], T0 = {
+}), ob = /* @__PURE__ */ z(S0, [["__scopeId", "data-v-e59fa94e"]]), M0 = ["disabled"], A0 = ["aria-label"], L0 = {
   key: 0,
   width: "11",
   height: "11",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, I0 = {
+}, T0 = {
   key: 1,
   width: "11",
   height: "11",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, D0 = { class: "bc-scene-player__dots" }, P0 = ["aria-label", "aria-current", "onClick"], F0 = ["disabled"], V0 = /* @__PURE__ */ B({
+}, I0 = { class: "bc-scene-player__dots" }, D0 = ["aria-label", "aria-current", "onClick"], P0 = ["disabled"], F0 = /* @__PURE__ */ B({
   __name: "ScenePlayerDotStepper",
   props: /* @__PURE__ */ ee({
     total: {},
@@ -9809,8 +9812,8 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
   emits: /* @__PURE__ */ ee(["play", "pause", "previous", "next"], ["update:current"]),
   setup(e) {
     const t = re(e, "current");
-    return (n, o) => (v(), _("div", {
-      class: N(["bc-scene-player bc-scene-player--dot-stepper", `bc-scene-player--${e.position}`]),
+    return (n, o) => (v(), g("div", {
+      class: E(["bc-scene-player bc-scene-player--dot-stepper", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
       p("button", {
@@ -9832,14 +9835,14 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
         }, [
           p("path", { d: "M6.5 2L3.5 5l3 3" })
         ], -1)
-      ])], 8, A0),
+      ])], 8, M0),
       p("button", {
         type: "button",
         class: "bc-scene-player__play-btn",
         "aria-label": e.playing ? "Pause" : "Play",
         onClick: o[1] || (o[1] = (a) => e.playing ? n.$emit("pause") : n.$emit("play"))
       }, [
-        e.playing ? (v(), _("svg", T0, [...o[4] || (o[4] = [
+        e.playing ? (v(), g("svg", L0, [...o[4] || (o[4] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -9854,22 +9857,22 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (v(), _("svg", I0, [...o[5] || (o[5] = [
+        ])])) : (v(), g("svg", T0, [...o[5] || (o[5] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, L0),
-      p("div", D0, [
-        (v(!0), _(fe, null, ge(e.total, (a) => (v(), _("button", {
+      ], 8, A0),
+      p("div", I0, [
+        (v(!0), g(fe, null, _e(e.total, (a) => (v(), g("button", {
           key: a,
           type: "button",
-          class: N(["bc-scene-player__dots__dot", {
+          class: E(["bc-scene-player__dots__dot", {
             "bc-scene-player__dots__dot--active": a === t.value,
             "bc-scene-player__dots__dot--completed": a < t.value
           }]),
           "aria-label": `Scene ${a} of ${e.total}`,
           "aria-current": a === t.value ? "step" : void 0,
           onClick: (l) => t.value = a
-        }, null, 10, P0))), 128))
+        }, null, 10, D0))), 128))
       ]),
       p("button", {
         type: "button",
@@ -9890,28 +9893,28 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
         }, [
           p("path", { d: "M3.5 2L6.5 5l-3 3" })
         ], -1)
-      ])], 8, F0)
+      ])], 8, P0)
     ], 2));
   }
-}), lb = /* @__PURE__ */ z(V0, [["__scopeId", "data-v-358b1182"]]), R0 = {
+}), ab = /* @__PURE__ */ z(F0, [["__scopeId", "data-v-358b1182"]]), V0 = {
   key: 0,
   class: "bc-scene-player__counter"
-}, O0 = ["disabled"], E0 = ["aria-label"], N0 = {
+}, R0 = ["disabled"], O0 = ["aria-label"], E0 = {
   key: 0,
   width: "9",
   height: "9",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, H0 = {
+}, N0 = {
   key: 1,
   width: "9",
   height: "9",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, z0 = ["disabled"], U0 = {
+}, H0 = ["disabled"], z0 = {
   key: 1,
   class: "bc-scene-player__counter bc-scene-player__counter--end"
-}, Y0 = /* @__PURE__ */ B({
+}, U0 = /* @__PURE__ */ B({
   __name: "ScenePlayerMinimalArrows",
   props: /* @__PURE__ */ ee({
     total: {},
@@ -9927,11 +9930,11 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
   emits: /* @__PURE__ */ ee(["play", "pause", "previous", "next"], ["update:current"]),
   setup(e) {
     const t = re(e, "current");
-    return (n, o) => (v(), _("div", {
-      class: N(["bc-scene-player bc-scene-player--minimal-arrows", `bc-scene-player--${e.position}`]),
+    return (n, o) => (v(), g("div", {
+      class: E(["bc-scene-player bc-scene-player--minimal-arrows", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
-      e.showCounter && e.order === "counter-first" ? (v(), _("span", R0, M(t.value) + "/" + M(e.total), 1)) : P("", !0),
+      e.showCounter && e.order === "counter-first" ? (v(), g("span", V0, M(t.value) + "/" + M(e.total), 1)) : P("", !0),
       p("button", {
         type: "button",
         class: "bc-scene-player__nav-btn",
@@ -9951,14 +9954,14 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
         }, [
           p("path", { d: "M6.5 2L3.5 5l3 3" })
         ], -1)
-      ])], 8, O0),
+      ])], 8, R0),
       p("button", {
         type: "button",
         class: "bc-scene-player__play-btn",
         "aria-label": e.playing ? "Pause" : "Play",
         onClick: o[1] || (o[1] = (a) => e.playing ? n.$emit("pause") : n.$emit("play"))
       }, [
-        e.playing ? (v(), _("svg", N0, [...o[4] || (o[4] = [
+        e.playing ? (v(), g("svg", E0, [...o[4] || (o[4] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -9973,10 +9976,10 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (v(), _("svg", H0, [...o[5] || (o[5] = [
+        ])])) : (v(), g("svg", N0, [...o[5] || (o[5] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, E0),
+      ], 8, O0),
       p("button", {
         type: "button",
         class: "bc-scene-player__nav-btn",
@@ -9996,11 +9999,11 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
         }, [
           p("path", { d: "M3.5 2L6.5 5l-3 3" })
         ], -1)
-      ])], 8, z0),
-      e.showCounter && e.order === "controls-first" ? (v(), _("span", U0, M(t.value) + "/" + M(e.total), 1)) : P("", !0)
+      ])], 8, H0),
+      e.showCounter && e.order === "controls-first" ? (v(), g("span", z0, M(t.value) + "/" + M(e.total), 1)) : P("", !0)
     ], 2));
   }
-}), rb = /* @__PURE__ */ z(Y0, [["__scopeId", "data-v-3652f69c"]]), W0 = { class: "bc-scene-player__btn-group" }, q0 = ["disabled"], j0 = ["disabled"], G0 = { class: "bc-scene-player__counter" }, X0 = /* @__PURE__ */ B({
+}), lb = /* @__PURE__ */ z(U0, [["__scopeId", "data-v-3652f69c"]]), Y0 = { class: "bc-scene-player__btn-group" }, W0 = ["disabled"], q0 = ["disabled"], j0 = { class: "bc-scene-player__counter" }, G0 = /* @__PURE__ */ B({
   __name: "ScenePlayerButtons",
   props: /* @__PURE__ */ ee({
     total: {},
@@ -10013,14 +10016,14 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
   emits: /* @__PURE__ */ ee(["play", "pause", "previous", "next"], ["update:current"]),
   setup(e) {
     const t = re(e, "current");
-    return (n, o) => (v(), _("div", {
-      class: N(["bc-scene-player bc-scene-player--buttons", `bc-scene-player--${e.position}`]),
+    return (n, o) => (v(), g("div", {
+      class: E(["bc-scene-player bc-scene-player--buttons", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
-      p("div", W0, [
+      p("div", Y0, [
         p("button", {
           type: "button",
-          class: N(["bc-scene-player__btn-group__btn", { "bc-scene-player__btn-group__btn--disabled": t.value <= 1 }]),
+          class: E(["bc-scene-player__btn-group__btn", { "bc-scene-player__btn-group__btn--disabled": t.value <= 1 }]),
           disabled: t.value <= 1,
           "aria-label": "Previous scene",
           onClick: o[0] || (o[0] = ot((a) => n.$emit("previous"), ["stop"]))
@@ -10038,10 +10041,10 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
             p("path", { d: "M5.5 1.5L1.5 6l4 4.5" })
           ], -1),
           ce(" Back ", -1)
-        ])], 10, q0),
+        ])], 10, W0),
         p("button", {
           type: "button",
-          class: N(["bc-scene-player__btn-group__btn bc-scene-player__btn-group__btn--next", { "bc-scene-player__btn-group__btn--disabled": t.value >= e.total }]),
+          class: E(["bc-scene-player__btn-group__btn bc-scene-player__btn-group__btn--next", { "bc-scene-player__btn-group__btn--disabled": t.value >= e.total }]),
           disabled: t.value >= e.total,
           "aria-label": "Next scene",
           onClick: o[1] || (o[1] = ot((a) => n.$emit("next"), ["stop"]))
@@ -10059,103 +10062,103 @@ const a0 = we({ name: "ph-caret-up", render: o0 }), l0 = { class: "scene-timelin
           }, [
             p("path", { d: "M2.5 1.5L6.5 6l-4 4.5" })
           ], -1)
-        ])], 10, j0)
+        ])], 10, q0)
       ]),
-      p("span", G0, M(t.value) + " / " + M(e.total), 1)
+      p("span", j0, M(t.value) + " / " + M(e.total), 1)
     ], 2));
   }
-}), ib = /* @__PURE__ */ z(X0, [["__scopeId", "data-v-e01db324"]]);
+}), rb = /* @__PURE__ */ z(G0, [["__scopeId", "data-v-e01db324"]]);
 export {
-  eh as ActionCopyButton,
-  gn as AppIcon,
-  th as AppIconLayers,
+  J0 as ActionCopyButton,
+  _n as AppIcon,
+  eh as AppIconLayers,
   jl as BOOTSTRAP_BREAKPOINTS,
   pl as ButtonAdd,
-  Sh as ButtonClose,
+  Bh as ButtonClose,
   ha as ButtonGroupEntriesKey,
   ut as ButtonIcon,
   Mi as ButtonIconCounter,
-  Mh as ButtonRedo,
-  Ah as ButtonUndo,
+  Sh as ButtonRedo,
+  Mh as ButtonUndo,
   me as ChartType,
-  xh as DisplayChartType,
-  kh as DisplayChartTypeBadge,
+  wh as DisplayChartType,
+  xh as DisplayChartTypeBadge,
   co as DisplayColorSwatch,
-  wh as DisplayContrastBadge,
-  _h as DisplayDate,
-  yh as DisplayNumber,
+  yh as DisplayContrastBadge,
+  bh as DisplayDate,
+  _h as DisplayNumber,
   tc as DisplayPalette,
   gh as DisplayRange,
-  bh as DisplayValue,
+  hh as DisplayValue,
   ba as DropdownEntriesKey,
-  Lh as FeedbackEmptyState,
-  rh as FormControlButtonGroup,
-  ih as FormControlButtonGroupEntry,
-  nh as FormControlCheckbox,
-  oh as FormControlColorInput,
+  Ah as FeedbackEmptyState,
+  lh as FormControlButtonGroup,
+  rh as FormControlButtonGroupEntry,
+  th as FormControlCheckbox,
+  nh as FormControlColorInput,
   vl as FormControlColorInputPopover,
-  ph as FormControlColorblindPicker,
-  lh as FormControlColorsInput,
-  hh as FormControlDateFormat,
-  ah as FormControlDirectionPicker,
+  vh as FormControlColorblindPicker,
+  ah as FormControlColorsInput,
+  mh as FormControlDateFormat,
+  oh as FormControlDirectionPicker,
   wn as FormControlDropdown,
-  ch as FormControlDropdownEntry,
+  uh as FormControlDropdownEntry,
   Fu as FormControlDropdownItem,
-  mh as FormControlNumberFormat,
-  fh as FormControlPalette,
-  vh as FormControlPaletteEntry,
-  sh as FormControlSliderInput,
-  dh as FormControlTextInput,
-  uh as FormControlUnitsInput,
-  Jh as GalleryCard,
-  eb as GalleryGrid,
-  ga as IconRailEntriesKey,
+  ph as FormControlNumberFormat,
+  dh as FormControlPalette,
+  fh as FormControlPaletteEntry,
+  ih as FormControlSliderInput,
+  ch as FormControlTextInput,
+  sh as FormControlUnitsInput,
+  Qh as GalleryCard,
+  Jh as GalleryGrid,
+  _a as IconRailEntriesKey,
   ql as IconSize,
-  Th as LayoutBottomDrawer,
-  Ih as LayoutPanel,
-  Dh as LayoutToolbarSeparator,
-  Kh as ListItemActions,
+  Lh as LayoutBottomDrawer,
+  Th as LayoutPanel,
+  Ih as LayoutToolbarSeparator,
+  Xh as ListItemActions,
   dm as ListItemRow,
-  Zh as ListSelectPanel,
-  Qh as ListSeriesRow,
-  Rh as NavigationCommandBar,
-  Oh as NavigationDocsBar,
-  Eh as NavigationIconRail,
-  Nh as NavigationIconRailEntry,
-  Hh as NavigationLink,
-  zh as NavigationMarketingBar,
-  Uh as NavigationSearchPill,
-  Wh as NavigationSectionDropdown,
-  Yh as NavigationSectionTabs,
+  Kh as ListSelectPanel,
+  Zh as ListSeriesRow,
+  Vh as NavigationCommandBar,
+  Rh as NavigationDocsBar,
+  Oh as NavigationIconRail,
+  Eh as NavigationIconRailEntry,
+  Nh as NavigationLink,
+  Hh as NavigationMarketingBar,
+  zh as NavigationSearchPill,
+  Yh as NavigationSectionDropdown,
+  Uh as NavigationSectionTabs,
   Wv as NavigationSegmentedControl,
-  qh as NavigationSidebar,
-  jh as NavigationSidebarGroup,
-  Gh as NavigationSidebarItem,
-  Ph as NavigationStepperTabs,
-  Fh as NavigationToggle,
-  Vh as NavigationToggleOption,
-  Xh as NavigationWorkspaceSwitcher,
-  _a as PaletteEntriesKey,
-  ob as SceneList,
-  b0 as SceneListItem,
-  ib as ScenePlayerButtons,
-  lb as ScenePlayerDotStepper,
-  rb as ScenePlayerMinimalArrows,
-  ab as ScenePlayerProgressBar,
-  tb as SceneTimeline,
-  nb as SceneTimelineCompact,
-  go as SceneTimelineControls,
+  Wh as NavigationSidebar,
+  qh as NavigationSidebarGroup,
+  jh as NavigationSidebarItem,
+  Dh as NavigationStepperTabs,
+  Ph as NavigationToggle,
+  Fh as NavigationToggleOption,
+  Gh as NavigationWorkspaceSwitcher,
+  ga as PaletteEntriesKey,
+  nb as SceneList,
+  h0 as SceneListItem,
+  rb as ScenePlayerButtons,
+  ab as ScenePlayerDotStepper,
+  lb as ScenePlayerMinimalArrows,
+  ob as ScenePlayerProgressBar,
+  eb as SceneTimeline,
+  tb as SceneTimelineCompact,
+  _o as SceneTimelineControls,
   Dm as SceneTimelineItem,
-  Ch as SectionCard,
-  $h as SectionGroup,
+  $h as SectionCard,
+  kh as SectionGroup,
   Uf as SectionTitle,
-  Bh as SettingsSection,
+  Ch as SettingsSection,
   ev as SettingsSectionDescription,
   iv as SettingsSectionIcon,
   av as SettingsSectionTitle,
   ya as ToggleEntriesKey,
   Sl as getChartTypeLabel,
-  J0 as useBreakpoint,
+  Q0 as useBreakpoint,
   Ht as useChildEntriesProvider,
   zt as useChildEntry
 };