@blueprint-chart/ui 1.2.0 → 1.4.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { ref as ne, provide as Nt, inject as Ie, getCurrentInstance as zn, onMounted as vn, watch as $e, onBeforeUnmount as Un, computed as b, shallowRef as Te, watchEffect as Pl, toValue as Ke, 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 h, renderSlot as I, createTextVNode as de, toDisplayString as M, createCommentVNode as P, readonly as Jt, toRef as ze, useAttrs as pn, mergeProps as Se, getCurrentScope as ua, onScopeDispose as ca, effectScope as Fl, isRef as mn, useTemplateRef as Ce, useModel as re, Fragment as ue, createVNode as H, mergeModels as ee, useId as Vl, h as da, Teleport as Rl, nextTick as lt, createElementVNode as p, Transition as Yn, withDirectives as vt, normalizeStyle as Be, vShow as fa, shallowReadonly as kt, createSlots as Wn, normalizeProps as qn, guardReactiveProps as va, markRaw as we, vModelCheckbox as pa, withKeys as ft, renderList as _e, useCssVars as ma, onUnmounted as ha, withModifiers as je, onActivated as Ol, reactive as El, vModelText as Pn, resolveComponent as jn } from "vue";
+import { ref as ne, provide as Nt, inject as Ie, getCurrentInstance as zn, onMounted as vn, watch as $e, onBeforeUnmount as Un, computed as b, shallowRef as Te, watchEffect as Pl, toValue as Ke, 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 h, renderSlot as T, createTextVNode as ue, toDisplayString as M, createCommentVNode as P, readonly as Jt, toRef as ze, useAttrs as pn, mergeProps as Se, getCurrentScope as ua, onScopeDispose as ca, effectScope as Fl, isRef as mn, useTemplateRef as Ce, useModel as re, Fragment as ce, createVNode as H, mergeModels as ee, useId as Vl, h as da, Teleport as Rl, nextTick as lt, createElementVNode as p, Transition as Yn, withDirectives as vt, normalizeStyle as Be, vShow as fa, shallowReadonly as xt, createSlots as Wn, normalizeProps as qn, guardReactiveProps as va, markRaw as we, vModelCheckbox as pa, withKeys as ft, renderList as _e, useCssVars as ma, onUnmounted as ha, withModifiers as je, onActivated as Ol, reactive as El, vModelText as Pn, resolveComponent as jn } from "vue";
 import { useMediaQuery as Nl, onClickOutside as Hl, useElementBounding as zl, useResizeObserver as Ul, useEventListener as wo } from "@vueuse/core";
-import { BPopover as Yl, BTooltip as Wl, BBadge as ql, BButton as kn } from "bootstrap-vue-next";
+import { BPopover as Yl, BTooltip as Wl, BBadge as ql, BButton as xn } from "bootstrap-vue-next";
 var jl = /* @__PURE__ */ ((e) => (e.Xxs = "2xs", e.Xs = "xs", e.Sm = "sm", e.Md = "md", e.Lg = "lg", e.Xl = "xl", e.Xxl = "2xl", e))(jl || {}), 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 || {});
 function Ht(e) {
   const t = /* @__PURE__ */ new Map(), n = ne([]);
@@ -42,7 +42,7 @@ const ba = Symbol("ButtonGroupEntries"), ga = Symbol("DropdownEntries"), _a = Sy
   xl: 1200,
   xxl: 1400
 };
-function nh(e = "md") {
+function ah(e = "md") {
   const t = typeof e == "number" ? e : Gl[e];
   return { isNarrow: Nl(`(max-width: ${t - 1}px)`) };
 }
@@ -57,7 +57,7 @@ const Xl = (e = []) => {
     console.error(o);
   }
   return n(e);
-}, xa = (e) => ((e == null ? void 0 : e()) ?? []).length === 0, Zl = (e) => {
+}, ka = (e) => ((e == null ? void 0 : e()) ?? []).length === 0, Zl = (e) => {
   if (e.getAttribute("display") === "none")
     return !1;
   const t = e.getBoundingClientRect();
@@ -65,7 +65,7 @@ const Xl = (e = []) => {
 }, Gn = (e, t = "") => {
   const n = `${t}___`;
   return `___BVN__ID__${e}__${t ? n : ""}`;
-}, gt = (e) => Gn(e), ka = (e) => Gn(`${e}__plugin`), Ql = gt("checkboxGroup"), $a = gt("collapse"), Jl = ka("globalShowHideStorage"), Ca = gt("dropdown"), Ba = gt("navbar"), $n = ka("defaults"), er = gt("inputGroup"), Sa = gt("buttonGroup"), Ma = gt("formGroupPlugin");
+}, gt = (e) => Gn(e), xa = (e) => Gn(`${e}__plugin`), Ql = gt("checkboxGroup"), $a = gt("collapse"), Jl = xa("globalShowHideStorage"), Ca = gt("dropdown"), Ba = gt("navbar"), $n = xa("defaults"), er = gt("inputGroup"), Sa = gt("buttonGroup"), Ma = gt("formGroupPlugin");
 function tr(e, t = Aa("injectSelf")) {
   const { provides: n } = t;
   if (n && e in n)
@@ -77,14 +77,14 @@ function Aa(e, t) {
     throw new Error(`[Bvn] ${e} must be called from inside a setup function`);
   return n;
 }
-const nr = (e = "") => e.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase(), xo = (e) => e !== null && typeof e == "object" && !Array.isArray(e);
+const nr = (e = "") => e.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase(), ko = (e) => e !== null && typeof e == "object" && !Array.isArray(e);
 function La(e = {}, t = {}, n) {
   const o = {};
   for (const a in e)
     o[a] = e[a];
   for (const a in t) {
     const l = e[a], r = t[a];
-    if (xo(l) && xo(r)) {
+    if (ko(l) && ko(r)) {
       o[a] = La(l, r);
       continue;
     }
@@ -106,8 +106,8 @@ function ar(e = {}, t) {
   }), l = new Proxy(e, {
     get(s, i) {
       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((g) => g != null) : typeof i == "string" && !or(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;
+      const x = Reflect.get(s, i);
+      return i === "class" || i === "style" ? [(d = a.value) == null ? void 0 : d[i], x].filter((g) => g != null) : typeof i == "string" && !or(o.vnode, i) ? ((f = a.value) == null ? void 0 : f[i]) ?? ((_ = (m = n.value) == null ? void 0 : m.global) == null ? void 0 : _[i]) ?? x : x;
     }
   }), r = Te();
   Pl(() => {
@@ -171,7 +171,7 @@ const Ut = (e) => b(() => {
       {
         [`spinner-${n.type}-sm`]: n.small
       }
-    ]), r = b(() => !xa(o.label));
+    ]), r = b(() => !ka(o.label));
     return (c, s) => (v(), F(ye(u(n).tag), {
       class: E(l.value),
       role: u(n).label || r.value ? u(n).role : null,
@@ -179,8 +179,8 @@ const Ut = (e) => b(() => {
     }, {
       default: V(() => [
         u(n).label || r.value ? (v(), h("span", lr, [
-          I(c.$slots, "label", {}, () => [
-            de(M(u(n).label), 1)
+          T(c.$slots, "label", {}, () => [
+            ue(M(u(n).label), 1)
           ])
         ])) : P("", !0)
       ]),
@@ -225,24 +225,24 @@ const Ut = (e) => b(() => {
     () => f.value && typeof (t == null ? void 0 : t.appContext.app.$nuxt) < "u"
   ), _ = b(
     () => d.value !== "a" && !f.value && !m.value
-  ), k = b(() => f.value || m.value), g = b(() => ({
+  ), x = b(() => f.value || m.value), g = b(() => ({
     to: c.value,
     replace: s.value
   })), w = l == null ? void 0 : l({
     to: c,
     replace: s
-  }), x = b(() => k.value ? w : null), $ = b(() => {
+  }), k = b(() => x.value ? w : null), $ = b(() => {
     var y;
-    if ((y = x.value) != null && y.href.value) return x.value.href.value;
+    if ((y = k.value) != null && y.href.value) return k.value.href.value;
     const C = "#";
     if (r.value.href) return r.value.href;
     if (typeof r.value.to == "string") return r.value.to || C;
-    const { to: T } = r.value;
-    if (T !== void 0 && "path" in T) {
-      const L = T.path || "", S = T.query ? `?${Object.keys(T.query).map((W) => {
+    const { to: I } = r.value;
+    if (I !== void 0 && "path" in I) {
+      const L = I.path || "", S = I.query ? `?${Object.keys(I.query).map((W) => {
         var O;
-        return `${W}=${(O = T.query) == null ? void 0 : O[W]}`;
-      }).join("=")}` : "", R = !T.hash || T.hash.charAt(0) === "#" ? T.hash || "" : `#${T.hash}`;
+        return `${W}=${(O = I.query) == null ? void 0 : O[W]}`;
+      }).join("=")}` : "", R = !I.hash || I.hash.charAt(0) === "#" ? I.hash || "" : `#${I.hash}`;
       return `${L}${S}${R}` || C;
     }
     return C;
@@ -256,7 +256,7 @@ const Ut = (e) => b(() => {
     routerName: i,
     router: n,
     route: o,
-    link: x,
+    link: k,
     linkProps: g
   };
 }, Ta = (e) => b(() => {
@@ -273,7 +273,7 @@ const Ut = (e) => b(() => {
     [`link-underline-opacity-${t.underlineOpacityHover}-hover`]: t.underlineOpacityHover !== void 0,
     "icon-link": t.icon === !0
   };
-}), ko = "active", Kn = /* @__PURE__ */ B({
+}), xo = "active", Kn = /* @__PURE__ */ B({
   __name: "BLink",
   props: {
     active: { type: Boolean, default: void 0 },
@@ -313,21 +313,21 @@ const Ut = (e) => b(() => {
         replace: o.replace,
         href: o.href
       }))
-    ), _ = Ie($a, null), k = Ie(Ba, null), g = Ta(o), w = b(() => {
+    ), _ = Ie($a, null), x = Ie(Ba, null), g = Ta(o), w = b(() => {
       var S, R;
       return [
         g.value,
         l.class,
-        x.value,
+        k.value,
         {
-          [ko]: o.active,
+          [xo]: o.active,
           [o.activeClass]: ((S = s.value) == null ? void 0 : S.isActive.value) || !1,
           [o.exactActiveClass]: ((R = s.value) == null ? void 0 : R.isExactActive.value) || !1,
           "stretched-link": o.stretched === !0
         }
       ];
-    }), x = b(() => ({
-      [ko]: o.active,
+    }), k = b(() => ({
+      [xo]: o.active,
       disabled: o.disabled
     })), $ = (S) => {
       var R, W, O;
@@ -335,12 +335,12 @@ const Ut = (e) => b(() => {
         S.preventDefault(), S.stopImmediatePropagation();
         return;
       }
-      (((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);
+      (((R = _ == null ? void 0 : _.isNav) == null ? void 0 : R.value) === !0 && x === null || x !== null && ((W = x.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(
       () => o.disabled ? "-1" : typeof l.tabindex > "u" ? null : l.tabindex
-    ), T = b(() => ({
+    ), I = b(() => ({
       prefetch: o.prefetch,
       noPrefetch: o.noPrefetch,
       prefetchOn: o.prefetchOn,
@@ -350,7 +350,7 @@ const Ut = (e) => b(() => {
       ...d.value ? f.value : void 0,
       // In addition to being Nuxt specific, we add these values if it's some non-standard tag. We don't know what it is,
       // So we just add it anyways. It will be made as an attr if it's unused so it's fine
-      ...i.value || m.value ? T.value : void 0
+      ...i.value || m.value ? I.value : void 0
     }));
     return (S, R) => (v(), F(ye(u(c)), Se({
       class: w.value,
@@ -366,7 +366,7 @@ const Ut = (e) => b(() => {
       })
     }), {
       default: V(() => [
-        I(S.$slots, "default")
+        T(S.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "target", "href", "rel", "tabindex", "aria-disabled"]));
@@ -442,11 +442,11 @@ function _r(...e) {
     n && (clearTimeout(n), n = void 0, a(), a = rt);
   };
   return (m) => {
-    const _ = Ge(r), k = Date.now() - t, g = () => l = m();
-    return d(), _ <= 0 ? (t = Date.now(), g()) : (k > _ && (s || !o) ? (t = Date.now(), g()) : c && (l = new Promise((w, x) => {
-      a = i ? x : w, n = setTimeout(() => {
+    const _ = Ge(r), x = Date.now() - t, g = () => l = m();
+    return d(), _ <= 0 ? (t = Date.now(), g()) : (x > _ && (s || !o) ? (t = Date.now(), g()) : c && (l = new Promise((w, k) => {
+      a = i ? k : w, n = setTimeout(() => {
         t = Date.now(), o = !0, w(g()), d();
-      }, Math.max(0, _ - k));
+      }, Math.max(0, _ - x));
     })), !s && !n && (n = setTimeout(() => o = !0, _)), o = !1, l);
   };
 }
@@ -454,8 +454,8 @@ function yr(e) {
   const t = /* @__PURE__ */ Object.create(null);
   return (n) => t[n] || (t[n] = e(n));
 }
-const wr = /-(\w)/g, xr = yr((e) => e.replace(wr, (t, n) => n ? n.toUpperCase() : ""));
-function kr(e, t = 200, n = {}) {
+const wr = /-(\w)/g, kr = yr((e) => e.replace(wr, (t, n) => n ? n.toUpperCase() : ""));
+function xr(e, t = 200, n = {}) {
   return Pa(
     gr(t, n),
     e
@@ -507,7 +507,7 @@ function Co(e = {}) {
 function $r(e) {
   const t = {};
   for (const n in e)
-    t[xr(n)] = e[n];
+    t[kr(n)] = e[n];
   return t;
 }
 const hn = Da ? window : void 0;
@@ -530,7 +530,7 @@ function Ne(...e) {
         return;
       const m = mr(f) ? { ...f } : f;
       l.push(
-        ...n.flatMap((_) => o.map((k) => c(d, _, k, m)))
+        ...n.flatMap((_) => o.map((x) => c(d, _, x, m)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -548,10 +548,10 @@ function Fa(e, t, n = {}) {
   let c = !0;
   const s = (g) => Ge(a).some((w) => {
     if (typeof w == "string")
-      return Array.from(o.document.querySelectorAll(w)).some((x) => x === g.target || g.composedPath().includes(x));
+      return Array.from(o.document.querySelectorAll(w)).some((k) => k === g.target || g.composedPath().includes(k));
     {
-      const x = Bt(w);
-      return x && (g.target === x || g.composedPath().includes(x));
+      const k = Bt(w);
+      return k && (g.target === k || g.composedPath().includes(k));
     }
   });
   function i(g) {
@@ -559,7 +559,7 @@ function Fa(e, t, n = {}) {
     return w && w.$.subTree.shapeFlag === 16;
   }
   function d(g, w) {
-    const x = Ge(g), $ = x.$.subTree && x.$.subTree.children;
+    const k = Ge(g), $ = k.$.subTree && k.$.subTree.children;
     return $ == null || !Array.isArray($) ? !1 : $.some((y) => y.el === w.target || w.composedPath().includes(y.el));
   }
   const f = (g) => {
@@ -586,8 +586,8 @@ function Fa(e, t, n = {}) {
     r && Ne(o, "blur", (g) => {
       setTimeout(() => {
         var w;
-        const x = Bt(e);
-        ((w = o.document.activeElement) == null ? void 0 : w.tagName) === "IFRAME" && !(x != null && x.contains(o.document.activeElement)) && t(g);
+        const k = Bt(e);
+        ((w = o.document.activeElement) == null ? void 0 : w.tagName) === "IFRAME" && !(k != null && k.contains(o.document.activeElement)) && t(g);
       }, 0);
     })
   ].filter(Boolean);
@@ -648,13 +648,13 @@ function Sr(e = {}) {
     eventFilter: s
   } = e;
   let i = null, d = 0, f = 0;
-  const m = ne(a.x), _ = ne(a.y), k = ne(null), g = typeof t == "function" ? t : Br[t], w = (S) => {
+  const m = ne(a.x), _ = ne(a.y), x = ne(null), g = typeof t == "function" ? t : Br[t], w = (S) => {
     const R = g(S);
-    i = S, R && ([m.value, _.value] = R, k.value = "mouse"), l && (d = l.scrollX, f = l.scrollY);
-  }, x = (S) => {
+    i = S, R && ([m.value, _.value] = R, x.value = "mouse"), l && (d = l.scrollX, f = l.scrollY);
+  }, k = (S) => {
     if (S.touches.length > 0) {
       const R = g(S.touches[0]);
-      R && ([m.value, _.value] = R, k.value = "touch");
+      R && ([m.value, _.value] = R, x.value = "touch");
     }
   }, $ = () => {
     if (!i || !l)
@@ -663,15 +663,15 @@ function Sr(e = {}) {
     i instanceof MouseEvent && S && (m.value = S[0] + l.scrollX - d, _.value = S[1] + l.scrollY - f);
   }, 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(() => $(), {}) : () => $();
+  }, C = s ? (S) => s(() => w(S), {}) : (S) => w(S), I = s ? (S) => s(() => k(S), {}) : (S) => k(S), L = s ? () => s(() => $(), {}) : () => $();
   if (r) {
     const S = { passive: !0 };
-    Ne(r, ["mousemove", "dragover"], C, S), n && t !== "movement" && (Ne(r, ["touchstart", "touchmove"], T, S), o && Ne(r, "touchend", y, S)), c && t === "page" && Ne(l, "scroll", L, { passive: !0 });
+    Ne(r, ["mousemove", "dragover"], C, S), n && t !== "movement" && (Ne(r, ["touchstart", "touchmove"], I, S), o && Ne(r, "touchend", y, S)), c && t === "page" && Ne(l, "scroll", L, { passive: !0 });
   }
   return {
     x: m,
     y: _,
-    sourceType: k
+    sourceType: x
   };
 }
 const tn = /* @__PURE__ */ B({
@@ -725,15 +725,15 @@ const tn = /* @__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), _ = b(() => f.value ? s.value : []), k = b(() => o.href === "#" && o.disabled ? !0 : m.value ? o.disabled : null), g = b(() => {
-      var T;
-      return ((T = o.variant) == null ? void 0 : T.startsWith("link")) || !1;
+    ), f = b(() => o.to !== void 0), m = b(() => o.href !== void 0 ? !1 : !d.value), _ = b(() => f.value ? s.value : []), x = b(() => o.href === "#" && o.disabled ? !0 : m.value ? o.disabled : null), g = b(() => {
+      var I;
+      return ((I = o.variant) == null ? void 0 : I.startsWith("link")) || !1;
     }), w = b(() => {
-      var T;
-      return ((T = o.variant) == null ? void 0 : T.startsWith("link-")) || !1;
-    }), x = Ta(
+      var I;
+      return ((I = o.variant) == null ? void 0 : I.startsWith("link-")) || !1;
+    }), k = Ta(
       b(() => {
-        var T;
+        var I;
         return {
           ...g.value ? {
             icon: o.icon,
@@ -744,12 +744,12 @@ const tn = /* @__PURE__ */ B({
             underlineOpacity: o.underlineOpacity,
             underlineOpacityHover: o.underlineOpacityHover,
             underlineVariant: o.underlineVariant,
-            variant: w.value === !0 ? (T = o.variant) == null ? void 0 : T.slice(5) : null
+            variant: w.value === !0 ? (I = o.variant) == null ? void 0 : I.slice(5) : null
           } : void 0
         };
       })
     ), $ = b(() => [
-      g.value === !0 && c.value === !1 ? x.value : void 0,
+      g.value === !0 && c.value === !1 ? k.value : void 0,
       [`btn-${o.size}`],
       {
         [`btn-${o.variant}`]: o.variant !== null && w.value === !1,
@@ -758,26 +758,26 @@ const tn = /* @__PURE__ */ B({
         "rounded-0": o.squared,
         disabled: o.disabled
       }
-    ]), y = b(() => f.value ? Kn : o.href ? "a" : o.tag), C = (T) => {
+    ]), y = b(() => f.value ? Kn : o.href ? "a" : o.tag), C = (I) => {
       if (o.disabled) {
-        T.preventDefault(), T.stopPropagation();
+        I.preventDefault(), I.stopPropagation();
         return;
       }
-      a("click", T), i.value && (r.value = !r.value);
+      a("click", I), i.value && (r.value = !r.value);
     };
     return ct(
       [" ", "enter"],
-      (T) => {
+      (I) => {
         var L;
-        o.href === "#" && (T.preventDefault(), (L = l.value) == null || L.click());
+        o.href === "#" && (I.preventDefault(), (L = l.value) == null || L.click());
       },
       { target: l }
-    ), (T, L) => (v(), F(ye(y.value), Se({
+    ), (I, L) => (v(), F(ye(y.value), Se({
       ref: "_element",
       class: "btn"
     }, _.value, {
       class: $.value,
-      "aria-disabled": k.value,
+      "aria-disabled": x.value,
       "aria-pressed": i.value ? r.value : null,
       autocomplete: i.value ? "off" : null,
       disabled: d.value ? u(o).disabled : null,
@@ -790,17 +790,17 @@ const tn = /* @__PURE__ */ B({
       onClick: C
     }), {
       default: V(() => [
-        u(o).loading ? I(T.$slots, "loading", { key: 0 }, () => [
-          u(o).loadingFill ? P("", !0) : (v(), h(ue, { key: 0 }, [
-            de(M(u(o).loadingText), 1)
+        u(o).loading ? T(I.$slots, "loading", { key: 0 }, () => [
+          u(o).loadingFill ? P("", !0) : (v(), h(ce, { key: 0 }, [
+            ue(M(u(o).loadingText), 1)
           ], 64)),
-          I(T.$slots, "loading-spinner", {}, () => [
+          T(I.$slots, "loading-spinner", {}, () => [
             H(rr, {
               small: u(o).size !== "lg",
               label: u(o).loadingFill ? u(o).loadingText : void 0
             }, null, 8, ["small", "label"])
           ])
-        ]) : I(T.$slots, "default", { key: 1 })
+        ]) : T(I.$slots, "default", { key: 1 })
       ]),
       _: 3
     }, 16, ["class", "aria-disabled", "aria-pressed", "autocomplete", "disabled", "href", "rel", "role", "target", "type", "to"]));
@@ -826,7 +826,7 @@ const tn = /* @__PURE__ */ B({
       "aria-label": u(n).ariaLabel
     }, {
       default: V(() => [
-        I(a.$slots, "default")
+        T(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "aria-label"]));
@@ -937,7 +937,7 @@ const So = {
     }
     e.value ? $() : y();
   });
-  const _ = ne(s), k = ne(!1), g = b(
+  const _ = ne(s), x = ne(!1), g = b(
     () => t.noAnimation || t.noFade || _.value || !1
   );
   vn(() => {
@@ -973,7 +973,7 @@ const So = {
     ...G,
     componentId: a == null ? void 0 : a.value
   });
-  let x;
+  let k;
   const $ = () => {
     if (i.value) return;
     const Y = w("show", { cancelable: !0 });
@@ -985,7 +985,7 @@ const So = {
     }
     d.value = !0, f.value = !0, requestAnimationFrame(() => {
       var G;
-      x = setTimeout(
+      k = setTimeout(
         () => {
           var ae;
           i.value = !0, (ae = l.showFn) == null || ae.call(l), e.value || (c = !0, lt(() => {
@@ -1003,7 +1003,7 @@ const So = {
       n("hide-prevented", w("hide-prevented"));
       return;
     }
-    if (x && (clearTimeout(x), x = void 0), Y && n(Y, le), n("hide", ae), ae.defaultPrevented || le.defaultPrevented) {
+    if (k && (clearTimeout(k), k = void 0), Y && n(Y, le), n("hide", ae), ae.defaultPrevented || le.defaultPrevented) {
       n("hide-prevented", w("hide-prevented")), e.value || lt(() => {
         c = !0, e.value = !0;
       });
@@ -1011,12 +1011,12 @@ const So = {
     }
     setTimeout(
       () => {
-        var ce;
-        O.value = !0, i.value = !1, (ce = l.hideFn) == null || ce.call(l), e.value && (c = !0, e.value = m ? 0 : !1);
+        var de;
+        O.value = !0, i.value = !1, (de = l.hideFn) == null || de.call(l), e.value && (c = !0, e.value = m ? 0 : !1);
       },
       _.value ? 0 : typeof t.delay == "number" ? t.delay : ((G = t.delay) == null ? void 0 : G.hide) || 0
     );
-  }, C = $o((Y) => y(Y), 500), T = $o(() => $(), 500), L = () => {
+  }, C = $o((Y) => y(Y), 500), I = $o(() => $(), 500), L = () => {
     const Y = w("toggle", { cancelable: !0 });
     if (n("toggle", Y), Y.defaultPrevented) {
       n("toggle-prevented", w("toggle-prevented"));
@@ -1039,43 +1039,43 @@ const So = {
   const R = ne(!1), W = () => {
     t.lazy === !0 && (R.value = !0);
   }, O = ne(!1), Q = ne(!1), D = ne(!1), X = (Y) => {
-    var G, ae, le, ce;
-    (ae = (G = l.transitionProps) == null ? void 0 : G.onBeforeEnter) == null || ae.call(G, Y), (ce = (le = t.transitionProps) == null ? void 0 : le.onBeforeEnter) == null || ce.call(le, Y), Q.value = !0;
+    var G, ae, le, de;
+    (ae = (G = l.transitionProps) == null ? void 0 : G.onBeforeEnter) == null || ae.call(G, Y), (de = (le = t.transitionProps) == null ? void 0 : le.onBeforeEnter) == null || de.call(le, Y), Q.value = !0;
   }, q = (Y) => {
-    var G, ae, le, ce;
+    var G, ae, le, de;
     requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         D.value = !0;
       });
-    }), (ae = (G = l.transitionProps) == null ? void 0 : G.onEnter) == null || ae.call(G, Y), (ce = (le = t.transitionProps) == null ? void 0 : le.onEnter) == null || ce.call(le, Y);
+    }), (ae = (G = l.transitionProps) == null ? void 0 : G.onEnter) == null || ae.call(G, Y), (de = (le = t.transitionProps) == null ? void 0 : le.onEnter) == null || de.call(le, Y);
   }, Z = (Y) => {
-    var G, ae, le, ce;
-    n("shown", w("shown")), W(), (ae = (G = l.transitionProps) == null ? void 0 : G.onAfterEnter) == null || ae.call(G, Y), (ce = (le = t.transitionProps) == null ? void 0 : le.onAfterEnter) == null || ce.call(le, Y), _.value && requestAnimationFrame(() => {
+    var G, ae, le, de;
+    n("shown", w("shown")), W(), (ae = (G = l.transitionProps) == null ? void 0 : G.onAfterEnter) == null || ae.call(G, Y), (de = (le = t.transitionProps) == null ? void 0 : le.onAfterEnter) == null || de.call(le, Y), _.value && requestAnimationFrame(() => {
       _.value = !1;
-    }), k.value && (k.value = !1);
+    }), x.value && (x.value = !1);
   }, ie = (Y) => {
-    var G, ae, le, ce;
-    O.value || (O.value = !0), (ae = (G = l.transitionProps) == null ? void 0 : G.onBeforeLeave) == null || ae.call(G, Y), (ce = (le = t.transitionProps) == null ? void 0 : le.onBeforeLeave) == null || ce.call(le, Y);
+    var G, ae, le, de;
+    O.value || (O.value = !0), (ae = (G = l.transitionProps) == null ? void 0 : G.onBeforeLeave) == null || ae.call(G, Y), (de = (le = t.transitionProps) == null ? void 0 : le.onBeforeLeave) == null || de.call(le, Y);
   }, K = (Y) => {
-    var G, ae, le, ce;
-    D.value = !1, (ae = (G = l.transitionProps) == null ? void 0 : G.onLeave) == null || ae.call(G, Y), (ce = (le = t.transitionProps) == null ? void 0 : le.onLeave) == null || ce.call(le, Y);
+    var G, ae, le, de;
+    D.value = !1, (ae = (G = l.transitionProps) == null ? void 0 : G.onLeave) == null || ae.call(G, Y), (de = (le = t.transitionProps) == null ? void 0 : le.onLeave) == null || de.call(le, Y);
   }, he = (Y) => {
-    var G, ae, le, ce;
-    n("hidden", w("hidden")), (ae = (G = l.transitionProps) == null ? void 0 : G.onAfterLeave) == null || ae.call(G, Y), (ce = (le = t.transitionProps) == null ? void 0 : le.onAfterLeave) == null || ce.call(le, Y), O.value = !1, Q.value = !1, _.value && requestAnimationFrame(() => {
+    var G, ae, le, de;
+    n("hidden", w("hidden")), (ae = (G = l.transitionProps) == null ? void 0 : G.onAfterLeave) == null || ae.call(G, Y), (de = (le = t.transitionProps) == null ? void 0 : le.onAfterLeave) == null || de.call(le, Y), O.value = !1, Q.value = !1, _.value && requestAnimationFrame(() => {
       _.value = !1;
     }), requestAnimationFrame(() => {
-      k.value || (d.value = !1);
+      x.value || (d.value = !1);
     });
-  }, xe = b(
-    () => k.value === !0 || Q.value === !0 || t.lazy === !1 || t.lazy === !0 && R.value === !0 && t.unmountLazy === !1
-  ), ke = ne(!1);
+  }, ke = b(
+    () => x.value === !0 || Q.value === !0 || t.lazy === !1 || t.lazy === !0 && R.value === !0 && t.unmountLazy === !1
+  ), xe = ne(!1);
   $e(D, (Y) => {
     requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           requestAnimationFrame(() => {
             setTimeout(() => {
-              ke.value = Y;
+              xe.value = Y;
             }, 32);
           });
         });
@@ -1097,16 +1097,16 @@ const So = {
     renderBackdropRef: f,
     isVisible: D,
     isActive: Q,
-    trapActive: ke,
+    trapActive: xe,
     show: $,
     hide: y,
     toggle: L,
     throttleHide: C,
-    throttleShow: T,
+    throttleShow: I,
     buildTriggerableEvent: w,
     computedNoAnimation: g,
     localNoAnimation: _,
-    localTemporaryHide: k,
+    localTemporaryHide: x,
     isLeaving: O,
     transitionProps: {
       ...So,
@@ -1115,7 +1115,7 @@ const So = {
     },
     lazyLoadCompleted: R,
     markLazyLoadCompleted: W,
-    contentShowing: xe,
+    contentShowing: ke,
     backdropReady: Oe,
     backdropVisible: Re,
     backdropTransitionProps: {
@@ -1312,17 +1312,17 @@ const Or = async (e, t, n) => {
   }), {
     x: d,
     y: f
-  } = Lo(i, o, s), m = o, _ = {}, k = 0;
+  } = Lo(i, o, s), m = o, _ = {}, x = 0;
   for (let g = 0; g < c.length; g++) {
     const {
       name: w,
-      fn: x
+      fn: k
     } = c[g], {
       x: $,
       y,
       data: C,
-      reset: T
-    } = await x({
+      reset: I
+    } = await k({
       x: d,
       y: f,
       initialPlacement: o,
@@ -1342,11 +1342,11 @@ const Or = async (e, t, n) => {
         ..._[w],
         ...C
       }
-    }, T && k <= 50 && (k++, typeof T == "object" && (T.placement && (m = T.placement), T.rects && (i = T.rects === !0 ? await r.getElementRects({
+    }, I && x <= 50 && (x++, typeof I == "object" && (I.placement && (m = I.placement), I.rects && (i = I.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: t,
       strategy: a
-    }) : T.rects), {
+    }) : I.rects), {
       x: d,
       y: f
     } = Lo(i, m, s)), g = -1);
@@ -1375,7 +1375,7 @@ async function At(e, t) {
     elementContext: f = "floating",
     altBoundary: m = !1,
     padding: _ = 0
-  } = at(t, e), k = Jn(_), w = c[m ? f === "floating" ? "reference" : "floating" : f], x = Mt(await l.getClippingRect({
+  } = at(t, e), x = Jn(_), w = c[m ? f === "floating" ? "reference" : "floating" : f], k = 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,
@@ -1391,17 +1391,17 @@ async function At(e, t) {
   } : {
     x: 1,
     y: 1
-  }, T = Mt(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, I = Mt(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: c,
     rect: $,
     offsetParent: y,
     strategy: s
   }) : $);
   return {
-    top: (x.top - T.top + k.top) / C.y,
-    bottom: (T.bottom - x.bottom + k.bottom) / C.y,
-    left: (x.left - T.left + k.left) / C.x,
-    right: (T.right - x.right + k.right) / C.x
+    top: (k.top - I.top + x.top) / C.y,
+    bottom: (I.bottom - k.bottom + x.bottom) / C.y,
+    left: (k.left - I.left + x.left) / C.x,
+    right: (I.right - k.right + x.right) / C.x
   };
 }
 const Er = (e) => ({
@@ -1425,10 +1425,10 @@ const Er = (e) => ({
     const f = Jn(d), m = {
       x: n,
       y: o
-    }, _ = Qn(a), k = Zn(_), g = 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));
+    }, _ = Qn(a), x = Zn(_), g = await r.getDimensions(i), w = _ === "y", k = w ? "top" : "left", $ = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", C = l.reference[x] + l.reference[_] - m[_] - l.floating[x], I = 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 - g[k] / 2 - 1, O = Ye(f[x], W), Q = Ye(f[$], W), D = O, X = S - g[k] - Q, q = S / 2 - g[k] / 2 + R, Z = Fn(D, q, X), ie = !s.arrow && Ue(a) != null && q !== Z && l.reference[k] / 2 - (q < D ? O : Q) - g[k] / 2 < 0, K = ie ? q < D ? q - D : q - X : 0;
+    (!S || !await (r.isElement == null ? void 0 : r.isElement(L))) && (S = c.floating[y] || l.floating[x]);
+    const R = C / 2 - I / 2, W = S / 2 - g[x] / 2 - 1, O = Ye(f[k], W), Q = Ye(f[$], W), D = O, X = S - g[x] - Q, q = S / 2 - g[x] / 2 + R, Z = Fn(D, q, X), ie = !s.arrow && Ue(a) != null && q !== Z && l.reference[x] / 2 - (q < D ? O : Q) - g[x] / 2 < 0, K = ie ? q < D ? q - D : q - X : 0;
     return {
       [_]: m[_] + K,
       data: {
@@ -1462,8 +1462,8 @@ const Hr = function(e) {
         alignment: f,
         allowedPlacements: m = Ao,
         autoAlignment: _ = !0,
-        ...k
-      } = at(e, t), g = f !== void 0 || m === Ao ? Nr(f || null, _, m) : m, w = await At(t, k), x = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, $ = g[x];
+        ...x
+      } = at(e, t), g = f !== void 0 || m === Ao ? Nr(f || null, _, m) : m, w = await At(t, x), k = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, $ = g[k];
       if ($ == null)
         return {};
       const y = za($, l, await (s.isRTL == null ? void 0 : s.isRTL(i.floating)));
@@ -1473,21 +1473,21 @@ const Hr = function(e) {
             placement: g[0]
           }
         };
-      const C = [w[Ve($)], w[y[0]], w[y[1]]], T = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
+      const C = [w[Ve($)], w[y[0]], w[y[1]]], I = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
         placement: $,
         overflows: C
-      }], L = g[x + 1];
+      }], L = g[k + 1];
       if (L)
         return {
           data: {
-            index: x + 1,
-            overflows: T
+            index: k + 1,
+            overflows: I
           },
           reset: {
             placement: L
           }
         };
-      const S = T.map((O) => {
+      const S = I.map((O) => {
         const Q = Ue(O.placement);
         return [O.placement, Q && d ? (
           // Check along the mainAxis and main crossAxis side.
@@ -1504,8 +1504,8 @@ const Hr = function(e) {
       ).every((Q) => Q <= 0))[0]) == null ? void 0 : a[0]) || S[0][0];
       return W !== c ? {
         data: {
-          index: x + 1,
-          overflows: T
+          index: k + 1,
+          overflows: I
         },
         reset: {
           placement: W
@@ -1531,17 +1531,17 @@ const Hr = function(e) {
         crossAxis: f = !0,
         fallbackPlacements: m,
         fallbackStrategy: _ = "bestFit",
-        fallbackAxisSideDirection: k = "none",
+        fallbackAxisSideDirection: x = "none",
         flipAlignment: g = !0,
         ...w
       } = at(e, t);
       if ((n = l.arrow) != null && n.alignmentOffset)
         return {};
-      const x = Ve(a), $ = it(c), y = Ve(c) === c, C = await (s.isRTL == null ? void 0 : s.isRTL(i.floating)), T = m || (y || !g ? [rn(c)] : Pr(c)), L = k !== "none";
-      !m && L && T.push(...Vr(c, g, k, C));
-      const S = [c, ...T], R = await At(t, w), W = [];
+      const k = Ve(a), $ = it(c), y = Ve(c) === c, C = await (s.isRTL == null ? void 0 : s.isRTL(i.floating)), I = m || (y || !g ? [rn(c)] : Pr(c)), L = x !== "none";
+      !m && L && I.push(...Vr(c, g, x, C));
+      const S = [c, ...I], R = await At(t, w), W = [];
       let O = ((o = l.flip) == null ? void 0 : o.overflows) || [];
-      if (d && W.push(R[x]), f) {
+      if (d && W.push(R[k]), f) {
         const q = za(a, r, C);
         W.push(R[q[0]], R[q[1]]);
       }
@@ -1568,13 +1568,13 @@ const Hr = function(e) {
               var X;
               const K = (X = O.filter((he) => {
                 if (L) {
-                  const xe = it(he.placement);
-                  return xe === $ || // Create a bias to the `y` side axis due to horizontal
+                  const ke = it(he.placement);
+                  return ke === $ || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  xe === "y";
+                  ke === "y";
                 }
                 return !0;
-              }).map((he) => [he.placement, he.overflows.filter((xe) => xe > 0).reduce((xe, ke) => xe + ke, 0)]).sort((he, xe) => he[1] - xe[1])[0]) == null ? void 0 : X[0];
+              }).map((he) => [he.placement, he.overflows.filter((ke) => ke > 0).reduce((ke, xe) => ke + xe, 0)]).sort((he, ke) => he[1] - ke[1])[0]) == null ? void 0 : X[0];
               K && (ie = K);
               break;
             }
@@ -1680,7 +1680,7 @@ const Wr = function(e) {
         x: s,
         y: i
       } = at(e, t), d = Array.from(await (l.getClientRects == null ? void 0 : l.getClientRects(o.reference)) || []), f = Yr(d), m = Mt(Ua(d)), _ = Jn(c);
-      function k() {
+      function x() {
         if (f.length === 2 && f[0].left > f[1].right && s != null && i != null)
           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) {
@@ -1697,10 +1697,10 @@ const Wr = function(e) {
               y: X
             };
           }
-          const w = Ve(n) === "left", x = Le(...f.map((O) => O.right)), $ = Ye(...f.map((O) => O.left)), y = f.filter((O) => w ? O.left === $ : O.right === x), C = y[0].top, T = y[y.length - 1].bottom, L = $, S = x, R = S - L, W = T - C;
+          const w = Ve(n) === "left", k = Le(...f.map((O) => O.right)), $ = Ye(...f.map((O) => O.left)), y = f.filter((O) => w ? O.left === $ : O.right === k), C = y[0].top, I = y[y.length - 1].bottom, L = $, S = k, R = S - L, W = I - C;
           return {
             top: C,
-            bottom: T,
+            bottom: I,
             left: L,
             right: S,
             width: R,
@@ -1713,7 +1713,7 @@ const Wr = function(e) {
       }
       const g = await l.getElementRects({
         reference: {
-          getBoundingClientRect: k
+          getBoundingClientRect: x
         },
         floating: o.floating,
         strategy: r
@@ -1735,7 +1735,7 @@ async function qr(e, t) {
   let {
     mainAxis: m,
     crossAxis: _,
-    alignmentAxis: k
+    alignmentAxis: x
   } = typeof f == "number" ? {
     mainAxis: f,
     crossAxis: 0,
@@ -1745,7 +1745,7 @@ async function qr(e, t) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return c && typeof k == "number" && (_ = c === "end" ? k * -1 : k), s ? {
+  return c && typeof x == "number" && (_ = c === "end" ? x * -1 : x), s ? {
     x: _ * d,
     y: m * i
   } : {
@@ -1790,11 +1790,11 @@ const jr = function(e) {
         limiter: c = {
           fn: (w) => {
             let {
-              x,
+              x: k,
               y: $
             } = w;
             return {
-              x,
+              x: k,
               y: $
             };
           }
@@ -1804,19 +1804,19 @@ const jr = function(e) {
         x: n,
         y: o
       }, d = await At(t, s), f = it(Ve(a)), m = Ha(f);
-      let _ = i[m], k = i[f];
+      let _ = i[m], x = i[f];
       if (l) {
-        const w = m === "y" ? "top" : "left", x = m === "y" ? "bottom" : "right", $ = _ + d[w], y = _ - d[x];
+        const w = m === "y" ? "top" : "left", k = m === "y" ? "bottom" : "right", $ = _ + d[w], y = _ - d[k];
         _ = Fn($, _, y);
       }
       if (r) {
-        const w = f === "y" ? "top" : "left", x = f === "y" ? "bottom" : "right", $ = k + d[w], y = k - d[x];
-        k = Fn($, k, y);
+        const w = f === "y" ? "top" : "left", k = f === "y" ? "bottom" : "right", $ = x + d[w], y = x - d[k];
+        x = Fn($, x, y);
       }
       const g = c.fn({
         ...t,
         [m]: _,
-        [f]: k
+        [f]: x
       });
       return {
         ...g,
@@ -1847,16 +1847,16 @@ const jr = function(e) {
         },
         ...i
       } = at(e, t), d = await At(t, i), f = Ve(a), m = Ue(a), _ = it(a) === "y", {
-        width: k,
+        width: x,
         height: g
       } = l.floating;
-      let w, x;
-      f === "top" || f === "bottom" ? (w = f, x = m === (await (r.isRTL == null ? void 0 : r.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (x = f, w = m === "end" ? "top" : "bottom");
-      const $ = g - d.top - d.bottom, y = k - d.left - d.right, C = Ye(g - d[w], $), T = Ye(k - d[x], y), L = !t.middlewareData.shift;
-      let S = C, R = T;
+      let w, k;
+      f === "top" || f === "bottom" ? (w = f, k = m === (await (r.isRTL == null ? void 0 : r.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (k = f, w = m === "end" ? "top" : "bottom");
+      const $ = g - d.top - d.bottom, y = x - d.left - d.right, C = Ye(g - d[w], $), I = Ye(x - d[k], y), L = !t.middlewareData.shift;
+      let S = C, R = I;
       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);
-        _ ? R = k - 2 * (O !== 0 || Q !== 0 ? O + Q : Le(d.left, d.right)) : S = g - 2 * (D !== 0 || X !== 0 ? D + X : Le(d.top, d.bottom));
+        _ ? R = x - 2 * (O !== 0 || Q !== 0 ? O + Q : Le(d.left, d.right)) : S = g - 2 * (D !== 0 || X !== 0 ? D + X : Le(d.top, d.bottom));
       }
       await s({
         ...t,
@@ -1864,7 +1864,7 @@ const jr = function(e) {
         availableHeight: S
       });
       const W = await r.getDimensions(c.floating);
-      return k !== W.width || g !== W.height ? {
+      return x !== W.width || g !== W.height ? {
         reset: {
           rects: !0
         }
@@ -2029,10 +2029,10 @@ function pt(e, t, n, o) {
   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), _ = o && We(o) ? Fe(o) : o;
-    let k = m, g = Vn(k);
-    for (; g && o && _ !== k; ) {
-      const w = St(g), x = g.getBoundingClientRect(), $ = qe(g), y = x.left + (g.clientLeft + parseFloat($.paddingLeft)) * w.x, C = x.top + (g.clientTop + parseFloat($.paddingTop)) * w.y;
-      s *= w.x, i *= w.y, d *= w.x, f *= w.y, s += y, i += C, k = Fe(g), g = Vn(k);
+    let x = m, g = Vn(x);
+    for (; g && o && _ !== x; ) {
+      const w = St(g), k = g.getBoundingClientRect(), $ = qe(g), y = k.left + (g.clientLeft + parseFloat($.paddingLeft)) * w.x, C = k.top + (g.clientTop + parseFloat($.paddingTop)) * w.y;
+      s *= w.x, i *= w.y, d *= w.x, f *= w.y, s += y, i += C, x = Fe(g), g = Vn(x);
     }
   }
   return Mt({
@@ -2279,13 +2279,13 @@ function fi(e, t) {
     } = e.getBoundingClientRect();
     if (c || t(), !f || !m)
       return;
-    const _ = qt(d), k = qt(a.clientWidth - (i + f)), g = qt(a.clientHeight - (d + m)), w = qt(i), $ = {
-      rootMargin: -_ + "px " + -k + "px " + -g + "px " + -w + "px",
+    const _ = qt(d), x = qt(a.clientWidth - (i + f)), g = qt(a.clientHeight - (d + m)), w = qt(i), $ = {
+      rootMargin: -_ + "px " + -x + "px " + -g + "px " + -w + "px",
       threshold: Le(0, Ye(1, s)) || 1
     };
     let y = !0;
-    function C(T) {
-      const L = T[0].intersectionRatio;
+    function C(I) {
+      const L = I[0].intersectionRatio;
       if (L !== s) {
         if (!y)
           return r();
@@ -2317,31 +2317,31 @@ function Ka(e, t, n, o) {
     layoutShift: c = typeof IntersectionObserver == "function",
     animationFrame: s = !1
   } = o, i = oo(e), d = a || l ? [...i ? Ot(i) : [], ...Ot(t)] : [];
-  d.forEach((x) => {
-    a && x.addEventListener("scroll", n, {
+  d.forEach((k) => {
+    a && k.addEventListener("scroll", n, {
       passive: !0
-    }), l && x.addEventListener("resize", n);
+    }), l && k.addEventListener("resize", n);
   });
   const f = i && c ? fi(i, n) : null;
   let m = -1, _ = null;
-  r && (_ = new ResizeObserver((x) => {
-    let [$] = x;
+  r && (_ = new ResizeObserver((k) => {
+    let [$] = k;
     $ && $.target === i && _ && (_.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       var y;
       (y = _) == null || y.observe(t);
     })), n();
   }), i && !s && _.observe(i), _.observe(t));
-  let k, g = s ? pt(e) : null;
+  let x, g = s ? pt(e) : null;
   s && w();
   function w() {
-    const x = pt(e);
-    g && (x.x !== g.x || x.y !== g.y || x.width !== g.width || x.height !== g.height) && n(), g = x, k = requestAnimationFrame(w);
+    const k = pt(e);
+    g && (k.x !== g.x || k.y !== g.y || k.width !== g.width || k.height !== g.height) && n(), g = k, x = requestAnimationFrame(w);
   }
   return n(), () => {
-    var x;
+    var k;
     d.forEach(($) => {
       a && $.removeEventListener("scroll", n), l && $.removeEventListener("resize", n);
-    }), f == null || f(), (x = _) == null || x.disconnect(), _ = null, s && cancelAnimationFrame(k);
+    }), f == null || f(), (k = _) == null || k.disconnect(), _ = null, s && cancelAnimationFrame(x);
   };
 }
 const Za = jr, vi = Hr, Qa = Gr, Ja = zr, el = Xr, pi = Ur, mi = Er, hi = Wr, bi = (e, t, n) => {
@@ -2404,7 +2404,7 @@ function nl(e, t, n) {
   }), s = b(() => {
     var S;
     return (S = Ct(n.transform)) != null ? S : !0;
-  }), i = b(() => Rn(e.value)), d = b(() => Rn(t.value)), f = ne(0), m = ne(0), _ = ne(c.value), k = ne(r.value), g = Te({}), w = ne(!1), x = b(() => {
+  }), i = b(() => Rn(e.value)), d = b(() => Rn(t.value)), f = ne(0), m = ne(0), _ = ne(c.value), x = ne(r.value), g = Te({}), w = ne(!1), k = b(() => {
     const S = {
       position: _.value,
       left: "0",
@@ -2435,13 +2435,13 @@ function nl(e, t, n) {
       placement: r.value,
       strategy: c.value
     }).then((R) => {
-      f.value = R.x, m.value = R.y, _.value = R.strategy, k.value = R.placement, g.value = R.middlewareData, w.value = S !== !1;
+      f.value = R.x, m.value = R.y, _.value = R.strategy, x.value = R.placement, g.value = R.middlewareData, w.value = S !== !1;
     });
   }
   function C() {
     typeof $ == "function" && ($(), $ = void 0);
   }
-  function T() {
+  function I() {
     if (C(), o === void 0) {
       y();
       return;
@@ -2456,22 +2456,22 @@ function nl(e, t, n) {
   }
   return $e([l, r, c, a], y, {
     flush: "sync"
-  }), $e([i, d], T, {
+  }), $e([i, d], I, {
     flush: "sync"
   }), $e(a, L, {
     flush: "sync"
   }), ua() && ca(C), {
-    x: kt(f),
-    y: kt(m),
-    strategy: kt(_),
-    placement: kt(k),
-    middlewareData: kt(g),
-    isPositioned: kt(w),
-    floatingStyles: x,
+    x: xt(f),
+    y: xt(m),
+    strategy: xt(_),
+    placement: xt(x),
+    middlewareData: xt(g),
+    isPositioned: xt(w),
+    floatingStyles: k,
     update: y
   };
 }
-const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
+const yi = fr(Sr), wi = ["id"], ki = ["id"], xi = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "BPopover",
   props: /* @__PURE__ */ ee({
@@ -2518,14 +2518,14 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__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 = ot(() => a.id, "popover"), i = ne(!1), d = Ce("_element"), f = Ce("_content"), m = Ce("_arrow"), _ = Ce("_placeholder"), k = ne(null), g = ne(null), w = b(() => a.placement.startsWith("auto")), x = en(() => a.offset ?? NaN), $ = b(
+    const a = Me(e, "BPopover"), l = n, r = bt(), c = re(e, "modelValue"), s = ot(() => a.id, "popover"), i = ne(!1), d = Ce("_element"), f = Ce("_content"), m = Ce("_arrow"), _ = Ce("_placeholder"), x = ne(null), g = ne(null), w = b(() => a.placement.startsWith("auto")), k = en(() => a.offset ?? NaN), $ = b(
       () => lo(a.boundary) ? a.boundary : void 0
     ), y = b(
       () => ol(a.boundary) ? a.boundary : void 0
-    ), C = ne({}), T = b(() => {
+    ), C = ne({}), I = b(() => {
       if (a.floatingMiddleware !== void 0)
         return a.floatingMiddleware;
-      const J = a.offset !== null ? x.value : a.tooltip ? 6 : 8, j = [Za(J)];
+      const J = a.offset !== null ? k.value : a.tooltip ? 6 : 8, j = [Za(J)];
       return a.noFlip === !1 && !w.value && j.push(
         Ja({
           boundary: $.value,
@@ -2567,9 +2567,9 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
       ), j;
     }), L = b(
       () => w.value ? void 0 : a.placement
-    ), { floatingStyles: S, middlewareData: R, placement: W, update: O } = nl(k, d, {
+    ), { floatingStyles: S, middlewareData: R, placement: W, update: O } = nl(x, d, {
       placement: L,
-      middleware: T,
+      middleware: I,
       strategy: ze(() => a.strategy)
     }), Q = ne({ position: "absolute" });
     $e(R, (J) => {
@@ -2591,8 +2591,8 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
       toggle: ie,
       throttleHide: K,
       computedNoAnimation: he,
-      transitionProps: xe,
-      contentShowing: ke,
+      transitionProps: ke,
+      contentShowing: xe,
       isVisible: Re,
       renderRef: Oe,
       localTemporaryHide: se
@@ -2600,7 +2600,7 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
       showFn: () => {
         O(), lt(() => {
           D = Ka(
-            k.value,
+            x.value,
             d.value,
             O,
             { animationFrame: a.realtime }
@@ -2625,14 +2625,14 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
       ];
     }), { x: G, y: ae } = yi(), le = () => {
       var J, j;
-      const ve = (J = g.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, Il = !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, Dl = !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;
+      const ve = (J = g.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, kt = (window == null ? void 0 : window.scrollY) || 0, Il = !ve || G.value < ve.left + De - be || G.value > ve.right + De + be || ae.value < ve.top + kt - be || ae.value > ve.bottom + kt + be, Dl = !pe || G.value < pe.left + De - be || G.value > pe.right + De + be || ae.value < pe.top + kt - be || ae.value > pe.bottom + kt + be;
       return { triggerIsOutside: Il, isOutside: Dl };
     };
-    let ce;
+    let de;
     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 = g.value) != null && pe.contains(document == null ? void 0 : document.activeElement)) || a.noninteractive && De ? q(J == null ? void 0 : J.type) : (ce && clearTimeout(ce), ce = setTimeout(
+      const be = typeof a.delay == "number" ? a.delay : ((j = a.delay) == null ? void 0 : j.hide) || 0, { triggerIsOutside: De, isOutside: kt } = le();
+      !a.noninteractive && kt && De && !((ve = d.value) != null && ve.contains(document == null ? void 0 : document.activeElement)) && !((pe = g.value) != null && pe.contains(document == null ? void 0 : document.activeElement)) || a.noninteractive && De ? q(J == null ? void 0 : J.type) : (de && clearTimeout(de), de = setTimeout(
         () => {
           N(J);
         },
@@ -2657,9 +2657,9 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
         g.value = (J = _.value) == null ? void 0 : J.nextElementSibling;
       if (a.reference) {
         const j = nn(Ke(a.reference));
-        j ? k.value = j : console.warn("Reference element not found", a.reference);
+        j ? x.value = j : console.warn("Reference element not found", a.reference);
       } else
-        k.value = g.value;
+        x.value = g.value;
       if (!(!g.value || a.manual)) {
         if (a.click) {
           g.value.addEventListener("click", te);
@@ -2682,13 +2682,13 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
       oe(), lt(() => {
         O();
       });
-    }), Un(A), (J, j) => (v(), h(ue, null, [
+    }), Un(A), (J, j) => (v(), h(ce, null, [
       p("span", {
         id: u(s) + "_placeholder",
         ref: "_placeholder",
         style: { display: "none" }
       }, null, 8, wi),
-      I(J.$slots, "target", {
+      T(J.$slots, "target", {
         show: u(Z),
         hide: u(q),
         toggle: u(ie),
@@ -2699,7 +2699,7 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
         disabled: !u(a).teleportTo || u(a).teleportDisabled
       }, {
         default: V(() => [
-          u(Oe) || u(ke) ? (v(), F(Yn, Se({ key: 0 }, u(xe), {
+          u(Oe) || u(xe) ? (v(), F(Yn, Se({ key: 0 }, u(ke), {
             appear: c.value || u(a).visible
           }), {
             default: V(() => [
@@ -2725,20 +2725,20 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
                     key: 0,
                     class: E(["position-sticky top-0", u(a).tooltip ? "tooltip-inner" : "popover-header"])
                   }, [
-                    I(J.$slots, "title", {}, () => [
-                      de(M(u(a).title), 1)
+                    T(J.$slots, "title", {}, () => [
+                      ue(M(u(a).title), 1)
                     ], !0)
                   ], 2)) : P("", !0),
                   u(a).tooltip && !r.title && !u(a).title || !u(a).tooltip ? (v(), h("div", {
                     key: 1,
                     class: E(u(a).tooltip ? "tooltip-inner" : "popover-body")
                   }, [
-                    I(J.$slots, "default", {}, () => [
-                      de(M(u(a).content), 1)
+                    T(J.$slots, "default", {}, () => [
+                      ue(M(u(a).content), 1)
                     ], !0)
                   ], 2)) : P("", !0)
                 ], 4)
-              ], 16, xi), [
+              ], 16, ki), [
                 [fa, u(X) && !i.value]
               ])
             ]),
@@ -2749,7 +2749,7 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
       }, 8, ["to", "disabled"])
     ], 64));
   }
-}), $i = /* @__PURE__ */ Ea(ki, [["__scopeId", "data-v-9445feff"]]), Ci = (e) => {
+}), $i = /* @__PURE__ */ Ea(xi, [["__scopeId", "data-v-9445feff"]]), Ci = (e) => {
   const [t] = e.split("-");
   switch (t) {
     case "left":
@@ -2844,21 +2844,21 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
       a.default ? {
         name: "default",
         fn: V(() => [
-          I(s.$slots, "default")
+          T(s.$slots, "default")
         ]),
         key: "0"
       } : void 0,
       a.target ? {
         name: "target",
         fn: V((d) => [
-          I(s.$slots, "target", qn(va(d)))
+          T(s.$slots, "target", qn(va(d)))
         ]),
         key: "1"
       } : void 0,
       a.title ? {
         name: "title",
         fn: V(() => [
-          I(s.$slots, "title")
+          T(s.$slots, "title")
         ]),
         key: "2"
       } : void 0
@@ -2975,7 +2975,7 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
           tag: "span"
         }, u(n).dotIndicator ? { class: "visually-hidden" } : {}), {
           default: V(() => [
-            I(i.$slots, "default")
+            T(i.$slots, "default")
           ]),
           _: 3
         }, 16, ["skip"])
@@ -2999,8 +2999,8 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
         pill: ""
       }, {
         default: V(() => [
-          I(t.$slots, "default", {}, () => [
-            de(M(e.counter), 1)
+          T(t.$slots, "default", {}, () => [
+            ue(M(e.counter), 1)
           ])
         ]),
         _: 3
@@ -3059,7 +3059,7 @@ const yi = fr(Sr), wi = ["id"], xi = ["id"], ki = /* @__PURE__ */ B({
       onMouseenter: f[0] || (f[0] = (m) => n.value = !0),
       onMouseleave: f[1] || (f[1] = (m) => n.value = e.hover ?? !1)
     }, [
-      e.name ? (v(), F(ye(e.name), { key: 0 })) : I(d.$slots, "default", { key: 1 }, void 0, !0)
+      e.name ? (v(), F(ye(e.name), { key: 0 })) : T(d.$slots, "default", { key: 1 }, void 0, !0)
     ], 38));
   }
 }), z = (e, t) => {
@@ -3133,7 +3133,7 @@ const Di = we({ name: "ph-circle-notch", render: Ii }), Pi = {
       "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), _ = b(() => r.loading ? r.iconSpinner : r.iconRight), k = b(() => r.loading && r.loadingText ? r.loadingText : r.label), g = b(() => r.tooltipLabel ?? r.label), w = b(() => !!g.value && !r.hideTooltip && (r.showTooltipForce || r.hideLabel)), x = b(() => ({
+    })), m = b(() => r.loading ? r.iconSpinner : r.iconLeft), _ = b(() => r.loading ? r.iconSpinner : r.iconRight), x = b(() => r.loading && r.loadingText ? r.loadingText : r.label), g = b(() => r.tooltipLabel ?? r.label), w = b(() => !!g.value && !r.hideTooltip && (r.showTooltipForce || r.hideLabel)), k = b(() => ({
       pill: r.pill,
       pressed: r.pressed,
       size: r.size ?? a,
@@ -3142,8 +3142,8 @@ const Di = we({ name: "ph-circle-notch", render: Ii }), Pi = {
       variant: r.variant ?? o
     }));
     return ($, y) => {
-      const C = yn, T = Ai, L = Si, S = tn;
-      return v(), F(S, Se(u(x), {
+      const C = yn, I = Ai, L = Si, S = tn;
+      return v(), F(S, Se(u(k), {
         id: u(d),
         ref: "element",
         class: ["button-icon", u(f)],
@@ -3152,7 +3152,7 @@ const Di = we({ name: "ph-circle-notch", render: Ii }), Pi = {
         onMouseleave: y[2] || (y[2] = (R) => i.value = !1)
       }), {
         default: V(() => [
-          I($.$slots, "start", {}, void 0, !0),
+          T($.$slots, "start", {}, void 0, !0),
           e.iconLeft || !e.iconLeft && !e.iconRight && e.loading ? (v(), F(C, {
             key: 0,
             name: u(m),
@@ -3165,8 +3165,8 @@ const Di = we({ name: "ph-circle-notch", render: Ii }), Pi = {
             class: "button-icon__icon-left"
           }, null, 8, ["name", "size", "spin", "spin-duration", "variant", "hover-variant", "hover"])) : P("", !0),
           e.hideLabel ? P("", !0) : (v(), h("span", Pi, [
-            I($.$slots, "default", qn(va({ labelOrLoadingText: u(k) })), () => [
-              de(M(u(k)), 1)
+            T($.$slots, "default", qn(va({ labelOrLoadingText: u(x) })), () => [
+              ue(M(u(x)), 1)
             ], !0)
           ])),
           e.iconRight ? (v(), F(C, {
@@ -3181,13 +3181,13 @@ const Di = we({ name: "ph-circle-notch", render: Ii }), Pi = {
             class: "button-icon__icon-right",
             onClick: y[0] || (y[0] = (R) => s("icon-right"))
           }, null, 8, ["name", "size", "spin", "spin-duration", "variant", "hover-variant", "hover"])) : P("", !0),
-          e.counter !== null ? (v(), F(T, {
+          e.counter !== null ? (v(), F(I, {
             key: 3,
             counter: e.counter,
             variant: e.counterVariant,
             style: Be(e.counterStyle)
           }, null, 8, ["counter", "variant", "style"])) : P("", !0),
-          I($.$slots, "end", {}, void 0, !0),
+          T($.$slots, "end", {}, void 0, !0),
           u(w) ? (v(), F(L, {
             key: 4,
             "teleport-to": "body",
@@ -3228,7 +3228,7 @@ function Ni(e, t) {
     }, null, -1)
   ])]);
 }
-const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
+const al = we({ name: "ph-check", render: Ni }), lh = /* @__PURE__ */ B({
   __name: "ActionCopyButton",
   props: {
     text: {},
@@ -3274,10 +3274,10 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
       class: E(["app-icon-layers", u(a)]),
       style: Be(u(o))
     }, [
-      I(l.$slots, "default", {}, void 0, !0)
+      T(l.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), ah = /* @__PURE__ */ z(Hi, [["__scopeId", "data-v-f5f17f04"]]), ll = (e, t) => b(() => {
+}), rh = /* @__PURE__ */ z(Hi, [["__scopeId", "data-v-f5f17f04"]]), ll = (e, t) => b(() => {
   const n = Ke(e), o = Ke(t);
   return n === !0 ? "true" : typeof n == "string" ? n : o === !1 ? "true" : n === !1 ? "false" : void 0;
 }), Bn = (e, t, n, o = n) => t.reduce((a, l) => (e[l] && a.push(
@@ -3358,7 +3358,7 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
       class: E(a.value)
     }, {
       default: V(() => [
-        I(l.$slots, "default")
+        T(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
@@ -3389,8 +3389,8 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
       class: E(a.value)
     }, {
       default: V(() => [
-        I(l.$slots, "default", {}, () => [
-          de(M(u(n).text), 1)
+        T(l.$slots, "default", {}, () => [
+          ue(M(u(n).text), 1)
         ])
       ]),
       _: 3
@@ -3405,7 +3405,7 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
     const n = Me(e, "BFormRow");
     return (o, a) => (v(), F(ye(u(n).tag), { class: "row d-flex flex-wrap" }, {
       default: V(() => [
-        I(o.$slots, "default")
+        T(o.$slots, "default")
       ]),
       _: 3
     }));
@@ -3431,8 +3431,8 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
       class: E(a.value)
     }, {
       default: V(() => [
-        I(l.$slots, "default", {}, () => [
-          de(M(u(n).text), 1)
+        T(l.$slots, "default", {}, () => [
+          ue(M(u(n).text), 1)
         ])
       ]),
       _: 3
@@ -3464,8 +3464,8 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
       class: E(a.value)
     }, {
       default: V(() => [
-        I(l.$slots, "default", {}, () => [
-          de(M(u(n).text), 1)
+        T(l.$slots, "default", {}, () => [
+          ue(M(u(n).text), 1)
         ])
       ]),
       _: 3
@@ -3529,7 +3529,7 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__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"), _ = b(() => f(o, "content")), k = b(
+    ), m = Ce("_content"), _ = b(() => f(o, "content")), x = b(
       () => ((D, X) => d.reduce((q, Z) => {
         const ie = Oo(
           Z === "xs" ? "" : Z,
@@ -3539,7 +3539,7 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
       }, []))(o, "label")
     ), g = b(() => f(o, "label")), w = b(
       () => Object.keys(_.value).length > 0 || Object.keys(g.value).length > 0
-    ), x = io(c), $ = ll(() => o.ariaInvalid, c), y = (D) => {
+    ), k = io(c), $ = ll(() => o.ariaInvalid, c), y = (D) => {
       if (i.value || m.value === null) return;
       const { target: X } = D, q = X ? X.tagName : "";
       if ([...t, "a", "button", "label"].indexOf(q) !== -1) return;
@@ -3547,7 +3547,7 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
         ...m.value.querySelectorAll(t.map((K) => `${K}:not([disabled])`).join())
       ].filter(Zl), [ie] = Z;
       Z.length === 1 && ie instanceof HTMLElement && Kl(ie);
-    }, C = ot(() => o.id), T = ot(void 0, "_BV_label_"), L = b(() => i.value ? "label" : "legend"), S = b(() => [
+    }, C = ot(() => o.id), I = ot(void 0, "_BV_label_"), L = b(() => i.value ? "label" : "legend"), S = b(() => [
       w.value ? "col-form-label" : "form-label",
       {
         "bv-no-focus-ring": !i.value,
@@ -3557,7 +3557,7 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
         [`col-form-label-${o.labelSize}`]: !!o.labelSize,
         "visually-hidden": o.labelVisuallyHidden
       },
-      k.value,
+      x.value,
       o.labelClass
     ]), R = ot(void 0, "_BV_feedback_invalid_"), W = ot(void 0, "_BV_feedback_valid_"), O = ot(void 0, "_BV_description_"), Q = b(() => !i.value);
     return (D, X) => (v(), F(ye(Q.value ? "fieldset" : "div"), {
@@ -3565,8 +3565,8 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
       disabled: Q.value ? u(o).disabled : null,
       role: Q.value ? null : "group",
       "aria-invalid": u($),
-      "aria-labelledby": Q.value && w.value ? u(T) : null,
-      class: E([[u(x), { "was-validated": u(o).validated }], "b-form-group"])
+      "aria-labelledby": Q.value && w.value ? u(I) : null,
+      class: E([[u(k), { "was-validated": u(o).validated }], "b-form-group"])
     }, {
       default: V(() => [
         H(u(r).define, null, {
@@ -3579,8 +3579,8 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
               tooltip: u(o).tooltip
             }, {
               default: V(() => [
-                I(D.$slots, "invalid-feedback", {}, () => [
-                  de(M(u(o).invalidFeedback), 1)
+                T(D.$slots, "invalid-feedback", {}, () => [
+                  ue(M(u(o).invalidFeedback), 1)
                 ])
               ]),
               _: 3
@@ -3593,8 +3593,8 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
               tooltip: u(o).tooltip
             }, {
               default: V(() => [
-                I(D.$slots, "valid-feedback", {}, () => [
-                  de(M(u(o).validFeedback), 1)
+                T(D.$slots, "valid-feedback", {}, () => [
+                  ue(M(u(o).validFeedback), 1)
                 ])
               ]),
               _: 3
@@ -3604,8 +3604,8 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
               id: u(O)
             }, {
               default: V(() => [
-                I(D.$slots, "description", {}, () => [
-                  de(M(u(o).description), 1)
+                T(D.$slots, "description", {}, () => [
+                  ue(M(u(o).description), 1)
                 ])
               ]),
               _: 3
@@ -3615,19 +3615,19 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
         }),
         H(u(l).define, null, {
           default: V(() => [
-            a.label || u(o).label || w.value ? (v(), h(ue, { key: 0 }, [
+            a.label || u(o).label || w.value ? (v(), h(ce, { key: 0 }, [
               w.value ? (v(), F(Ro, qn(Se({ key: 0 }, g.value)), {
                 default: V(() => [
                   (v(), F(ye(L.value), {
-                    id: u(T),
+                    id: u(I),
                     for: i.value || null,
                     tabindex: Q.value ? "-1" : null,
                     class: E(S.value),
                     onClick: X[0] || (X[0] = (q) => Q.value ? y : null)
                   }, {
                     default: V(() => [
-                      I(D.$slots, "label", {}, () => [
-                        de(M(u(o).label), 1)
+                      T(D.$slots, "label", {}, () => [
+                        ue(M(u(o).label), 1)
                       ])
                     ]),
                     _: 3
@@ -3636,15 +3636,15 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
                 _: 3
               }, 16)) : (v(), F(ye(L.value), {
                 key: 1,
-                id: u(T),
+                id: u(I),
                 for: i.value || null,
                 tabindex: Q.value ? "-1" : null,
                 class: E(S.value),
                 onClick: X[1] || (X[1] = (q) => Q.value ? y : null)
               }, {
                 default: V(() => [
-                  I(D.$slots, "label", {}, () => [
-                    de(M(u(o).label), 1)
+                  T(D.$slots, "label", {}, () => [
+                    ue(M(u(o).label), 1)
                   ])
                 ]),
                 _: 3
@@ -3658,11 +3658,11 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
             H(u(l).reuse),
             H(Ro, Se(_.value, { ref: "_content" }), {
               default: V(() => [
-                I(D.$slots, "default", {
+                T(D.$slots, "default", {
                   id: u(C),
                   ariaDescribedby: null,
                   descriptionId: u(O),
-                  labelId: u(T)
+                  labelId: u(I)
                 }),
                 H(u(r).reuse)
               ]),
@@ -3670,23 +3670,23 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
             }, 16)
           ]),
           _: 3
-        })) : (v(), h(ue, { key: 1 }, [
+        })) : (v(), h(ce, { key: 1 }, [
           u(o).floating && !w.value ? (v(), h("div", qi, [
-            I(D.$slots, "default", {
+            T(D.$slots, "default", {
               id: u(C),
               ariaDescribedby: null,
               descriptionId: u(O),
-              labelId: u(T)
+              labelId: u(I)
             }),
             H(u(l).reuse),
             H(u(r).reuse)
-          ], 512)) : (v(), h(ue, { key: 1 }, [
+          ], 512)) : (v(), h(ce, { key: 1 }, [
             H(u(l).reuse),
-            I(D.$slots, "default", {
+            T(D.$slots, "default", {
               id: u(C),
               ariaDescribedby: null,
               descriptionId: u(O),
-              labelId: u(T)
+              labelId: u(I)
             }),
             H(u(r).reuse)
           ], 64))
@@ -3762,7 +3762,7 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
       "indeterminate"
     ), i = ot(() => l.id, "form-check"), d = Ie(Ql, null), f = Ce("_input"), { focused: m } = Va(f, {
       initialValue: l.autofocus
-    }), _ = b(() => !xa(r.default)), k = b({
+    }), _ = b(() => !ka(r.default)), x = b({
       get: () => d ? d.modelValue.value : c.value,
       set: (S) => {
         if (S !== void 0) {
@@ -3775,7 +3775,7 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
       }
     }), g = b(
       () => !!(l.name ?? (d == null ? void 0 : d.name.value)) && (l.required || (d == null ? void 0 : d.required.value))
-    ), w = b(() => l.buttonGroup || ((d == null ? void 0 : d.buttons.value) ?? !1)), x = b(() => ({
+    ), w = b(() => l.buttonGroup || ((d == null ? void 0 : d.buttons.value) ?? !1)), k = b(() => ({
       plain: l.plain || ((d == null ? void 0 : d.plain.value) ?? !1),
       button: l.button || ((d == null ? void 0 : d.buttons.value) ?? !1),
       inline: l.inline || ((d == null ? void 0 : d.inline.value) ?? !1),
@@ -3787,10 +3787,10 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
       buttonVariant: l.buttonVariant ?? (d == null ? void 0 : d.buttonVariant.value) ?? "secondary",
       // This is where the true default is made
       hasDefaultSlot: _.value
-    })), $ = ji(x), y = b(() => [
+    })), $ = ji(k), y = b(() => [
       $.value,
       o.value.wrapperClass
-    ]), C = Gi(x), T = b(() => [C.value, l.inputClass]), L = Xi(x);
+    ]), C = Gi(k), I = b(() => [C.value, l.inputClass]), L = Xi(k);
     return t({
       blur: () => {
         m.value = !1;
@@ -3806,8 +3806,8 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
           vt(p("input", Se({
             id: u(i),
             ref: "_input",
-            "onUpdate:modelValue": R[0] || (R[0] = (D) => k.value = D),
-            class: T.value,
+            "onUpdate:modelValue": R[0] || (R[0] = (D) => x.value = D),
+            class: I.value,
             type: "checkbox",
             disabled: u(l).disabled || ((W = u(d)) == null ? void 0 : W.disabled.value),
             required: g.value || void 0,
@@ -3821,21 +3821,21 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
             "false-value": u(l).uncheckedValue,
             indeterminate: s.value || void 0
           }, o.value.inputAttrs), null, 16, Ki), [
-            [pa, k.value]
+            [pa, x.value]
           ]),
           _.value || u(l).plain === !1 ? (v(), h("label", {
             key: 0,
             for: u(i),
             class: E(u(L))
           }, [
-            I(S.$slots, "default")
+            T(S.$slots, "default")
           ], 10, Zi)) : P("", !0)
         ];
       }),
       _: 3
     }, 16, ["skip", "class"]));
   }
-}), lh = /* @__PURE__ */ B({
+}), ih = /* @__PURE__ */ B({
   __name: "FormControlCheckbox",
   props: /* @__PURE__ */ ee({
     label: {}
@@ -3857,13 +3857,13 @@ const al = we({ name: "ph-check", render: Ni }), oh = /* @__PURE__ */ B({
             "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r)
           }, {
             default: V(() => [
-              I(n.$slots, "default", {}, () => [
-                de(M(e.label), 1)
+              T(n.$slots, "default", {}, () => [
+                ue(M(e.label), 1)
               ])
             ]),
             _: 3
           }, 8, ["model-value"]),
-          t.value ? I(n.$slots, "section", { key: 0 }) : P("", !0)
+          t.value ? T(n.$slots, "section", { key: 0 }) : P("", !0)
         ]),
         _: 3
       });
@@ -4630,17 +4630,17 @@ const ul = (e) => {
   var n, o, a, l;
   const t = { x: 0, y: 0 };
   return e instanceof MouseEvent && (t.x = e.pageX, t.y = e.pageY), typeof TouchEvent < "u" && e instanceof TouchEvent && (t.x = (n = e.touches) != null && n[0] ? e.touches[0].pageX : (o = e.changedTouches) != null && o[0] ? e.changedTouches[0].pageX : 0, t.y = (a = e.touches) != null && a[0] ? e.touches[0].pageY : (l = e.changedTouches) != null && l[0] ? e.changedTouches[0].pageY : 0), t;
-}, xs = () => {
+}, ks = () => {
   const e = window.scrollX || window.pageXOffset || document.documentElement.scrollLeft || 0, t = window.scrollY || window.pageYOffset || document.documentElement.scrollTop || 0;
   return { x: e, y: t };
 }, cl = (e) => {
-  const { x: t, y: n } = xs(), o = e.getBoundingClientRect();
+  const { x: t, y: n } = ks(), o = e.getBoundingClientRect();
   return {
     x: o.left + t,
     y: o.top + n
   };
 }, co = (e) => e.code === "ArrowUp" || e.keyCode === 38 ? "up" : e.code === "ArrowDown" || e.keyCode === 40 ? "down" : e.code === "ArrowLeft" || e.keyCode === 37 ? "left" : e.code === "ArrowRight" || e.keyCode === 39 ? "right" : null;
-function ks(e) {
+function xs(e) {
   const t = e.toString();
   return t.indexOf(".") !== -1 ? t.split(".")[1].length : 0;
 }
@@ -4669,7 +4669,7 @@ const dl = (e, t = 20) => {
       const C = f.value;
       if (!C)
         return;
-      const T = C.clientWidth, L = C.clientHeight, { x: S, y: R } = cl(C), { x: W, y: O } = ul(y), Q = Mn(W - S, 0, T), D = Mn(O - R, 0, L), X = Q / T, q = Mn(1 - D / L, 0, 1);
+      const I = C.clientWidth, L = C.clientHeight, { x: S, y: R } = cl(C), { x: W, y: O } = ul(y), Q = Mn(W - S, 0, I), D = Mn(O - R, 0, L), X = Q / I, q = Mn(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), _({
@@ -4682,15 +4682,15 @@ const dl = (e, t = 20) => {
     function _(y) {
       l.value = y;
     }
-    const k = dl(m, 20);
+    const x = dl(m, 20);
     function g(y) {
-      y.preventDefault(), y.type.startsWith("mouse") ? (window.addEventListener("mousemove", k), window.addEventListener("mouseup", k), window.addEventListener("mouseup", w)) : y.type.startsWith("touch") && (window.addEventListener("touchmove", k), window.addEventListener("touchend", k), window.addEventListener("touchend", w));
+      y.preventDefault(), y.type.startsWith("mouse") ? (window.addEventListener("mousemove", x), window.addEventListener("mouseup", x), window.addEventListener("mouseup", w)) : y.type.startsWith("touch") && (window.addEventListener("touchmove", x), window.addEventListener("touchend", x), window.addEventListener("touchend", w));
     }
     function w() {
-      x();
+      k();
     }
-    function x() {
-      window.removeEventListener("mousemove", k), window.removeEventListener("mouseup", k), window.removeEventListener("mouseup", w), window.removeEventListener("touchmove", k), window.removeEventListener("touchend", k), window.removeEventListener("touchend", w);
+    function k() {
+      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", x), window.removeEventListener("mouseup", w), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", x), window.removeEventListener("touchend", w);
     }
     function $(y) {
       switch (y.preventDefault(), co(y)) {
@@ -4729,7 +4729,7 @@ const dl = (e, t = 20) => {
       }
     }
     return ha(() => {
-      x();
+      k();
     }), (y, C) => (v(), h("div", {
       class: "vc-saturation-slider bg",
       style: Be({ background: s.value }),
@@ -4779,23 +4779,23 @@ const dl = (e, t = 20) => {
   emits: ["input", "update:modelValue"],
   setup(e, { emit: t }) {
     const n = e, o = t, a = b(() => n.modelValue ?? n.value), l = b(() => {
-      let k = a.value / n.max;
-      return n.direction === "vertical" && (k = 1 - k), 100 * k + "%";
+      let x = a.value / n.max;
+      return n.direction === "vertical" && (x = 1 - x), 100 * x + "%";
     }), r = ne(null);
-    function c(k) {
-      En(k) && (o("input", k), o("update:modelValue", k));
+    function c(x) {
+      En(x) && (o("input", x), o("update:modelValue", x));
     }
-    function s(k) {
-      const { direction: g, max: w } = n, x = r.value;
-      if (!x)
+    function s(x) {
+      const { direction: g, max: w } = n, k = r.value;
+      if (!k)
         return;
-      const $ = x.clientWidth, y = x.clientHeight, { x: C, y: T } = cl(x), { x: L, y: S } = ul(k), R = L - C, W = S - T;
+      const $ = k.clientWidth, y = k.clientHeight, { x: C, y: I } = cl(k), { x: L, y: S } = ul(x), R = L - C, W = S - I;
       let O;
       g === "vertical" ? W < 0 ? O = w : W > y ? O = 0 : O = (1 - W / y) * w : R < 0 ? O = 0 : R > $ ? O = w : O = R / $ * w, c(O);
     }
     const i = dl(s);
-    function d(k) {
-      s(k), k.type.startsWith("mouse") ? (window.addEventListener("mousemove", i), window.addEventListener("mouseup", f)) : (window.addEventListener("touchmove", i), window.addEventListener("touchend", f));
+    function d(x) {
+      s(x), x.type.startsWith("mouse") ? (window.addEventListener("mousemove", i), window.addEventListener("mouseup", f)) : (window.addEventListener("touchmove", i), window.addEventListener("touchend", f));
     }
     function f() {
       m();
@@ -4803,11 +4803,11 @@ const dl = (e, t = 20) => {
     function m() {
       window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", f), window.removeEventListener("touchmove", i), window.removeEventListener("touchend", f);
     }
-    function _(k) {
-      k.preventDefault();
-      const { direction: g, max: w } = n, x = co(k), $ = n.step ?? w / 100, y = a.value;
+    function _(x) {
+      x.preventDefault();
+      const { direction: g, max: w } = n, k = co(x), $ = n.step ?? w / 100, y = a.value;
       let C;
-      switch (x) {
+      switch (k) {
         case "left": {
           if (g !== "horizontal")
             return;
@@ -4837,23 +4837,23 @@ const dl = (e, t = 20) => {
     }
     return ha(() => {
       m();
-    }), (k, g) => (v(), h("div", Ss, [
-      k.$slots.background ? (v(), h("div", Ms, [
-        I(k.$slots, "background", {}, void 0, !0)
+    }), (x, g) => (v(), h("div", Ss, [
+      x.$slots.background ? (v(), h("div", Ms, [
+        T(x.$slots, "background", {}, void 0, !0)
       ])) : P("", !0),
       p("div", {
         class: E({
           slider: !0,
-          horizontal: k.direction === "horizontal",
-          vertical: k.direction === "vertical"
+          horizontal: x.direction === "horizontal",
+          vertical: x.direction === "vertical"
         }),
         ref_key: "containerRef",
         ref: r,
         onMousedown: d,
         onTouchstart: d,
         role: "slider",
-        "aria-label": k.ariaLabel,
-        "aria-valuemax": k.max,
+        "aria-label": x.ariaLabel,
+        "aria-valuemax": x.max,
         "aria-valuemin": "0",
         "aria-valuenow": a.value.toFixed(1),
         tabindex: "0",
@@ -4862,12 +4862,12 @@ const dl = (e, t = 20) => {
         p("div", {
           class: "picker-wrap",
           style: Be({
-            left: k.direction === "horizontal" ? l.value : 0,
-            top: k.direction === "vertical" ? l.value : 0
+            left: x.direction === "horizontal" ? l.value : 0,
+            top: x.direction === "vertical" ? l.value : 0
           }),
           role: "presentation"
         }, [
-          I(k.$slots, "picker", {}, () => [
+          T(x.$slots, "picker", {}, () => [
             g[0] || (g[0] = p("div", { class: "picker" }, null, -1))
           ], !0)
         ], 4)
@@ -4912,7 +4912,7 @@ const dl = (e, t = 20) => {
         p("div", { class: "gradient" }, null, -1)
       ])),
       picker: V(() => [
-        I(d.$slots, "default", {}, void 0, !0)
+        T(d.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["modelValue", "direction"]));
@@ -4959,8 +4959,8 @@ const dl = (e, t = 20) => {
       let m = Number(n.value);
       if (!isNaN(m)) {
         let _ = n.step;
-        const k = ks(_), g = co(f);
-        g === "up" && (r((m + _).toFixed(k)), f.preventDefault()), g === "down" && (r((m - _).toFixed(k)), f.preventDefault());
+        const x = xs(_), g = co(f);
+        g === "up" && (r((m + _).toFixed(x)), f.preventDefault()), g === "down" && (r((m - _).toFixed(x)), f.preventDefault());
       }
     }
     return (f, m) => (v(), h("div", Ds, [
@@ -5105,7 +5105,7 @@ const Js = {
       i[2] || (i[2] = p("div", { class: "triangle_shadow" }, null, -1)),
       i[3] || (i[3] = p("div", { class: "triangle" }, null, -1)),
       p("div", Js, [
-        (v(!0), h(ue, null, _e(s.presetColors, (d, f) => (v(), h("span", {
+        (v(!0), h(ce, null, _e(s.presetColors, (d, f) => (v(), h("span", {
           key: f,
           class: "swatch",
           style: Be({
@@ -5262,7 +5262,7 @@ const Js = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), rh = /* @__PURE__ */ z(su, [["__scopeId", "data-v-3e637878"]]), uu = ["data-d", "title"], cu = /* @__PURE__ */ B({
+}), sh = /* @__PURE__ */ z(su, [["__scopeId", "data-v-3e637878"]]), uu = ["data-d", "title"], cu = /* @__PURE__ */ B({
   __name: "FormControlDirectionPickerHandle",
   props: {
     pos: {},
@@ -5343,7 +5343,7 @@ const Js = {
               x: u(a).x,
               y: u(a).y
             }, null, 8, ["x", "y"]),
-            (v(), h(ue, null, _e(o, (f) => H(i, {
+            (v(), h(ce, null, _e(o, (f) => H(i, {
               key: f.value,
               pos: f.pos,
               label: f.label,
@@ -5357,7 +5357,7 @@ const Js = {
       }, 8, ["label"]);
     };
   }
-}), ih = /* @__PURE__ */ z(mu, [["__scopeId", "data-v-061e1227"]]), hu = /* @__PURE__ */ B({
+}), uh = /* @__PURE__ */ z(mu, [["__scopeId", "data-v-061e1227"]]), hu = /* @__PURE__ */ B({
   __name: "DisplayColorSwatch",
   props: {
     color: {},
@@ -5405,13 +5405,13 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
         onClick: n[0] || (n[0] = (a) => t.$emit("click"))
       }, {
         default: V(() => [
-          I(t.$slots, "default", {}, void 0, !0)
+          T(t.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["icon-left", "label", "class"]);
     };
   }
-}), ml = /* @__PURE__ */ z(yu, [["__scopeId", "data-v-1c0e0822"]]), wu = { class: "d-flex flex-wrap gap-1" }, xu = ["onClick"], ku = { class: "form-control-colors-input__tag__hex" }, $u = ["aria-label", "onClick"], Cu = /* @__PURE__ */ B({
+}), ml = /* @__PURE__ */ z(yu, [["__scopeId", "data-v-1c0e0822"]]), wu = { class: "d-flex flex-wrap gap-1" }, ku = ["onClick"], xu = { class: "form-control-colors-input__tag__hex" }, $u = ["aria-label", "onClick"], Cu = /* @__PURE__ */ B({
   __name: "FormControlColorsInput",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -5442,7 +5442,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
         t.value = [...t.value, f], r.value = !1;
     }
     return (f, m) => {
-      const _ = fo, k = pl, g = Je;
+      const _ = fo, x = pl, g = Je;
       return v(), F(g, {
         class: "form-control-colors-input",
         label: e.label,
@@ -5450,26 +5450,26 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       }, {
         default: V(() => [
           p("div", wu, [
-            (v(!0), h(ue, null, _e(t.value, (w, x) => (v(), h("span", {
-              key: x,
+            (v(!0), h(ce, null, _e(t.value, (w, k) => (v(), h("span", {
+              key: k,
               class: "form-control-colors-input__tag"
             }, [
               p("button", {
                 type: "button",
                 class: "form-control-colors-input__tag__swatch-btn",
-                onClick: ($) => c(x, $)
+                onClick: ($) => c(k, $)
               }, [
                 H(_, {
                   color: w,
                   size: "sm"
                 }, null, 8, ["color"])
-              ], 8, xu),
-              p("span", ku, M(w), 1),
+              ], 8, ku),
+              p("span", xu, M(w), 1),
               p("button", {
                 type: "button",
                 class: "form-control-colors-input__tag__remove",
                 "aria-label": `Remove ${w}`,
-                onClick: ($) => i(x)
+                onClick: ($) => i(k)
               }, " × ", 8, $u)
             ]))), 128)),
             H(ml, {
@@ -5480,7 +5480,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
               onClick: s
             }, null, 8, ["id"])
           ]),
-          H(k, {
+          H(x, {
             open: u(r),
             "onUpdate:open": m[0] || (m[0] = (w) => mn(r) ? r.value = w : null),
             "model-value": u(o),
@@ -5493,7 +5493,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       }, 8, ["label", "label-for"]);
     };
   }
-}), sh = /* @__PURE__ */ z(Cu, [["__scopeId", "data-v-b30617ad"]]), Bu = { class: "visually-hidden" }, Su = ["id", "aria-labelledby", "role"], Mu = /* @__PURE__ */ B({
+}), ch = /* @__PURE__ */ z(Cu, [["__scopeId", "data-v-b30617ad"]]), Bu = { class: "visually-hidden" }, Su = ["id", "aria-labelledby", "role"], Mu = /* @__PURE__ */ B({
   __name: "BDropdown",
   props: /* @__PURE__ */ ee({
     ariaLabel: { default: void 0 },
@@ -5545,21 +5545,21 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
   setup(e, { expose: t, emit: n }) {
     const a = Me(e, "BDropdown"), l = n, r = ot(() => a.id, "dropdown"), c = re(e, "modelValue"), s = Ie(er, !1), i = Ie(Sa, !1), d = b(
       () => typeof a.offset == "string" || typeof a.offset == "number" ? a.offset : NaN
-    ), f = en(d), m = Ce("_floating"), _ = Ce("_button"), k = Ce("_splitButton"), g = b(
+    ), f = en(d), m = Ce("_floating"), _ = Ce("_button"), x = Ce("_splitButton"), g = b(
       () => lo(a.boundary) ? a.boundary : void 0
     ), w = b(
       () => ol(a.boundary) ? a.boundary : void 0
-    ), x = b(() => a.split ? _.value : k.value), {
+    ), k = b(() => a.split ? _.value : x.value), {
       showRef: $,
       renderRef: y,
       hide: C,
-      show: T,
+      show: I,
       toggle: L,
       computedNoAnimation: S,
       transitionProps: R,
       contentShowing: W,
       isVisible: O
-    } = Oa(c, a, l, x, r), Q = b(() => [
+    } = Oa(c, a, l, k, r), Q = b(() => [
       {
         show: O.value,
         fade: !S.value
@@ -5569,28 +5569,28 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       "Escape",
       () => {
         var se;
-        C(), (se = nn(x.value)) == null || se.focus();
+        C(), (se = nn(k.value)) == null || se.focus();
       },
-      { target: x }
+      { target: k }
     ), ct(
       "Escape",
       () => {
         var se;
-        C(), (se = nn(x.value)) == null || se.focus();
+        C(), (se = nn(k.value)) == null || se.focus();
       },
       { target: m }
     );
     const D = (se, Y) => {
-      var G, ae, le, ce, N, te, oe;
+      var G, ae, le, de, 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();
+        I();
         const J = setInterval(() => {
           O.value && (clearInterval(J), lt(() => D(se, Y)));
         }, 16);
         return;
       }
-      const A = (ce = m.value) == null ? void 0 : ce.querySelectorAll(".dropdown-item:not(.disabled):not(:disabled)");
+      const A = (de = m.value) == null ? void 0 : de.querySelectorAll(".dropdown-item:not(.disabled):not(:disabled)");
       if (A)
         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;
@@ -5598,7 +5598,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
         } else
           (oe = A[Y === -1 ? A.length - 1 : 0]) == null || oe.focus();
     };
-    ct("ArrowUp", (se) => D(se, -1), { target: x }), ct("ArrowDown", (se) => D(se, 1), { target: x }), ct("ArrowUp", (se) => D(se, -1), { target: m }), ct("ArrowDown", (se) => D(se, 1), { target: m });
+    ct("ArrowUp", (se) => D(se, -1), { target: k }), ct("ArrowDown", (se) => D(se, 1), { target: k }), ct("ArrowUp", (se) => D(se, -1), { target: m }), ct("ArrowDown", (se) => D(se, 1), { target: m });
     const X = ne({}), q = b(() => {
       if (a.floatingMiddleware !== void 0)
         return a.floatingMiddleware;
@@ -5621,15 +5621,15 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
           rootBoundary: w.value,
           padding: a.boundaryPadding,
           apply({ availableWidth: G, availableHeight: ae }) {
-            var le, ce;
+            var le, de;
             X.value = {
               maxHeight: ae >= (((le = m.value) == null ? void 0 : le.scrollHeight) ?? 0) ? void 0 : ae ? `${Math.max(0, ae)}px` : void 0,
-              maxWidth: G >= (((ce = m.value) == null ? void 0 : ce.scrollWidth) ?? 0) ? void 0 : G ? `${Math.max(0, G)}px` : void 0
+              maxWidth: G >= (((de = m.value) == null ? void 0 : de.scrollWidth) ?? 0) ? void 0 : G ? `${Math.max(0, G)}px` : void 0
             };
           }
         })
       ), Y;
-    }), { update: Z, floatingStyles: ie } = nl(x, m, {
+    }), { update: Z, floatingStyles: ie } = nl(k, m, {
       placement: () => a.placement,
       middleware: q,
       strategy: ze(() => a.strategy),
@@ -5645,7 +5645,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
         [`drop${Bi(a.placement)}`]: !a.wrapperClass,
         "position-static": a.boundary !== "clippingAncestors" && !a.isNav
       }
-    ]), xe = b(() => [
+    ]), ke = b(() => [
       a.split ? a.splitClass : a.toggleClass,
       {
         "nav-link": a.isNav,
@@ -5653,21 +5653,21 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
         "dropdown-toggle-no-caret": a.noCaret && !a.split,
         show: a.split ? void 0 : $.value
       }
-    ]), ke = () => {
+    ]), xe = () => {
       L();
     }, Re = (se) => {
       if (a.split) {
         l("split-click", se);
         return;
       }
-      ke();
+      xe();
     };
     Fa(
       m,
       () => {
         $.value && (a.autoClose === !0 || a.autoClose === "outside") && C();
       },
-      { ignore: [_, k] }
+      { ignore: [_, x] }
     );
     const Oe = () => {
       $.value && (a.autoClose === !0 || a.autoClose === "inside") && C();
@@ -5676,11 +5676,11 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       Z();
     }), t({
       hide: C,
-      show: T,
+      show: I,
       toggle: L
     }), Nt(Ca, {
       id: r,
-      show: T,
+      show: I,
       hide: C,
       toggle: L,
       visible: ze(() => $.value),
@@ -5698,7 +5698,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
             ref: "_splitButton",
             variant: u(a).splitVariant || u(a).variant,
             size: u(a).size,
-            class: E(xe.value),
+            class: E(ke.value),
             disabled: u(a).splitDisabled || u(a).disabled,
             type: u(a).splitButtonType,
             "aria-label": u(a).ariaLabel,
@@ -5709,8 +5709,8 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
             onClick: Re
           }, {
             default: V(() => [
-              I(se.$slots, "button-content", {}, () => [
-                de(M(u(a).text), 1)
+              T(se.$slots, "button-content", {}, () => [
+                ue(M(u(a).text), 1)
               ], !0)
             ]),
             _: 3
@@ -5725,12 +5725,12 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
             class: E([[u(a).toggleClass, { show: u($) }], "dropdown-toggle-split dropdown-toggle"]),
             "aria-expanded": u($),
             "aria-haspopup": "menu",
-            onClick: ke
+            onClick: xe
           }, {
             default: V(() => [
               p("span", Bu, [
-                I(se.$slots, "toggle-text", {}, () => [
-                  de(M(u(a).toggleText), 1)
+                T(se.$slots, "toggle-text", {}, () => [
+                  ue(M(u(a).toggleText), 1)
                 ], !0)
               ])
             ]),
@@ -5754,10 +5754,10 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
                     role: u(a).role,
                     onClick: Oe
                   }, [
-                    u(W) ? I(se.$slots, "default", {
+                    u(W) ? T(se.$slots, "default", {
                       key: 0,
                       hide: u(C),
-                      show: u(T),
+                      show: u(I),
                       visible: u($)
                     }, void 0, !0) : P("", !0)
                   ], 14, Su), [
@@ -5809,8 +5809,8 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
   emits: ["click"],
   setup(e, { emit: t }) {
     const o = Me(e, "BDropdownItem"), a = t, l = pn(), r = b(() => {
-      const { class: w, ...x } = l;
-      return { wrapperClass: w, dropdownItemAttrs: x };
+      const { class: w, ...k } = l;
+      return { wrapperClass: w, dropdownItemAttrs: k };
     }), { computedLink: c, computedLinkProps: s } = Xn(o), i = Ut(
       b(() => ({
         textVariant: o.variant
@@ -5822,11 +5822,11 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
         active: o.active,
         disabled: o.disabled
       }
-    ]), f = b(() => c.value ? Kn : o.href ? "a" : "button"), m = Ie($a, null), _ = Ie(Ca, null), k = Ie(Ba, null), g = (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 = _ == null ? void 0 : _.hide) == null || y.call(_);
+    ]), f = b(() => c.value ? Kn : o.href ? "a" : "button"), m = Ie($a, null), _ = Ie(Ca, null), x = Ie(Ba, null), g = (w) => {
+      var k, $, y;
+      a("click", w), x !== null && ((k = x == null ? void 0 : x.autoClose) == null ? void 0 : k.value) === !0 && (($ = m == null ? void 0 : m.hide) == null || $.call(m)), (y = _ == null ? void 0 : _.hide) == null || y.call(_);
     };
-    return (w, x) => (v(), h("li", Se({
+    return (w, k) => (v(), h("li", Se({
       role: "presentation",
       class: r.value.wrapperClass
     }, u(o).wrapperAttrs), [
@@ -5842,7 +5842,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
         target: u(o).target
       }, { ...u(s), ...r.value.dropdownItemAttrs }, { onClick: g }), {
         default: V(() => [
-          I(w.$slots, "default")
+          T(w.$slots, "default")
         ]),
         _: 3
       }, 16, ["class", "disabled", "aria-disabled", "aria-current", "href", "rel", "type", "target"]))
@@ -5892,7 +5892,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
         class: ["dropdown-item", s.value],
         disabled: u(o).disabled
       }, r.value.buttonAttrs, { onClick: i }), [
-        I(d.$slots, "default")
+        T(d.$slots, "default")
       ], 16, Lu)
     ], 16));
   }
@@ -5988,8 +5988,8 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       const { id: _ = null } = ((w = (g = c.value) == null ? void 0 : g.$el) == null ? void 0 : w.querySelector(".dropdown-toggle")) ?? {};
       if (!_)
         return;
-      const k = document.getElementById(`${_}-menu`);
-      k && (k.style.width = `${Math.max(r.width.value, n.minMenuWidth)}px`);
+      const x = document.getElementById(`${_}-menu`);
+      x && (x.style.width = `${Math.max(r.width.value, n.minMenuWidth)}px`);
     }
     $e(r.width, s);
     const i = b(() => ({
@@ -6000,12 +6000,12 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       () => a.value.find((_) => _.value === t.value)
     );
     function m(_) {
-      var k;
-      t.value = _, (k = c.value) == null || k.hide();
+      var x;
+      t.value = _, (x = c.value) == null || x.hide();
     }
-    return (_, k) => {
-      const g = Vu, w = vo, x = Je;
-      return v(), F(x, {
+    return (_, x) => {
+      const g = Vu, w = vo, k = Je;
+      return v(), F(k, {
         ref_key: "elementRef",
         ref: l,
         class: E(["form-control-dropdown", u(i)]),
@@ -6016,7 +6016,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
         default: V(() => {
           var $;
           return [
-            I(_.$slots, "default", {}, void 0, !0),
+            T(_.$slots, "default", {}, void 0, !0),
             H(w, {
               ref_key: "dropdownRef",
               ref: c,
@@ -6032,26 +6032,26 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
               onShown: s
             }, {
               "button-content": V(() => [
-                I(_.$slots, "button-content", {}, () => {
+                T(_.$slots, "button-content", {}, () => {
                   var y, C;
                   return [
                     (y = u(f)) != null && y.icon ? (v(), h("span", Ru, [
                       (v(), F(ye(u(f).icon), { class: "form-control-dropdown__toggle__icon" })),
-                      de(" " + M(u(f).label), 1)
-                    ])) : (v(), h(ue, { key: 1 }, [
-                      de(M(((C = u(f)) == null ? void 0 : C.label) ?? e.placeholder ?? ""), 1)
+                      ue(" " + M(u(f).label), 1)
+                    ])) : (v(), h(ce, { key: 1 }, [
+                      ue(M(((C = u(f)) == null ? void 0 : C.label) ?? e.placeholder ?? ""), 1)
                     ], 64))
                   ];
                 }, !0)
               ]),
               default: V(() => [
-                I(_.$slots, "menu", {
+                T(_.$slots, "menu", {
                   hide: () => {
                     var y;
                     return (y = u(c)) == null ? void 0 : y.hide();
                   }
                 }, () => [
-                  (v(!0), h(ue, null, _e(u(a), (y) => (v(), F(g, {
+                  (v(!0), h(ce, null, _e(u(a), (y) => (v(), F(g, {
                     key: y.value,
                     label: y.label,
                     description: y.description,
@@ -6071,7 +6071,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       }, 8, ["class", "label", "label-for", "size"]);
     };
   }
-}), xn = /* @__PURE__ */ z(Ou, [["__scopeId", "data-v-4bbeccbc"]]), Eu = { class: "form-control-button-group__container__buttons__visual bg-body rounded-1" }, Nu = ["src"], Hu = /* @__PURE__ */ B({
+}), kn = /* @__PURE__ */ z(Ou, [["__scopeId", "data-v-4bbeccbc"]]), Eu = { class: "form-control-button-group__container__buttons__visual bg-body rounded-1" }, Nu = ["src"], Hu = /* @__PURE__ */ B({
   __name: "FormControlButtonGroup",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -6103,11 +6103,11 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       const f = l.value;
       if (!f)
         return;
-      const m = f.querySelectorAll(".btn"), _ = Array.from(m).some((k) => k.scrollWidth > k.clientWidth + 1);
+      const m = f.querySelectorAll(".btn"), _ = Array.from(m).some((x) => x.scrollWidth > x.clientWidth + 1);
       r.value = _ || f.scrollWidth > f.clientWidth + 1;
     }
     return Ul(l, d), (f, m) => {
-      const _ = xn, k = ut, g = Mr, w = Je;
+      const _ = kn, x = ut, g = Mr, w = Je;
       return v(), F(w, {
         class: "form-control-button-group",
         label: e.label
@@ -6116,7 +6116,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
           u(r) ? (v(), F(_, {
             key: 0,
             modelValue: t.value,
-            "onUpdate:modelValue": m[0] || (m[0] = (x) => t.value = x),
+            "onUpdate:modelValue": m[0] || (m[0] = (k) => t.value = k),
             options: u(i),
             block: "",
             "light-label": "",
@@ -6131,28 +6131,28 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
               class: E(["form-control-button-group__container__buttons", u(s)])
             }, {
               default: V(() => [
-                (v(!0), h(ue, null, _e(u(a), (x) => (v(), F(k, {
-                  key: x.value,
-                  "icon-left": x.icon ?? x.iconLeft,
-                  label: x.text,
-                  "hide-label": !x.icon && !!x.iconLeft,
-                  "hide-tooltip": !x.description,
-                  "tooltip-label": x.description,
-                  "show-tooltip-force": !!x.description,
-                  variant: t.value === x.value ? "primary" : "outline-primary",
+                (v(!0), h(ce, null, _e(u(a), (k) => (v(), F(x, {
+                  key: k.value,
+                  "icon-left": k.icon ?? k.iconLeft,
+                  label: k.text,
+                  "hide-label": !k.icon && !!k.iconLeft,
+                  "hide-tooltip": !k.description,
+                  "tooltip-label": k.description,
+                  "show-tooltip-force": !!k.description,
+                  variant: t.value === k.value ? "primary" : "outline-primary",
                   tabindex: u(r) ? -1 : void 0,
-                  onClick: ($) => t.value = x.value
+                  onClick: ($) => t.value = k.value
                 }, Wn({ _: 2 }, [
-                  x.visual ? {
+                  k.visual ? {
                     name: "start",
                     fn: V(() => [
                       p("div", Eu, [
-                        typeof x.visual != "string" ? (v(), F(ye(x.visual), {
+                        typeof k.visual != "string" ? (v(), F(ye(k.visual), {
                           key: 0,
                           class: "form-control-button-group__container__buttons__visual__content"
                         })) : (v(), h("img", {
                           key: 1,
-                          src: x.visual,
+                          src: k.visual,
                           alt: "",
                           class: "form-control-button-group__container__buttons__visual__content"
                         }, null, 8, Nu))
@@ -6165,14 +6165,14 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
               _: 1
             }, 8, ["class"])
           ], 2),
-          I(f.$slots, "default", {}, void 0, !0),
-          I(f.$slots, `section:${t.value}`, {}, void 0, !0)
+          T(f.$slots, "default", {}, void 0, !0),
+          T(f.$slots, `section:${t.value}`, {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["label"]);
     };
   }
-}), uh = /* @__PURE__ */ z(Hu, [["__scopeId", "data-v-c589f818"]]), ch = /* @__PURE__ */ B({
+}), dh = /* @__PURE__ */ z(Hu, [["__scopeId", "data-v-c589f818"]]), fh = /* @__PURE__ */ B({
   __name: "FormControlButtonGroupEntry",
   props: {
     value: {},
@@ -6191,7 +6191,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       description: t.description,
       visual: t.visual,
       icon: t.icon
-    })), (a, l) => I(a.$slots, "default");
+    })), (a, l) => T(a.$slots, "default");
   }
 }), zu = (e, t) => {
   if (e === null) return;
@@ -6205,13 +6205,13 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
   var a;
   const l = ne(0), r = ot(() => e.id, "input"), c = en(() => e.debounce ?? 0), s = en(() => e.debounceMaxWait ?? NaN), i = (a = Ie(Ma, null)) == null ? void 0 : a(r), d = b(
     () => e.state !== void 0 ? e.state : (i == null ? void 0 : i.state.value) ?? null
-  ), f = ll(() => e.ariaInvalid, d), m = io(d), _ = kr(
+  ), f = ll(() => e.ariaInvalid, d), m = io(d), _ = xr(
     (L) => {
       n.value = L;
     },
     () => o.lazy === !0 ? 0 : c.value,
     { maxWait: () => o.lazy === !0 ? NaN : s.value }
-  ), k = (L, S = !1) => {
+  ), x = (L, S = !1) => {
     o.lazy === !0 && S === !1 || _(L);
   }, { focused: g } = Va(t, {
     initialValue: e.autofocus
@@ -6233,7 +6233,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
         L.preventDefault();
         return;
       }
-      k(R);
+      x(R);
     },
     onChange: (L) => {
       const { value: S } = L.target, R = w(S, L);
@@ -6242,12 +6242,12 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
         return;
       }
       const W = R;
-      n.value !== W && k(R, !0);
+      n.value !== W && x(R, !0);
     },
     onBlur: (L) => {
       if (!o.lazy && !e.lazyFormatter && !o.trim) return;
       const { value: S } = L.target, R = w(S, L, !0), W = o.trim ? R.trim() : R, O = W.length !== R.length;
-      n.value !== W && k(R, !0), o.trim && O && (l.value = l.value + 1);
+      n.value !== W && x(R, !0), o.trim && O && (l.value = l.value + 1);
     },
     focus: () => {
       e.disabled || (g.value = !0);
@@ -6292,7 +6292,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
     const o = Me(e, "BFormInput"), [a, l] = re(e, "modelValue", {
-      set: (x) => zu(x, l)
+      set: (k) => zu(k, l)
     }), r = Ce("_input"), {
       computedId: c,
       computedAriaInvalid: s,
@@ -6301,26 +6301,26 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       onBlur: f,
       stateClass: m,
       focus: _,
-      blur: k,
+      blur: x,
       forceUpdateKey: g
     } = Uu(o, r, a, l), w = b(() => {
-      const x = o.type === "range", $ = o.type === "color";
+      const k = o.type === "range", $ = o.type === "color";
       return [
         m.value,
         {
-          "form-range": x,
-          "form-control": $ || !o.plaintext && !x,
+          "form-range": k,
+          "form-control": $ || !o.plaintext && !k,
           "form-control-color": $,
-          "form-control-plaintext": o.plaintext && !x && !$,
+          "form-control-plaintext": o.plaintext && !k && !$,
           [`form-control-${o.size}`]: !!o.size
         }
       ];
     });
     return t({
-      blur: k,
+      blur: x,
       element: r,
       focus: _
-    }), (x, $) => (v(), h("input", {
+    }), (k, $) => (v(), h("input", {
       id: u(c),
       ref: "_input",
       key: u(g),
@@ -6392,7 +6392,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
               size: "sm",
               "onUpdate:modelValue": o[1] || (o[1] = (r) => t.value = String(r))
             }, null, 8, ["model-value"]),
-            I(n.$slots, "suffix", {}, () => [
+            T(n.$slots, "suffix", {}, () => [
               e.suffix ? (v(), h("small", qu, M(e.suffix), 1)) : P("", !0)
             ], !0)
           ])
@@ -6401,7 +6401,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       }, 8, ["label", "label-for"]);
     };
   }
-}), dh = /* @__PURE__ */ z(ju, [["__scopeId", "data-v-f46591df"]]), Gu = { class: "form-control-units-input__row" }, Xu = { class: "form-control-units-input__row__group" }, Ku = /* @__PURE__ */ B({
+}), vh = /* @__PURE__ */ z(ju, [["__scopeId", "data-v-f46591df"]]), Gu = { class: "form-control-units-input__row" }, Xu = { class: "form-control-units-input__row__group" }, Ku = /* @__PURE__ */ B({
   __name: "FormControlUnitsInput",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -6433,8 +6433,8 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       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 = po, m = Au, _ = vo, k = Je;
-      return v(), F(k, {
+      const f = po, m = Au, _ = vo, x = Je;
+      return v(), F(x, {
         class: "form-control-units-input",
         label: e.label,
         "label-for": e.id
@@ -6467,13 +6467,13 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
                 end: ""
               }, {
                 default: V(() => [
-                  (v(!0), h(ue, null, _e(e.units, (g) => (v(), F(m, {
+                  (v(!0), h(ce, null, _e(e.units, (g) => (v(), F(m, {
                     key: g,
                     active: g === u(l),
                     onClick: (w) => s(g)
                   }, {
                     default: V(() => [
-                      de(M(g), 1)
+                      ue(M(g), 1)
                     ]),
                     _: 2
                   }, 1032, ["active", "onClick"]))), 128))
@@ -6487,7 +6487,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       }, 8, ["label", "label-for"]);
     };
   }
-}), fh = /* @__PURE__ */ z(Ku, [["__scopeId", "data-v-b0c931e5"]]), vh = /* @__PURE__ */ B({
+}), ph = /* @__PURE__ */ z(Ku, [["__scopeId", "data-v-b0c931e5"]]), mh = /* @__PURE__ */ B({
   __name: "FormControlDropdownEntry",
   props: {
     value: {},
@@ -6504,7 +6504,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       description: t.description,
       visual: t.visual,
       icon: t.icon ?? o
-    })), (a, l) => I(a.$slots, "default");
+    })), (a, l) => T(a.$slots, "default");
   }
 }), Zu = { class: "form-control-text-input__row" }, Qu = {
   key: 0,
@@ -6546,7 +6546,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       }, 8, ["label", "label-for"]);
     };
   }
-}), ph = /* @__PURE__ */ z(Ju, [["__scopeId", "data-v-1748b9a2"]]), ec = { class: "display-palette" }, tc = /* @__PURE__ */ B({
+}), hh = /* @__PURE__ */ z(Ju, [["__scopeId", "data-v-1748b9a2"]]), ec = { class: "display-palette" }, tc = /* @__PURE__ */ B({
   __name: "DisplayPalette",
   props: {
     colors: {},
@@ -6556,7 +6556,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
     return (t, n) => {
       const o = fo;
       return v(), h("span", ec, [
-        (v(!0), h(ue, null, _e(e.colors, (a, l) => (v(), F(o, {
+        (v(!0), h(ce, null, _e(e.colors, (a, l) => (v(), F(o, {
           key: l,
           color: a,
           bordered: e.bordered,
@@ -6599,14 +6599,14 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       t.value = i, (d = l.value) == null || d.hide();
     }
     return (i, d) => {
-      const f = nc, m = hl, _ = vo, k = Je;
-      return v(), F(k, {
+      const f = nc, m = hl, _ = vo, x = Je;
+      return v(), F(x, {
         class: "form-control-palette",
         label: e.label,
         "label-for": e.id
       }, {
         default: V(() => [
-          I(i.$slots, "default", {}, void 0, !0),
+          T(i.$slots, "default", {}, void 0, !0),
           H(_, {
             ref_key: "dropdownRef",
             ref: l,
@@ -6631,7 +6631,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
               ];
             }),
             default: V(() => [
-              (v(!0), h(ue, null, _e(u(a), (g) => (v(), F(m, {
+              (v(!0), h(ce, null, _e(u(a), (g) => (v(), F(m, {
                 key: g.value,
                 active: t.value === g.value,
                 onClick: (w) => s(g.value)
@@ -6655,7 +6655,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       }, 8, ["label", "label-for"]);
     };
   }
-}), mh = /* @__PURE__ */ z(ic, [["__scopeId", "data-v-bcba8a9f"]]), hh = /* @__PURE__ */ B({
+}), bh = /* @__PURE__ */ z(ic, [["__scopeId", "data-v-bcba8a9f"]]), gh = /* @__PURE__ */ B({
   __name: "FormControlPaletteEntry",
   props: {
     value: {},
@@ -6668,9 +6668,9 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       value: t.value,
       label: t.label,
       colors: t.colors
-    })), (n, o) => I(n.$slots, "default");
+    })), (n, o) => T(n.$slots, "default");
   }
-}), bh = /* @__PURE__ */ B({
+}), _h = /* @__PURE__ */ B({
   __name: "FormControlColorblindPicker",
   props: /* @__PURE__ */ ee({
     label: {},
@@ -6688,7 +6688,7 @@ const _u = we({ name: "ph-plus", render: gu }), yu = /* @__PURE__ */ B({
       { value: "tritanopia", label: "Tritanopia" }
     ];
     return (o, a) => {
-      const l = xn;
+      const l = kn;
       return v(), F(l, {
         id: e.id,
         modelValue: t.value,
@@ -6804,8 +6804,8 @@ function mc(e) {
   var t = e.grouping === void 0 || e.thousands === void 0 ? Xo : cc(Ko.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 ? Xo : dc(Ko.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 = Nn(f);
-    var _ = f.fill, k = f.align, g = 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") : Go[L] || (C === void 0 && (C = 12), T = !0, L = "g"), (x || _ === "0" && k === "=") && (x = !0, _ = "0", k = "=");
+    var _ = f.fill, x = f.align, g = f.sign, w = f.symbol, k = f.zero, $ = f.width, y = f.comma, C = f.precision, I = f.trim, L = f.type;
+    L === "n" ? (y = !0, L = "g") : Go[L] || (C === void 0 && (C = 12), I = !0, L = "g"), (k || _ === "0" && x === "=") && (k = !0, _ = "0", x = "=");
     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 = Go[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) {
@@ -6815,7 +6815,7 @@ function mc(e) {
       else {
         D = +D;
         var he = D < 0 || 1 / D < 0;
-        if (D = isNaN(D) ? s : W(Math.abs(D), C), T && (D = vc(D)), he && +D == 0 && g !== "+" && (he = !1), X = (he ? g === "(" ? g : c : g === "-" || g === "(" ? "" : g) + X, q = (L === "s" && !isNaN(D) && cn !== void 0 ? Zo[8 + cn / 3] : "") + q + (he && g === "(" ? ")" : ""), O) {
+        if (D = isNaN(D) ? s : W(Math.abs(D), C), I && (D = vc(D)), he && +D == 0 && g !== "+" && (he = !1), X = (he ? g === "(" ? g : c : g === "-" || g === "(" ? "" : g) + X, q = (L === "s" && !isNaN(D) && cn !== void 0 ? Zo[8 + cn / 3] : "") + q + (he && g === "(" ? ")" : ""), O) {
           for (Z = -1, ie = D.length; ++Z < ie; )
             if (K = D.charCodeAt(Z), 48 > K || K > 57) {
               q = (K === 46 ? a + D.slice(Z + 1) : D.slice(Z)) + q, D = D.slice(0, Z);
@@ -6823,20 +6823,20 @@ function mc(e) {
             }
         }
       }
-      y && !x && (D = t(D, 1 / 0));
-      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) {
+      y && !k && (D = t(D, 1 / 0));
+      var ke = X.length + D.length + q.length, xe = ke < $ ? new Array($ - ke + 1).join(_) : "";
+      switch (y && k && (D = t(xe + D, xe.length ? $ - q.length : 1 / 0), xe = ""), x) {
         case "<":
-          D = X + D + q + ke;
+          D = X + D + q + xe;
           break;
         case "=":
-          D = X + ke + D + q;
+          D = X + xe + D + q;
           break;
         case "^":
-          D = ke.slice(0, xe = ke.length >> 1) + X + D + q + ke.slice(xe);
+          D = xe.slice(0, ke = xe.length >> 1) + X + D + q + xe.slice(ke);
           break;
         default:
-          D = ke + X + D + q;
+          D = xe + X + D + q;
           break;
       }
       return l(D);
@@ -6846,9 +6846,9 @@ function mc(e) {
     }, Q;
   }
   function d(f, m) {
-    var _ = Math.max(-8, Math.min(8, Math.floor(uc(m) / 3))) * 3, k = Math.pow(10, -_), g = i((f = Nn(f), f.type = "f", f), { suffix: Zo[8 + _ / 3] });
+    var _ = Math.max(-8, Math.min(8, Math.floor(uc(m) / 3))) * 3, x = Math.pow(10, -_), g = i((f = Nn(f), f.type = "f", f), { suffix: Zo[8 + _ / 3] });
     return function(w) {
-      return g(k * w);
+      return g(x * w);
     };
   }
   return {
@@ -6907,7 +6907,7 @@ function gc(e, t) {
     return String(e);
   }
 }
-const _c = { class: "form-control-number-format__popover" }, yc = { class: "form-control-number-format__popover__preview" }, wc = { class: "form-control-number-format__popover__preview__cell__label" }, xc = { class: "form-control-number-format__popover__body" }, kc = { class: "form-control-number-format__popover__body__chips" }, $c = ["onClick"], Cc = { class: "form-control-number-format__popover__body__grid-2" }, Bc = { class: "form-control-number-format__popover__body__btn-group" }, Sc = ["onClick"], Mc = { class: "form-control-number-format__popover__body__btn-group" }, Ac = ["onClick"], Lc = { class: "form-control-number-format__popover__body__check-row" }, Tc = { class: "form-control-number-format__popover__body__d3-row" }, Ic = { class: "form-control-number-format__popover__body__d3-row__value" }, Dc = /* @__PURE__ */ B({
+const _c = { class: "form-control-number-format__popover" }, yc = { class: "form-control-number-format__popover__preview" }, wc = { class: "form-control-number-format__popover__preview__cell__label" }, kc = { class: "form-control-number-format__popover__body" }, xc = { class: "form-control-number-format__popover__body__chips" }, $c = ["onClick"], Cc = { class: "form-control-number-format__popover__body__grid-2" }, Bc = { class: "form-control-number-format__popover__body__btn-group" }, Sc = ["onClick"], Mc = { class: "form-control-number-format__popover__body__btn-group" }, Ac = ["onClick"], Lc = { class: "form-control-number-format__popover__body__check-row" }, Tc = { class: "form-control-number-format__popover__body__d3-row" }, Ic = { class: "form-control-number-format__popover__body__d3-row__value" }, Dc = /* @__PURE__ */ B({
   __name: "FormControlNumberFormat",
   props: /* @__PURE__ */ ee({
     label: { default: void 0 },
@@ -6950,21 +6950,21 @@ const _c = { class: "form-control-number-format__popover" }, yc = { class: "form
     function _(w) {
       Object.assign(r, { ...w.config }), c.value = w.label, t.value = An(r);
     }
-    function k(w) {
+    function x(w) {
       return gc(w, r);
     }
     const g = b(
       () => a.map((w) => ({
         ...w,
-        formatted: k(w.value)
+        formatted: x(w.value)
       }))
     );
-    return (w, x) => {
-      const $ = xn;
+    return (w, k) => {
+      const $ = kn;
       return v(), F($, {
         id: e.id,
         modelValue: t.value,
-        "onUpdate:modelValue": x[4] || (x[4] = (y) => t.value = y),
+        "onUpdate:modelValue": k[4] || (k[4] = (y) => t.value = y),
         label: e.label,
         block: e.block,
         placeholder: "auto",
@@ -6980,7 +6980,7 @@ const _c = { class: "form-control-number-format__popover" }, yc = { class: "form
         menu: V(() => [
           p("div", _c, [
             p("div", yc, [
-              (v(!0), h(ue, null, _e(u(g), (y, C) => (v(), h("div", {
+              (v(!0), h(ce, null, _e(u(g), (y, C) => (v(), h("div", {
                 key: C,
                 class: "form-control-number-format__popover__preview__cell"
               }, [
@@ -6990,23 +6990,23 @@ const _c = { class: "form-control-number-format__popover" }, yc = { class: "form
                 }, M(y.formatted), 3)
               ]))), 128))
             ]),
-            p("div", xc, [
+            p("div", kc, [
               p("div", null, [
-                x[5] || (x[5] = p("div", { class: "form-control-number-format__popover__body__section-label" }, " Presets ", -1)),
-                p("div", kc, [
-                  (v(), h(ue, null, _e(l, (y) => p("button", {
+                k[5] || (k[5] = p("div", { class: "form-control-number-format__popover__body__section-label" }, " Presets ", -1)),
+                p("div", xc, [
+                  (v(), h(ce, null, _e(l, (y) => p("button", {
                     key: y.label,
                     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, $c)), 64))
                 ])
               ]),
-              x[12] || (x[12] = p("hr", { class: "form-control-number-format__popover__body__sep" }, null, -1)),
+              k[12] || (k[12] = p("hr", { class: "form-control-number-format__popover__body__sep" }, null, -1)),
               p("div", Cc, [
                 p("div", null, [
-                  x[6] || (x[6] = p("div", { class: "form-control-number-format__popover__body__grid-2__field-label" }, " Prefix ", -1)),
+                  k[6] || (k[6] = p("div", { class: "form-control-number-format__popover__body__grid-2__field-label" }, " Prefix ", -1)),
                   vt(p("input", {
-                    "onUpdate:modelValue": x[0] || (x[0] = (y) => u(r).prefix = y),
+                    "onUpdate:modelValue": k[0] || (k[0] = (y) => u(r).prefix = y),
                     class: "form-control-number-format__popover__body__grid-2__input",
                     placeholder: "e.g. $",
                     onInput: d
@@ -7015,9 +7015,9 @@ const _c = { class: "form-control-number-format__popover" }, yc = { class: "form
                   ])
                 ]),
                 p("div", null, [
-                  x[7] || (x[7] = p("div", { class: "form-control-number-format__popover__body__grid-2__field-label" }, " Suffix ", -1)),
+                  k[7] || (k[7] = p("div", { class: "form-control-number-format__popover__body__grid-2__field-label" }, " Suffix ", -1)),
                   vt(p("input", {
-                    "onUpdate:modelValue": x[1] || (x[1] = (y) => u(r).suffix = y),
+                    "onUpdate:modelValue": k[1] || (k[1] = (y) => u(r).suffix = y),
                     class: "form-control-number-format__popover__body__grid-2__input",
                     placeholder: "e.g. %",
                     onInput: d
@@ -7027,9 +7027,9 @@ const _c = { class: "form-control-number-format__popover" }, yc = { class: "form
                 ])
               ]),
               p("div", null, [
-                x[8] || (x[8] = p("div", { class: "form-control-number-format__popover__body__section-label" }, " Decimal places ", -1)),
+                k[8] || (k[8] = p("div", { class: "form-control-number-format__popover__body__section-label" }, " Decimal places ", -1)),
                 p("div", Bc, [
-                  (v(), h(ue, null, _e(n, (y) => p("button", {
+                  (v(), h(ce, null, _e(n, (y) => p("button", {
                     key: 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)
@@ -7037,9 +7037,9 @@ const _c = { class: "form-control-number-format__popover" }, yc = { class: "form
                 ])
               ]),
               p("div", null, [
-                x[9] || (x[9] = p("div", { class: "form-control-number-format__popover__body__section-label" }, " Negatives ", -1)),
+                k[9] || (k[9] = p("div", { class: "form-control-number-format__popover__body__section-label" }, " Negatives ", -1)),
                 p("div", Mc, [
-                  (v(), h(ue, null, _e(o, (y) => p("button", {
+                  (v(), h(ce, null, _e(o, (y) => p("button", {
                     key: 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)
@@ -7048,18 +7048,18 @@ const _c = { class: "form-control-number-format__popover" }, yc = { class: "form
               ]),
               p("label", Lc, [
                 vt(p("input", {
-                  "onUpdate:modelValue": x[2] || (x[2] = (y) => u(r).thousandsSep = y),
+                  "onUpdate:modelValue": k[2] || (k[2] = (y) => u(r).thousandsSep = y),
                   type: "checkbox",
                   class: "form-control-number-format__popover__body__check-row__checkbox",
-                  onChange: x[3] || (x[3] = (y) => d())
+                  onChange: k[3] || (k[3] = (y) => d())
                 }, null, 544), [
                   [pa, u(r).thousandsSep]
                 ]),
-                x[10] || (x[10] = p("span", null, "Thousands separator", -1))
+                k[10] || (k[10] = p("span", null, "Thousands separator", -1))
               ]),
-              x[13] || (x[13] = p("hr", { class: "form-control-number-format__popover__body__sep" }, null, -1)),
+              k[13] || (k[13] = p("hr", { class: "form-control-number-format__popover__body__sep" }, null, -1)),
               p("div", Tc, [
-                x[11] || (x[11] = p("span", { class: "form-control-number-format__popover__body__d3-row__label" }, "d3·fmt", -1)),
+                k[11] || (k[11] = p("span", { class: "form-control-number-format__popover__body__d3-row__label" }, "d3·fmt", -1)),
                 p("span", Ic, M(u(s)), 1)
               ])
             ])
@@ -7069,7 +7069,7 @@ const _c = { class: "form-control-number-format__popover" }, yc = { class: "form
       }, 8, ["id", "modelValue", "label", "block"]);
     };
   }
-}), gh = /* @__PURE__ */ z(Dc, [["__scopeId", "data-v-f33fabd7"]]), Ln = /* @__PURE__ */ new Date(), Tn = /* @__PURE__ */ new Date();
+}), yh = /* @__PURE__ */ z(Dc, [["__scopeId", "data-v-f33fabd7"]]), Ln = /* @__PURE__ */ new Date(), Tn = /* @__PURE__ */ new Date();
 function et(e, t, n, o) {
   function a(l) {
     return e(l = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+l)), l;
@@ -7186,11 +7186,11 @@ function Pt(e, t, n) {
   return { y: e, m: t, d: n, H: 0, M: 0, S: 0, L: 0 };
 }
 function Wc(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), _ = Ft(r), k = Vt(r), g = 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), x = Vt(r), g = Ft(c), w = Vt(c), k = Ft(s), $ = Vt(s), y = {
     a: K,
     A: he,
-    b: xe,
-    B: ke,
+    b: ke,
+    B: xe,
     c: null,
     d: oa,
     e: oa,
@@ -7200,7 +7200,7 @@ function Wc(e) {
     H: dd,
     I: fd,
     j: vd,
-    L: xl,
+    L: kl,
     m: md,
     M: hd,
     p: Re,
@@ -7212,10 +7212,10 @@ function Wc(e) {
     U: _d,
     V: yd,
     w: wd,
-    W: xd,
+    W: kd,
     x: null,
     X: null,
-    y: kd,
+    y: xd,
     Y: Cd,
     Z: Sd,
     "%": la
@@ -7237,7 +7237,7 @@ function Wc(e) {
     m: Id,
     M: Dd,
     p: le,
-    q: ce,
+    q: de,
     Q: ra,
     s: ia,
     S: Pd,
@@ -7252,7 +7252,7 @@ function Wc(e) {
     Y: zd,
     Z: Yd,
     "%": la
-  }, T = {
+  }, I = {
     a: O,
     A: Q,
     b: D,
@@ -7312,7 +7312,7 @@ function Wc(e) {
     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 Qo ? te.charAt(J++) : pe], !be || (A = be(N, oe, A)) < 0) return -1;
+        if (pe = te.charAt(J++), be = I[pe in Qo ? te.charAt(J++) : pe], !be || (A = be(N, oe, A)) < 0) return -1;
       } else if (pe != oe.charCodeAt(A++))
         return -1;
     }
@@ -7324,14 +7324,14 @@ function Wc(e) {
   }
   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;
+    return A ? (N.w = x.get(A[0].toLowerCase()), oe + A[0].length) : -1;
   }
   function Q(N, te, oe) {
     var A = f.exec(te.slice(oe));
     return A ? (N.w = m.get(A[0].toLowerCase()), oe + A[0].length) : -1;
   }
   function D(N, te, oe) {
-    var A = x.exec(te.slice(oe));
+    var A = k.exec(te.slice(oe));
     return A ? (N.m = $.get(A[0].toLowerCase()), oe + A[0].length) : -1;
   }
   function X(N, te, oe) {
@@ -7353,10 +7353,10 @@ function Wc(e) {
   function he(N) {
     return l[N.getDay()];
   }
-  function xe(N) {
+  function ke(N) {
     return s[N.getMonth()];
   }
-  function ke(N) {
+  function xe(N) {
     return c[N.getMonth()];
   }
   function Re(N) {
@@ -7380,7 +7380,7 @@ function Wc(e) {
   function le(N) {
     return a[+(N.getUTCHours() >= 12)];
   }
-  function ce(N) {
+  function de(N) {
     return 1 + ~~(N.getUTCMonth() / 3);
   }
   return {
@@ -7516,11 +7516,11 @@ function fd(e, t) {
 function vd(e, t) {
   return fe(1 + go.count(mt(e), e), t, 3);
 }
-function xl(e, t) {
+function kl(e, t) {
   return fe(e.getMilliseconds(), t, 3);
 }
 function pd(e, t) {
-  return xl(e, t) + "000";
+  return kl(e, t) + "000";
 }
 function md(e, t) {
   return fe(e.getMonth() + 1, t, 2);
@@ -7538,24 +7538,24 @@ function gd(e) {
 function _d(e, t) {
   return fe(yl.count(mt(e) - 1, e), t, 2);
 }
-function kl(e) {
+function xl(e) {
   var t = e.getDay();
   return t >= 4 || t === 0 ? Tt(e) : Tt.ceil(e);
 }
 function yd(e, t) {
-  return e = kl(e), fe(Tt.count(mt(e), e) + (mt(e).getDay() === 4), t, 2);
+  return e = xl(e), fe(Tt.count(mt(e), e) + (mt(e).getDay() === 4), t, 2);
 }
 function wd(e) {
   return e.getDay();
 }
-function xd(e, t) {
+function kd(e, t) {
   return fe(dn.count(mt(e) - 1, e), t, 2);
 }
-function kd(e, t) {
+function xd(e, t) {
   return fe(e.getFullYear() % 100, t, 2);
 }
 function $d(e, t) {
-  return e = kl(e), fe(e.getFullYear() % 100, t, 2);
+  return e = xl(e), fe(e.getFullYear() % 100, t, 2);
 }
 function Cd(e, t) {
   return fe(e.getFullYear() % 1e4, t, 4);
@@ -7749,7 +7749,7 @@ const Kd = { class: "form-control-date-format__popover" }, Zd = { class: "form-c
       const i = Xd(s);
       n.value = i.selectedPreset, o.value = i.customStr;
     }, { immediate: !0 }), (s, i) => {
-      const d = xn;
+      const d = kn;
       return v(), F(d, {
         id: e.id,
         modelValue: t.value,
@@ -7769,7 +7769,7 @@ const Kd = { class: "form-control-date-format__popover" }, Zd = { class: "form-c
         menu: V(({ hide: f }) => [
           p("div", Kd, [
             p("div", Zd, [
-              (v(!0), h(ue, null, _e(u(Wt), (m) => (v(), h("div", {
+              (v(!0), h(ce, null, _e(u(Wt), (m) => (v(), h("div", {
                 key: m.fmt,
                 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)
@@ -7792,7 +7792,7 @@ const Kd = { class: "form-control-date-format__popover" }, Zd = { class: "form-c
                 [Pn, u(o)]
               ]),
               p("div", af, [
-                i[2] || (i[2] = de(" Preview: ", -1)),
+                i[2] || (i[2] = ue(" Preview: ", -1)),
                 p("span", lf, M(u(o) ? u(a) : "—"), 1)
               ])
             ])) : P("", !0)
@@ -7802,7 +7802,7 @@ const Kd = { class: "form-control-date-format__popover" }, Zd = { class: "form-c
       }, 8, ["id", "modelValue", "label", "block"]);
     };
   }
-}), _h = /* @__PURE__ */ z(rf, [["__scopeId", "data-v-0a0b4b49"]]), sf = { class: "display-value__text" }, uf = {
+}), wh = /* @__PURE__ */ z(rf, [["__scopeId", "data-v-0a0b4b49"]]), sf = { class: "display-value__text" }, uf = {
   key: 0,
   class: "display-value__unit"
 }, cf = /* @__PURE__ */ B({
@@ -7823,7 +7823,7 @@ const Kd = { class: "form-control-date-format__popover" }, Zd = { class: "form-c
       e.unit ? (v(), h("span", uf, M(e.unit), 1)) : P("", !0)
     ], 2));
   }
-}), yh = /* @__PURE__ */ z(cf, [["__scopeId", "data-v-d11c1e64"]]), df = { class: "display-date" }, ff = /* @__PURE__ */ B({
+}), kh = /* @__PURE__ */ z(cf, [["__scopeId", "data-v-d11c1e64"]]), df = { class: "display-date" }, ff = /* @__PURE__ */ B({
   __name: "DisplayDate",
   props: {
     value: {},
@@ -7836,7 +7836,7 @@ const Kd = { class: "form-control-date-format__popover" }, Zd = { class: "form-c
     });
     return (o, a) => (v(), h("span", df, M(u(n)), 1));
   }
-}), wh = /* @__PURE__ */ z(ff, [["__scopeId", "data-v-8d8eab36"]]), vf = { class: "display-range" }, pf = { class: "display-range__text" }, mf = { class: "display-range__text" }, hf = {
+}), xh = /* @__PURE__ */ z(ff, [["__scopeId", "data-v-8d8eab36"]]), vf = { class: "display-range" }, pf = { class: "display-range__text" }, mf = { class: "display-range__text" }, hf = {
   key: 0,
   class: "display-range__unit"
 }, bf = /* @__PURE__ */ B({
@@ -7854,7 +7854,7 @@ const Kd = { class: "form-control-date-format__popover" }, Zd = { class: "form-c
       e.unit ? (v(), h("span", hf, M(e.unit), 1)) : P("", !0)
     ]));
   }
-}), xh = /* @__PURE__ */ z(bf, [["__scopeId", "data-v-500dac2f"]]), gf = { class: "display-number" }, _f = { class: "display-number__text" }, yf = {
+}), $h = /* @__PURE__ */ z(bf, [["__scopeId", "data-v-500dac2f"]]), gf = { class: "display-number" }, _f = { class: "display-number__text" }, yf = {
   key: 0,
   class: "display-number__unit"
 }, wf = /* @__PURE__ */ B({
@@ -7871,20 +7871,20 @@ const Kd = { class: "form-control-date-format__popover" }, Zd = { class: "form-c
       e.unit ? (v(), h("span", yf, M(e.unit), 1)) : P("", !0)
     ]));
   }
-}), kh = /* @__PURE__ */ z(wf, [["__scopeId", "data-v-0bb9515b"]]), xf = {
+}), Ch = /* @__PURE__ */ z(wf, [["__scopeId", "data-v-0bb9515b"]]), kf = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function kf(e, t) {
-  return v(), h("svg", xf, [...t[0] || (t[0] = [
+function xf(e, t) {
+  return v(), h("svg", kf, [...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"
     }, null, -1)
   ])]);
 }
-const $f = we({ name: "ph-info", render: kf }), Cf = { class: "display-contrast-badge__ratio" }, Bf = /* @__PURE__ */ B({
+const $f = we({ name: "ph-info", render: xf }), Cf = { class: "display-contrast-badge__ratio" }, Bf = /* @__PURE__ */ B({
   __name: "DisplayContrastBadge",
   props: {
     level: {},
@@ -7910,7 +7910,7 @@ const $f = we({ name: "ph-info", render: kf }), Cf = { class: "display-contrast-
       ref: n,
       class: E(["display-contrast-badge", u(o)])
     }, [
-      de(M(e.level) + " ", 1),
+      ue(M(e.level) + " ", 1),
       p("span", Cf, M(e.ratio), 1),
       H(u($f), { class: "display-contrast-badge__info" }),
       H(u(Wl), {
@@ -7921,7 +7921,7 @@ const $f = we({ name: "ph-info", render: kf }), Cf = { class: "display-contrast-
       }, null, 8, ["target", "title"])
     ], 2));
   }
-}), $h = /* @__PURE__ */ z(Bf, [["__scopeId", "data-v-0c7d4e75"]]), Sf = {
+}), Bh = /* @__PURE__ */ z(Bf, [["__scopeId", "data-v-0c7d4e75"]]), Sf = {
   [me.BarVertical]: "Columns",
   [me.BarHorizontal]: "Bars",
   [me.BarMulti]: "Grouped Columns",
@@ -7948,7 +7948,7 @@ const Mf = { class: "display-chart-type" }, Af = /* @__PURE__ */ B({
     const t = e, n = b(() => Ml(t.chartType));
     return (o, a) => (v(), h("span", Mf, M(u(n)), 1));
   }
-}), Ch = /* @__PURE__ */ z(Af, [["__scopeId", "data-v-0f586baf"]]), Lf = {
+}), Sh = /* @__PURE__ */ z(Af, [["__scopeId", "data-v-0f586baf"]]), Lf = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -8042,27 +8042,45 @@ const Hf = we({ name: "ph-chart-donut", render: Nf }), zf = /* @__PURE__ */ B({
     }, {
       default: V(() => [
         (v(), F(ye(u(l)), { class: "display-chart-type-badge__icon" })),
-        de(" " + M(u(n)), 1)
+        ue(" " + M(u(n)), 1)
       ]),
       _: 1
     }, 8, ["variant"]));
   }
-}), Bh = /* @__PURE__ */ z(zf, [["__scopeId", "data-v-f63b60a5"]]), Uf = /* @__PURE__ */ B({
+}), Mh = /* @__PURE__ */ z(zf, [["__scopeId", "data-v-f63b60a5"]]), Uf = {
+  key: 0,
+  class: "section-title-block"
+}, Yf = { class: "section-title__eyebrow bc-eyebrow" }, Wf = /* @__PURE__ */ B({
   __name: "SectionTitle",
   props: {
-    flush: { type: Boolean, default: !1 }
+    flush: { type: Boolean, default: !1 },
+    eyebrow: { default: void 0 }
   },
   setup(e) {
     const t = e, n = b(() => ({
       "section-title--flush": t.flush
     }));
-    return (o, a) => (v(), h("h6", {
+    return (o, a) => e.eyebrow ? (v(), h("div", Uf, [
+      p("div", Yf, [
+        a[0] || (a[0] = p("span", {
+          class: "bc-eyebrow__hash",
+          "aria-hidden": "true"
+        }, "#", -1)),
+        ue(" " + M(e.eyebrow), 1)
+      ]),
+      p("h6", {
+        class: E(["section-title", u(n)])
+      }, [
+        T(o.$slots, "default", {}, void 0, !0)
+      ], 2)
+    ])) : (v(), h("h6", {
+      key: 1,
       class: E(["section-title", u(n)])
     }, [
-      I(o.$slots, "default", {}, void 0, !0)
+      T(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Yf = /* @__PURE__ */ z(Uf, [["__scopeId", "data-v-620680d8"]]), Wf = { class: "section-group" }, qf = { class: "section-group__body" }, jf = /* @__PURE__ */ B({
+}), qf = /* @__PURE__ */ z(Wf, [["__scopeId", "data-v-6703538c"]]), jf = { class: "section-group" }, Gf = { class: "section-group__body" }, Xf = /* @__PURE__ */ B({
   __name: "SectionGroup",
   props: {
     title: {},
@@ -8070,53 +8088,53 @@ const Hf = we({ name: "ph-chart-donut", render: Nf }), zf = /* @__PURE__ */ B({
   },
   setup(e) {
     return (t, n) => {
-      const o = Yf;
-      return v(), h("section", Wf, [
+      const o = qf;
+      return v(), h("section", jf, [
         H(o, { flush: e.flush }, {
           default: V(() => [
-            de(M(e.title), 1)
+            ue(M(e.title), 1)
           ]),
           _: 1
         }, 8, ["flush"]),
-        p("div", qf, [
-          I(t.$slots, "default", {}, void 0, !0)
+        p("div", Gf, [
+          T(t.$slots, "default", {}, void 0, !0)
         ])
       ]);
     };
   }
-}), Sh = /* @__PURE__ */ z(jf, [["__scopeId", "data-v-c95cceae"]]), Gf = { class: "section-card" }, Xf = {
+}), Ah = /* @__PURE__ */ z(Xf, [["__scopeId", "data-v-c95cceae"]]), Kf = { class: "section-card" }, Zf = {
   key: 0,
   class: "section-card__label"
-}, Kf = {
+}, Qf = {
   key: 1,
   class: "section-card__body"
-}, Zf = /* @__PURE__ */ B({
+}, Jf = /* @__PURE__ */ B({
   __name: "SectionCard",
   props: {
     label: {}
   },
   setup(e) {
-    return (t, n) => (v(), h("div", Gf, [
-      e.label ? (v(), h("div", Xf, M(e.label), 1)) : P("", !0),
-      I(t.$slots, "header", {}, void 0, !0),
-      t.$slots.default ? (v(), h("div", Kf, [
-        I(t.$slots, "default", {}, void 0, !0)
+    return (t, n) => (v(), h("div", Kf, [
+      e.label ? (v(), h("div", Zf, M(e.label), 1)) : P("", !0),
+      T(t.$slots, "header", {}, void 0, !0),
+      t.$slots.default ? (v(), h("div", Qf, [
+        T(t.$slots, "default", {}, void 0, !0)
       ])) : P("", !0)
     ]));
   }
-}), Mh = /* @__PURE__ */ z(Zf, [["__scopeId", "data-v-c4970a7e"]]), Qf = {}, Jf = { class: "settings-section-description" };
-function ev(e, t) {
-  return v(), h("p", Jf, [
-    I(e.$slots, "default", {}, void 0, !0)
+}), Lh = /* @__PURE__ */ z(Jf, [["__scopeId", "data-v-c4970a7e"]]), ev = {}, tv = { class: "settings-section-description" };
+function nv(e, t) {
+  return v(), h("p", tv, [
+    T(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const tv = /* @__PURE__ */ z(Qf, [["render", ev], ["__scopeId", "data-v-305c0b8f"]]), nv = {}, ov = { class: "settings-section-title" };
-function av(e, t) {
-  return v(), h("h6", ov, [
-    I(e.$slots, "default", {}, void 0, !0)
+const ov = /* @__PURE__ */ z(ev, [["render", nv], ["__scopeId", "data-v-305c0b8f"]]), av = {}, lv = { class: "settings-section-title" };
+function rv(e, t) {
+  return v(), h("h6", lv, [
+    T(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const lv = /* @__PURE__ */ z(nv, [["render", av], ["__scopeId", "data-v-d623ff81"]]), rv = { class: "settings-section-icon" }, iv = /* @__PURE__ */ B({
+const iv = /* @__PURE__ */ z(av, [["render", rv], ["__scopeId", "data-v-d623ff81"]]), sv = { class: "settings-section-icon" }, uv = /* @__PURE__ */ B({
   __name: "SettingsSectionIcon",
   props: {
     icon: {}
@@ -8124,15 +8142,15 @@ const lv = /* @__PURE__ */ z(nv, [["render", av], ["__scopeId", "data-v-d623ff81
   setup(e) {
     return (t, n) => {
       const o = yn;
-      return v(), h("div", rv, [
+      return v(), h("div", sv, [
         H(o, { name: e.icon }, null, 8, ["name"])
       ]);
     };
   }
-}), sv = /* @__PURE__ */ z(iv, [["__scopeId", "data-v-6ff90dee"]]), uv = { class: "settings-section" }, cv = { class: "settings-section__header" }, dv = { class: "settings-section__header__text" }, fv = {
+}), cv = /* @__PURE__ */ z(uv, [["__scopeId", "data-v-6ff90dee"]]), dv = { class: "settings-section" }, fv = { class: "settings-section__header" }, vv = { class: "settings-section__header__text" }, pv = {
   key: 1,
   class: "settings-section__body"
-}, vv = /* @__PURE__ */ B({
+}, mv = /* @__PURE__ */ B({
   __name: "SettingsSection",
   props: {
     title: {},
@@ -8141,17 +8159,17 @@ const lv = /* @__PURE__ */ z(nv, [["render", av], ["__scopeId", "data-v-d623ff81
   },
   setup(e) {
     return (t, n) => {
-      const o = sv, a = lv, l = tv;
-      return v(), h("section", uv, [
-        p("div", cv, [
+      const o = cv, a = iv, l = ov;
+      return v(), h("section", dv, [
+        p("div", fv, [
           e.icon ? (v(), F(o, {
             key: 0,
             icon: e.icon
           }, null, 8, ["icon"])) : P("", !0),
-          p("div", dv, [
+          p("div", vv, [
             H(a, null, {
               default: V(() => [
-                de(M(e.title), 1)
+                ue(M(e.title), 1)
               ]),
               _: 1
             })
@@ -8159,32 +8177,32 @@ const lv = /* @__PURE__ */ z(nv, [["render", av], ["__scopeId", "data-v-d623ff81
         ]),
         t.$slots.description || e.description ? (v(), F(l, { key: 0 }, {
           default: V(() => [
-            I(t.$slots, "description", {}, () => [
-              de(M(e.description), 1)
+            T(t.$slots, "description", {}, () => [
+              ue(M(e.description), 1)
             ], !0)
           ]),
           _: 3
         })) : P("", !0),
-        t.$slots.default ? (v(), h("div", fv, [
-          I(t.$slots, "default", {}, void 0, !0)
+        t.$slots.default ? (v(), h("div", pv, [
+          T(t.$slots, "default", {}, void 0, !0)
         ])) : P("", !0)
       ]);
     };
   }
-}), Ah = /* @__PURE__ */ z(vv, [["__scopeId", "data-v-11c0f809"]]), pv = {
+}), Th = /* @__PURE__ */ z(mv, [["__scopeId", "data-v-11c0f809"]]), hv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function mv(e, t) {
-  return v(), h("svg", pv, [...t[0] || (t[0] = [
+function bv(e, t) {
+  return v(), h("svg", hv, [...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"
     }, null, -1)
   ])]);
 }
-const Al = we({ name: "ph-x", render: mv }), hv = /* @__PURE__ */ B({
+const Al = we({ name: "ph-x", render: bv }), gv = /* @__PURE__ */ B({
   __name: "ButtonClose",
   emits: ["click"],
   setup(e) {
@@ -8202,20 +8220,20 @@ const Al = we({ name: "ph-x", render: mv }), hv = /* @__PURE__ */ B({
       }, null, 8, ["icon-left"]);
     };
   }
-}), Lh = /* @__PURE__ */ z(hv, [["__scopeId", "data-v-93ccc528"]]), bv = {
+}), Ih = /* @__PURE__ */ z(gv, [["__scopeId", "data-v-93ccc528"]]), _v = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function gv(e, t) {
-  return v(), h("svg", bv, [...t[0] || (t[0] = [
+function yv(e, t) {
+  return v(), h("svg", _v, [...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: gv }), Th = /* @__PURE__ */ B({
+const wv = we({ name: "ph-arrow-clockwise", render: yv }), Dh = /* @__PURE__ */ B({
   __name: "ButtonRedo",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -8225,7 +8243,7 @@ const _v = we({ name: "ph-arrow-clockwise", render: gv }), Th = /* @__PURE__ */
     return (t, n) => {
       const o = ut;
       return v(), F(o, {
-        "icon-left": u(_v),
+        "icon-left": u(wv),
         label: "Redo",
         "hide-label": "",
         square: "",
@@ -8236,20 +8254,20 @@ const _v = we({ name: "ph-arrow-clockwise", render: gv }), Th = /* @__PURE__ */
       }, null, 8, ["icon-left", "disabled"]);
     };
   }
-}), yv = {
+}), kv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function wv(e, t) {
-  return v(), h("svg", yv, [...t[0] || (t[0] = [
+function xv(e, t) {
+  return v(), h("svg", kv, [...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 xv = we({ name: "ph-arrow-counter-clockwise", render: wv }), Ih = /* @__PURE__ */ B({
+const $v = we({ name: "ph-arrow-counter-clockwise", render: xv }), Ph = /* @__PURE__ */ B({
   __name: "ButtonUndo",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -8259,7 +8277,7 @@ const xv = we({ name: "ph-arrow-counter-clockwise", render: wv }), Ih = /* @__PU
     return (t, n) => {
       const o = ut;
       return v(), F(o, {
-        "icon-left": u(xv),
+        "icon-left": u($v),
         label: "Undo",
         "hide-label": "",
         square: "",
@@ -8270,21 +8288,21 @@ const xv = we({ name: "ph-arrow-counter-clockwise", render: wv }), Ih = /* @__PU
       }, null, 8, ["icon-left", "disabled"]);
     };
   }
-}), kv = { class: "feedback-empty-state" }, $v = { class: "feedback-empty-state__message" }, Cv = /* @__PURE__ */ B({
+}), Cv = { class: "feedback-empty-state" }, Bv = { class: "feedback-empty-state__message" }, Sv = /* @__PURE__ */ B({
   __name: "FeedbackEmptyState",
   props: {
     message: {}
   },
   setup(e) {
-    return (t, n) => (v(), h("div", kv, [
-      p("p", $v, [
-        I(t.$slots, "default", {}, () => [
-          de(M(e.message), 1)
+    return (t, n) => (v(), h("div", Cv, [
+      p("p", Bv, [
+        T(t.$slots, "default", {}, () => [
+          ue(M(e.message), 1)
         ], !0)
       ])
     ]));
   }
-}), Dh = /* @__PURE__ */ z(Cv, [["__scopeId", "data-v-d03310b2"]]), Bv = /* @__PURE__ */ B({
+}), Fh = /* @__PURE__ */ z(Sv, [["__scopeId", "data-v-d03310b2"]]), Mv = /* @__PURE__ */ B({
   __name: "FeedbackSkeleton",
   props: {
     width: { default: "100%" },
@@ -8308,10 +8326,10 @@ const xv = we({ name: "ph-arrow-counter-clockwise", render: wv }), Ih = /* @__PU
       "aria-hidden": "true"
     }, null, 6));
   }
-}), Qt = /* @__PURE__ */ z(Bv, [["__scopeId", "data-v-03b0daa7"]]), Sv = {
+}), Qt = /* @__PURE__ */ z(Mv, [["__scopeId", "data-v-03b0daa7"]]), Av = {
   key: 0,
   class: "layout-bottom-drawer__header"
-}, Mv = { class: "layout-bottom-drawer__header__title" }, Av = { class: "layout-bottom-drawer__body" }, Lv = 80, Tv = /* @__PURE__ */ B({
+}, Lv = { class: "layout-bottom-drawer__header__title" }, Tv = { class: "layout-bottom-drawer__body" }, Iv = 80, Dv = /* @__PURE__ */ B({
   __name: "LayoutBottomDrawer",
   props: /* @__PURE__ */ ee({
     title: {}
@@ -8333,12 +8351,12 @@ const xv = we({ name: "ph-arrow-counter-clockwise", render: wv }), Ih = /* @__PU
       !o.value && Math.abs(m) > 4 && (o.value = !0), o.value && (r = !0, n.value = Math.max(0, m));
     }
     function i() {
-      document.removeEventListener("pointermove", s), document.removeEventListener("pointercancel", i), o.value && n.value >= Lv ? t.value = !1 : r || (t.value = !1), n.value = 0, o.value = !1;
+      document.removeEventListener("pointermove", s), document.removeEventListener("pointercancel", i), o.value && n.value >= Iv ? t.value = !1 : r || (t.value = !1), n.value = 0, o.value = !1;
     }
     const d = b(
       () => n.value > 0 ? { transform: `translateY(${n.value}px)` } : {}
     );
-    return (f, m) => (v(), h(ue, null, [
+    return (f, m) => (v(), h(ce, null, [
       H(Yn, { name: "drawer" }, {
         default: V(() => [
           t.value ? (v(), h("div", {
@@ -8352,11 +8370,11 @@ const xv = we({ name: "ph-arrow-counter-clockwise", render: wv }), Ih = /* @__PU
             }, [...m[1] || (m[1] = [
               p("div", { class: "layout-bottom-drawer__handle__bar" }, null, -1)
             ])], 32),
-            e.title ? (v(), h("div", Sv, [
-              p("h2", Mv, M(e.title), 1)
+            e.title ? (v(), h("div", Av, [
+              p("h2", Lv, M(e.title), 1)
             ])) : P("", !0),
-            p("div", Av, [
-              I(f.$slots, "default", {}, void 0, !0)
+            p("div", Tv, [
+              T(f.$slots, "default", {}, void 0, !0)
             ])
           ], 6)) : P("", !0)
         ]),
@@ -8369,48 +8387,48 @@ const xv = we({ name: "ph-arrow-counter-clockwise", render: wv }), Ih = /* @__PU
       })) : P("", !0)
     ], 64));
   }
-}), Ph = /* @__PURE__ */ z(Tv, [["__scopeId", "data-v-33b4e50b"]]), Iv = { class: "layout-panel" }, Dv = { class: "layout-panel__header" }, Pv = { class: "layout-panel__header__title" }, Fv = {
+}), Vh = /* @__PURE__ */ z(Dv, [["__scopeId", "data-v-33b4e50b"]]), Pv = { class: "layout-panel" }, Fv = { class: "layout-panel__header" }, Vv = { class: "layout-panel__header__title" }, Rv = {
   key: 0,
   class: "layout-panel__header__actions"
-}, Vv = {
+}, Ov = {
   key: 0,
   class: "layout-panel__toolbar"
-}, Rv = { class: "layout-panel__body" }, Ov = {
+}, Ev = { class: "layout-panel__body" }, Nv = {
   key: 1,
   class: "layout-panel__footer"
-}, Ev = /* @__PURE__ */ B({
+}, Hv = /* @__PURE__ */ B({
   __name: "LayoutPanel",
   props: {
     title: {}
   },
   setup(e) {
-    return (t, n) => (v(), h("div", Iv, [
-      p("div", Dv, [
-        p("h2", Pv, M(e.title), 1),
-        t.$slots.actions ? (v(), h("div", Fv, [
-          I(t.$slots, "actions", {}, void 0, !0)
+    return (t, n) => (v(), h("div", Pv, [
+      p("div", Fv, [
+        p("h2", Vv, M(e.title), 1),
+        t.$slots.actions ? (v(), h("div", Rv, [
+          T(t.$slots, "actions", {}, void 0, !0)
         ])) : P("", !0)
       ]),
-      t.$slots.toolbar ? (v(), h("div", Vv, [
-        I(t.$slots, "toolbar", {}, void 0, !0)
+      t.$slots.toolbar ? (v(), h("div", Ov, [
+        T(t.$slots, "toolbar", {}, void 0, !0)
       ])) : P("", !0),
-      p("div", Rv, [
-        I(t.$slots, "default", {}, void 0, !0)
+      p("div", Ev, [
+        T(t.$slots, "default", {}, void 0, !0)
       ]),
-      t.$slots.footer ? (v(), h("div", Ov, [
-        I(t.$slots, "footer", {}, void 0, !0)
+      t.$slots.footer ? (v(), h("div", Nv, [
+        T(t.$slots, "footer", {}, void 0, !0)
       ])) : P("", !0)
     ]));
   }
-}), Fh = /* @__PURE__ */ z(Ev, [["__scopeId", "data-v-f70cc004"]]), Nv = {}, Hv = {
+}), Rh = /* @__PURE__ */ z(Hv, [["__scopeId", "data-v-f70cc004"]]), zv = {}, Uv = {
   class: "layout-toolbar-separator",
   role: "separator",
   "aria-orientation": "vertical"
 };
-function zv(e, t) {
-  return v(), h("div", Hv);
+function Yv(e, t) {
+  return v(), h("div", Uv);
 }
-const Vh = /* @__PURE__ */ z(Nv, [["render", zv], ["__scopeId", "data-v-0ffa8b6b"]]), Uv = ["aria-label"], Yv = ["disabled", "title", "aria-label", "aria-current", "onClick"], Wv = { class: "navigation-segmented-control__option__label" }, qv = /* @__PURE__ */ B({
+const Oh = /* @__PURE__ */ z(zv, [["render", Yv], ["__scopeId", "data-v-0ffa8b6b"]]), Wv = ["aria-label"], qv = ["disabled", "title", "aria-label", "aria-current", "onClick"], jv = { class: "navigation-segmented-control__option__label" }, Gv = /* @__PURE__ */ B({
   __name: "NavigationSegmentedControl",
   props: {
     items: {},
@@ -8428,8 +8446,8 @@ const Vh = /* @__PURE__ */ z(Nv, [["render", zv], ["__scopeId", "data-v-0ffa8b6b
       class: E(["navigation-segmented-control", [u(a), { "navigation-segmented-control--icon-only": e.iconOnly }]]),
       "aria-label": e.ariaLabel
     }, [
-      I(r.$slots, "default", {}, void 0, !0),
-      (v(!0), h(ue, null, _e(e.items, (s) => (v(), h("button", {
+      T(r.$slots, "default", {}, void 0, !0),
+      (v(!0), h(ce, null, _e(e.items, (s) => (v(), h("button", {
         key: s.key,
         class: E(["navigation-segmented-control__option", {
           "navigation-segmented-control__option--active": s.active,
@@ -8446,19 +8464,19 @@ const Vh = /* @__PURE__ */ z(Nv, [["render", zv], ["__scopeId", "data-v-0ffa8b6b
           key: 0,
           class: "navigation-segmented-control__option__icon"
         })) : P("", !0),
-        p("span", Wv, M(s.text), 1)
-      ], 10, Yv))), 128))
-    ], 10, Uv));
+        p("span", jv, M(s.text), 1)
+      ], 10, qv))), 128))
+    ], 10, Wv));
   }
-}), jv = /* @__PURE__ */ z(qv, [["__scopeId", "data-v-e89c33f0"]]), Gv = ["aria-selected", "aria-disabled", "tabindex", "title", "onClick", "onKeydown"], Xv = {
+}), Xv = /* @__PURE__ */ z(Gv, [["__scopeId", "data-v-e89c33f0"]]), Kv = ["aria-selected", "aria-disabled", "tabindex", "title", "onClick", "onKeydown"], Zv = {
   key: 0,
   class: "navigation-stepper-tabs__step__icon",
   "aria-hidden": "true"
-}, Kv = { class: "navigation-stepper-tabs__step__label" }, Zv = {
+}, Qv = { class: "navigation-stepper-tabs__step__label" }, Jv = {
   key: 0,
   class: "navigation-stepper-tabs__sep",
   "aria-hidden": "true"
-}, Qv = /* @__PURE__ */ B({
+}, ep = /* @__PURE__ */ B({
   __name: "NavigationStepperTabs",
   props: /* @__PURE__ */ ee({
     steps: {},
@@ -8521,7 +8539,7 @@ const Vh = /* @__PURE__ */ z(Nv, [["render", zv], ["__scopeId", "data-v-0ffa8b6b
       role: "tablist",
       "aria-label": "Progress"
     }, [
-      (v(!0), h(ue, null, _e(e.steps, (d, f) => (v(), h(ue, {
+      (v(!0), h(ce, null, _e(e.steps, (d, f) => (v(), h(ce, {
         key: d.key ?? f
       }, [
         p("button", {
@@ -8539,16 +8557,16 @@ const Vh = /* @__PURE__ */ z(Nv, [["render", zv], ["__scopeId", "data-v-0ffa8b6b
           onClick: (m) => r(f),
           onKeydown: (m) => c(m, f)
         }, [
-          l(d, f) ? (v(), h("span", Xv, [
+          l(d, f) ? (v(), h("span", Zv, [
             (v(), F(ye(l(d, f))))
           ])) : P("", !0),
-          p("span", Kv, M(d.label), 1)
-        ], 42, Gv),
-        e.layout === "inline" && e.separator && f < e.steps.length - 1 ? (v(), h("span", Zv, "›")) : P("", !0)
+          p("span", Qv, M(d.label), 1)
+        ], 42, Kv),
+        e.layout === "inline" && e.separator && f < e.steps.length - 1 ? (v(), h("span", Jv, "›")) : P("", !0)
       ], 64))), 128))
     ], 2));
   }
-}), Rh = /* @__PURE__ */ z(Qv, [["__scopeId", "data-v-e2d6247a"]]), Oh = /* @__PURE__ */ B({
+}), Eh = /* @__PURE__ */ z(ep, [["__scopeId", "data-v-e2d6247a"]]), Nh = /* @__PURE__ */ B({
   __name: "NavigationToggle",
   props: /* @__PURE__ */ ee({
     options: { default: () => [] },
@@ -8575,19 +8593,19 @@ const Vh = /* @__PURE__ */ z(Nv, [["render", zv], ["__scopeId", "data-v-0ffa8b6b
     function r(c) {
       t.value = c;
     }
-    return (c, s) => (v(), F(jv, {
+    return (c, s) => (v(), F(Xv, {
       items: u(l),
       size: e.size,
       "icon-only": e.iconOnly,
       onSelect: r
     }, {
       default: V(() => [
-        I(c.$slots, "default")
+        T(c.$slots, "default")
       ]),
       _: 3
     }, 8, ["items", "size", "icon-only"]));
   }
-}), Eh = /* @__PURE__ */ B({
+}), Hh = /* @__PURE__ */ B({
   __name: "NavigationToggleOption",
   props: {
     value: {},
@@ -8604,28 +8622,28 @@ const Vh = /* @__PURE__ */ z(Nv, [["render", zv], ["__scopeId", "data-v-0ffa8b6b
       icon: t.icon,
       title: t.title,
       disabled: t.disabled
-    })), (n, o) => I(n.$slots, "default");
+    })), (n, o) => T(n.$slots, "default");
   }
-}), Jv = {
+}), tp = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function ep(e, t) {
-  return v(), h("svg", Jv, [...t[0] || (t[0] = [
+function np(e, t) {
+  return v(), h("svg", tp, [...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"
     }, null, -1)
   ])]);
 }
-const Ll = we({ name: "ph-magnifying-glass", render: ep }), tp = ["aria-label"], np = {
+const Ll = we({ name: "ph-magnifying-glass", render: np }), op = ["aria-label"], ap = {
   key: 0,
   class: "navigation-command-bar__placeholder"
-}, op = {
+}, lp = {
   key: 1,
   class: "navigation-command-bar__kbd"
-}, ap = /* @__PURE__ */ B({
+}, rp = /* @__PURE__ */ B({
   __name: "NavigationCommandBar",
   props: {
     placeholder: {},
@@ -8644,48 +8662,48 @@ const Ll = we({ name: "ph-magnifying-glass", render: ep }), tp = ["aria-label"],
         class: "navigation-command-bar__icon",
         "aria-hidden": "true"
       }),
-      e.collapsed ? P("", !0) : (v(), h("span", np, M(e.placeholder), 1)),
-      e.shortcutLabel && !e.collapsed ? (v(), h("span", op, M(e.shortcutLabel), 1)) : P("", !0)
-    ], 10, tp));
+      e.collapsed ? P("", !0) : (v(), h("span", ap, M(e.placeholder), 1)),
+      e.shortcutLabel && !e.collapsed ? (v(), h("span", lp, M(e.shortcutLabel), 1)) : P("", !0)
+    ], 10, op));
   }
-}), Nh = /* @__PURE__ */ z(ap, [["__scopeId", "data-v-e61b62b9"]]), lp = {
+}), zh = /* @__PURE__ */ z(rp, [["__scopeId", "data-v-e61b62b9"]]), ip = {
   class: "navigation-docs-bar",
   "aria-label": "Docs navigation"
-}, rp = {
+}, sp = {
   key: 0,
   class: "navigation-docs-bar__brand"
-}, ip = {
+}, up = {
   key: 1,
   class: "navigation-docs-bar__actions"
-}, sp = {
+}, cp = {
   key: 2,
   class: "navigation-docs-bar__cta-primary"
-}, up = {
+}, dp = {
   key: 3,
   class: "navigation-docs-bar__cta-secondary"
-}, cp = /* @__PURE__ */ B({
+}, fp = /* @__PURE__ */ B({
   __name: "NavigationDocsBar",
   setup(e) {
-    return (t, n) => (v(), h("header", lp, [
-      t.$slots.brand ? (v(), h("div", rp, [
-        I(t.$slots, "brand", {}, void 0, !0)
+    return (t, n) => (v(), h("header", ip, [
+      t.$slots.brand ? (v(), h("div", sp, [
+        T(t.$slots, "brand", {}, void 0, !0)
       ])) : P("", !0),
-      t.$slots.actions ? (v(), h("div", ip, [
-        I(t.$slots, "actions", {}, void 0, !0)
+      t.$slots.actions ? (v(), h("div", up, [
+        T(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(), h("div", sp, [
-        I(t.$slots, "cta-primary", {}, void 0, !0)
+      t.$slots["cta-primary"] ? (v(), h("div", cp, [
+        T(t.$slots, "cta-primary", {}, void 0, !0)
       ])) : P("", !0),
-      t.$slots["cta-secondary"] ? (v(), h("div", up, [
-        I(t.$slots, "cta-secondary", {}, void 0, !0)
+      t.$slots["cta-secondary"] ? (v(), h("div", dp, [
+        T(t.$slots, "cta-secondary", {}, void 0, !0)
       ])) : P("", !0)
     ]));
   }
-}), Hh = /* @__PURE__ */ z(cp, [["__scopeId", "data-v-39d43fc1"]]), dp = { class: "navigation-icon-rail" }, fp = {
+}), Uh = /* @__PURE__ */ z(fp, [["__scopeId", "data-v-39d43fc1"]]), vp = { class: "navigation-icon-rail" }, pp = {
   key: 0,
   class: "navigation-icon-rail__footer"
-}, vp = /* @__PURE__ */ B({
+}, mp = /* @__PURE__ */ B({
   __name: "NavigationIconRail",
   props: /* @__PURE__ */ ee({
     items: { default: () => [] }
@@ -8703,9 +8721,9 @@ const Ll = we({ name: "ph-magnifying-glass", render: ep }), tp = ["aria-label"],
     }
     return (r, c) => {
       const s = ut;
-      return v(), h("nav", dp, [
-        I(r.$slots, "default", {}, void 0, !0),
-        (v(!0), h(ue, null, _e(u(a), (i) => (v(), F(s, {
+      return v(), h("nav", vp, [
+        T(r.$slots, "default", {}, void 0, !0),
+        (v(!0), h(ce, null, _e(u(a), (i) => (v(), F(s, {
           key: i.value,
           "icon-left": i.icon,
           label: i.tooltip,
@@ -8719,13 +8737,13 @@ const Ll = we({ name: "ph-magnifying-glass", render: ep }), tp = ["aria-label"],
           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(), h("div", fp, [
-          I(r.$slots, "footer", {}, void 0, !0)
+        r.$slots.footer ? (v(), h("div", pp, [
+          T(r.$slots, "footer", {}, void 0, !0)
         ])) : P("", !0)
       ]);
     };
   }
-}), zh = /* @__PURE__ */ z(vp, [["__scopeId", "data-v-ef286f50"]]), Uh = /* @__PURE__ */ B({
+}), Yh = /* @__PURE__ */ z(mp, [["__scopeId", "data-v-ef286f50"]]), Wh = /* @__PURE__ */ B({
   __name: "NavigationIconRailEntry",
   props: {
     value: {},
@@ -8738,22 +8756,22 @@ const Ll = we({ name: "ph-magnifying-glass", render: ep }), tp = ["aria-label"],
       value: t.value,
       icon: t.icon,
       tooltip: t.tooltip
-    })), (n, o) => I(n.$slots, "default");
+    })), (n, o) => T(n.$slots, "default");
   }
-}), pp = {
+}), hp = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function mp(e, t) {
-  return v(), h("svg", pp, [...t[0] || (t[0] = [
+function bp(e, t) {
+  return v(), h("svg", hp, [...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"
     }, null, -1)
   ])]);
 }
-const Tl = we({ name: "ph-arrow-square-out", render: mp }), hp = ["href", "aria-current", "onClick"], bp = { class: "navigation-link__label" }, gp = /* @__PURE__ */ B({
+const Tl = we({ name: "ph-arrow-square-out", render: bp }), gp = ["href", "aria-current", "onClick"], _p = { class: "navigation-link__label" }, yp = /* @__PURE__ */ B({
   __name: "NavigationLink",
   props: {
     to: {},
@@ -8782,65 +8800,65 @@ const Tl = we({ name: "ph-arrow-square-out", render: mp }), hp = ["href", "aria-
             "aria-current": i || e.active ? "page" : void 0,
             onClick: c
           }, [
-            p("span", bp, M(e.label), 1),
+            p("span", _p, M(e.label), 1),
             e.external ? (v(), F(l, {
               key: 0,
               class: "navigation-link__external-icon",
               "aria-hidden": "true"
             })) : P("", !0)
-          ], 10, hp)
+          ], 10, gp)
         ]),
         _: 1
       }, 8, ["to"]);
     };
   }
-}), Yh = /* @__PURE__ */ z(gp, [["__scopeId", "data-v-f942f32a"]]), _p = {
+}), qh = /* @__PURE__ */ z(yp, [["__scopeId", "data-v-f942f32a"]]), wp = {
   class: "navigation-marketing-bar",
   "aria-label": "Marketing navigation"
-}, yp = { class: "navigation-marketing-bar__inner" }, wp = { class: "navigation-marketing-bar__brand" }, xp = {
+}, kp = { class: "navigation-marketing-bar__inner" }, xp = { class: "navigation-marketing-bar__brand" }, $p = {
   key: 0,
   class: "navigation-marketing-bar__menu",
   "aria-label": "Sections"
-}, kp = {
+}, Cp = {
   key: 1,
   class: "navigation-marketing-bar__actions"
-}, $p = {
+}, Bp = {
   key: 2,
   class: "navigation-marketing-bar__cta-secondary"
-}, Cp = {
+}, Sp = {
   key: 3,
   class: "navigation-marketing-bar__cta-primary"
-}, Bp = /* @__PURE__ */ B({
+}, Mp = /* @__PURE__ */ B({
   __name: "NavigationMarketingBar",
   setup(e) {
-    return (t, n) => (v(), h("header", _p, [
-      p("div", yp, [
-        p("div", wp, [
-          I(t.$slots, "brand")
+    return (t, n) => (v(), h("header", wp, [
+      p("div", kp, [
+        p("div", xp, [
+          T(t.$slots, "brand")
         ]),
-        t.$slots.menu ? (v(), h("nav", xp, [
-          I(t.$slots, "menu")
+        t.$slots.menu ? (v(), h("nav", $p, [
+          T(t.$slots, "menu")
         ])) : P("", !0),
         n[0] || (n[0] = p("div", { class: "navigation-marketing-bar__spacer" }, null, -1)),
-        t.$slots.actions ? (v(), h("div", kp, [
-          I(t.$slots, "actions")
+        t.$slots.actions ? (v(), h("div", Cp, [
+          T(t.$slots, "actions")
         ])) : P("", !0),
-        t.$slots["cta-secondary"] ? (v(), h("div", $p, [
-          I(t.$slots, "cta-secondary")
+        t.$slots["cta-secondary"] ? (v(), h("div", Bp, [
+          T(t.$slots, "cta-secondary")
         ])) : P("", !0),
-        t.$slots["cta-primary"] ? (v(), h("div", Cp, [
-          I(t.$slots, "cta-primary")
+        t.$slots["cta-primary"] ? (v(), h("div", Sp, [
+          T(t.$slots, "cta-primary")
         ])) : P("", !0)
       ])
     ]));
   }
-}), Wh = /* @__PURE__ */ z(Bp, [["__scopeId", "data-v-b979ca12"]]), Sp = ["aria-keyshortcuts", "aria-label"], Mp = {
+}), jh = /* @__PURE__ */ z(Mp, [["__scopeId", "data-v-b979ca12"]]), Ap = ["aria-keyshortcuts", "aria-label"], Lp = {
   key: 0,
   class: "navigation-search-pill__text"
-}, Ap = {
+}, Tp = {
   key: 1,
   class: "navigation-search-pill__kbd"
-}, Lp = /* @__PURE__ */ B({
+}, Ip = /* @__PURE__ */ B({
   __name: "NavigationSearchPill",
   props: {
     placeholder: {},
@@ -8869,12 +8887,12 @@ const Tl = we({ name: "ph-arrow-square-out", render: mp }), hp = ["href", "aria-
           class: "navigation-search-pill__icon",
           "aria-hidden": "true"
         }),
-        e.compact ? P("", !0) : (v(), h("span", Mp, M(e.placeholder), 1)),
-        e.compact ? P("", !0) : (v(), h("kbd", Ap, M(e.shortcutLabel), 1))
-      ], 10, Sp);
+        e.compact ? P("", !0) : (v(), h("span", Lp, M(e.placeholder), 1)),
+        e.compact ? P("", !0) : (v(), h("kbd", Tp, M(e.shortcutLabel), 1))
+      ], 10, Ap);
     };
   }
-}), qh = /* @__PURE__ */ z(Lp, [["__scopeId", "data-v-df2aa654"]]), Tp = ["aria-label"], Ip = ["href", "aria-current"], Dp = /* @__PURE__ */ B({
+}), Gh = /* @__PURE__ */ z(Ip, [["__scopeId", "data-v-df2aa654"]]), Dp = ["aria-label"], Pp = ["href", "aria-current"], Fp = /* @__PURE__ */ B({
   __name: "NavigationSectionTabs",
   props: {
     sections: {},
@@ -8886,19 +8904,19 @@ const Tl = we({ name: "ph-arrow-square-out", render: mp }), hp = ["href", "aria-
       class: "navigation-section-tabs",
       "aria-label": e.ariaLabel
     }, [
-      (v(!0), h(ue, null, _e(e.sections, (o) => (v(), h("a", {
+      (v(!0), h(ce, null, _e(e.sections, (o) => (v(), h("a", {
         key: o.link,
         href: o.link,
         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, Ip))), 128))
-    ], 8, Tp));
+      }, M(o.text), 11, Pp))), 128))
+    ], 8, Dp));
   }
-}), jh = /* @__PURE__ */ z(Dp, [["__scopeId", "data-v-cb039809"]]), Pp = ["aria-expanded"], Fp = { class: "navigation-section-dropdown__label" }, Vp = {
+}), Xh = /* @__PURE__ */ z(Fp, [["__scopeId", "data-v-cb039809"]]), Vp = ["aria-expanded"], Rp = { class: "navigation-section-dropdown__label" }, Op = {
   key: 0,
   class: "navigation-section-dropdown__panel",
   role: "menu"
-}, Rp = ["href", "aria-current"], Op = /* @__PURE__ */ B({
+}, Ep = ["href", "aria-current"], Np = /* @__PURE__ */ B({
   __name: "NavigationSectionDropdown",
   props: {
     sections: {},
@@ -8938,7 +8956,7 @@ const Tl = we({ name: "ph-arrow-square-out", render: mp }), hp = ["href", "aria-
         "aria-haspopup": "menu",
         onClick: r
       }, [
-        p("span", Fp, M(l.value), 1),
+        p("span", Rp, M(l.value), 1),
         (v(), h("svg", {
           class: E(["navigation-section-dropdown__caret", { "navigation-section-dropdown__caret--open": n.value }]),
           width: "12",
@@ -8955,23 +8973,23 @@ const Tl = we({ name: "ph-arrow-square-out", render: mp }), hp = ["href", "aria-
             "stroke-linejoin": "round"
           }, null, -1)
         ])], 2))
-      ], 8, Pp),
-      n.value ? (v(), h("menu", Vp, [
-        (v(!0), h(ue, null, _e(e.sections, (d) => (v(), h("a", {
+      ], 8, Vp),
+      n.value ? (v(), h("menu", Op, [
+        (v(!0), h(ce, null, _e(e.sections, (d) => (v(), h("a", {
           key: d.link,
           href: d.link,
           role: "menuitem",
           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, Rp))), 128))
+        }, M(d.text), 11, Ep))), 128))
       ])) : P("", !0)
     ], 512));
   }
-}), Gh = /* @__PURE__ */ z(Op, [["__scopeId", "data-v-b1335837"]]), Ep = ["aria-label"], Np = {
+}), Kh = /* @__PURE__ */ z(Np, [["__scopeId", "data-v-b1335837"]]), Hp = ["aria-label"], zp = {
   key: 0,
   class: "navigation-sidebar__header"
-}, Hp = { class: "navigation-sidebar__body" }, zp = /* @__PURE__ */ B({
+}, Up = { class: "navigation-sidebar__body" }, Yp = /* @__PURE__ */ B({
   __name: "NavigationSidebar",
   props: {
     ariaLabel: { default: "Sidebar" }
@@ -8981,37 +8999,37 @@ const Tl = we({ name: "ph-arrow-square-out", render: mp }), hp = ["href", "aria-
       class: "navigation-sidebar",
       "aria-label": e.ariaLabel
     }, [
-      t.$slots.header ? (v(), h("div", Np, [
-        I(t.$slots, "header", {}, void 0, !0)
+      t.$slots.header ? (v(), h("div", zp, [
+        T(t.$slots, "header", {}, void 0, !0)
       ])) : P("", !0),
-      p("div", Hp, [
-        I(t.$slots, "default", {}, void 0, !0)
+      p("div", Up, [
+        T(t.$slots, "default", {}, void 0, !0)
       ])
-    ], 8, Ep));
+    ], 8, Hp));
   }
-}), Xh = /* @__PURE__ */ z(zp, [["__scopeId", "data-v-7bbd46ae"]]), Up = { class: "navigation-sidebar-group" }, Yp = {
+}), Zh = /* @__PURE__ */ z(Yp, [["__scopeId", "data-v-7bbd46ae"]]), Wp = { class: "navigation-sidebar-group" }, qp = {
   key: 0,
   class: "navigation-sidebar-group__eyebrow"
-}, Wp = { class: "navigation-sidebar-group__items" }, qp = /* @__PURE__ */ B({
+}, jp = { class: "navigation-sidebar-group__items" }, Gp = /* @__PURE__ */ B({
   __name: "NavigationSidebarGroup",
   props: {
     eyebrow: {}
   },
   setup(e) {
-    return (t, n) => (v(), h("div", Up, [
-      e.eyebrow ? (v(), h("div", Yp, M(e.eyebrow), 1)) : P("", !0),
-      p("div", Wp, [
-        I(t.$slots, "default", {}, void 0, !0)
+    return (t, n) => (v(), h("div", Wp, [
+      e.eyebrow ? (v(), h("div", qp, M(e.eyebrow), 1)) : P("", !0),
+      p("div", jp, [
+        T(t.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), Kh = /* @__PURE__ */ z(qp, [["__scopeId", "data-v-80d1b0d5"]]), jp = ["href"], Gp = { class: "navigation-sidebar-item__icon" }, Xp = { class: "navigation-sidebar-item__label" }, Kp = {
+}), Qh = /* @__PURE__ */ z(Gp, [["__scopeId", "data-v-80d1b0d5"]]), Xp = ["href"], Kp = { class: "navigation-sidebar-item__icon" }, Zp = { class: "navigation-sidebar-item__label" }, Qp = {
   class: "navigation-sidebar-item__external",
   "aria-hidden": "true"
-}, Zp = ["href", "aria-current", "onClick"], Qp = { class: "navigation-sidebar-item__icon" }, Jp = { class: "navigation-sidebar-item__label" }, em = {
+}, Jp = ["href", "aria-current", "onClick"], em = { class: "navigation-sidebar-item__icon" }, tm = { class: "navigation-sidebar-item__label" }, nm = {
   key: 0,
   class: "navigation-sidebar-item__count"
-}, tm = /* @__PURE__ */ B({
+}, om = /* @__PURE__ */ B({
   __name: "NavigationSidebarItem",
   props: {
     to: { default: void 0 },
@@ -9041,14 +9059,14 @@ const Tl = we({ name: "ph-arrow-square-out", render: mp }), hp = ["href", "aria-
         target: "_blank",
         rel: "noopener noreferrer"
       }, [
-        p("span", Gp, [
-          I(a.$slots, "icon", {}, void 0, !0)
-        ]),
-        p("span", Xp, M(e.label), 1),
         p("span", Kp, [
+          T(a.$slots, "icon", {}, void 0, !0)
+        ]),
+        p("span", Zp, M(e.label), 1),
+        p("span", Qp, [
           H(u(Tl))
         ])
-      ], 10, jp)) : (v(), F(r, {
+      ], 10, Xp)) : (v(), F(r, {
         key: 1,
         to: e.to,
         custom: ""
@@ -9060,32 +9078,32 @@ const Tl = we({ name: "ph-arrow-square-out", render: mp }), hp = ["href", "aria-
             "aria-current": i || e.active ? "page" : void 0,
             onClick: c
           }, [
-            p("span", Qp, [
-              I(a.$slots, "icon", {}, void 0, !0)
+            p("span", em, [
+              T(a.$slots, "icon", {}, void 0, !0)
             ]),
-            p("span", Jp, M(e.label), 1),
-            e.count !== void 0 ? (v(), h("span", em, M(e.count), 1)) : P("", !0)
-          ], 10, Zp)
+            p("span", tm, M(e.label), 1),
+            e.count !== void 0 ? (v(), h("span", nm, M(e.count), 1)) : P("", !0)
+          ], 10, Jp)
         ]),
         _: 3
       }, 8, ["to"]));
     };
   }
-}), Zh = /* @__PURE__ */ z(tm, [["__scopeId", "data-v-6ec3051c"]]), nm = ["href", "aria-label", "onClick"], om = ["src", "alt"], am = {
+}), Jh = /* @__PURE__ */ z(om, [["__scopeId", "data-v-6ec3051c"]]), am = ["href", "aria-label", "onClick"], lm = ["src", "alt"], rm = {
   key: 1,
-  class: "navigation-workspace-switcher__badge",
+  class: "navigation-workspace-switcher__badge navigation-workspace-switcher__badge--accent",
   "aria-hidden": "true"
-}, lm = {
+}, im = {
   key: 2,
   class: "navigation-workspace-switcher__name"
-}, rm = ["aria-label"], im = ["src", "alt"], sm = {
+}, sm = ["aria-label"], um = ["src", "alt"], cm = {
   key: 1,
-  class: "navigation-workspace-switcher__badge",
+  class: "navigation-workspace-switcher__badge navigation-workspace-switcher__badge--accent",
   "aria-hidden": "true"
-}, um = {
+}, dm = {
   key: 2,
   class: "navigation-workspace-switcher__name"
-}, cm = /* @__PURE__ */ B({
+}, fm = /* @__PURE__ */ B({
   __name: "NavigationWorkspaceSwitcher",
   props: {
     name: {},
@@ -9115,9 +9133,9 @@ const Tl = we({ name: "ph-arrow-square-out", render: mp }), hp = ["href", "aria-
               src: e.logoSrc,
               alt: e.name,
               class: "navigation-workspace-switcher__logo"
-            }, null, 8, om)) : (v(), h("span", am, M(n.value), 1)),
-            e.hideName ? P("", !0) : (v(), h("span", lm, M(e.name), 1))
-          ], 8, nm)
+            }, null, 8, lm)) : (v(), h("span", rm, M(n.value), 1)),
+            e.hideName ? P("", !0) : (v(), h("span", im, M(e.name), 1))
+          ], 8, am)
         ]),
         _: 1
       }, 8, ["to"])) : (v(), h("button", {
@@ -9132,12 +9150,12 @@ const Tl = we({ name: "ph-arrow-square-out", render: mp }), hp = ["href", "aria-
           src: e.logoSrc,
           alt: e.name,
           class: "navigation-workspace-switcher__logo"
-        }, null, 8, im)) : (v(), h("span", sm, M(n.value), 1)),
-        e.hideName ? P("", !0) : (v(), h("span", um, M(e.name), 1))
-      ], 8, rm));
+        }, null, 8, um)) : (v(), h("span", cm, M(n.value), 1)),
+        e.hideName ? P("", !0) : (v(), h("span", dm, M(e.name), 1))
+      ], 8, sm));
     };
   }
-}), Qh = /* @__PURE__ */ z(cm, [["__scopeId", "data-v-0621d39a"]]), dm = { class: "list-item-row__label" }, fm = /* @__PURE__ */ B({
+}), eb = /* @__PURE__ */ z(fm, [["__scopeId", "data-v-1fc7ff81"]]), vm = { class: "list-item-row__label" }, pm = /* @__PURE__ */ B({
   __name: "ListItemRow",
   props: {
     label: {},
@@ -9152,25 +9170,25 @@ const Tl = we({ name: "ph-arrow-square-out", render: mp }), hp = ["href", "aria-
       class: E(["list-item-row", u(n)]),
       onClick: a[0] || (a[0] = (l) => o.$emit("click", l))
     }, [
-      I(o.$slots, "leading", {}, void 0, !0),
-      p("span", dm, M(e.label), 1),
-      I(o.$slots, "actions", {}, void 0, !0)
+      T(o.$slots, "leading", {}, void 0, !0),
+      p("span", vm, M(e.label), 1),
+      T(o.$slots, "actions", {}, void 0, !0)
     ], 2));
   }
-}), vm = /* @__PURE__ */ z(fm, [["__scopeId", "data-v-daff2016"]]), pm = {
+}), mm = /* @__PURE__ */ z(pm, [["__scopeId", "data-v-daff2016"]]), hm = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function mm(e, t) {
-  return v(), h("svg", pm, [...t[0] || (t[0] = [
+function bm(e, t) {
+  return v(), h("svg", hm, [...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"
     }, null, -1)
   ])]);
 }
-const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-actions" }, gm = /* @__PURE__ */ B({
+const gm = we({ name: "ph-trash", render: bm }), _m = { class: "list-item-actions" }, ym = /* @__PURE__ */ B({
   __name: "ListItemActions",
   props: {
     actions: { default: () => ["duplicate", "remove"] }
@@ -9179,7 +9197,7 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
   setup(e) {
     return (t, n) => {
       const o = tn, a = yn;
-      return v(), h("div", bm, [
+      return v(), h("div", _m, [
         e.actions.includes("duplicate") ? (v(), F(o, {
           key: 0,
           variant: "link",
@@ -9202,14 +9220,14 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
           onClick: n[1] || (n[1] = je((l) => t.$emit("remove"), ["stop"]))
         }, {
           default: V(() => [
-            H(a, { name: u(hm) }, null, 8, ["name"])
+            H(a, { name: u(gm) }, null, 8, ["name"])
           ]),
           _: 1
         })) : P("", !0)
       ]);
     };
   }
-}), Jh = /* @__PURE__ */ z(gm, [["__scopeId", "data-v-739b2aec"]]), _m = { class: "border rounded overflow-hidden bg-body-tertiary p-2" }, ym = { class: "d-flex gap-1 mb-2" }, eb = /* @__PURE__ */ B({
+}), tb = /* @__PURE__ */ z(ym, [["__scopeId", "data-v-739b2aec"]]), wm = { class: "border rounded overflow-hidden bg-body-tertiary p-2" }, km = { class: "d-flex gap-1 mb-2" }, nb = /* @__PURE__ */ B({
   __name: "ListSelectPanel",
   props: /* @__PURE__ */ ee({
     items: {},
@@ -9238,36 +9256,36 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
       t.value = n.items.filter((s) => !t.value.includes(s));
     }
     return (s, i) => {
-      const d = vm;
-      return v(), h("div", _m, [
-        p("div", ym, [
-          H(u(kn), {
+      const d = mm;
+      return v(), h("div", wm, [
+        p("div", km, [
+          H(u(xn), {
             variant: "outline-secondary",
             size: "sm",
             onClick: l
           }, {
             default: V(() => [...i[0] || (i[0] = [
-              de(" All ", -1)
+              ue(" All ", -1)
             ])]),
             _: 1
           }),
-          H(u(kn), {
+          H(u(xn), {
             variant: "outline-secondary",
             size: "sm",
             onClick: r
           }, {
             default: V(() => [...i[1] || (i[1] = [
-              de(" None ", -1)
+              ue(" None ", -1)
             ])]),
             _: 1
           }),
-          H(u(kn), {
+          H(u(xn), {
             variant: "outline-secondary",
             size: "sm",
             onClick: c
           }, {
             default: V(() => [...i[2] || (i[2] = [
-              de(" Invert ", -1)
+              ue(" Invert ", -1)
             ])]),
             _: 1
           })
@@ -9275,7 +9293,7 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
         p("div", {
           style: Be({ maxHeight: e.maxHeight, overflowY: "auto" })
         }, [
-          (v(!0), h(ue, null, _e(e.items, (f, m) => (v(), F(d, {
+          (v(!0), h(ce, null, _e(e.items, (f, m) => (v(), F(d, {
             key: f,
             label: f,
             active: t.value.includes(f),
@@ -9284,7 +9302,7 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
             s.$slots["item-leading"] ? {
               name: "leading",
               fn: V(() => [
-                I(s.$slots, "item-leading", {
+                T(s.$slots, "item-leading", {
                   item: f,
                   index: m
                 })
@@ -9294,7 +9312,7 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
             s.$slots["item-actions"] ? {
               name: "actions",
               fn: V(() => [
-                I(s.$slots, "item-actions", {
+                T(s.$slots, "item-actions", {
                   item: f,
                   index: m
                 })
@@ -9306,7 +9324,7 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
       ]);
     };
   }
-}), wm = { class: "list-series-row" }, xm = { class: "list-series-row__name" }, km = /* @__PURE__ */ B({
+}), xm = { class: "list-series-row" }, $m = { class: "list-series-row__name" }, Cm = /* @__PURE__ */ B({
   __name: "ListSeriesRow",
   props: /* @__PURE__ */ ee({
     color: {},
@@ -9320,9 +9338,9 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
     const t = re(e, "modelValue");
     return (n, o) => {
       const a = rl;
-      return v(), h("div", wm, [
+      return v(), h("div", xm, [
         H(fo, { color: e.color }, null, 8, ["color"]),
-        p("span", xm, M(e.name), 1),
+        p("span", $m, M(e.name), 1),
         H(a, {
           switch: "",
           "model-value": t.value,
@@ -9332,13 +9350,13 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
       ]);
     };
   }
-}), tb = /* @__PURE__ */ z(km, [["__scopeId", "data-v-816a6756"]]), $m = ["role", "tabindex", "aria-hidden", "onKeydown"], Cm = ["data-bs-theme"], Bm = ["src"], Sm = { class: "gallery-card__meta" }, Mm = { class: "gallery-card__meta__footer" }, Am = {
+}), ob = /* @__PURE__ */ z(Cm, [["__scopeId", "data-v-816a6756"]]), Bm = ["role", "tabindex", "aria-hidden", "onKeydown"], Sm = ["data-bs-theme"], Mm = ["src"], Am = { class: "gallery-card__meta" }, Lm = { class: "gallery-card__meta__footer" }, Tm = {
   key: 0,
   class: "gallery-card__meta__subtitle"
-}, Lm = {
+}, Im = {
   key: 1,
   class: "gallery-card__meta__footer"
-}, Tm = /* @__PURE__ */ B({
+}, Dm = /* @__PURE__ */ B({
   __name: "GalleryCard",
   props: {
     title: {},
@@ -9387,14 +9405,14 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
           src: e.thumbSrc,
           alt: "",
           class: "gallery-card__thumb__img"
-        }, null, 8, Bm)) : P("", !0),
+        }, null, 8, Mm)) : P("", !0),
         r.$slots.status && !e.loading ? (v(), h("div", {
           key: 2,
           class: "gallery-card__thumb__status",
           onClick: c[0] || (c[0] = je(() => {
           }, ["stop"]))
         }, [
-          I(r.$slots, "status", {}, void 0, !0)
+          T(r.$slots, "status", {}, void 0, !0)
         ])) : P("", !0),
         r.$slots.actions && !e.loading ? (v(), h("div", {
           key: 3,
@@ -9402,11 +9420,11 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
           onClick: c[1] || (c[1] = je(() => {
           }, ["stop"]))
         }, [
-          I(r.$slots, "actions", {}, void 0, !0)
+          T(r.$slots, "actions", {}, void 0, !0)
         ])) : P("", !0)
-      ], 8, Cm),
-      p("div", Sm, [
-        e.loading ? (v(), h(ue, { key: 0 }, [
+      ], 8, Sm),
+      p("div", Am, [
+        e.loading ? (v(), h(ce, { key: 0 }, [
           H(Qt, {
             class: "gallery-card__skeleton-line",
             width: "70%",
@@ -9417,25 +9435,25 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
             width: "45%",
             height: "0.7rem"
           }),
-          p("div", Mm, [
+          p("div", Lm, [
             H(Qt, {
               width: "30%",
               height: "0.7rem"
             })
           ])
-        ], 64)) : (v(), h(ue, { key: 1 }, [
+        ], 64)) : (v(), h(ce, { key: 1 }, [
           p("div", {
             class: E(["gallery-card__meta__title", { "bc-display": e.serifTitle }])
           }, M(e.title), 3),
-          e.subtitle ? (v(), h("div", Am, M(e.subtitle), 1)) : P("", !0),
-          r.$slots.footer ? (v(), h("div", Lm, [
-            I(r.$slots, "footer", {}, void 0, !0)
+          e.subtitle ? (v(), h("div", Tm, M(e.subtitle), 1)) : P("", !0),
+          r.$slots.footer ? (v(), h("div", Im, [
+            T(r.$slots, "footer", {}, void 0, !0)
           ])) : P("", !0)
         ], 64))
       ])
-    ], 42, $m));
+    ], 42, Bm));
   }
-}), nb = /* @__PURE__ */ z(Tm, [["__scopeId", "data-v-d57b81f1"]]), Im = /* @__PURE__ */ B({
+}), ab = /* @__PURE__ */ z(Dm, [["__scopeId", "data-v-d57b81f1"]]), Pm = /* @__PURE__ */ B({
   __name: "GalleryGrid",
   props: {
     layout: { default: "grid" }
@@ -9447,13 +9465,13 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
     return (o, a) => (v(), h("div", {
       class: E(["gallery-grid", u(n)])
     }, [
-      I(o.$slots, "default", {}, void 0, !0)
+      T(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), ob = /* @__PURE__ */ z(Im, [["__scopeId", "data-v-ac3d4b02"]]), Dm = { class: "scene-timeline-item__label" }, Pm = ["innerHTML"], Fm = {
+}), lb = /* @__PURE__ */ z(Pm, [["__scopeId", "data-v-ac3d4b02"]]), Fm = { class: "scene-timeline-item__label" }, Vm = ["innerHTML"], Rm = {
   key: 1,
   class: "scene-timeline-item__name"
-}, Vm = /* @__PURE__ */ B({
+}, Om = /* @__PURE__ */ B({
   __name: "SceneTimelineItem",
   props: {
     name: {},
@@ -9476,70 +9494,70 @@ const hm = we({ name: "ph-trash", render: mm }), bm = { class: "list-item-action
         "aria-label": "Remove scene",
         onClick: n[0] || (n[0] = je((o) => t.$emit("remove"), ["stop"]))
       }, " × ")) : P("", !0),
-      p("span", Dm, "Scene " + M(e.index + 1), 1),
+      p("span", Fm, "Scene " + M(e.index + 1), 1),
       p("span", {
         class: "scene-timeline-item__preview",
         innerHTML: e.thumbnail
-      }, null, 8, Pm),
-      e.name ? (v(), h("span", Fm, M(e.name), 1)) : P("", !0)
+      }, null, 8, Vm),
+      e.name ? (v(), h("span", Rm, M(e.name), 1)) : P("", !0)
     ], 2));
   }
-}), Rm = /* @__PURE__ */ z(Vm, [["__scopeId", "data-v-4e7644c2"]]), Om = {
+}), Em = /* @__PURE__ */ z(Om, [["__scopeId", "data-v-4e7644c2"]]), Nm = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function Em(e, t) {
-  return v(), h("svg", Om, [...t[0] || (t[0] = [
+function Hm(e, t) {
+  return v(), h("svg", Nm, [...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"
     }, null, -1)
   ])]);
 }
-const Nm = we({ name: "ph-play-fill", render: Em }), Hm = {
+const zm = we({ name: "ph-play-fill", render: Hm }), Um = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function zm(e, t) {
-  return v(), h("svg", Hm, [...t[0] || (t[0] = [
+function Ym(e, t) {
+  return v(), h("svg", Um, [...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"
     }, null, -1)
   ])]);
 }
-const Um = we({ name: "ph-pause-fill", render: zm }), Ym = {
+const Wm = we({ name: "ph-pause-fill", render: Ym }), qm = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function Wm(e, t) {
-  return v(), h("svg", Ym, [...t[0] || (t[0] = [
+function jm(e, t) {
+  return v(), h("svg", qm, [...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"
     }, null, -1)
   ])]);
 }
-const qm = we({ name: "ph-caret-left", render: Wm }), jm = {
+const Gm = we({ name: "ph-caret-left", render: jm }), Xm = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function Gm(e, t) {
-  return v(), h("svg", jm, [...t[0] || (t[0] = [
+function Km(e, t) {
+  return v(), h("svg", Xm, [...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"
     }, null, -1)
   ])]);
 }
-const Xm = we({ name: "ph-caret-right", render: Gm }), Km = { class: "scene-timeline-controls" }, Zm = ["disabled"], Qm = ["aria-label", "disabled"], Jm = ["disabled"], e0 = {
+const Zm = we({ name: "ph-caret-right", render: Km }), Qm = { class: "scene-timeline-controls" }, Jm = ["disabled"], e0 = ["aria-label", "disabled"], t0 = ["disabled"], n0 = {
   key: 0,
   class: "scene-timeline-controls__counter"
-}, t0 = /* @__PURE__ */ B({
+}, o0 = /* @__PURE__ */ B({
   __name: "SceneTimelineControls",
   props: /* @__PURE__ */ ee({
     total: {},
@@ -9554,7 +9572,7 @@ const Xm = we({ name: "ph-caret-right", render: Gm }), Km = { class: "scene-time
     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 = yn;
-      return v(), h("div", Km, [
+      return v(), h("div", Qm, [
         p("button", {
           class: "scene-timeline-controls__nav-btn",
           type: "button",
@@ -9563,10 +9581,10 @@ const Xm = we({ name: "ph-caret-right", render: Gm }), Km = { class: "scene-time
           onClick: s[0] || (s[0] = (d) => t.value = u(l))
         }, [
           H(i, {
-            name: u(qm),
+            name: u(Gm),
             size: "1em"
           }, null, 8, ["name"])
-        ], 8, Zm),
+        ], 8, Jm),
         p("button", {
           class: "scene-timeline-controls__play-btn",
           type: "button",
@@ -9575,10 +9593,10 @@ const Xm = we({ name: "ph-caret-right", render: Gm }), Km = { class: "scene-time
           onClick: s[1] || (s[1] = (d) => e.playing ? c.$emit("pause") : c.$emit("play"))
         }, [
           H(i, {
-            name: e.playing ? u(Um) : u(Nm),
+            name: e.playing ? u(Wm) : u(zm),
             size: "1em"
           }, null, 8, ["name"])
-        ], 8, Qm),
+        ], 8, e0),
         p("button", {
           class: "scene-timeline-controls__nav-btn",
           type: "button",
@@ -9587,15 +9605,15 @@ const Xm = we({ name: "ph-caret-right", render: Gm }), Km = { class: "scene-time
           onClick: s[2] || (s[2] = (d) => t.value = u(r))
         }, [
           H(i, {
-            name: u(Xm),
+            name: u(Zm),
             size: "1em"
           }, null, 8, ["name"])
-        ], 8, Jm),
-        !u(o) && !e.hideCounter ? (v(), h("span", e0, M(u(a)) + " / " + M(e.total), 1)) : P("", !0)
+        ], 8, t0),
+        !u(o) && !e.hideCounter ? (v(), h("span", n0, M(u(a)) + " / " + M(e.total), 1)) : P("", !0)
       ]);
     };
   }
-}), yo = /* @__PURE__ */ z(t0, [["__scopeId", "data-v-e68ff3c9"]]), n0 = { class: "scene-timeline__items" }, o0 = { class: "scene-timeline__items__add" }, a0 = /* @__PURE__ */ B({
+}), yo = /* @__PURE__ */ z(o0, [["__scopeId", "data-v-e68ff3c9"]]), a0 = { class: "scene-timeline__items" }, l0 = { class: "scene-timeline__items__add" }, r0 = /* @__PURE__ */ B({
   __name: "SceneTimeline",
   props: /* @__PURE__ */ ee({
     scenes: {},
@@ -9609,7 +9627,7 @@ const Xm = we({ name: "ph-caret-right", render: Gm }), Km = { class: "scene-time
   setup(e) {
     const t = re(e, "activeIndex");
     return (n, o) => {
-      const a = yo, l = Rm, r = ml;
+      const a = yo, l = Em, r = ml;
       return v(), h("div", {
         class: E(["scene-timeline", { "scene-timeline--floating": e.floating }])
       }, [
@@ -9621,8 +9639,8 @@ const Xm = we({ name: "ph-caret-right", render: Gm }), Km = { 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", n0, [
-          (v(!0), h(ue, null, _e(e.scenes, (c) => (v(), F(l, {
+        p("div", a0, [
+          (v(!0), h(ce, null, _e(e.scenes, (c) => (v(), F(l, {
             key: c.index,
             name: c.name,
             index: c.index,
@@ -9632,7 +9650,7 @@ const Xm = we({ name: "ph-caret-right", render: Gm }), Km = { 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", o0, [
+          p("div", l0, [
             H(r, {
               onClick: o[3] || (o[3] = (c) => n.$emit("add"))
             })
@@ -9641,20 +9659,20 @@ const Xm = we({ name: "ph-caret-right", render: Gm }), Km = { class: "scene-time
       ], 2);
     };
   }
-}), ab = /* @__PURE__ */ z(a0, [["__scopeId", "data-v-0610ae9e"]]), l0 = {
+}), rb = /* @__PURE__ */ z(r0, [["__scopeId", "data-v-0610ae9e"]]), i0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function r0(e, t) {
-  return v(), h("svg", l0, [...t[0] || (t[0] = [
+function s0(e, t) {
+  return v(), h("svg", i0, [...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 i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timeline-compact" }, u0 = ["title"], c0 = { class: "scene-timeline-compact__counter" }, d0 = /* @__PURE__ */ B({
+const u0 = we({ name: "ph-caret-up", render: s0 }), c0 = { class: "scene-timeline-compact" }, d0 = ["title"], f0 = { class: "scene-timeline-compact__counter" }, v0 = /* @__PURE__ */ B({
   __name: "SceneTimelineCompact",
   props: /* @__PURE__ */ ee({
     scenes: {},
@@ -9670,7 +9688,7 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { 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(), h("div", s0, [
+    return (c, s) => (v(), h("div", c0, [
       H(yo, {
         "active-index": t.value,
         "onUpdate:activeIndex": s[0] || (s[0] = (i) => t.value = i),
@@ -9683,11 +9701,11 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
       p("div", {
         class: "scene-timeline-compact__name",
         title: u(a)
-      }, M(u(a)), 9, u0),
-      p("div", c0, M(u(r)) + " of " + M(u(l)), 1),
+      }, M(u(a)), 9, d0),
+      p("div", f0, M(u(r)) + " of " + M(u(l)), 1),
       H(ut, {
         class: "scene-timeline-compact__expand",
-        "icon-left": u(i0),
+        "icon-left": u(u0),
         label: "Show scenes",
         "hide-label": "",
         square: "",
@@ -9698,17 +9716,17 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
       }, null, 8, ["icon-left", "aria-expanded"])
     ]));
   }
-}), lb = /* @__PURE__ */ z(d0, [["__scopeId", "data-v-ad3a10b4"]]), f0 = ["aria-current"], v0 = ["innerHTML"], p0 = {
+}), ib = /* @__PURE__ */ z(v0, [["__scopeId", "data-v-ad3a10b4"]]), p0 = ["aria-current"], m0 = ["innerHTML"], h0 = {
   key: 1,
   class: "scene-list-item__thumb scene-list-item__thumb--empty",
   "aria-hidden": "true"
-}, m0 = { class: "scene-list-item__body" }, h0 = { class: "scene-list-item__label" }, b0 = {
+}, b0 = { class: "scene-list-item__body" }, g0 = { class: "scene-list-item__label" }, _0 = {
   key: 0,
   class: "scene-list-item__name"
-}, g0 = {
+}, y0 = {
   key: 1,
   class: "scene-list-item__hint"
-}, _0 = /* @__PURE__ */ B({
+}, w0 = /* @__PURE__ */ B({
   __name: "SceneListItem",
   props: {
     index: {},
@@ -9733,13 +9751,13 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
           key: 0,
           class: "scene-list-item__thumb",
           innerHTML: e.thumbnail
-        }, null, 8, v0)) : (v(), h("span", p0)),
-        p("span", m0, [
-          p("span", h0, "SCENE " + M(e.index), 1),
-          e.name ? (v(), h("span", b0, M(e.name), 1)) : P("", !0),
-          e.hint ? (v(), h("span", g0, M(e.hint), 1)) : P("", !0)
+        }, null, 8, m0)) : (v(), h("span", h0)),
+        p("span", b0, [
+          p("span", g0, "SCENE " + M(e.index), 1),
+          e.name ? (v(), h("span", _0, M(e.name), 1)) : P("", !0),
+          e.hint ? (v(), h("span", y0, M(e.hint), 1)) : P("", !0)
         ])
-      ], 10, f0),
+      ], 10, p0),
       e.removable ? (v(), h("button", {
         key: 0,
         type: "button",
@@ -9751,10 +9769,10 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
       ])) : P("", !0)
     ], 2));
   }
-}), y0 = /* @__PURE__ */ z(_0, [["__scopeId", "data-v-a1a6304b"]]), w0 = { class: "scene-list" }, x0 = {
+}), k0 = /* @__PURE__ */ z(w0, [["__scopeId", "data-v-a1a6304b"]]), x0 = { class: "scene-list" }, $0 = {
   class: "scene-list__items",
   role: "list"
-}, k0 = /* @__PURE__ */ B({
+}, C0 = /* @__PURE__ */ B({
   __name: "SceneList",
   props: /* @__PURE__ */ ee({
     scenes: {},
@@ -9772,7 +9790,7 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
     function l(r) {
       o("remove", r);
     }
-    return (r, c) => (v(), h("div", w0, [
+    return (r, c) => (v(), h("div", x0, [
       H(yo, {
         "active-index": n.value,
         "onUpdate:activeIndex": c[0] || (c[0] = (s) => n.value = s),
@@ -9781,8 +9799,8 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
         onPlay: c[1] || (c[1] = (s) => r.$emit("play")),
         onPause: c[2] || (c[2] = (s) => r.$emit("pause"))
       }, null, 8, ["active-index", "total", "playing"]),
-      p("ul", x0, [
-        (v(!0), h(ue, null, _e(e.scenes, (s) => (v(), F(y0, {
+      p("ul", $0, [
+        (v(!0), h(ce, null, _e(e.scenes, (s) => (v(), F(k0, {
           key: s.index,
           index: s.index,
           name: s.name,
@@ -9801,22 +9819,22 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
       }, " + Add scene ")
     ]));
   }
-}), rb = /* @__PURE__ */ z(k0, [["__scopeId", "data-v-c8be8ec7"]]), $0 = {
+}), sb = /* @__PURE__ */ z(C0, [["__scopeId", "data-v-c8be8ec7"]]), B0 = {
   class: "bc-scene-player bc-scene-player--progress-bar",
   "data-scene-player": ""
-}, C0 = ["aria-label"], B0 = {
+}, S0 = ["aria-label"], M0 = {
   key: 0,
   width: "10",
   height: "10",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, S0 = {
+}, A0 = {
   key: 1,
   width: "10",
   height: "10",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, M0 = { class: "bc-scene-player__segments" }, A0 = ["aria-label", "aria-current", "onClick"], L0 = { class: "bc-scene-player__counter" }, T0 = /* @__PURE__ */ B({
+}, L0 = { class: "bc-scene-player__segments" }, T0 = ["aria-label", "aria-current", "onClick"], I0 = { class: "bc-scene-player__counter" }, D0 = /* @__PURE__ */ B({
   __name: "ScenePlayerProgressBar",
   props: /* @__PURE__ */ ee({
     total: {},
@@ -9829,14 +9847,14 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
   emits: /* @__PURE__ */ ee(["play", "pause"], ["update:current"]),
   setup(e) {
     const t = re(e, "current");
-    return (n, o) => (v(), h("div", $0, [
+    return (n, o) => (v(), h("div", B0, [
       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(), h("svg", B0, [...o[1] || (o[1] = [
+        e.playing ? (v(), h("svg", M0, [...o[1] || (o[1] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -9851,12 +9869,12 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (v(), h("svg", S0, [...o[2] || (o[2] = [
+        ])])) : (v(), h("svg", A0, [...o[2] || (o[2] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, C0),
-      p("div", M0, [
-        (v(!0), h(ue, null, _e(e.total, (a) => (v(), h("button", {
+      ], 8, S0),
+      p("div", L0, [
+        (v(!0), h(ce, null, _e(e.total, (a) => (v(), h("button", {
           key: a,
           type: "button",
           class: E(["bc-scene-player__segments__segment", {
@@ -9866,24 +9884,24 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
           "aria-label": `Scene ${a} of ${e.total}`,
           "aria-current": a === t.value ? "step" : void 0,
           onClick: (l) => t.value = a
-        }, null, 10, A0))), 128))
+        }, null, 10, T0))), 128))
       ]),
-      p("span", L0, M(t.value) + "/" + M(e.total), 1)
+      p("span", I0, M(t.value) + "/" + M(e.total), 1)
     ]));
   }
-}), ib = /* @__PURE__ */ z(T0, [["__scopeId", "data-v-e59fa94e"]]), I0 = ["disabled"], D0 = ["aria-label"], P0 = {
+}), ub = /* @__PURE__ */ z(D0, [["__scopeId", "data-v-e59fa94e"]]), P0 = ["disabled"], F0 = ["aria-label"], V0 = {
   key: 0,
   width: "11",
   height: "11",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, F0 = {
+}, R0 = {
   key: 1,
   width: "11",
   height: "11",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, V0 = { class: "bc-scene-player__dots" }, R0 = ["aria-label", "aria-current", "onClick"], O0 = ["disabled"], E0 = /* @__PURE__ */ B({
+}, O0 = { class: "bc-scene-player__dots" }, E0 = ["aria-label", "aria-current", "onClick"], N0 = ["disabled"], H0 = /* @__PURE__ */ B({
   __name: "ScenePlayerDotStepper",
   props: /* @__PURE__ */ ee({
     total: {},
@@ -9919,14 +9937,14 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
         }, [
           p("path", { d: "M6.5 2L3.5 5l3 3" })
         ], -1)
-      ])], 8, I0),
+      ])], 8, P0),
       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(), h("svg", P0, [...o[4] || (o[4] = [
+        e.playing ? (v(), h("svg", V0, [...o[4] || (o[4] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -9941,12 +9959,12 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (v(), h("svg", F0, [...o[5] || (o[5] = [
+        ])])) : (v(), h("svg", R0, [...o[5] || (o[5] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, D0),
-      p("div", V0, [
-        (v(!0), h(ue, null, _e(e.total, (a) => (v(), h("button", {
+      ], 8, F0),
+      p("div", O0, [
+        (v(!0), h(ce, null, _e(e.total, (a) => (v(), h("button", {
           key: a,
           type: "button",
           class: E(["bc-scene-player__dots__dot", {
@@ -9956,7 +9974,7 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
           "aria-label": `Scene ${a} of ${e.total}`,
           "aria-current": a === t.value ? "step" : void 0,
           onClick: (l) => t.value = a
-        }, null, 10, R0))), 128))
+        }, null, 10, E0))), 128))
       ]),
       p("button", {
         type: "button",
@@ -9977,28 +9995,28 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
         }, [
           p("path", { d: "M3.5 2L6.5 5l-3 3" })
         ], -1)
-      ])], 8, O0)
+      ])], 8, N0)
     ], 2));
   }
-}), sb = /* @__PURE__ */ z(E0, [["__scopeId", "data-v-358b1182"]]), N0 = {
+}), cb = /* @__PURE__ */ z(H0, [["__scopeId", "data-v-358b1182"]]), z0 = {
   key: 0,
   class: "bc-scene-player__counter"
-}, H0 = ["disabled"], z0 = ["aria-label"], U0 = {
+}, U0 = ["disabled"], Y0 = ["aria-label"], W0 = {
   key: 0,
   width: "9",
   height: "9",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, Y0 = {
+}, q0 = {
   key: 1,
   width: "9",
   height: "9",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, W0 = ["disabled"], q0 = {
+}, j0 = ["disabled"], G0 = {
   key: 1,
   class: "bc-scene-player__counter bc-scene-player__counter--end"
-}, j0 = /* @__PURE__ */ B({
+}, X0 = /* @__PURE__ */ B({
   __name: "ScenePlayerMinimalArrows",
   props: /* @__PURE__ */ ee({
     total: {},
@@ -10018,7 +10036,7 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
       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(), h("span", N0, M(t.value) + "/" + M(e.total), 1)) : P("", !0),
+      e.showCounter && e.order === "counter-first" ? (v(), h("span", z0, M(t.value) + "/" + M(e.total), 1)) : P("", !0),
       p("button", {
         type: "button",
         class: "bc-scene-player__nav-btn",
@@ -10038,14 +10056,14 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
         }, [
           p("path", { d: "M6.5 2L3.5 5l3 3" })
         ], -1)
-      ])], 8, H0),
+      ])], 8, U0),
       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(), h("svg", U0, [...o[4] || (o[4] = [
+        e.playing ? (v(), h("svg", W0, [...o[4] || (o[4] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -10060,10 +10078,10 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (v(), h("svg", Y0, [...o[5] || (o[5] = [
+        ])])) : (v(), h("svg", q0, [...o[5] || (o[5] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, z0),
+      ], 8, Y0),
       p("button", {
         type: "button",
         class: "bc-scene-player__nav-btn",
@@ -10083,11 +10101,11 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
         }, [
           p("path", { d: "M3.5 2L6.5 5l-3 3" })
         ], -1)
-      ])], 8, W0),
-      e.showCounter && e.order === "controls-first" ? (v(), h("span", q0, M(t.value) + "/" + M(e.total), 1)) : P("", !0)
+      ])], 8, j0),
+      e.showCounter && e.order === "controls-first" ? (v(), h("span", G0, M(t.value) + "/" + M(e.total), 1)) : P("", !0)
     ], 2));
   }
-}), ub = /* @__PURE__ */ z(j0, [["__scopeId", "data-v-3652f69c"]]), G0 = { class: "bc-scene-player__btn-group" }, X0 = ["disabled"], K0 = ["disabled"], Z0 = { class: "bc-scene-player__counter" }, Q0 = /* @__PURE__ */ B({
+}), db = /* @__PURE__ */ z(X0, [["__scopeId", "data-v-3652f69c"]]), K0 = { class: "bc-scene-player__btn-group" }, Z0 = ["disabled"], Q0 = ["disabled"], J0 = { class: "bc-scene-player__counter" }, eh = /* @__PURE__ */ B({
   __name: "ScenePlayerButtons",
   props: /* @__PURE__ */ ee({
     total: {},
@@ -10104,7 +10122,7 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
       class: E(["bc-scene-player bc-scene-player--buttons", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
-      p("div", G0, [
+      p("div", K0, [
         p("button", {
           type: "button",
           class: E(["bc-scene-player__btn-group__btn", { "bc-scene-player__btn-group__btn--disabled": t.value <= 1 }]),
@@ -10124,8 +10142,8 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
           }, [
             p("path", { d: "M5.5 1.5L1.5 6l4 4.5" })
           ], -1),
-          de(" Back ", -1)
-        ])], 10, X0),
+          ue(" Back ", -1)
+        ])], 10, Z0),
         p("button", {
           type: "button",
           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 }]),
@@ -10133,7 +10151,7 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
           "aria-label": "Next scene",
           onClick: o[1] || (o[1] = je((a) => n.$emit("next"), ["stop"]))
         }, [...o[3] || (o[3] = [
-          de(" Next ", -1),
+          ue(" Next ", -1),
           p("svg", {
             width: "8",
             height: "12",
@@ -10146,104 +10164,104 @@ const i0 = we({ name: "ph-caret-up", render: r0 }), s0 = { class: "scene-timelin
           }, [
             p("path", { d: "M2.5 1.5L6.5 6l-4 4.5" })
           ], -1)
-        ])], 10, K0)
+        ])], 10, Q0)
       ]),
-      p("span", Z0, M(t.value) + " / " + M(e.total), 1)
+      p("span", J0, M(t.value) + " / " + M(e.total), 1)
     ], 2));
   }
-}), cb = /* @__PURE__ */ z(Q0, [["__scopeId", "data-v-e01db324"]]);
+}), fb = /* @__PURE__ */ z(eh, [["__scopeId", "data-v-e01db324"]]);
 export {
-  oh as ActionCopyButton,
+  lh as ActionCopyButton,
   yn as AppIcon,
-  ah as AppIconLayers,
+  rh as AppIconLayers,
   Gl as BOOTSTRAP_BREAKPOINTS,
   ml as ButtonAdd,
-  Lh as ButtonClose,
+  Ih as ButtonClose,
   ba as ButtonGroupEntriesKey,
   ut as ButtonIcon,
   Ai as ButtonIconCounter,
-  Th as ButtonRedo,
-  Ih as ButtonUndo,
+  Dh as ButtonRedo,
+  Ph as ButtonUndo,
   me as ChartType,
-  Ch as DisplayChartType,
-  Bh as DisplayChartTypeBadge,
+  Sh as DisplayChartType,
+  Mh as DisplayChartTypeBadge,
   fo as DisplayColorSwatch,
-  $h as DisplayContrastBadge,
-  wh as DisplayDate,
-  kh as DisplayNumber,
+  Bh as DisplayContrastBadge,
+  xh as DisplayDate,
+  Ch as DisplayNumber,
   nc as DisplayPalette,
-  xh as DisplayRange,
-  yh as DisplayValue,
+  $h as DisplayRange,
+  kh as DisplayValue,
   ga as DropdownEntriesKey,
-  Dh as FeedbackEmptyState,
+  Fh as FeedbackEmptyState,
   Qt as FeedbackSkeleton,
-  uh as FormControlButtonGroup,
-  ch as FormControlButtonGroupEntry,
-  lh as FormControlCheckbox,
-  rh as FormControlColorInput,
+  dh as FormControlButtonGroup,
+  fh as FormControlButtonGroupEntry,
+  ih as FormControlCheckbox,
+  sh as FormControlColorInput,
   pl as FormControlColorInputPopover,
-  bh as FormControlColorblindPicker,
-  sh as FormControlColorsInput,
-  _h as FormControlDateFormat,
-  ih as FormControlDirectionPicker,
-  xn as FormControlDropdown,
-  vh as FormControlDropdownEntry,
+  _h as FormControlColorblindPicker,
+  ch as FormControlColorsInput,
+  wh as FormControlDateFormat,
+  uh as FormControlDirectionPicker,
+  kn as FormControlDropdown,
+  mh as FormControlDropdownEntry,
   Vu as FormControlDropdownItem,
-  gh as FormControlNumberFormat,
-  mh as FormControlPalette,
-  hh as FormControlPaletteEntry,
-  dh as FormControlSliderInput,
-  ph as FormControlTextInput,
-  fh as FormControlUnitsInput,
-  nb as GalleryCard,
-  ob as GalleryGrid,
+  yh as FormControlNumberFormat,
+  bh as FormControlPalette,
+  gh as FormControlPaletteEntry,
+  vh as FormControlSliderInput,
+  hh as FormControlTextInput,
+  ph as FormControlUnitsInput,
+  ab as GalleryCard,
+  lb as GalleryGrid,
   ya as IconRailEntriesKey,
   jl as IconSize,
-  Ph as LayoutBottomDrawer,
-  Fh as LayoutPanel,
-  Vh as LayoutToolbarSeparator,
-  Jh as ListItemActions,
-  vm as ListItemRow,
-  eb as ListSelectPanel,
-  tb as ListSeriesRow,
-  Nh as NavigationCommandBar,
-  Hh as NavigationDocsBar,
-  zh as NavigationIconRail,
-  Uh as NavigationIconRailEntry,
-  Yh as NavigationLink,
-  Wh as NavigationMarketingBar,
-  qh as NavigationSearchPill,
-  Gh as NavigationSectionDropdown,
-  jh as NavigationSectionTabs,
-  jv as NavigationSegmentedControl,
-  Xh as NavigationSidebar,
-  Kh as NavigationSidebarGroup,
-  Zh as NavigationSidebarItem,
-  Rh as NavigationStepperTabs,
-  Oh as NavigationToggle,
-  Eh as NavigationToggleOption,
-  Qh as NavigationWorkspaceSwitcher,
+  Vh as LayoutBottomDrawer,
+  Rh as LayoutPanel,
+  Oh as LayoutToolbarSeparator,
+  tb as ListItemActions,
+  mm as ListItemRow,
+  nb as ListSelectPanel,
+  ob as ListSeriesRow,
+  zh as NavigationCommandBar,
+  Uh as NavigationDocsBar,
+  Yh as NavigationIconRail,
+  Wh as NavigationIconRailEntry,
+  qh as NavigationLink,
+  jh as NavigationMarketingBar,
+  Gh as NavigationSearchPill,
+  Kh as NavigationSectionDropdown,
+  Xh as NavigationSectionTabs,
+  Xv as NavigationSegmentedControl,
+  Zh as NavigationSidebar,
+  Qh as NavigationSidebarGroup,
+  Jh as NavigationSidebarItem,
+  Eh as NavigationStepperTabs,
+  Nh as NavigationToggle,
+  Hh as NavigationToggleOption,
+  eb as NavigationWorkspaceSwitcher,
   _a as PaletteEntriesKey,
-  rb as SceneList,
-  y0 as SceneListItem,
-  cb as ScenePlayerButtons,
-  sb as ScenePlayerDotStepper,
-  ub as ScenePlayerMinimalArrows,
-  ib as ScenePlayerProgressBar,
-  ab as SceneTimeline,
-  lb as SceneTimelineCompact,
+  sb as SceneList,
+  k0 as SceneListItem,
+  fb as ScenePlayerButtons,
+  cb as ScenePlayerDotStepper,
+  db as ScenePlayerMinimalArrows,
+  ub as ScenePlayerProgressBar,
+  rb as SceneTimeline,
+  ib as SceneTimelineCompact,
   yo as SceneTimelineControls,
-  Rm as SceneTimelineItem,
-  Mh as SectionCard,
-  Sh as SectionGroup,
-  Yf as SectionTitle,
-  Ah as SettingsSection,
-  tv as SettingsSectionDescription,
-  sv as SettingsSectionIcon,
-  lv as SettingsSectionTitle,
+  Em as SceneTimelineItem,
+  Lh as SectionCard,
+  Ah as SectionGroup,
+  qf as SectionTitle,
+  Th as SettingsSection,
+  ov as SettingsSectionDescription,
+  cv as SettingsSectionIcon,
+  iv as SettingsSectionTitle,
   wa as ToggleEntriesKey,
   Ml as getChartTypeLabel,
-  nh as useBreakpoint,
+  ah as useBreakpoint,
   Ht as useChildEntriesProvider,
   zt as useChildEntry
 };