@blueprint-chart/ui 2.5.1 → 2.7.0

package/dist/index.js

@@ -3,9 +3,9 @@ var nr = (e, t, n) => t in e ? tr(e, t, { enumerable: !0, configurable: !0, writ
 var Ge = (e, t, n) => nr(e, typeof t != "symbol" ? t + "" : t, n);
 import { BPopover as or, BTooltip as ar, BBadge as lr, BButton as Nn } from "bootstrap-vue-next";
 import * as Da from "vue";
-import { ref as ue, provide as an, inject as Re, getCurrentInstance as Ln, onMounted as Tn, watch as Me, onBeforeUnmount as fo, computed as y, shallowRef as Ae, watchEffect as rr, toValue as fe, effectScope as ir, getCurrentScope as sr, onScopeDispose as ur, isRef as ln, unref as c, readonly as Pe, toRef as pt, defineComponent as S, useAttrs as Yt, openBlock as v, createBlock as V, resolveDynamicComponent as Ce, mergeProps as me, withCtx as D, renderSlot as M, useSlots as kt, normalizeClass as O, createElementBlock as g, createTextVNode as re, toDisplayString as A, createCommentVNode as F, useTemplateRef as ke, useModel as ae, Fragment as le, createVNode as Y, mergeModels as Q, useId as Va, nextTick as Ue, onUnmounted as Pn, h as Ra, Teleport as cr, createElementVNode as p, normalizeProps as at, guardReactiveProps as lt, Transition as vo, withDirectives as St, normalizeStyle as Be, vShow as Oa, createSlots as ft, markRaw as xe, renderList as we, vModelCheckbox as Ea, withKeys as Jt, useCssVars as Ha, withModifiers as Et, onActivated as dr, reactive as fr, vModelText as no, resolveComponent as po } from "vue";
+import { ref as ue, provide as an, inject as Re, getCurrentInstance as Ln, onMounted as Tn, watch as Me, onBeforeUnmount as fo, computed as y, shallowRef as Ae, watchEffect as rr, toValue as fe, effectScope as ir, getCurrentScope as sr, onScopeDispose as ur, isRef as ln, unref as c, readonly as Pe, toRef as pt, defineComponent as M, useAttrs as Yt, openBlock as v, createBlock as V, resolveDynamicComponent as Ce, mergeProps as me, withCtx as D, renderSlot as S, useSlots as mt, normalizeClass as O, createElementBlock as g, createTextVNode as re, toDisplayString as A, createCommentVNode as F, useTemplateRef as xe, useModel as ae, Fragment as le, createVNode as Y, mergeModels as Q, useId as Va, nextTick as Ue, onUnmounted as Pn, h as Ra, Teleport as cr, createElementVNode as p, normalizeProps as at, guardReactiveProps as lt, Transition as vo, withDirectives as St, normalizeStyle as Be, vShow as Oa, createSlots as ft, markRaw as ke, renderList as we, vModelCheckbox as Ea, withKeys as Jt, useCssVars as Ha, withModifiers as Et, onActivated as dr, reactive as fr, vModelText as no, resolveComponent as po } from "vue";
 import { useMediaQuery as vr, onClickOutside as pr, useElementBounding as mr, useResizeObserver as hr, useEventListener as Uo } from "@vueuse/core";
-var br = /* @__PURE__ */ ((e) => (e.Xxs = "2xs", e.Xs = "xs", e.Sm = "sm", e.Md = "md", e.Lg = "lg", e.Xl = "xl", e.Xxl = "2xl", e))(br || {}), de = /* @__PURE__ */ ((e) => (e.BarVertical = "bar-vertical", e.BarHorizontal = "bar-horizontal", e.BarMulti = "bar-multi", e.ColumnStacked = "column-stacked", e.BarStacked = "bar-stacked", e.BarSplit = "bar-split", e.BarGrouped = "bar-grouped", e.Line = "line", e.LineMulti = "line-multi", e.Area = "area", e.AreaStacked = "area-stacked", e.Donut = "donut", e.Pie = "pie", e))(de || {});
+var br = /* @__PURE__ */ ((e) => (e.Xxs = "2xs", e.Xs = "xs", e.Sm = "sm", e.Md = "md", e.Lg = "lg", e.Xl = "xl", e.Xxl = "2xl", e))(br || {}), ce = /* @__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.Scatter = "scatter", e))(ce || {});
 function rn(e) {
   const t = /* @__PURE__ */ new Map(), n = ue([]);
   function o() {
@@ -46,7 +46,7 @@ const Na = Symbol("ButtonGroupEntries"), za = Symbol("DropdownEntries"), Ua = Sy
   xl: 1200,
   xxl: 1400
 };
-function ib(e = "md") {
+function cb(e = "md") {
   const t = typeof e == "number" ? e : gr[e];
   return { isNarrow: vr(`(max-width: ${t - 1}px)`) };
 }
@@ -116,7 +116,7 @@ function Br(e, t) {
 }
 var bo = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var Sr = Object.prototype.toString, Mr = (e) => Sr.call(e) === "[object Object]", _t = () => {
+var Sr = Object.prototype.toString, Mr = (e) => Sr.call(e) === "[object Object]", wt = () => {
 }, Ar = /* @__PURE__ */ Lr();
 function Lr() {
   var e, t, n;
@@ -135,10 +135,10 @@ function Tr(e, t) {
   return n;
 }
 function Pr(...e) {
-  let t = 0, n, o = !0, a = _t, l, r, u, s, i;
+  let t = 0, n, o = !0, a = wt, l, r, u, s, i;
   !ln(e[0]) && typeof e[0] == "object" ? { delay: r, trailing: u = !0, leading: s = !0, rejectOnCancel: i = !1 } = e[0] : [r, u = !0, s = !0, i = !1] = e;
   const d = () => {
-    n && (clearTimeout(n), n = void 0, a(), a = _t);
+    n && (clearTimeout(n), n = void 0, a(), a = wt);
   };
   return (m) => {
     const _ = fe(r), k = Date.now() - t, x = () => l = m();
@@ -210,14 +210,14 @@ var qo = !1;
 function el(e, t, n = {}) {
   const { window: o = In, ignore: a = [], capture: l = !0, detectIframe: r = !1, controls: u = !1 } = n;
   if (!o) return u ? {
-    stop: _t,
-    cancel: _t,
-    trigger: _t
-  } : _t;
+    stop: wt,
+    cancel: wt,
+    trigger: wt
+  } : wt;
   if (Ar && !qo) {
     qo = !0;
     const b = { passive: !0 };
-    Array.from(o.document.body.children).forEach((h) => h.addEventListener("click", _t, b)), o.document.documentElement.addEventListener("click", _t, b);
+    Array.from(o.document.body.children).forEach((h) => h.addEventListener("click", wt, b)), o.document.documentElement.addEventListener("click", wt, b);
   }
   let s = !0;
   const i = (b) => fe(a).some((h) => {
@@ -436,7 +436,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
     [`link-underline-opacity-${t.underlineOpacityHover}-hover`]: t.underlineOpacityHover !== void 0,
     "icon-link": t.icon === !0
   };
-}), jo = "active", yo = /* @__PURE__ */ S({
+}), jo = "active", yo = /* @__PURE__ */ M({
   __name: "BLink",
   props: {
     active: {
@@ -541,7 +541,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
       var R;
       h(I), (R = c(u)) == null || R.navigate(I);
     }) }), {
-      default: D(() => [M(P.$slots, "default")]),
+      default: D(() => [S(P.$slots, "default")]),
       _: 3
     }, 16, [
       "class",
@@ -585,7 +585,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
 }), qr = {
   key: 0,
   class: "visually-hidden"
-}, jr = /* @__PURE__ */ S({
+}, jr = /* @__PURE__ */ M({
   __name: "BSpinner",
   props: {
     label: { default: void 0 },
@@ -599,7 +599,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
     variant: { default: null }
   },
   setup(e) {
-    const t = Te(e, "BSpinner"), n = kt(), o = Wt(y(() => ({ textVariant: t.variant }))), a = y(() => [
+    const t = Te(e, "BSpinner"), n = mt(), o = Wt(y(() => ({ textVariant: t.variant }))), a = y(() => [
       `spinner-${t.type}`,
       o.value,
       { [`spinner-${t.type}-sm`]: t.small }
@@ -609,7 +609,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
       role: c(t).label || l.value ? c(t).role : null,
       "aria-hidden": c(t).label || l.value ? null : !0
     }, {
-      default: D(() => [c(t).label || l.value ? (v(), g("span", qr, [M(r.$slots, "label", {}, () => [re(A(c(t).label), 1)])])) : F("", !0)]),
+      default: D(() => [c(t).label || l.value ? (v(), g("span", qr, [S(r.$slots, "label", {}, () => [re(A(c(t).label), 1)])])) : F("", !0)]),
       _: 3
     }, 8, [
       "class",
@@ -617,7 +617,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
       "aria-hidden"
     ]));
   }
-}), _n = /* @__PURE__ */ S({
+}), _n = /* @__PURE__ */ M({
   __name: "BButton",
   props: /* @__PURE__ */ Q({
     loading: {
@@ -690,7 +690,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
   }),
   emits: /* @__PURE__ */ Q(["click"], ["update:pressed"]),
   setup(e, { emit: t }) {
-    const n = Te(e, "BButton"), o = t, a = ke("_element"), l = ae(e, "pressed"), { computedLink: r, computedLinkProps: u } = go(n, [
+    const n = Te(e, "BButton"), o = t, a = xe("_element"), l = ae(e, "pressed"), { computedLink: r, computedLinkProps: u } = go(n, [
       "activeClass",
       "exactActiveClass",
       "replace",
@@ -753,10 +753,10 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
       to: i.value ? null : c(n).to,
       onClick: w
     }), {
-      default: D(() => [c(n).loading ? M(C.$slots, "loading", { key: 0 }, () => [c(n).loadingFill ? F("", !0) : (v(), g(le, { key: 0 }, [re(A(c(n).loadingText), 1)], 64)), M(C.$slots, "loading-spinner", {}, () => [Y(jr, {
+      default: D(() => [c(n).loading ? S(C.$slots, "loading", { key: 0 }, () => [c(n).loadingFill ? F("", !0) : (v(), g(le, { key: 0 }, [re(A(c(n).loadingText), 1)], 64)), S(C.$slots, "loading-spinner", {}, () => [Y(jr, {
         small: c(n).size !== "lg",
         label: c(n).loadingFill ? c(n).loadingText : void 0
-      }, null, 8, ["small", "label"])])]) : M(C.$slots, "default", { key: 1 })]),
+      }, null, 8, ["small", "label"])])]) : S(C.$slots, "default", { key: 1 })]),
       _: 3
     }, 16, [
       "class",
@@ -772,7 +772,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
       "to"
     ]));
   }
-}), Gr = /* @__PURE__ */ S({
+}), Gr = /* @__PURE__ */ M({
   __name: "BButtonGroup",
   props: {
     ariaLabel: { default: "Group" },
@@ -795,7 +795,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
       role: "group",
       "aria-label": c(t).ariaLabel
     }, {
-      default: D(() => [M(o.$slots, "default")]),
+      default: D(() => [S(o.$slots, "default")]),
       _: 3
     }, 8, ["class", "aria-label"]));
   }
@@ -870,7 +870,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
   hideFn: () => {
   }
 }) => {
-  var oe, Le, Se, Z, be, pe, Fe, De, gt, jt, Gt, Xt, zo;
+  var oe, Le, Se, Z, be, pe, Fe, De, yt, jt, Gt, Xt, zo;
   let r = !1;
   const u = !!e.value && !t.initialAnimation || t.visible || !1, s = ue(u), i = ue(u), d = ue(u);
   let f = typeof e.value != "boolean";
@@ -921,7 +921,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
     return n("show", ye), ye.defaultPrevented ? (n("show-prevented", b("show-prevented")), te.value && (te.value = !1), e.value && !f && (r = !0, Ue(() => {
       e.value = !1;
     })), w == null || w("show-prevented"), C) : ($ && (clearTimeout($), $ = void 0), i.value = !0, d.value = !0, requestAnimationFrame(() => {
-      var ct, yt;
+      var ct, _t;
       if (m.value || t.delay === void 0) {
         if (!x) return;
         h = void 0, s.value = !0, (ct = l.showFn) == null || ct.call(l), e.value || (r = !0, Ue(() => {
@@ -934,7 +934,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
         x && (h = void 0, s.value = !0, (nt = l.showFn) == null || nt.call(l), e.value || (r = !0, Ue(() => {
           e.value = !0;
         })));
-      }, typeof t.delay == "number" ? t.delay : ((yt = t.delay) == null ? void 0 : yt.show) || 0);
+      }, typeof t.delay == "number" ? t.delay : ((_t = t.delay) == null ? void 0 : _t.show) || 0);
     }), C);
   };
   let B;
@@ -947,11 +947,11 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
     const ct = b("hide", {
       cancelable: !0,
       trigger: X
-    }), yt = b(X || "ignore", {
+    }), _t = b(X || "ignore", {
       cancelable: !0,
       trigger: X
     });
-    return X === "backdrop" && t.noCloseOnBackdrop || X === "esc" && t.noCloseOnEsc ? (n("hide-prevented", b("hide-prevented", { trigger: X })), w == null || w("hide-prevented"), C) : (h && (clearTimeout(h), h = void 0), X && !ye && n(X, yt), n("hide", ct), ct.defaultPrevented || yt.defaultPrevented ? (n("hide-prevented", b("hide-prevented", { trigger: X })), e.value || Ue(() => {
+    return X === "backdrop" && t.noCloseOnBackdrop || X === "esc" && t.noCloseOnEsc ? (n("hide-prevented", b("hide-prevented", { trigger: X })), w == null || w("hide-prevented"), C) : (h && (clearTimeout(h), h = void 0), X && !ye && n(X, _t), n("hide", ct), ct.defaultPrevented || _t.defaultPrevented ? (n("hide-prevented", b("hide-prevented", { trigger: X })), e.value || Ue(() => {
       r = !0, e.value = !0;
     }), w == null || w("hide-prevented"), C) : (K.value = !1, h && (clearTimeout(h), h = void 0, _.value || (i.value = !1), d.value = !1), $ = setTimeout(() => {
       var dn;
@@ -973,8 +973,8 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
       el: ye
     }), ye.addEventListener(X, T), ne(ye);
   }, G = (X, ye, ct = !0) => {
-    const yt = E.findIndex((nt) => (nt == null ? void 0 : nt.trigger) === X && nt.el === ye);
-    yt > -1 && (E.splice(yt, 1), ye.removeEventListener(X, T), ct && (ye.removeAttribute("aria-expanded"), ye.classList.remove("collapsed"), ye.classList.remove("not-collapsed")));
+    const _t = E.findIndex((nt) => (nt == null ? void 0 : nt.trigger) === X && nt.el === ye);
+    _t > -1 && (E.splice(_t, 1), ye.removeEventListener(X, T), ct && (ye.removeAttribute("aria-expanded"), ye.classList.remove("collapsed"), ye.classList.remove("not-collapsed")));
   }, q = (oe = Re(wr, null)) == null ? void 0 : oe.register({
     id: a.value,
     toggle: ee,
@@ -1026,13 +1026,13 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
     () => {
       he.value || (he.value = !0);
     },
-    ...[((De = l.transitionProps) == null ? void 0 : De.onBeforeLeave) ?? He, ((gt = t.transitionProps) == null ? void 0 : gt.onBeforeLeave) ?? He].flat(),
+    ...[((De = l.transitionProps) == null ? void 0 : De.onBeforeLeave) ?? He, ((yt = t.transitionProps) == null ? void 0 : yt.onBeforeLeave) ?? He].flat(),
     () => {
       K.value = !1;
     }
   ], je = [() => {
     te.value = !1;
-  }, ...[((jt = l.transitionProps) == null ? void 0 : jt.onLeave) ?? He, ((Gt = t.transitionProps) == null ? void 0 : Gt.onLeave) ?? He].flat()], bt = [
+  }, ...[((jt = l.transitionProps) == null ? void 0 : jt.onLeave) ?? He, ((Gt = t.transitionProps) == null ? void 0 : Gt.onLeave) ?? He].flat()], gt = [
     () => {
       n("hidden", b("hidden", {
         trigger: B,
@@ -1054,7 +1054,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
     onAfterEnter: qe,
     onBeforeLeave: Ee,
     onLeave: je,
-    onAfterLeave: bt
+    onAfterLeave: gt
   };
   return {
     showRef: Pe(s),
@@ -1111,7 +1111,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
       }
     }
   };
-}, rl = S({
+}, rl = M({
   name: "ConditionalTeleport",
   inheritAttrs: !1,
   props: {
@@ -1165,7 +1165,7 @@ var Or = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Er = (e) => {
 function ao(e, t, n) {
   return Ve(e, Je(t, n));
 }
-function mt(e, t) {
+function ht(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function Ye(e) {
@@ -1304,7 +1304,7 @@ function ta(e, t, n) {
 async function ui(e, t) {
   var n;
   t === void 0 && (t = {});
-  const { x: o, y: a, platform: l, rects: r, elements: u, strategy: s } = e, { boundary: i = "clippingAncestors", rootBoundary: d = "viewport", elementContext: f = "floating", altBoundary: m = !1, padding: _ = 0 } = mt(t, e), k = ko(_), x = u[m ? f === "floating" ? "reference" : "floating" : f], b = Ht(await l.getClippingRect({
+  const { x: o, y: a, platform: l, rects: r, elements: u, strategy: s } = e, { boundary: i = "clippingAncestors", rootBoundary: d = "viewport", elementContext: f = "floating", altBoundary: m = !1, padding: _ = 0 } = ht(t, e), k = ko(_), x = u[m ? f === "floating" ? "reference" : "floating" : f], b = Ht(await l.getClippingRect({
     element: (n = await (l.isElement == null ? void 0 : l.isElement(x))) == null || n ? x : x.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(u.floating)),
     boundary: i,
     rootBoundary: d,
@@ -1381,7 +1381,7 @@ var ci = 50, di = async (e, t, n) => {
   name: "arrow",
   options: e,
   async fn(t) {
-    const { x: n, y: o, placement: a, rects: l, platform: r, elements: u, middlewareData: s } = t, { element: i, padding: d = 0 } = mt(e, t) || {};
+    const { x: n, y: o, placement: a, rects: l, platform: r, elements: u, middlewareData: s } = t, { element: i, padding: d = 0 } = ht(e, t) || {};
     if (i == null) return {};
     const f = ko(d), m = {
       x: n,
@@ -1410,7 +1410,7 @@ var pi = function(e) {
     options: e,
     async fn(t) {
       var n, o, a;
-      const { rects: l, middlewareData: r, placement: u, platform: s, elements: i } = t, { crossAxis: d = !1, alignment: f, allowedPlacements: m = Qo, autoAlignment: _ = !0, ...k } = mt(e, t), x = f !== void 0 || m === Qo ? vi(f || null, _, m) : m, b = await s.detectOverflow(t, k), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, $ = x[h];
+      const { rects: l, middlewareData: r, placement: u, platform: s, elements: i } = t, { crossAxis: d = !1, alignment: f, allowedPlacements: m = Qo, autoAlignment: _ = !0, ...k } = ht(e, t), x = f !== void 0 || m === Qo ? vi(f || null, _, m) : m, b = await s.detectOverflow(t, k), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, $ = x[h];
       if ($ == null) return {};
       const w = ul($, l, await (s.isRTL == null ? void 0 : s.isRTL(i.floating)));
       if (u !== $) return { reset: { placement: x[0] } };
@@ -1452,7 +1452,7 @@ var pi = function(e) {
     options: e,
     async fn(t) {
       var n, o;
-      const { placement: a, middlewareData: l, rects: r, initialPlacement: u, platform: s, elements: i } = t, { mainAxis: d = !0, crossAxis: f = !0, fallbackPlacements: m, fallbackStrategy: _ = "bestFit", fallbackAxisSideDirection: k = "none", flipAlignment: x = !0, ...b } = mt(e, t);
+      const { placement: a, middlewareData: l, rects: r, initialPlacement: u, platform: s, elements: i } = t, { mainAxis: d = !0, crossAxis: f = !0, fallbackPlacements: m, fallbackStrategy: _ = "bestFit", fallbackAxisSideDirection: k = "none", flipAlignment: x = !0, ...b } = ht(e, t);
       if ((n = l.arrow) != null && n.alignmentOffset) return {};
       const h = Ye(a), $ = ot(u), w = Ye(u) === u, C = await (s.isRTL == null ? void 0 : s.isRTL(i.floating)), W = m || (w || !x ? [xn(u)] : oi(u)), P = k !== "none";
       !m && P && W.push(...ii(u, x, k, C));
@@ -1516,7 +1516,7 @@ var hi = function(e) {
     name: "hide",
     options: e,
     async fn(t) {
-      const { rects: n, platform: o } = t, { strategy: a = "referenceHidden", ...l } = mt(e, t);
+      const { rects: n, platform: o } = t, { strategy: a = "referenceHidden", ...l } = ht(e, t);
       switch (a) {
         case "referenceHidden": {
           const r = na(await o.detectOverflow(t, {
@@ -1567,7 +1567,7 @@ var gi = function(e) {
     name: "inline",
     options: e,
     async fn(t) {
-      const { placement: n, elements: o, rects: a, platform: l, strategy: r } = t, { padding: u = 2, x: s, y: i } = mt(e, t), d = Array.from(await (l.getClientRects == null ? void 0 : l.getClientRects(o.reference)) || []), f = bi(d), m = Ht(cl(d)), _ = ko(u);
+      const { placement: n, elements: o, rects: a, platform: l, strategy: r } = t, { padding: u = 2, x: s, y: i } = ht(e, t), d = Array.from(await (l.getClientRects == null ? void 0 : l.getClientRects(o.reference)) || []), f = bi(d), m = Ht(cl(d)), _ = ko(u);
       function k() {
         if (f.length === 2 && f[0].left > f[1].right && s != null && i != null) return f.find((b) => s > b.left - _.left && s < b.right + _.right && i > b.top - _.top && i < b.bottom + _.bottom) || m;
         if (f.length >= 2) {
@@ -1608,7 +1608,7 @@ var gi = function(e) {
   };
 }, yi = /* @__PURE__ */ new Set(["left", "top"]);
 async function _i(e, t) {
-  const { placement: n, platform: o, elements: a } = e, l = await (o.isRTL == null ? void 0 : o.isRTL(a.floating)), r = Ye(n), u = Qe(n), s = ot(n) === "y", i = yi.has(r) ? -1 : 1, d = l && s ? -1 : 1, f = mt(t, e);
+  const { placement: n, platform: o, elements: a } = e, l = await (o.isRTL == null ? void 0 : o.isRTL(a.floating)), r = Ye(n), u = Qe(n), s = ot(n) === "y", i = yi.has(r) ? -1 : 1, d = l && s ? -1 : 1, f = ht(t, e);
   let { mainAxis: m, crossAxis: _, alignmentAxis: k } = typeof f == "number" ? {
     mainAxis: f,
     crossAxis: 0,
@@ -1654,7 +1654,7 @@ var wi = function(e) {
           x: $,
           y: w
         };
-      } }, ...i } = mt(e, t), d = {
+      } }, ...i } = ht(e, t), d = {
         x: n,
         y: o
       }, f = await l.detectOverflow(t, i), m = ot(Ye(a)), _ = sl(m);
@@ -1692,7 +1692,7 @@ var wi = function(e) {
     async fn(t) {
       var n, o;
       const { placement: a, rects: l, platform: r, elements: u } = t, { apply: s = () => {
-      }, ...i } = mt(e, t), d = await r.detectOverflow(t, i), f = Ye(a), m = Qe(a), _ = ot(a) === "y", { width: k, height: x } = l.floating;
+      }, ...i } = ht(e, t), d = await r.detectOverflow(t, i), f = Ye(a), m = Qe(a), _ = ot(a) === "y", { width: k, height: x } = l.floating;
       let b, h;
       f === "top" || f === "bottom" ? (b = f, h = m === (await (r.isRTL == null ? void 0 : r.isRTL(u.floating)) ? "start" : "end") ? "left" : "right") : (h = f, b = m === "end" ? "top" : "bottom");
       const $ = x - d.top - d.bottom, w = k - d.left - d.right, C = Je(x - d[b], $), W = Je(k - d[h], w), P = !t.middlewareData.shift;
@@ -1731,7 +1731,7 @@ function xo(e) {
 function et(e) {
   return Fn() ? e instanceof Element || e instanceof ze(e).Element : !1;
 }
-function ht(e) {
+function bt(e) {
   return Fn() ? e instanceof HTMLElement || e instanceof ze(e).HTMLElement : !1;
 }
 function aa(e) {
@@ -1761,11 +1761,11 @@ function $o(e) {
   return $t(t.transform) || $t(t.translate) || $t(t.scale) || $t(t.rotate) || $t(t.perspective) || !Co() && ($t(t.backdropFilter) || $t(t.filter)) || Ci.test(t.willChange || "") || Bi.test(t.contain || "");
 }
 function Si(e) {
-  let t = wt(e);
-  for (; ht(t) && !Nt(t); ) {
+  let t = kt(e);
+  for (; bt(t) && !Nt(t); ) {
     if ($o(t)) return t;
     if (Dn(t)) return null;
-    t = wt(t);
+    t = kt(t);
   }
   return null;
 }
@@ -1787,14 +1787,14 @@ function Vn(e) {
     scrollTop: e.scrollY
   };
 }
-function wt(e) {
+function kt(e) {
   if (Pt(e) === "html") return e;
   const t = e.assignedSlot || e.parentNode || aa(e) && e.host || it(e);
   return aa(t) ? t.host : t;
 }
 function dl(e) {
-  const t = wt(e);
-  return Nt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ht(t) && un(t) ? t : dl(t);
+  const t = kt(e);
+  return Nt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : bt(t) && un(t) ? t : dl(t);
 }
 function nn(e, t, n) {
   var o;
@@ -1811,7 +1811,7 @@ function lo(e) {
 function fl(e) {
   const t = tt(e);
   let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
-  const a = ht(e), l = a ? e.offsetWidth : n, r = a ? e.offsetHeight : o, u = wn(n) !== l || wn(o) !== r;
+  const a = bt(e), l = a ? e.offsetWidth : n, r = a ? e.offsetHeight : o, u = wn(n) !== l || wn(o) !== r;
   return u && (n = l, o = r), {
     width: n,
     height: o,
@@ -1823,7 +1823,7 @@ function Bo(e) {
 }
 function Ot(e) {
   const t = Bo(e);
-  if (!ht(t)) return rt(1);
+  if (!bt(t)) return rt(1);
   const n = t.getBoundingClientRect(), { width: o, height: a, $: l } = fl(t);
   let r = (l ? wn(n.width) : n.width) / o, u = (l ? wn(n.height) : n.height) / a;
   return (!r || !Number.isFinite(r)) && (r = 1), (!u || !Number.isFinite(u)) && (u = 1), {
@@ -1883,7 +1883,7 @@ function Li(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, i = rt(1);
-  const d = rt(0), f = ht(o);
+  const d = rt(0), f = bt(o);
   if ((f || !f && !l) && ((Pt(o) !== "body" || un(r)) && (s = Vn(o)), f)) {
     const _ = Mt(o);
     i = Ot(o), d.x = _.x + o.clientLeft, d.y = _.y + o.clientTop;
@@ -1932,7 +1932,7 @@ function Ii(e, t) {
   };
 }
 function Fi(e, t) {
-  const n = Mt(e, !0, t === "fixed"), o = n.top + e.clientTop, a = n.left + e.clientLeft, l = ht(e) ? Ot(e) : rt(1);
+  const n = Mt(e, !0, t === "fixed"), o = n.top + e.clientTop, a = n.left + e.clientLeft, l = bt(e) ? Ot(e) : rt(1);
   return {
     width: e.clientWidth * l.x,
     height: e.clientHeight * l.y,
@@ -1957,7 +1957,7 @@ function ra(e, t, n) {
   return Ht(o);
 }
 function ml(e, t) {
-  const n = wt(e);
+  const n = kt(e);
   return n === t || !et(n) || Nt(n) ? !1 : tt(n).position === "fixed" || ml(n, t);
 }
 function Di(e, t) {
@@ -1965,10 +1965,10 @@ function Di(e, t) {
   if (n) return n;
   let o = nn(e, [], !1).filter((u) => et(u) && Pt(u) !== "body"), a = null;
   const l = tt(e).position === "fixed";
-  let r = l ? wt(e) : e;
+  let r = l ? kt(e) : e;
   for (; et(r) && !Nt(r); ) {
     const u = tt(r), s = $o(r);
-    !s && u.position === "fixed" && (a = null), (l ? !s && !a : !s && u.position === "static" && a && (a.position === "absolute" || a.position === "fixed") || un(r) && !s && ml(e, r)) ? o = o.filter((i) => i !== r) : a = u, r = wt(r);
+    !s && u.position === "fixed" && (a = null), (l ? !s && !a : !s && u.position === "static" && a && (a.position === "absolute" || a.position === "fixed") || un(r) && !s && ml(e, r)) ? o = o.filter((i) => i !== r) : a = u, r = kt(r);
   }
   return t.set(e, o), o;
 }
@@ -1995,7 +1995,7 @@ function Ri(e) {
   };
 }
 function Oi(e, t, n) {
-  const o = ht(t), a = it(t), l = n === "fixed", r = Mt(e, !0, l, t);
+  const o = bt(t), a = it(t), l = n === "fixed", r = Mt(e, !0, l, t);
   let u = {
     scrollLeft: 0,
     scrollTop: 0
@@ -2022,7 +2022,7 @@ function Wn(e) {
   return tt(e).position === "static";
 }
 function ia(e, t) {
-  if (!ht(e) || tt(e).position === "fixed") return null;
+  if (!bt(e) || tt(e).position === "fixed") return null;
   if (t) return t(e);
   let n = e.offsetParent;
   return it(e) === n && (n = n.ownerDocument.body), n;
@@ -2030,11 +2030,11 @@ function ia(e, t) {
 function hl(e, t) {
   const n = ze(e);
   if (Dn(e)) return n;
-  if (!ht(e)) {
-    let a = wt(e);
+  if (!bt(e)) {
+    let a = kt(e);
     for (; a && !Nt(a); ) {
       if (et(a) && !Wn(a)) return a;
-      a = wt(a);
+      a = kt(a);
     }
     return n;
   }
@@ -2150,7 +2150,7 @@ var yl = wi, Ui = pi, _l = ki, wl = mi, kl = xi, Yi = hi, Wi = fi, qi = gi, ji =
     ...a,
     platform: l
   });
-}, ce = /* @__PURE__ */ Jr({
+}, de = /* @__PURE__ */ Jr({
   Vue: () => Da,
   Vue2: () => {
   },
@@ -2160,7 +2160,7 @@ var yl = wi, Ui = pi, _l = ki, wl = mi, kl = xi, Yi = hi, Wi = fi, qi = gi, ji =
   isVue3: () => !0,
   set: () => Xi
 });
-ti(ce, Da);
+ti(de, Da);
 function Gi() {
 }
 function Xi(e, t, n) {
@@ -2184,7 +2184,7 @@ function ro(e) {
   return e;
 }
 function Vt(e) {
-  return typeof e == "function" ? e() : (0, ce.unref)(e);
+  return typeof e == "function" ? e() : (0, de.unref)(e);
 }
 function Qi(e) {
   return {
@@ -2208,19 +2208,19 @@ function sa(e, t) {
 }
 function $l(e, t, n) {
   n === void 0 && (n = {});
-  const o = n.whileElementsMounted, a = (0, ce.computed)(() => {
+  const o = n.whileElementsMounted, a = (0, de.computed)(() => {
     var B;
     return (B = Vt(n.open)) != null ? B : !0;
-  }), l = (0, ce.computed)(() => Vt(n.middleware)), r = (0, ce.computed)(() => {
+  }), l = (0, de.computed)(() => Vt(n.middleware)), r = (0, de.computed)(() => {
     var B;
     return (B = Vt(n.placement)) != null ? B : "bottom";
-  }), u = (0, ce.computed)(() => {
+  }), u = (0, de.computed)(() => {
     var B;
     return (B = Vt(n.strategy)) != null ? B : "absolute";
-  }), s = (0, ce.computed)(() => {
+  }), s = (0, de.computed)(() => {
     var B;
     return (B = Vt(n.transform)) != null ? B : !0;
-  }), i = (0, ce.computed)(() => ro(e.value)), d = (0, ce.computed)(() => ro(t.value)), f = (0, ce.ref)(0), m = (0, ce.ref)(0), _ = (0, ce.ref)(u.value), k = (0, ce.ref)(r.value), x = (0, ce.shallowRef)({}), b = (0, ce.ref)(!1), h = (0, ce.computed)(() => {
+  }), i = (0, de.computed)(() => ro(e.value)), d = (0, de.computed)(() => ro(t.value)), f = (0, de.ref)(0), m = (0, de.ref)(0), _ = (0, de.ref)(u.value), k = (0, de.ref)(r.value), x = (0, de.shallowRef)({}), b = (0, de.ref)(!1), h = (0, de.computed)(() => {
     const B = {
       position: _.value,
       left: "0",
@@ -2266,18 +2266,18 @@ function $l(e, t, n) {
   function P() {
     a.value || (b.value = !1);
   }
-  return (0, ce.watch)([
+  return (0, de.watch)([
     l,
     r,
     u,
     a
-  ], w, { flush: "sync" }), (0, ce.watch)([i, d], W, { flush: "sync" }), (0, ce.watch)(a, P, { flush: "sync" }), (0, ce.getCurrentScope)() && (0, ce.onScopeDispose)(C), {
-    x: (0, ce.shallowReadonly)(f),
-    y: (0, ce.shallowReadonly)(m),
-    strategy: (0, ce.shallowReadonly)(_),
-    placement: (0, ce.shallowReadonly)(k),
-    middlewareData: (0, ce.shallowReadonly)(x),
-    isPositioned: (0, ce.shallowReadonly)(b),
+  ], w, { flush: "sync" }), (0, de.watch)([i, d], W, { flush: "sync" }), (0, de.watch)(a, P, { flush: "sync" }), (0, de.getCurrentScope)() && (0, de.onScopeDispose)(C), {
+    x: (0, de.shallowReadonly)(f),
+    y: (0, de.shallowReadonly)(m),
+    strategy: (0, de.shallowReadonly)(_),
+    placement: (0, de.shallowReadonly)(k),
+    middlewareData: (0, de.shallowReadonly)(x),
+    isPositioned: (0, de.shallowReadonly)(b),
     floatingStyles: h,
     update: w
   };
@@ -2286,7 +2286,7 @@ var $n = (e, t = tn()) => {
   var n;
   if (e)
     return typeof e == "string" ? t === null ? void 0 : ((n = tn()) == null ? void 0 : n.getElementById(e)) ?? t.querySelector(e) ?? void 0 : e.$el ?? e;
-}, Ji = /* @__PURE__ */ Ir(Rr), es = ["id"], ts = ["id"], ns = /* @__PURE__ */ S({
+}, Ji = /* @__PURE__ */ Ir(Rr), es = ["id"], ts = ["id"], ns = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "BPopover",
   props: /* @__PURE__ */ Q({
@@ -2434,7 +2434,7 @@ var $n = (e, t = tn()) => {
     "toggle-prevented"
   ], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const o = Te(e, "BPopover"), a = n, l = kt(), r = Yt(), u = ae(e, "modelValue"), s = vt(() => o.id, "popover"), i = ue(!1), d = ke("_element"), f = ke("_content"), m = ke("_arrow"), _ = ke("_placeholder"), k = ue(null), x = ue(null), b = y(() => o.placement.startsWith("auto")), h = /* @__PURE__ */ yn(() => o.offset ?? NaN), $ = y(() => So(o.boundary) ? o.boundary : void 0), w = y(() => Cl(o.boundary) ? o.boundary : void 0), C = ue({}), W = y(() => {
+    const o = Te(e, "BPopover"), a = n, l = mt(), r = Yt(), u = ae(e, "modelValue"), s = vt(() => o.id, "popover"), i = ue(!1), d = xe("_element"), f = xe("_content"), m = xe("_arrow"), _ = xe("_placeholder"), k = ue(null), x = ue(null), b = y(() => o.placement.startsWith("auto")), h = /* @__PURE__ */ yn(() => o.offset ?? NaN), $ = y(() => So(o.boundary) ? o.boundary : void 0), w = y(() => Cl(o.boundary) ? o.boundary : void 0), C = ue({}), W = y(() => {
       if (o.floatingMiddleware !== void 0) return o.floatingMiddleware;
       const Z = [yl(o.offset !== null ? h.value : o.tooltip ? 6 : 8)];
       return !o.noFlip && !b.value && Z.push(wl({
@@ -2507,9 +2507,9 @@ var $n = (e, t = tn()) => {
           [`bs-${Z}-${os(I.value)}`]: I.value !== void 0
         }
       ];
-    }), { x: Ee, y: je } = Ji(), bt = () => {
-      var gt, jt, Gt, Xt;
-      const Z = (gt = x.value) == null ? void 0 : gt.getBoundingClientRect(), be = (jt = d.value) == null ? void 0 : jt.getBoundingClientRect(), pe = Number.parseInt(o.hideMargin, 10) || 0, Fe = ((Gt = Go()) == null ? void 0 : Gt.scrollX) || 0, De = ((Xt = Go()) == null ? void 0 : Xt.scrollY) || 0;
+    }), { x: Ee, y: je } = Ji(), gt = () => {
+      var yt, jt, Gt, Xt;
+      const Z = (yt = x.value) == null ? void 0 : yt.getBoundingClientRect(), be = (jt = d.value) == null ? void 0 : jt.getBoundingClientRect(), pe = Number.parseInt(o.hideMargin, 10) || 0, Fe = ((Gt = Go()) == null ? void 0 : Gt.scrollX) || 0, De = ((Xt = Go()) == null ? void 0 : Xt.scrollY) || 0;
       return {
         triggerIsOutside: !Z || Ee.value < Z.left + Fe - pe || Ee.value > Z.right + Fe + pe || je.value < Z.top + De - pe || je.value > Z.bottom + De + pe,
         isOutside: !be || Ee.value < be.left + Fe - pe || Ee.value > be.right + Fe + pe || je.value < be.top + De - pe || je.value > be.bottom + De + pe
@@ -2517,9 +2517,9 @@ var $n = (e, t = tn()) => {
     };
     let H;
     const K = (Z) => {
-      var De, gt;
-      const { triggerIsOutside: be, isOutside: pe } = bt(), Fe = tn();
-      !o.noninteractive && pe && be && Fe && !((De = d.value) != null && De.contains(Fe.activeElement)) && (!ge.value.focus || !((gt = x.value) != null && gt.contains(Fe.activeElement))) || o.noninteractive && be ? E(Z == null ? void 0 : Z.type) : (H && clearTimeout(H), H = setTimeout(() => {
+      var De, yt;
+      const { triggerIsOutside: be, isOutside: pe } = gt(), Fe = tn();
+      !o.noninteractive && pe && be && Fe && !((De = d.value) != null && De.contains(Fe.activeElement)) && (!ge.value.focus || !((yt = x.value) != null && yt.contains(Fe.activeElement))) || o.noninteractive && be ? E(Z == null ? void 0 : Z.type) : (H && clearTimeout(H), H = setTimeout(() => {
         K(Z);
       }, 50));
     };
@@ -2592,7 +2592,7 @@ var $n = (e, t = tn()) => {
         ref: "_placeholder",
         style: { display: "none" }
       }, null, 8, es),
-      M(Z.$slots, "target", at(lt(Se.value))),
+      S(Z.$slots, "target", at(lt(Se.value))),
       Y(rl, {
         to: c(o).teleportTo,
         disabled: !c(o).teleportTo || c(o).teleportDisabled
@@ -2616,10 +2616,10 @@ var $n = (e, t = tn()) => {
           }, [c(o).title || l.title ? (v(), g("div", {
             key: 0,
             class: O(["position-sticky top-0", [c(o).tooltip ? "tooltip-inner" : "popover-header", c(o).titleClass]])
-          }, [M(Z.$slots, "title", at(lt(Se.value)), () => [re(A(c(o).title), 1)])], 2)) : F("", !0), c(o).tooltip && !l.title && !c(o).title || !c(o).tooltip ? (v(), g("div", {
+          }, [S(Z.$slots, "title", at(lt(Se.value)), () => [re(A(c(o).title), 1)])], 2)) : F("", !0), c(o).tooltip && !l.title && !c(o).title || !c(o).tooltip ? (v(), g("div", {
             key: 1,
             class: O([c(o).tooltip ? "tooltip-inner" : "popover-body", c(o).bodyClass])
-          }, [M(Z.$slots, "default", at(lt(Se.value)), () => [re(A(c(o).body) + A(c(r).content), 1)])], 2)) : F("", !0)], 4)], 16, ts), [[Oa, c(T) && !i.value]])]),
+          }, [S(Z.$slots, "default", at(lt(Se.value)), () => [re(A(c(o).body) + A(c(r).content), 1)])], 2)) : F("", !0)], 4)], 16, ts), [[Oa, c(T) && !i.value]])]),
           _: 3
         }, 16, ["appear"])) : F("", !0)]),
         _: 3
@@ -2650,7 +2650,7 @@ var $n = (e, t = tn()) => {
     default:
       return t || "start";
   }
-}, So = (e) => e === "clippingAncestors" || e instanceof Element || Array.isArray(e), Cl = (e) => !So(e), ls = /* @__PURE__ */ S({
+}, So = (e) => e === "clippingAncestors" || e instanceof Element || Array.isArray(e), Cl = (e) => !So(e), ls = /* @__PURE__ */ M({
   __name: "BTooltip",
   props: /* @__PURE__ */ Q({
     interactive: {
@@ -2788,13 +2788,13 @@ var $n = (e, t = tn()) => {
     "toggle-prevented"
   ], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const o = Te(e, "BTooltip"), a = n, l = kt(), r = ae(e, "modelValue"), u = y(() => {
+    const o = Te(e, "BTooltip"), a = n, l = mt(), r = ae(e, "modelValue"), u = y(() => {
       const { interactive: i, noninteractive: d, ...f } = o;
       return {
         noninteractive: d !== void 0 ? d : !i,
         ...f
       };
-    }), s = ke("_popover");
+    }), s = xe("_popover");
     return t({
       hide: () => {
         var i;
@@ -2827,22 +2827,22 @@ var $n = (e, t = tn()) => {
     }), ft({ _: 2 }, [
       l.default ? {
         name: "default",
-        fn: D((f) => [M(i.$slots, "default", at(lt(f)))]),
+        fn: D((f) => [S(i.$slots, "default", at(lt(f)))]),
         key: "0"
       } : void 0,
       l.target ? {
         name: "target",
-        fn: D((f) => [M(i.$slots, "target", at(lt(f)))]),
+        fn: D((f) => [S(i.$slots, "target", at(lt(f)))]),
         key: "1"
       } : void 0,
       l.title ? {
         name: "title",
-        fn: D((f) => [M(i.$slots, "title", at(lt(f)))]),
+        fn: D((f) => [S(i.$slots, "title", at(lt(f)))]),
         key: "2"
       } : void 0
     ]), 1040, ["modelValue"]));
   }
-}), Mo = S({
+}), Mo = M({
   name: "ConditionalWrapper",
   inheritAttrs: !1,
   props: {
@@ -2862,7 +2862,7 @@ var $n = (e, t = tn()) => {
       return e.skip ? (o = t.default) == null ? void 0 : o.call(t, {}) : Ra(e.tag, { ...n }, [(a = t.default) == null ? void 0 : a.call(t, {})]);
     };
   }
-}), rs = /* @__PURE__ */ S({
+}), rs = /* @__PURE__ */ M({
   __name: "BBadge",
   props: {
     dotIndicator: {
@@ -2976,14 +2976,14 @@ var $n = (e, t = tn()) => {
         skip: c(t).dotIndicator !== !0,
         tag: "span"
       }, c(t).dotIndicator ? { class: "visually-hidden" } : {}), {
-        default: D(() => [M(s.$slots, "default")]),
+        default: D(() => [S(s.$slots, "default")]),
         _: 3
       }, 16, ["skip"])]),
       _: 3
     }, 16, ["class"]));
   }
 });
-const is = /* @__PURE__ */ S({
+const is = /* @__PURE__ */ M({
   __name: "ButtonIconCounter",
   props: {
     counter: { default: null },
@@ -2999,7 +2999,7 @@ const is = /* @__PURE__ */ S({
         pill: ""
       }, {
         default: D(() => [
-          M(t.$slots, "default", {}, () => [
+          S(t.$slots, "default", {}, () => [
             re(A(e.counter), 1)
           ])
         ]),
@@ -3007,7 +3007,7 @@ const is = /* @__PURE__ */ S({
       }, 8, ["variant"])) : F("", !0);
     };
   }
-}), ss = /* @__PURE__ */ S({
+}), ss = /* @__PURE__ */ M({
   __name: "AppIcon",
   props: {
     name: { default: void 0 },
@@ -3059,7 +3059,7 @@ const is = /* @__PURE__ */ S({
       onMouseenter: f[0] || (f[0] = (m) => n.value = !0),
       onMouseleave: f[1] || (f[1] = (m) => n.value = e.hover ?? !1)
     }, [
-      e.name ? (v(), V(Ce(e.name), { key: 0 })) : M(d.$slots, "default", {}, void 0, !0, 1)
+      e.name ? (v(), V(Ce(e.name), { key: 0 })) : S(d.$slots, "default", {}, void 0, !0, 1)
     ], 38));
   }
 }), z = (e, t) => {
@@ -3080,10 +3080,10 @@ function cs(e, t) {
     }, null, -1)
   ])]);
 }
-const ds = xe({ name: "ph-circle-notch", render: cs }), fs = {
+const ds = ke({ name: "ph-circle-notch", render: cs }), fs = {
   key: 1,
   class: "button-icon__label"
-}, vs = /* @__PURE__ */ S({
+}, vs = /* @__PURE__ */ M({
   __name: "ButtonIcon",
   props: {
     id: {},
@@ -3122,7 +3122,7 @@ const ds = xe({ name: "ph-circle-notch", render: cs }), fs = {
   emits: ["click:icon-right"],
   setup(e, { emit: t }) {
     let n = 0;
-    const o = Re("variant", "action"), a = Re("size", "md"), l = ke("element"), r = e, u = t;
+    const o = Re("variant", "action"), a = Re("size", "md"), l = xe("element"), r = e, u = t;
     function s(P) {
       u(`click:${P}`);
     }
@@ -3160,7 +3160,7 @@ const ds = xe({ name: "ph-circle-notch", render: cs }), fs = {
         onFocus: m
       }), {
         default: D(() => [
-          M(P.$slots, "start", {}, void 0, !0),
+          S(P.$slots, "start", {}, void 0, !0),
           e.iconLeft || !e.iconLeft && !e.iconRight && e.loading ? (v(), V(I, {
             key: 0,
             name: c(b),
@@ -3173,7 +3173,7 @@ const ds = xe({ name: "ph-circle-notch", render: cs }), fs = {
             class: "button-icon__icon-left"
           }, null, 8, ["name", "size", "spin", "spin-duration", "variant", "hover-variant", "hover"])) : F("", !0),
           e.hideLabel ? F("", !0) : (v(), g("span", fs, [
-            M(P.$slots, "default", at(lt({ labelOrLoadingText: c($) })), () => [
+            S(P.$slots, "default", at(lt({ labelOrLoadingText: c($) })), () => [
               re(A(c($)), 1)
             ], !0)
           ])),
@@ -3195,7 +3195,7 @@ const ds = xe({ name: "ph-circle-notch", render: cs }), fs = {
             variant: e.counterVariant,
             style: Be(e.counterStyle)
           }, null, 8, ["counter", "variant", "style"])) : F("", !0),
-          M(P.$slots, "end", {}, void 0, !0),
+          S(P.$slots, "end", {}, void 0, !0),
           c(C) && c(d) ? (v(), V(j, {
             key: 4,
             modelValue: c(f),
@@ -3225,7 +3225,7 @@ function ms(e, t) {
     }, null, -1)
   ])]);
 }
-const hs = xe({ name: "ph-copy", render: ms }), bs = {
+const hs = ke({ name: "ph-copy", render: ms }), bs = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -3238,7 +3238,7 @@ function gs(e, t) {
     }, null, -1)
   ])]);
 }
-const Bl = xe({ name: "ph-check", render: gs }), sb = /* @__PURE__ */ S({
+const Bl = ke({ name: "ph-check", render: gs }), db = /* @__PURE__ */ M({
   __name: "ActionCopyButton",
   props: {
     text: {},
@@ -3268,7 +3268,7 @@ const Bl = xe({ name: "ph-check", render: gs }), sb = /* @__PURE__ */ S({
       }, null, 8, ["icon-left", "label", "variant", "size"]);
     };
   }
-}), ys = /* @__PURE__ */ S({
+}), ys = /* @__PURE__ */ M({
   __name: "AppIconLayers",
   props: {
     size: { default: "md" }
@@ -3284,10 +3284,10 @@ const Bl = xe({ name: "ph-check", render: gs }), sb = /* @__PURE__ */ S({
       class: O(["app-icon-layers", c(a)]),
       style: Be(c(o))
     }, [
-      M(l.$slots, "default", {}, void 0, !0)
+      S(l.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), ub = /* @__PURE__ */ z(ys, [["__scopeId", "data-v-f5f17f04"]]), _s = {
+}), fb = /* @__PURE__ */ z(ys, [["__scopeId", "data-v-f5f17f04"]]), _s = {
   width: "0",
   height: "0",
   style: { position: "absolute" },
@@ -3295,7 +3295,7 @@ const Bl = xe({ name: "ph-check", render: gs }), sb = /* @__PURE__ */ S({
 }, ws = ["id"], ks = ["baseFrequency", "seed"], xs = {
   in: "na",
   result: "nm"
-}, $s = ["amplitude", "exponent"], cb = /* @__PURE__ */ S({
+}, $s = ["amplitude", "exponent"], vb = /* @__PURE__ */ M({
   __name: "StippleDefs",
   setup(e) {
     const t = [
@@ -3347,7 +3347,7 @@ const Bl = xe({ name: "ph-check", render: gs }), sb = /* @__PURE__ */ S({
   class: "bc-ring__stroke",
   "aria-hidden": "true",
   preserveAspectRatio: "none"
-}, Bs = ["stroke"], Ss = { class: "bc-ring__inner" }, Ms = /* @__PURE__ */ S({
+}, Bs = ["stroke"], Ss = { class: "bc-ring__inner" }, Ms = /* @__PURE__ */ M({
   __name: "BcRing",
   props: {
     tone: { default: "field" },
@@ -3410,11 +3410,11 @@ const Bl = xe({ name: "ph-check", render: gs }), sb = /* @__PURE__ */ S({
         }, null, 8, Bs)
       ])),
       p("div", Ss, [
-        M(a.$slots, "default", {}, void 0, !0)
+        S(a.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), db = /* @__PURE__ */ z(Ms, [["__scopeId", "data-v-0cc2eca8"]]);
+}), pb = /* @__PURE__ */ z(Ms, [["__scopeId", "data-v-0cc2eca8"]]);
 var Sl = (e, t) => y(() => {
   const n = fe(e), o = fe(t);
   return n === !0 ? "true" : typeof n == "string" ? n : o === !1 ? "true" : n === !1 ? "false" : void 0;
@@ -3425,7 +3425,7 @@ var Sl = (e, t) => y(() => {
   o,
   l.replace(n, ""),
   e[l]
-].filter((r) => r && typeof r != "boolean").join("-").toLowerCase()), a), []), Ml = /* @__PURE__ */ S({
+].filter((r) => r && typeof r != "boolean").join("-").toLowerCase()), a), []), Ml = /* @__PURE__ */ M({
   __name: "BCol",
   props: {
     alignSelf: { default: void 0 },
@@ -3541,7 +3541,7 @@ var Sl = (e, t) => y(() => {
       [`align-self-${t.alignSelf}`]: t.alignSelf !== void 0
     }]);
     return (a, l) => (v(), V(Ce(c(t).tag), { class: O(o.value) }, {
-      default: D(() => [M(a.$slots, "default")]),
+      default: D(() => [S(a.$slots, "default")]),
       _: 3
     }, 8, ["class"]));
   }
@@ -3572,7 +3572,7 @@ var Sl = (e, t) => y(() => {
     }
     return a;
   }) };
-}, Ts = /* @__PURE__ */ S({
+}, Ts = /* @__PURE__ */ M({
   __name: "BFormInvalidFeedback",
   props: {
     ariaLive: { default: void 0 },
@@ -3606,7 +3606,7 @@ var Sl = (e, t) => y(() => {
       "aria-atomic": c(t).ariaLive ? !0 : void 0,
       class: O(o.value)
     }, {
-      default: D(() => [M(a.$slots, "default", {}, () => [re(A(c(t).text), 1)])]),
+      default: D(() => [S(a.$slots, "default", {}, () => [re(A(c(t).text), 1)])]),
       _: 3
     }, 8, [
       "id",
@@ -3616,17 +3616,17 @@ var Sl = (e, t) => y(() => {
       "class"
     ]));
   }
-}), Ps = /* @__PURE__ */ S({
+}), Ps = /* @__PURE__ */ M({
   __name: "BFormRow",
   props: { tag: { default: "div" } },
   setup(e) {
     const t = Te(e, "BFormRow");
     return (n, o) => (v(), V(Ce(c(t).tag), { class: "row d-flex flex-wrap" }, {
-      default: D(() => [M(n.$slots, "default")]),
+      default: D(() => [S(n.$slots, "default")]),
       _: 3
     }));
   }
-}), Is = /* @__PURE__ */ S({
+}), Is = /* @__PURE__ */ M({
   __name: "BFormText",
   props: {
     id: { default: void 0 },
@@ -3644,11 +3644,11 @@ var Sl = (e, t) => y(() => {
       id: c(t).id,
       class: O(o.value)
     }, {
-      default: D(() => [M(a.$slots, "default", {}, () => [re(A(c(t).text), 1)])]),
+      default: D(() => [S(a.$slots, "default", {}, () => [re(A(c(t).text), 1)])]),
       _: 3
     }, 8, ["id", "class"]));
   }
-}), Fs = /* @__PURE__ */ S({
+}), Fs = /* @__PURE__ */ M({
   __name: "BFormValidFeedback",
   props: {
     ariaLive: { default: void 0 },
@@ -3682,7 +3682,7 @@ var Sl = (e, t) => y(() => {
       "aria-atomic": c(t).ariaLive ? !0 : void 0,
       class: O(o.value)
     }, {
-      default: D(() => [M(a.$slots, "default", {}, () => [re(A(c(t).text), 1)])]),
+      default: D(() => [S(a.$slots, "default", {}, () => [re(A(c(t).text), 1)])]),
       _: 3
     }, 8, [
       "id",
@@ -3692,7 +3692,7 @@ var Sl = (e, t) => y(() => {
       "class"
     ]));
   }
-}), ua = (e, t) => t + (e ? Er(e) : ""), jn = /* @__PURE__ */ S({
+}), ua = (e, t) => t + (e ? Er(e) : ""), jn = /* @__PURE__ */ M({
   __name: "BFormGroupContent",
   props: {
     invalidFeedback: {},
@@ -3706,7 +3706,7 @@ var Sl = (e, t) => y(() => {
     descriptionId: {}
   },
   setup(e) {
-    const t = kt(), n = y(() => !!t["invalid-feedback"]), o = y(() => !!t["valid-feedback"]), a = y(() => !!t.description);
+    const t = mt(), n = y(() => !!t["invalid-feedback"]), o = y(() => !!t["valid-feedback"]), a = y(() => !!t.description);
     return (l, r) => (v(), g(le, null, [
       n.value || e.invalidFeedback ? (v(), V(Ts, {
         key: 0,
@@ -3715,7 +3715,7 @@ var Sl = (e, t) => y(() => {
         state: e.state,
         tooltip: e.tooltip
       }, {
-        default: D(() => [M(l.$slots, "invalid-feedback", {}, () => [re(A(e.invalidFeedback), 1)])]),
+        default: D(() => [S(l.$slots, "invalid-feedback", {}, () => [re(A(e.invalidFeedback), 1)])]),
         _: 3
       }, 8, [
         "id",
@@ -3730,7 +3730,7 @@ var Sl = (e, t) => y(() => {
         state: e.state,
         tooltip: e.tooltip
       }, {
-        default: D(() => [M(l.$slots, "valid-feedback", {}, () => [re(A(e.validFeedback), 1)])]),
+        default: D(() => [S(l.$slots, "valid-feedback", {}, () => [re(A(e.validFeedback), 1)])]),
         _: 3
       }, 8, [
         "id",
@@ -3742,12 +3742,12 @@ var Sl = (e, t) => y(() => {
         key: 2,
         id: e.descriptionId
       }, {
-        default: D(() => [M(l.$slots, "description", {}, () => [re(A(e.description), 1)])]),
+        default: D(() => [S(l.$slots, "description", {}, () => [re(A(e.description), 1)])]),
         _: 3
       }, 8, ["id"])) : F("", !0)
     ], 64));
   }
-}), Gn = /* @__PURE__ */ S({
+}), Gn = /* @__PURE__ */ M({
   __name: "BFormGroupLabel",
   props: {
     label: {},
@@ -3771,7 +3771,7 @@ var Sl = (e, t) => y(() => {
       class: [e.labelAlignClasses, e.labelClasses],
       onClick: a[0] || (a[0] = (l) => e.isFieldset ? (r) => n("legendClick", r) : void 0)
     }), {
-      default: D(() => [M(o.$slots, "label", {}, () => [re(A(e.label), 1)])]),
+      default: D(() => [S(o.$slots, "label", {}, () => [re(A(e.label), 1)])]),
       _: 3
     }, 16, [
       "id",
@@ -3787,7 +3787,7 @@ var Sl = (e, t) => y(() => {
       class: O(e.labelClasses),
       onClick: a[1] || (a[1] = (l) => e.isFieldset ? (r) => n("legendClick", r) : void 0)
     }, {
-      default: D(() => [M(o.$slots, "label", {}, () => [re(A(e.label), 1)])]),
+      default: D(() => [S(o.$slots, "label", {}, () => [re(A(e.label), 1)])]),
       _: 3
     }, 8, [
       "id",
@@ -3805,7 +3805,7 @@ var Sl = (e, t) => y(() => {
   key: 0,
   ref: "_content",
   class: "form-floating"
-}, st = /* @__PURE__ */ S({
+}, st = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "BFormGroup",
   props: {
@@ -3937,7 +3937,7 @@ var Sl = (e, t) => y(() => {
       "input",
       "select",
       "textarea"
-    ], n = Te(e, "BFormGroup"), o = kt(), a = pt(() => n.state), { singleLabelTargetId: l } = Ls({
+    ], n = Te(e, "BFormGroup"), o = mt(), a = pt(() => n.state), { singleLabelTargetId: l } = Ls({
       state: a,
       disabled: pt(() => n.disabled)
     }), r = y(() => n.labelFor ?? l.value), u = [
@@ -3953,7 +3953,7 @@ var Sl = (e, t) => y(() => {
         q = Number.isNaN(ne) ? 0 : ne, q = q > 0 ? q : !1;
       }
       return q && (G === "xs" ? N[typeof q == "boolean" ? "col" : "cols"] = q : N[G || (typeof q == "boolean" ? "col" : "cols")] = q), N;
-    }, {}), i = ke("_content"), d = y(() => s(n, "content")), f = y(() => ((T, E) => u.reduce((N, G) => {
+    }, {}), i = xe("_content"), d = y(() => s(n, "content")), f = y(() => ((T, E) => u.reduce((N, G) => {
       const q = T[ua(G === "xs" ? "" : G, `${E}Align`)] || null;
       return q && (G === "xs" ? N.push(`text-${q}`) : N.push(`text-${G}-${q}`)), N;
     }, []))(n, "label")), m = y(() => s(n, "label")), _ = y(() => Object.keys(d.value).length > 0 || Object.keys(m.value).length > 0), k = Ao(a), x = Sl(() => n.ariaInvalid, a), b = (T) => {
@@ -4010,10 +4010,10 @@ var Sl = (e, t) => y(() => {
     }, T.$attrs, { class: [[c(k), { "was-validated": c(n).validated }], "b-form-group"] }), [_.value ? (v(), V(Ps, { key: 0 }, {
       default: D(() => [R.value ? (v(), V(Gn, me({ key: 0 }, j.value, { onLegendClick: b }), ft({ _: 2 }, [o.label ? {
         name: "label",
-        fn: D(() => [M(T.$slots, "label")]),
+        fn: D(() => [S(T.$slots, "label")]),
         key: "0"
       } : void 0]), 1040)) : F("", !0), Y(Ml, me(d.value, { ref: "_content" }), {
-        default: D(() => [M(T.$slots, "default", {
+        default: D(() => [S(T.$slots, "default", {
           id: c(h),
           ariaDescribedby: null,
           descriptionId: c(B),
@@ -4021,17 +4021,17 @@ var Sl = (e, t) => y(() => {
         }), Y(jn, at(lt(ee.value)), ft({ _: 2 }, [
           o["invalid-feedback"] ? {
             name: "invalid-feedback",
-            fn: D(() => [M(T.$slots, "invalid-feedback")]),
+            fn: D(() => [S(T.$slots, "invalid-feedback")]),
             key: "0"
           } : void 0,
           o["valid-feedback"] ? {
             name: "valid-feedback",
-            fn: D(() => [M(T.$slots, "valid-feedback")]),
+            fn: D(() => [S(T.$slots, "valid-feedback")]),
             key: "1"
           } : void 0,
           o.description ? {
             name: "description",
-            fn: D(() => [M(T.$slots, "description")]),
+            fn: D(() => [S(T.$slots, "description")]),
             key: "2"
           } : void 0
         ]), 1040)]),
@@ -4039,7 +4039,7 @@ var Sl = (e, t) => y(() => {
       }, 16)]),
       _: 3
     })) : (v(), g(le, { key: 1 }, [c(n).floating && !_.value ? (v(), g("div", Vs, [
-      M(T.$slots, "default", {
+      S(T.$slots, "default", {
         id: c(h),
         ariaDescribedby: null,
         descriptionId: c(B),
@@ -4047,33 +4047,33 @@ var Sl = (e, t) => y(() => {
       }),
       R.value ? (v(), V(Gn, me({ key: 0 }, j.value, { onLegendClick: b }), ft({ _: 2 }, [o.label ? {
         name: "label",
-        fn: D(() => [M(T.$slots, "label")]),
+        fn: D(() => [S(T.$slots, "label")]),
         key: "0"
       } : void 0]), 1040)) : F("", !0),
       Y(jn, at(lt(ee.value)), ft({ _: 2 }, [
         o["invalid-feedback"] ? {
           name: "invalid-feedback",
-          fn: D(() => [M(T.$slots, "invalid-feedback")]),
+          fn: D(() => [S(T.$slots, "invalid-feedback")]),
           key: "0"
         } : void 0,
         o["valid-feedback"] ? {
           name: "valid-feedback",
-          fn: D(() => [M(T.$slots, "valid-feedback")]),
+          fn: D(() => [S(T.$slots, "valid-feedback")]),
           key: "1"
         } : void 0,
         o.description ? {
           name: "description",
-          fn: D(() => [M(T.$slots, "description")]),
+          fn: D(() => [S(T.$slots, "description")]),
           key: "2"
         } : void 0
       ]), 1040)
     ], 512)) : (v(), g(le, { key: 1 }, [
       R.value ? (v(), V(Gn, me({ key: 0 }, j.value, { onLegendClick: b }), ft({ _: 2 }, [o.label ? {
         name: "label",
-        fn: D(() => [M(T.$slots, "label")]),
+        fn: D(() => [S(T.$slots, "label")]),
         key: "0"
       } : void 0]), 1040)) : F("", !0),
-      M(T.$slots, "default", {
+      S(T.$slots, "default", {
         id: c(h),
         ariaDescribedby: null,
         descriptionId: c(B),
@@ -4082,17 +4082,17 @@ var Sl = (e, t) => y(() => {
       Y(jn, at(lt(ee.value)), ft({ _: 2 }, [
         o["invalid-feedback"] ? {
           name: "invalid-feedback",
-          fn: D(() => [M(T.$slots, "invalid-feedback")]),
+          fn: D(() => [S(T.$slots, "invalid-feedback")]),
           key: "0"
         } : void 0,
         o["valid-feedback"] ? {
           name: "valid-feedback",
-          fn: D(() => [M(T.$slots, "valid-feedback")]),
+          fn: D(() => [S(T.$slots, "valid-feedback")]),
           key: "1"
         } : void 0,
         o.description ? {
           name: "description",
-          fn: D(() => [M(T.$slots, "description")]),
+          fn: D(() => [S(T.$slots, "description")]),
           key: "2"
         } : void 0
       ]), 1040)
@@ -4134,7 +4134,7 @@ var Sl = (e, t) => y(() => {
   "true-value",
   "false-value",
   "indeterminate"
-], Ns = ["for"], Al = /* @__PURE__ */ S({
+], Ns = ["for"], Al = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "BFormCheckbox",
   props: /* @__PURE__ */ Q({
@@ -4234,13 +4234,13 @@ var Sl = (e, t) => y(() => {
   emits: ["update:modelValue", "update:indeterminate"],
   setup(e, { expose: t }) {
     var T;
-    const n = Te(e, "BFormCheckbox"), o = kt(), a = Yt(), l = ae(e, "modelValue"), r = ae(e, "indeterminate"), u = y(() => {
+    const n = Te(e, "BFormCheckbox"), o = mt(), a = Yt(), l = ae(e, "modelValue"), r = ae(e, "indeterminate"), u = y(() => {
       const { class: E, ...N } = a;
       return {
         wrapperClass: E,
         inputAttrs: N
       };
-    }), s = vt(() => n.id, "form-check"), i = Re(_r, null), d = ke("_input"), { focused: f } = tl(d, { initialValue: n.autofocus }), m = y(() => !ol(o.default)), _ = {
+    }), s = vt(() => n.id, "form-check"), i = Re(_r, null), d = xe("_input"), { focused: f } = tl(d, { initialValue: n.autofocus }), m = y(() => !ol(o.default)), _ = {
       plain: !1,
       button: !1,
       inline: !1,
@@ -4307,13 +4307,13 @@ var Sl = (e, t) => y(() => {
           key: 0,
           for: c(s),
           class: O(c(ee))
-        }, [M(E.$slots, "default")], 10, Ns)) : F("", !0)];
+        }, [S(E.$slots, "default")], 10, Ns)) : F("", !0)];
       }),
       _: 3
     }, 16, ["skip", "class"]));
   }
 });
-const fb = /* @__PURE__ */ S({
+const mb = /* @__PURE__ */ M({
   __name: "FormControlCheckbox",
   props: /* @__PURE__ */ Q({
     label: {}
@@ -4335,13 +4335,13 @@ const fb = /* @__PURE__ */ S({
             "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r)
           }, {
             default: D(() => [
-              M(n.$slots, "default", {}, () => [
+              S(n.$slots, "default", {}, () => [
                 re(A(e.label), 1)
               ])
             ]),
             _: 3
           }, 8, ["model-value"]),
-          t.value ? M(n.$slots, "section", {}, void 0, void 0, 0) : F("", !0)
+          t.value ? S(n.$slots, "section", {}, void 0, void 0, 0) : F("", !0)
         ]),
         _: 3
       });
@@ -5132,7 +5132,7 @@ const Fl = (e, t = 20) => {
       Date.now() - a >= t && (e(...l), a = Date.now());
     }, Math.max(t - (Date.now() - a), 0))) : (e(...l), a = Date.now(), n = !0);
   };
-}, pu = ["aria-valuetext"], mu = /* @__PURE__ */ S({
+}, pu = ["aria-valuetext"], mu = /* @__PURE__ */ M({
   __name: "SaturationSlider",
   props: {
     hue: {},
@@ -5244,7 +5244,7 @@ const Fl = (e, t = 20) => {
 }, hu = /* @__PURE__ */ qt(mu, [["__scopeId", "data-v-4d048d6e"]]), so = (e) => typeof e < "u", bu = { class: "vc-base-slider" }, gu = {
   key: 0,
   class: "background"
-}, yu = ["aria-label", "aria-valuemax", "aria-valuenow"], _u = /* @__PURE__ */ S({
+}, yu = ["aria-label", "aria-valuemax", "aria-valuenow"], _u = /* @__PURE__ */ M({
   __name: "BaseSlider",
   props: {
     direction: { default: "horizontal" },
@@ -5317,7 +5317,7 @@ const Fl = (e, t = 20) => {
       m();
     }), (k, x) => (v(), g("div", bu, [
       k.$slots.background ? (v(), g("div", gu, [
-        M(k.$slots, "background", {}, void 0, !0)
+        S(k.$slots, "background", {}, void 0, !0)
       ])) : F("", !0),
       p("div", {
         class: O({
@@ -5345,14 +5345,14 @@ const Fl = (e, t = 20) => {
           }),
           role: "presentation"
         }, [
-          M(k.$slots, "picker", {}, () => [
+          S(k.$slots, "picker", {}, () => [
             x[0] || (x[0] = p("div", { class: "picker" }, null, -1))
           ], !0)
         ], 4)
       ], 42, yu)
     ]));
   }
-}), wu = /* @__PURE__ */ qt(_u, [["__scopeId", "data-v-972b0fad"]]), ku = /* @__PURE__ */ S({
+}), wu = /* @__PURE__ */ qt(_u, [["__scopeId", "data-v-972b0fad"]]), ku = /* @__PURE__ */ M({
   __name: "HueSlider",
   props: {
     direction: { default: "horizontal" },
@@ -5390,7 +5390,7 @@ const Fl = (e, t = 20) => {
         p("div", { class: "gradient" }, null, -1)
       ])),
       picker: D(() => [
-        M(d.$slots, "default", {}, void 0, !0)
+        S(d.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["modelValue", "direction"]));
@@ -5399,7 +5399,7 @@ const Fl = (e, t = 20) => {
   key: 0,
   class: "vc-input-desc",
   "aria-hidden": "true"
-}, Bu = /* @__PURE__ */ S({
+}, Bu = /* @__PURE__ */ M({
   __name: "EditableInput",
   props: {
     value: {},
@@ -5459,7 +5459,7 @@ const Fl = (e, t = 20) => {
       f.desc ? (v(), g("span", Cu, A(f.desc), 1)) : F("", !0)
     ]));
   }
-}), Bt = /* @__PURE__ */ qt(Bu, [["__scopeId", "data-v-9c267b2b"]]), ba = (e) => U(e).isValid(), Vl = /* @__PURE__ */ S({
+}), Bt = /* @__PURE__ */ qt(Bu, [["__scopeId", "data-v-9c267b2b"]]), ba = (e) => U(e).isValid(), Vl = /* @__PURE__ */ M({
   __name: "HexInput",
   props: {
     value: {},
@@ -5551,7 +5551,7 @@ const Uu = {
   "#EB144C",
   "#F78DA7",
   "#9900EF"
-], qu = /* @__PURE__ */ S({
+], qu = /* @__PURE__ */ M({
   __name: "TwitterPicker",
   props: {
     width: { default: 276 },
@@ -5610,7 +5610,7 @@ const Uu = {
       ])
     ], 6));
   }
-}), ju = /* @__PURE__ */ qt(qu, [["__scopeId", "data-v-e74ac697"]]), Gu = /* @__PURE__ */ S({
+}), ju = /* @__PURE__ */ qt(qu, [["__scopeId", "data-v-e74ac697"]]), Gu = /* @__PURE__ */ M({
   __name: "HueSlider",
   props: {
     modelValue: {},
@@ -5629,7 +5629,7 @@ const Uu = {
       "onUpdate:modelValue": l
     }), null, 16, ["modelValue"]));
   }
-}), Xu = /* @__PURE__ */ qt(Gu, [["__scopeId", "data-v-b3ac1ab2"]]), Rl = /* @__PURE__ */ S({
+}), Xu = /* @__PURE__ */ qt(Gu, [["__scopeId", "data-v-b3ac1ab2"]]), Rl = /* @__PURE__ */ M({
   __name: "FormControlColorInputPopover",
   props: /* @__PURE__ */ Q({
     target: {},
@@ -5642,7 +5642,7 @@ const Uu = {
   }),
   emits: ["update:modelValue", "update:open"],
   setup(e) {
-    const t = ae(e, "modelValue"), n = e, o = ae(e, "open"), a = ke("contentRef");
+    const t = ae(e, "modelValue"), n = e, o = ae(e, "open"), a = xe("contentRef");
     pr(a, () => {
       n.manual && (o.value = !1);
     }, {
@@ -5686,7 +5686,7 @@ const Uu = {
       _: 1
     }, 8, ["modelValue", "target", "click", "manual"]));
   }
-}), ga = (e) => /^#[0-9a-f]{6}$/i.test(e), Ku = { class: "form-control-color-input__wrapper" }, Zu = ["id", "value"], Qu = /* @__PURE__ */ S({
+}), ga = (e) => /^#[0-9a-f]{6}$/i.test(e), Ku = { class: "form-control-color-input__wrapper" }, Zu = ["id", "value"], Qu = /* @__PURE__ */ M({
   __name: "FormControlColorInput",
   props: /* @__PURE__ */ Q({
     label: {},
@@ -5697,7 +5697,7 @@ const Uu = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ae(e, "modelValue"), n = ke("swatchRef");
+    const t = ae(e, "modelValue"), n = xe("swatchRef");
     function o(l) {
       const r = l.target.value.trim();
       ga(r) && (t.value = r);
@@ -5740,7 +5740,7 @@ const Uu = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), vb = /* @__PURE__ */ z(Qu, [["__scopeId", "data-v-b2691561"]]), Ju = ["data-d", "title"], ec = /* @__PURE__ */ S({
+}), hb = /* @__PURE__ */ z(Qu, [["__scopeId", "data-v-b2691561"]]), Ju = ["data-d", "title"], ec = /* @__PURE__ */ M({
   __name: "FormControlDirectionPickerHandle",
   props: {
     pos: {},
@@ -5759,7 +5759,7 @@ const Uu = {
       onClick: a[0] || (a[0] = Et((l) => o.$emit("select"), ["stop", "prevent"]))
     }, null, 10, Ju));
   }
-}), tc = /* @__PURE__ */ z(ec, [["__scopeId", "data-v-8759d6f9"]]), nc = { class: "direction-picker-field" }, oc = /* @__PURE__ */ S({
+}), tc = /* @__PURE__ */ z(ec, [["__scopeId", "data-v-8759d6f9"]]), nc = { class: "direction-picker-field" }, oc = /* @__PURE__ */ M({
   __name: "FormControlDirectionPickerField",
   props: {
     x: {},
@@ -5785,7 +5785,7 @@ const Uu = {
       }, null, 4)
     ]));
   }
-}), ac = /* @__PURE__ */ z(oc, [["__scopeId", "data-v-d76663c3"]]), lc = /* @__PURE__ */ S({
+}), ac = /* @__PURE__ */ z(oc, [["__scopeId", "data-v-d76663c3"]]), lc = /* @__PURE__ */ M({
   __name: "FormControlDirectionPicker",
   props: /* @__PURE__ */ Q({
     label: {},
@@ -5835,7 +5835,7 @@ const Uu = {
       }, 8, ["label"]);
     };
   }
-}), pb = /* @__PURE__ */ z(lc, [["__scopeId", "data-v-061e1227"]]), rc = /* @__PURE__ */ S({
+}), bb = /* @__PURE__ */ z(lc, [["__scopeId", "data-v-061e1227"]]), rc = /* @__PURE__ */ M({
   __name: "DisplayColorSwatch",
   props: {
     color: {},
@@ -5865,7 +5865,7 @@ function sc(e, t) {
     }, null, -1)
   ])]);
 }
-const uc = xe({ name: "ph-plus", render: sc }), cc = /* @__PURE__ */ S({
+const uc = ke({ name: "ph-plus", render: sc }), cc = /* @__PURE__ */ M({
   __name: "ButtonAdd",
   props: {
     label: { default: "Add" },
@@ -5883,13 +5883,13 @@ const uc = xe({ name: "ph-plus", render: sc }), cc = /* @__PURE__ */ S({
         onClick: n[0] || (n[0] = (a) => t.$emit("click"))
       }, {
         default: D(() => [
-          M(t.$slots, "default", {}, void 0, !0)
+          S(t.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["icon-left", "label", "class"]);
     };
   }
-}), Ol = /* @__PURE__ */ z(cc, [["__scopeId", "data-v-f4d68b46"]]), dc = { class: "d-flex flex-wrap gap-1" }, fc = ["onClick"], vc = { class: "form-control-colors-input__tag__hex" }, pc = ["aria-label", "disabled", "onClick"], mc = /* @__PURE__ */ S({
+}), Ol = /* @__PURE__ */ z(cc, [["__scopeId", "data-v-f4d68b46"]]), dc = { class: "d-flex flex-wrap gap-1" }, fc = ["onClick"], vc = { class: "form-control-colors-input__tag__hex" }, pc = ["aria-label", "disabled", "onClick"], mc = /* @__PURE__ */ M({
   __name: "FormControlColorsInput",
   props: /* @__PURE__ */ Q({
     label: {},
@@ -5902,7 +5902,7 @@ const uc = xe({ name: "ph-plus", render: sc }), cc = /* @__PURE__ */ S({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ae(e, "modelValue"), n = e, o = y(() => n.min !== void 0 && t.value.length <= n.min), a = y(() => n.max !== void 0 && t.value.length >= n.max), l = ke("addBtnRef"), r = Ae("#4e79a7"), u = Ae(-1), s = ue(null), i = Ae(!1);
+    const t = ae(e, "modelValue"), n = e, o = y(() => n.min !== void 0 && t.value.length <= n.min), a = y(() => n.max !== void 0 && t.value.length >= n.max), l = xe("addBtnRef"), r = Ae("#4e79a7"), u = Ae(-1), s = ue(null), i = Ae(!1);
     function d(k, x) {
       u.value = k, r.value = t.value[k], s.value = x.currentTarget, i.value = !0;
     }
@@ -5975,12 +5975,12 @@ const uc = xe({ name: "ph-plus", render: sc }), cc = /* @__PURE__ */ S({
       }, 8, ["label", "label-for"]);
     };
   }
-}), mb = /* @__PURE__ */ z(mc, [["__scopeId", "data-v-10e0468f"]]);
+}), gb = /* @__PURE__ */ z(mc, [["__scopeId", "data-v-10e0468f"]]);
 var hc = { class: "visually-hidden" }, bc = [
   "id",
   "aria-labelledby",
   "role"
-], Fo = /* @__PURE__ */ S({
+], Fo = /* @__PURE__ */ M({
   __name: "BDropdown",
   props: /* @__PURE__ */ Q({
     ariaLabel: { default: void 0 },
@@ -6099,7 +6099,7 @@ var hc = { class: "visually-hidden" }, bc = [
     "toggle-prevented"
   ], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const o = Te(e, "BDropdown"), a = n, l = vt(() => o.id, "dropdown"), r = ae(e, "modelValue"), u = Re(Ka, !1), s = Re(Za, !1), i = /* @__PURE__ */ yn(y(() => typeof o.offset == "string" || typeof o.offset == "number" ? o.offset : NaN)), d = ke("_floating"), f = ke("_button"), m = ke("_splitButton"), _ = y(() => So(o.boundary) ? o.boundary : void 0), k = y(() => Cl(o.boundary) ? o.boundary : void 0), x = y(() => o.split ? f.value : m.value);
+    const o = Te(e, "BDropdown"), a = n, l = vt(() => o.id, "dropdown"), r = ae(e, "modelValue"), u = Re(Ka, !1), s = Re(Za, !1), i = /* @__PURE__ */ yn(y(() => typeof o.offset == "string" || typeof o.offset == "number" ? o.offset : NaN)), d = xe("_floating"), f = xe("_button"), m = xe("_splitButton"), _ = y(() => So(o.boundary) ? o.boundary : void 0), k = y(() => Cl(o.boundary) ? o.boundary : void 0), x = y(() => o.split ? f.value : m.value);
     let b;
     const { showRef: h, renderRef: $, hide: w, show: C, toggle: W, computedNoAnimation: P, transitionProps: B, contentShowing: I, isVisible: R, isActive: j } = ll(r, o, a, x, l, {
       showFn: () => {
@@ -6125,8 +6125,8 @@ var hc = { class: "visually-hidden" }, bc = [
       passive: !0
     });
     const T = (te, Oe) => {
-      var Ee, je, bt, H, K, J, L;
-      if ((je = d.value) != null && je.contains((Ee = te.target) == null ? void 0 : Ee.closest("form")) || /input|select|option|textarea|form/i.test((bt = te.target) == null ? void 0 : bt.tagName)) return;
+      var Ee, je, gt, H, K, J, L;
+      if ((je = d.value) != null && je.contains((Ee = te.target) == null ? void 0 : Ee.closest("form")) || /input|select|option|textarea|form/i.test((gt = te.target) == null ? void 0 : gt.tagName)) return;
       if (te.preventDefault(), !h.value) {
         C();
         const ge = setInterval(() => {
@@ -6236,7 +6236,7 @@ var hc = { class: "visually-hidden" }, bc = [
             icon: c(o).icon,
             to: c(o).split && c(o).splitTo ? c(o).splitTo : void 0
           }, c(o).split ? void 0 : c(o).toggleAttrs, { onClick: he }), {
-            default: D(() => [M(te.$slots, "button-content", {}, () => [re(A(c(o).text), 1)])]),
+            default: D(() => [S(te.$slots, "button-content", {}, () => [re(A(c(o).text), 1)])]),
             _: 3
           }, 16, [
             "id",
@@ -6263,7 +6263,7 @@ var hc = { class: "visually-hidden" }, bc = [
             "aria-expanded": c(h),
             "aria-haspopup": "menu"
           }, c(o).toggleAttrs, { onClick: ve }), {
-            default: D(() => [p("span", hc, [M(te.$slots, "toggle-text", {}, () => [re(A(c(o).toggleText), 1)])])]),
+            default: D(() => [p("span", hc, [S(te.$slots, "toggle-text", {}, () => [re(A(c(o).toggleText), 1)])])]),
             _: 3
           }, 16, [
             "id",
@@ -6290,7 +6290,7 @@ var hc = { class: "visually-hidden" }, bc = [
                 "aria-labelledby": c(l),
                 role: c(o).role,
                 onClick: We
-              }, [c(I) ? M(te.$slots, "default", {
+              }, [c(I) ? S(te.$slots, "default", {
                 key: 0,
                 id: c(l),
                 hide: c(w),
@@ -6313,7 +6313,7 @@ var hc = { class: "visually-hidden" }, bc = [
       ]);
     };
   }
-}), gc = /* @__PURE__ */ S({
+}), gc = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "BDropdownHeader",
   props: {
@@ -6335,11 +6335,11 @@ var hc = { class: "visually-hidden" }, bc = [
       role: "presentation",
       class: o.value.wrapperClass
     }, e.wrapperAttrs), [(v(), V(Ce(c(t).tag), me({ class: ["dropdown-header", [c(a), c(t).headerClass]] }, o.value.headerAttrs), {
-      default: D(() => [M(l.$slots, "default", {}, () => [re(A(c(t).text), 1)])]),
+      default: D(() => [S(l.$slots, "default", {}, () => [re(A(c(t).text), 1)])]),
       _: 3
     }, 16, ["class"]))], 16));
   }
-}), yc = /* @__PURE__ */ S({
+}), yc = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "BDropdownItem",
   props: {
@@ -6422,7 +6422,7 @@ var hc = { class: "visually-hidden" }, bc = [
       ...c(u),
       ...l.value.dropdownItemAttrs
     }, { onClick: k }), {
-      default: D(() => [M(x.$slots, "default")]),
+      default: D(() => [S(x.$slots, "default")]),
       _: 3
     }, 16, [
       "class",
@@ -6435,7 +6435,7 @@ var hc = { class: "visually-hidden" }, bc = [
       "target"
     ]))], 16));
   }
-}), _c = ["disabled"], El = /* @__PURE__ */ S({
+}), _c = ["disabled"], El = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "BDropdownItemButton",
   props: {
@@ -6482,13 +6482,13 @@ var hc = { class: "visually-hidden" }, bc = [
       type: "button",
       class: ["dropdown-item", u.value],
       disabled: c(n).disabled
-    }, l.value.buttonAttrs, { onClick: s }), [M(i.$slots, "default")], 16, _c)], 16));
+    }, l.value.buttonAttrs, { onClick: s }), [S(i.$slots, "default")], 16, _c)], 16));
   }
 });
 const wc = { class: "form-control-dropdown-item__content" }, kc = { class: "form-control-dropdown-item__content__text" }, xc = {
   key: 1,
   class: "form-control-dropdown-item__content__visual"
-}, $c = ["src"], Cc = /* @__PURE__ */ S({
+}, $c = ["src"], Cc = /* @__PURE__ */ M({
   __name: "FormControlDropdownItem",
   props: {
     label: {},
@@ -6549,7 +6549,7 @@ const wc = { class: "form-control-dropdown-item__content" }, kc = { class: "form
 }), Bc = /* @__PURE__ */ z(Cc, [["__scopeId", "data-v-476a12f2"]]), Sc = {
   key: 0,
   class: "form-control-dropdown__toggle__content"
-}, Mc = /* @__PURE__ */ S({
+}, Mc = /* @__PURE__ */ M({
   __name: "FormControlDropdown",
   props: /* @__PURE__ */ Q({
     label: { default: void 0 },
@@ -6571,7 +6571,7 @@ const wc = { class: "form-control-dropdown-item__content" }, kc = { class: "form
   setup(e) {
     const t = ae(e, "modelValue"), n = e, { entries: o } = rn(za), a = y(() => n.size === "md" ? void 0 : n.size), l = y(
       () => o.value.length > 0 ? o.value : n.options
-    ), r = ke("elementRef"), u = mr(r), s = ke("dropdownRef");
+    ), r = xe("elementRef"), u = mr(r), s = xe("dropdownRef");
     function i() {
       var b, h;
       const { id: k = null } = ((h = (b = s.value) == null ? void 0 : b.$el) == null ? void 0 : h.querySelector(".dropdown-toggle")) ?? {};
@@ -6605,7 +6605,7 @@ const wc = { class: "form-control-dropdown-item__content" }, kc = { class: "form
         default: D(() => {
           var w;
           return [
-            M(k.$slots, "default", {}, void 0, !0),
+            S(k.$slots, "default", {}, void 0, !0),
             Y(h, {
               ref_key: "dropdownRef",
               ref: s,
@@ -6621,7 +6621,7 @@ const wc = { class: "form-control-dropdown-item__content" }, kc = { class: "form
               onShown: i
             }, {
               "button-content": D(() => [
-                M(k.$slots, "button-content", {}, () => {
+                S(k.$slots, "button-content", {}, () => {
                   var C, W;
                   return [
                     (C = c(m)) != null && C.icon ? (v(), g("span", Sc, [
@@ -6634,7 +6634,7 @@ const wc = { class: "form-control-dropdown-item__content" }, kc = { class: "form
                 }, !0)
               ]),
               default: D(() => [
-                M(k.$slots, "menu", {
+                S(k.$slots, "menu", {
                   hide: () => {
                     var C;
                     return (C = c(s)) == null ? void 0 : C.hide();
@@ -6660,7 +6660,7 @@ const wc = { class: "form-control-dropdown-item__content" }, kc = { class: "form
       }, 8, ["class", "label", "label-for", "size"]);
     };
   }
-}), Hn = /* @__PURE__ */ z(Mc, [["__scopeId", "data-v-739b7510"]]), Ac = { class: "form-control-button-group__container__buttons__visual bg-body rounded-1" }, Lc = ["src"], Tc = /* @__PURE__ */ S({
+}), Hn = /* @__PURE__ */ z(Mc, [["__scopeId", "data-v-739b7510"]]), Ac = { class: "form-control-button-group__container__buttons__visual bg-body rounded-1" }, Lc = ["src"], Tc = /* @__PURE__ */ M({
   __name: "FormControlButtonGroup",
   props: /* @__PURE__ */ Q({
     label: {},
@@ -6674,7 +6674,7 @@ const wc = { class: "form-control-dropdown-item__content" }, kc = { class: "form
   setup(e) {
     const t = ae(e, "modelValue"), n = e, { entries: o } = rn(Na), a = y(
       () => o.value.length > 0 ? o.value : n.options
-    ), l = ke("containerRef"), r = Ae(!1), u = y(() => ({
+    ), l = xe("containerRef"), r = Ae(!1), u = y(() => ({
       "form-control-button-group__container--block": n.block,
       "form-control-button-group__container--collapsed": r.value
     })), s = y(() => ({
@@ -6760,14 +6760,14 @@ const wc = { class: "form-control-dropdown-item__content" }, kc = { class: "form
               _: 1
             }, 8, ["class"])
           ], 2),
-          M(m.$slots, "default", {}, void 0, !0),
-          M(m.$slots, `section:${t.value}`, {}, void 0, !0)
+          S(m.$slots, "default", {}, void 0, !0),
+          S(m.$slots, `section:${t.value}`, {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["label"]);
     };
   }
-}), hb = /* @__PURE__ */ z(Tc, [["__scopeId", "data-v-616a6504"]]), bb = /* @__PURE__ */ S({
+}), yb = /* @__PURE__ */ z(Tc, [["__scopeId", "data-v-616a6504"]]), _b = /* @__PURE__ */ M({
   __name: "FormControlButtonGroupEntry",
   props: {
     value: {},
@@ -6778,7 +6778,7 @@ const wc = { class: "form-control-dropdown-item__content" }, kc = { class: "form
     icon: {}
   },
   setup(e) {
-    const t = e, n = kt(), o = n["icon-left"] ? xe(S({ render: () => n["icon-left"]() })) : void 0;
+    const t = e, n = mt(), o = n["icon-left"] ? ke(M({ render: () => n["icon-left"]() })) : void 0;
     return sn(Na, () => ({
       value: t.value,
       text: t.text,
@@ -6786,7 +6786,7 @@ const wc = { class: "form-control-dropdown-item__content" }, kc = { class: "form
       description: t.description,
       visual: t.visual,
       icon: t.icon
-    })), (a, l) => M(a.$slots, "default");
+    })), (a, l) => S(a.$slots, "default");
   }
 });
 function Pc(e, t) {
@@ -6904,7 +6904,7 @@ var Dc = (e, t) => {
   "list",
   "aria-required",
   "aria-invalid"
-], Do = /* @__PURE__ */ S({
+], Do = /* @__PURE__ */ M({
   __name: "BFormInput",
   props: /* @__PURE__ */ Q({
     max: { default: void 0 },
@@ -6962,7 +6962,7 @@ var Dc = (e, t) => {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = Te(e, "BFormInput"), [o, a] = ae(e, "modelValue", { set: (h) => Dc(h, a) }), l = ke("_input"), r = Re(Ka, !1), { computedId: u, computedAriaInvalid: s, onInput: i, onChange: d, onBlur: f, stateClass: m, focus: _, blur: k, isDisabled: x } = Vc(n, l, o, a), b = y(() => {
+    const n = Te(e, "BFormInput"), [o, a] = ae(e, "modelValue", { set: (h) => Dc(h, a) }), l = xe("_input"), r = Re(Ka, !1), { computedId: u, computedAriaInvalid: s, onInput: i, onChange: d, onBlur: f, stateClass: m, focus: _, blur: k, isDisabled: x } = Vc(n, l, o, a), b = y(() => {
       const h = n.type === "range", $ = n.type === "color";
       return [m.value, {
         "form-range": h,
@@ -7005,7 +7005,7 @@ var Dc = (e, t) => {
 const Oc = { class: "form-control-slider-input__row" }, Ec = {
   key: 0,
   class: "form-control-slider-input__row__suffix"
-}, Hc = /* @__PURE__ */ S({
+}, Hc = /* @__PURE__ */ M({
   __name: "FormControlSliderInput",
   props: /* @__PURE__ */ Q({
     label: {},
@@ -7046,7 +7046,7 @@ const Oc = { class: "form-control-slider-input__row" }, Ec = {
               size: "sm",
               "onUpdate:modelValue": o[1] || (o[1] = (r) => t.value = String(r))
             }, null, 8, ["model-value"]),
-            M(n.$slots, "suffix", {}, () => [
+            S(n.$slots, "suffix", {}, () => [
               e.suffix ? (v(), g("small", Ec, A(e.suffix), 1)) : F("", !0)
             ], !0)
           ])
@@ -7055,7 +7055,7 @@ const Oc = { class: "form-control-slider-input__row" }, Ec = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), gb = /* @__PURE__ */ z(Hc, [["__scopeId", "data-v-7277a268"]]), Nc = { class: "form-control-units-input__row" }, zc = { class: "form-control-units-input__row__group" }, Uc = /* @__PURE__ */ S({
+}), wb = /* @__PURE__ */ z(Hc, [["__scopeId", "data-v-7277a268"]]), Nc = { class: "form-control-units-input__row" }, zc = { class: "form-control-units-input__row__group" }, Uc = /* @__PURE__ */ M({
   __name: "FormControlUnitsInput",
   props: /* @__PURE__ */ Q({
     label: {},
@@ -7141,7 +7141,7 @@ const Oc = { class: "form-control-slider-input__row" }, Ec = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), yb = /* @__PURE__ */ z(Uc, [["__scopeId", "data-v-28a7083b"]]), _b = /* @__PURE__ */ S({
+}), kb = /* @__PURE__ */ z(Uc, [["__scopeId", "data-v-28a7083b"]]), xb = /* @__PURE__ */ M({
   __name: "FormControlDropdownEntry",
   props: {
     value: {},
@@ -7151,19 +7151,19 @@ const Oc = { class: "form-control-slider-input__row" }, Ec = {
     icon: {}
   },
   setup(e) {
-    const t = e, n = kt(), o = n.icon ? xe(S({ render: () => n.icon() })) : void 0;
+    const t = e, n = mt(), o = n.icon ? ke(M({ render: () => n.icon() })) : void 0;
     return sn(za, () => ({
       value: t.value,
       label: t.label,
       description: t.description,
       visual: t.visual,
       icon: t.icon ?? o
-    })), (a, l) => M(a.$slots, "default");
+    })), (a, l) => S(a.$slots, "default");
   }
 }), Yc = { class: "form-control-text-input__row" }, Wc = {
   key: 0,
   class: "form-control-text-input__row__suffix"
-}, qc = /* @__PURE__ */ S({
+}, qc = /* @__PURE__ */ M({
   __name: "FormControlTextInput",
   props: /* @__PURE__ */ Q({
     label: {},
@@ -7200,7 +7200,7 @@ const Oc = { class: "form-control-slider-input__row" }, Ec = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), wb = /* @__PURE__ */ z(qc, [["__scopeId", "data-v-1748b9a2"]]), jc = { class: "display-palette" }, Gc = /* @__PURE__ */ S({
+}), $b = /* @__PURE__ */ z(qc, [["__scopeId", "data-v-1748b9a2"]]), jc = { class: "display-palette" }, Gc = /* @__PURE__ */ M({
   __name: "DisplayPalette",
   props: {
     colors: {},
@@ -7219,7 +7219,7 @@ const Oc = { class: "form-control-slider-input__row" }, Ec = {
       ]);
     };
   }
-}), Xc = /* @__PURE__ */ z(Gc, [["__scopeId", "data-v-41679dbd"]]), Kc = { class: "form-control-palette__preview pe-1" }, Zc = { class: "form-control-palette__preview__name flex-grow-1" }, Qc = { class: "form-control-palette__item" }, Jc = { class: "flex-grow-1" }, ed = /* @__PURE__ */ S({
+}), Xc = /* @__PURE__ */ z(Gc, [["__scopeId", "data-v-41679dbd"]]), Kc = { class: "form-control-palette__preview pe-1" }, Zc = { class: "form-control-palette__preview__name flex-grow-1" }, Qc = { class: "form-control-palette__item" }, Jc = { class: "flex-grow-1" }, ed = /* @__PURE__ */ M({
   __name: "FormControlPalette",
   props: /* @__PURE__ */ Q({
     label: { default: void 0 },
@@ -7237,7 +7237,7 @@ const Oc = { class: "form-control-slider-input__row" }, Ec = {
       var k;
       const { group: m } = d, _ = (k = a.value[f - 1]) == null ? void 0 : k.group;
       return { ...d, group: m, header: !!m && m !== _ };
-    })), r = ke("dropdownRef");
+    })), r = xe("dropdownRef");
     function u() {
       var _;
       const d = (_ = r.value) == null ? void 0 : _.$el;
@@ -7264,7 +7264,7 @@ const Oc = { class: "form-control-slider-input__row" }, Ec = {
         "label-for": e.id
       }, {
         default: D(() => [
-          M(d.$slots, "default", {}, void 0, !0),
+          S(d.$slots, "default", {}, void 0, !0),
           Y(x, {
             ref_key: "dropdownRef",
             ref: r,
@@ -7322,7 +7322,7 @@ const Oc = { class: "form-control-slider-input__row" }, Ec = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), kb = /* @__PURE__ */ z(ed, [["__scopeId", "data-v-73b4dca1"]]), xb = /* @__PURE__ */ S({
+}), Cb = /* @__PURE__ */ z(ed, [["__scopeId", "data-v-73b4dca1"]]), Bb = /* @__PURE__ */ M({
   __name: "FormControlPaletteEntry",
   props: {
     value: {},
@@ -7335,9 +7335,9 @@ const Oc = { class: "form-control-slider-input__row" }, Ec = {
       value: t.value,
       label: t.label,
       colors: t.colors
-    })), (n, o) => M(n.$slots, "default");
+    })), (n, o) => S(n.$slots, "default");
   }
-}), $b = /* @__PURE__ */ S({
+}), Sb = /* @__PURE__ */ M({
   __name: "FormControlColorblindPicker",
   props: /* @__PURE__ */ Q({
     label: {},
@@ -7574,7 +7574,7 @@ function dd(e, t) {
     return String(e);
   }
 }
-const fd = { class: "form-control-number-format__popover" }, vd = { class: "form-control-number-format__popover__preview" }, pd = { class: "form-control-number-format__popover__preview__cell__label" }, md = { class: "form-control-number-format__popover__body" }, hd = { class: "form-control-number-format__popover__body__chips" }, bd = ["onClick"], gd = { class: "form-control-number-format__popover__body__grid-2" }, yd = { class: "form-control-number-format__popover__body__btn-group" }, _d = ["onClick"], wd = { class: "form-control-number-format__popover__body__btn-group" }, kd = ["onClick"], xd = { class: "form-control-number-format__popover__body__check-row" }, $d = { class: "form-control-number-format__popover__body__d3-row" }, Cd = { class: "form-control-number-format__popover__body__d3-row__value" }, Bd = /* @__PURE__ */ S({
+const fd = { class: "form-control-number-format__popover" }, vd = { class: "form-control-number-format__popover__preview" }, pd = { class: "form-control-number-format__popover__preview__cell__label" }, md = { class: "form-control-number-format__popover__body" }, hd = { class: "form-control-number-format__popover__body__chips" }, bd = ["onClick"], gd = { class: "form-control-number-format__popover__body__grid-2" }, yd = { class: "form-control-number-format__popover__body__btn-group" }, _d = ["onClick"], wd = { class: "form-control-number-format__popover__body__btn-group" }, kd = ["onClick"], xd = { class: "form-control-number-format__popover__body__check-row" }, $d = { class: "form-control-number-format__popover__body__d3-row" }, Cd = { class: "form-control-number-format__popover__body__d3-row__value" }, Bd = /* @__PURE__ */ M({
   __name: "FormControlNumberFormat",
   props: /* @__PURE__ */ Q({
     label: { default: void 0 },
@@ -7736,7 +7736,7 @@ const fd = { class: "form-control-number-format__popover" }, vd = { class: "form
       }, 8, ["id", "modelValue", "label", "block"]);
     };
   }
-}), Cb = /* @__PURE__ */ z(Bd, [["__scopeId", "data-v-fd094681"]]), Qn = /* @__PURE__ */ new Date(), Jn = /* @__PURE__ */ new Date();
+}), Mb = /* @__PURE__ */ z(Bd, [["__scopeId", "data-v-fd094681"]]), Qn = /* @__PURE__ */ new Date(), Jn = /* @__PURE__ */ new Date();
 function ut(e, t, n, o) {
   function a(l) {
     return e(l = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+l)), l;
@@ -7904,7 +7904,7 @@ function Od(e) {
     m: Bf,
     M: Sf,
     p: je,
-    q: bt,
+    q: gt,
     Q: Pa,
     s: Ia,
     S: Mf,
@@ -8047,7 +8047,7 @@ function Od(e) {
   function je(H) {
     return a[+(H.getUTCHours() >= 12)];
   }
-  function bt(H) {
+  function gt(H) {
     return 1 + ~~(H.getUTCMonth() / 3);
   }
   return {
@@ -8393,7 +8393,7 @@ const Yf = { class: "form-control-date-format__popover" }, Wf = { class: "form-c
 }, Zf = {
   key: 0,
   class: "form-control-date-format__popover__custom"
-}, Qf = { class: "form-control-date-format__popover__custom__preview" }, Jf = { class: "form-control-date-format__popover__custom__preview__value" }, ev = /* @__PURE__ */ S({
+}, Qf = { class: "form-control-date-format__popover__custom__preview" }, Jf = { class: "form-control-date-format__popover__custom__preview__value" }, ev = /* @__PURE__ */ M({
   __name: "FormControlDateFormat",
   props: /* @__PURE__ */ Q({
     label: { default: void 0 },
@@ -8469,10 +8469,10 @@ const Yf = { class: "form-control-date-format__popover" }, Wf = { class: "form-c
       }, 8, ["id", "modelValue", "label", "block"]);
     };
   }
-}), Bb = /* @__PURE__ */ z(ev, [["__scopeId", "data-v-3ca99c6e"]]), tv = { class: "display-value__text" }, nv = {
+}), Ab = /* @__PURE__ */ z(ev, [["__scopeId", "data-v-3ca99c6e"]]), tv = { class: "display-value__text" }, nv = {
   key: 0,
   class: "display-value__unit"
-}, ov = /* @__PURE__ */ S({
+}, ov = /* @__PURE__ */ M({
   __name: "DisplayValue",
   props: {
     value: {},
@@ -8490,7 +8490,7 @@ const Yf = { class: "form-control-date-format__popover" }, Wf = { class: "form-c
       e.unit ? (v(), g("span", nv, A(e.unit), 1)) : F("", !0)
     ], 2));
   }
-}), Sb = /* @__PURE__ */ z(ov, [["__scopeId", "data-v-d11c1e64"]]), av = { class: "display-date" }, lv = /* @__PURE__ */ S({
+}), Lb = /* @__PURE__ */ z(ov, [["__scopeId", "data-v-d11c1e64"]]), av = { class: "display-date" }, lv = /* @__PURE__ */ M({
   __name: "DisplayDate",
   props: {
     value: {},
@@ -8503,10 +8503,10 @@ const Yf = { class: "form-control-date-format__popover" }, Wf = { class: "form-c
     });
     return (o, a) => (v(), g("span", av, A(c(n)), 1));
   }
-}), Mb = /* @__PURE__ */ z(lv, [["__scopeId", "data-v-8d8eab36"]]), rv = { class: "display-range" }, iv = { class: "display-range__text" }, sv = { class: "display-range__text" }, uv = {
+}), Tb = /* @__PURE__ */ z(lv, [["__scopeId", "data-v-8d8eab36"]]), rv = { class: "display-range" }, iv = { class: "display-range__text" }, sv = { class: "display-range__text" }, uv = {
   key: 0,
   class: "display-range__unit"
-}, cv = /* @__PURE__ */ S({
+}, cv = /* @__PURE__ */ M({
   __name: "DisplayRange",
   props: {
     min: {},
@@ -8521,10 +8521,10 @@ const Yf = { class: "form-control-date-format__popover" }, Wf = { class: "form-c
       e.unit ? (v(), g("span", uv, A(e.unit), 1)) : F("", !0)
     ]));
   }
-}), Ab = /* @__PURE__ */ z(cv, [["__scopeId", "data-v-500dac2f"]]), dv = { class: "display-number" }, fv = { class: "display-number__text" }, vv = {
+}), Pb = /* @__PURE__ */ z(cv, [["__scopeId", "data-v-500dac2f"]]), dv = { class: "display-number" }, fv = { class: "display-number__text" }, vv = {
   key: 0,
   class: "display-number__unit"
-}, pv = /* @__PURE__ */ S({
+}, pv = /* @__PURE__ */ M({
   __name: "DisplayNumber",
   props: {
     value: {},
@@ -8538,7 +8538,7 @@ const Yf = { class: "form-control-date-format__popover" }, Wf = { class: "form-c
       e.unit ? (v(), g("span", vv, A(e.unit), 1)) : F("", !0)
     ]));
   }
-}), Lb = /* @__PURE__ */ z(pv, [["__scopeId", "data-v-0bb9515b"]]), mv = {
+}), Ib = /* @__PURE__ */ z(pv, [["__scopeId", "data-v-0bb9515b"]]), mv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -8551,14 +8551,14 @@ function hv(e, t) {
     }, null, -1)
   ])]);
 }
-const bv = xe({ name: "ph-info", render: hv }), gv = { class: "display-contrast-badge__ratio" }, yv = /* @__PURE__ */ S({
+const bv = ke({ name: "ph-info", render: hv }), gv = { class: "display-contrast-badge__ratio" }, yv = /* @__PURE__ */ M({
   __name: "DisplayContrastBadge",
   props: {
     level: {},
     ratio: {}
   },
   setup(e) {
-    const t = e, n = ke("badgeRef"), o = y(() => ({
+    const t = e, n = xe("badgeRef"), o = y(() => ({
       "display-contrast-badge--aaa": t.level === "AAA",
       "display-contrast-badge--aa": t.level === "AA",
       "display-contrast-badge--fail": t.level === "Fail"
@@ -8588,25 +8588,26 @@ const bv = xe({ name: "ph-info", render: hv }), gv = { class: "display-contrast-
       }, null, 8, ["target", "title"])
     ], 2));
   }
-}), Tb = /* @__PURE__ */ z(yv, [["__scopeId", "data-v-0c7d4e75"]]), _v = {
-  [de.BarVertical]: "Columns",
-  [de.BarHorizontal]: "Bars",
-  [de.BarMulti]: "Grouped Columns",
-  [de.ColumnStacked]: "Stacked Columns",
-  [de.BarStacked]: "Stacked Bars",
-  [de.BarSplit]: "Split Bars",
-  [de.BarGrouped]: "Grouped Bars",
-  [de.Line]: "Line",
-  [de.LineMulti]: "Lines",
-  [de.Area]: "Area",
-  [de.AreaStacked]: "Areas",
-  [de.Donut]: "Donut",
-  [de.Pie]: "Pie"
+}), Fb = /* @__PURE__ */ z(yv, [["__scopeId", "data-v-0c7d4e75"]]), _v = {
+  [ce.BarVertical]: "Columns",
+  [ce.BarHorizontal]: "Bars",
+  [ce.BarMulti]: "Grouped Columns",
+  [ce.ColumnStacked]: "Stacked Columns",
+  [ce.BarStacked]: "Stacked Bars",
+  [ce.BarSplit]: "Split Bars",
+  [ce.BarGrouped]: "Grouped Bars",
+  [ce.Line]: "Line",
+  [ce.LineMulti]: "Lines",
+  [ce.Area]: "Area",
+  [ce.AreaStacked]: "Areas",
+  [ce.Donut]: "Donut",
+  [ce.Pie]: "Pie",
+  [ce.Scatter]: "Scatter"
 };
 function Zl(e) {
   return _v[e] ?? e;
 }
-const wv = { class: "display-chart-type" }, kv = /* @__PURE__ */ S({
+const wv = { class: "display-chart-type" }, kv = /* @__PURE__ */ M({
   __name: "DisplayChartType",
   props: {
     chartType: {}
@@ -8615,7 +8616,7 @@ const wv = { class: "display-chart-type" }, kv = /* @__PURE__ */ S({
     const t = e, n = y(() => Zl(t.chartType));
     return (o, a) => (v(), g("span", wv, A(c(n)), 1));
   }
-}), Pb = /* @__PURE__ */ z(kv, [["__scopeId", "data-v-0f586baf"]]), xv = {
+}), Db = /* @__PURE__ */ z(kv, [["__scopeId", "data-v-0f586baf"]]), xv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -8628,7 +8629,7 @@ function $v(e, t) {
     }, null, -1)
   ])]);
 }
-const mn = xe({ name: "ph-chart-bar", render: $v }), Cv = {
+const mn = ke({ name: "ph-chart-bar", render: $v }), Cv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -8641,7 +8642,7 @@ function Bv(e, t) {
     }, null, -1)
   ])]);
 }
-const hn = xe({ name: "ph-chart-bar-horizontal", render: Bv }), Sv = {
+const hn = ke({ name: "ph-chart-bar-horizontal", render: Bv }), Sv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -8654,7 +8655,7 @@ function Mv(e, t) {
     }, null, -1)
   ])]);
 }
-const bn = xe({ name: "ph-chart-line-up", render: Mv }), Av = {
+const bn = ke({ name: "ph-chart-line-up", render: Mv }), Av = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -8667,7 +8668,7 @@ function Lv(e, t) {
     }, null, -1)
   ])]);
 }
-const Tv = xe({ name: "ph-chart-pie-slice", render: Lv }), Pv = {
+const Tv = ke({ name: "ph-chart-pie-slice", render: Lv }), Pv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -8680,7 +8681,20 @@ function Iv(e, t) {
     }, null, -1)
   ])]);
 }
-const Fv = xe({ name: "ph-chart-donut", render: Iv }), Dv = /* @__PURE__ */ S({
+const Fv = ke({ name: "ph-chart-donut", render: Iv }), Dv = {
+  viewBox: "0 0 256 256",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Vv(e, t) {
+  return v(), g("svg", Dv, [...t[0] || (t[0] = [
+    p("path", {
+      fill: "currentColor",
+      d: "M232 208a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v152h184a8 8 0 0 1 8 8m-100-48a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-24-56a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-32 72a12 12 0 1 0-12-12a12 12 0 0 0 12 12m96-48a12 12 0 1 0-12-12a12 12 0 0 0 12 12m24-40a12 12 0 1 0-12-12a12 12 0 0 0 12 12m-20 76a12 12 0 1 0 12-12a12 12 0 0 0-12 12"
+    }, null, -1)
+  ])]);
+}
+const Rv = ke({ name: "ph-chart-scatter", render: Vv }), Ov = /* @__PURE__ */ M({
   __name: "DisplayChartTypeBadge",
   props: {
     chartType: {},
@@ -8688,19 +8702,20 @@ const Fv = xe({ name: "ph-chart-donut", render: Iv }), Dv = /* @__PURE__ */ S({
   },
   setup(e) {
     const t = e, n = y(() => Zl(t.chartType)), o = y(() => t.theme === "dark" ? "dark" : "light"), a = {
-      [de.BarVertical]: mn,
-      [de.BarHorizontal]: hn,
-      [de.BarMulti]: mn,
-      [de.ColumnStacked]: mn,
-      [de.BarStacked]: hn,
-      [de.BarSplit]: hn,
-      [de.BarGrouped]: hn,
-      [de.Line]: bn,
-      [de.LineMulti]: bn,
-      [de.Area]: bn,
-      [de.AreaStacked]: bn,
-      [de.Donut]: Fv,
-      [de.Pie]: Tv
+      [ce.BarVertical]: mn,
+      [ce.BarHorizontal]: hn,
+      [ce.BarMulti]: mn,
+      [ce.ColumnStacked]: mn,
+      [ce.BarStacked]: hn,
+      [ce.BarSplit]: hn,
+      [ce.BarGrouped]: hn,
+      [ce.Line]: bn,
+      [ce.LineMulti]: bn,
+      [ce.Area]: bn,
+      [ce.AreaStacked]: bn,
+      [ce.Donut]: Fv,
+      [ce.Pie]: Tv,
+      [ce.Scatter]: Rv
     }, l = y(() => a[t.chartType] ?? mn);
     return (r, u) => (v(), V(c(lr), {
       variant: c(o),
@@ -8714,8 +8729,8 @@ const Fv = xe({ name: "ph-chart-donut", render: Iv }), Dv = /* @__PURE__ */ S({
       _: 1
     }, 8, ["variant"]));
   }
-}), Ib = /* @__PURE__ */ z(Dv, [["__scopeId", "data-v-f63b60a5"]]);
-function Fb(e) {
+}), Vb = /* @__PURE__ */ z(Ov, [["__scopeId", "data-v-4fcba416"]]);
+function Rb(e) {
   const t = document.createElement("style");
   t.textContent = "*,*::before,*::after{transition:none!important}", document.head.appendChild(t);
   try {
@@ -8724,10 +8739,10 @@ function Fb(e) {
     globalThis.requestAnimationFrame(() => t.remove());
   }
 }
-const Vv = {
+const Ev = {
   key: 0,
   class: "section-title-block"
-}, Rv = { class: "section-title__eyebrow bc-eyebrow" }, Ov = /* @__PURE__ */ S({
+}, Hv = { class: "section-title__eyebrow bc-eyebrow" }, Nv = /* @__PURE__ */ M({
   __name: "SectionTitle",
   props: {
     flush: { type: Boolean, default: !1 },
@@ -8737,8 +8752,8 @@ const Vv = {
     const t = e, n = y(() => ({
       "section-title--flush": t.flush
     }));
-    return (o, a) => e.eyebrow ? (v(), g("div", Vv, [
-      p("div", Rv, [
+    return (o, a) => e.eyebrow ? (v(), g("div", Ev, [
+      p("div", Hv, [
         a[0] || (a[0] = p("span", {
           class: "bc-eyebrow__hash",
           "aria-hidden": "true"
@@ -8748,16 +8763,16 @@ const Vv = {
       p("h6", {
         class: O(["section-title", c(n)])
       }, [
-        M(o.$slots, "default", {}, void 0, !0)
+        S(o.$slots, "default", {}, void 0, !0)
       ], 2)
     ])) : (v(), g("h6", {
       key: 1,
       class: O(["section-title", c(n)])
     }, [
-      M(o.$slots, "default", {}, void 0, !0)
+      S(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Ev = /* @__PURE__ */ z(Ov, [["__scopeId", "data-v-6703538c"]]), Hv = { class: "section-group" }, Nv = { class: "section-group__body" }, zv = /* @__PURE__ */ S({
+}), zv = /* @__PURE__ */ z(Nv, [["__scopeId", "data-v-6703538c"]]), Uv = { class: "section-group" }, Yv = { class: "section-group__body" }, Wv = /* @__PURE__ */ M({
   __name: "SectionGroup",
   props: {
     title: {},
@@ -8765,53 +8780,53 @@ const Vv = {
   },
   setup(e) {
     return (t, n) => {
-      const o = Ev;
-      return v(), g("section", Hv, [
+      const o = zv;
+      return v(), g("section", Uv, [
         Y(o, { flush: e.flush }, {
           default: D(() => [
             re(A(e.title), 1)
           ]),
           _: 1
         }, 8, ["flush"]),
-        p("div", Nv, [
-          M(t.$slots, "default", {}, void 0, !0)
+        p("div", Yv, [
+          S(t.$slots, "default", {}, void 0, !0)
         ])
       ]);
     };
   }
-}), Db = /* @__PURE__ */ z(zv, [["__scopeId", "data-v-c95cceae"]]), Uv = { class: "section-card" }, Yv = {
+}), Ob = /* @__PURE__ */ z(Wv, [["__scopeId", "data-v-c95cceae"]]), qv = { class: "section-card" }, jv = {
   key: 0,
   class: "section-card__label"
-}, Wv = {
+}, Gv = {
   key: 1,
   class: "section-card__body"
-}, qv = /* @__PURE__ */ S({
+}, Xv = /* @__PURE__ */ M({
   __name: "SectionCard",
   props: {
     label: {}
   },
   setup(e) {
-    return (t, n) => (v(), g("div", Uv, [
-      e.label ? (v(), g("div", Yv, A(e.label), 1)) : F("", !0),
-      M(t.$slots, "header", {}, void 0, !0),
-      t.$slots.default ? (v(), g("div", Wv, [
-        M(t.$slots, "default", {}, void 0, !0)
+    return (t, n) => (v(), g("div", qv, [
+      e.label ? (v(), g("div", jv, A(e.label), 1)) : F("", !0),
+      S(t.$slots, "header", {}, void 0, !0),
+      t.$slots.default ? (v(), g("div", Gv, [
+        S(t.$slots, "default", {}, void 0, !0)
       ])) : F("", !0)
     ]));
   }
-}), Vb = /* @__PURE__ */ z(qv, [["__scopeId", "data-v-c4970a7e"]]), jv = {}, Gv = { class: "settings-section-description" };
-function Xv(e, t) {
-  return v(), g("p", Gv, [
-    M(e.$slots, "default", {}, void 0, !0)
+}), Eb = /* @__PURE__ */ z(Xv, [["__scopeId", "data-v-c4970a7e"]]), Kv = {}, Zv = { class: "settings-section-description" };
+function Qv(e, t) {
+  return v(), g("p", Zv, [
+    S(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Kv = /* @__PURE__ */ z(jv, [["render", Xv], ["__scopeId", "data-v-305c0b8f"]]), Zv = {}, Qv = { class: "settings-section-title" };
-function Jv(e, t) {
-  return v(), g("h6", Qv, [
-    M(e.$slots, "default", {}, void 0, !0)
+const Jv = /* @__PURE__ */ z(Kv, [["render", Qv], ["__scopeId", "data-v-305c0b8f"]]), ep = {}, tp = { class: "settings-section-title" };
+function np(e, t) {
+  return v(), g("h6", tp, [
+    S(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const ep = /* @__PURE__ */ z(Zv, [["render", Jv], ["__scopeId", "data-v-d623ff81"]]), tp = { class: "settings-section-icon" }, np = /* @__PURE__ */ S({
+const op = /* @__PURE__ */ z(ep, [["render", np], ["__scopeId", "data-v-d623ff81"]]), ap = { class: "settings-section-icon" }, lp = /* @__PURE__ */ M({
   __name: "SettingsSectionIcon",
   props: {
     icon: {}
@@ -8819,15 +8834,15 @@ const ep = /* @__PURE__ */ z(Zv, [["render", Jv], ["__scopeId", "data-v-d623ff81
   setup(e) {
     return (t, n) => {
       const o = On;
-      return v(), g("div", tp, [
+      return v(), g("div", ap, [
         Y(o, { name: e.icon }, null, 8, ["name"])
       ]);
     };
   }
-}), op = /* @__PURE__ */ z(np, [["__scopeId", "data-v-6ff90dee"]]), ap = { class: "settings-section" }, lp = { class: "settings-section__header" }, rp = { class: "settings-section__header__text" }, ip = {
+}), rp = /* @__PURE__ */ z(lp, [["__scopeId", "data-v-6ff90dee"]]), ip = { class: "settings-section" }, sp = { class: "settings-section__header" }, up = { class: "settings-section__header__text" }, cp = {
   key: 1,
   class: "settings-section__body"
-}, sp = /* @__PURE__ */ S({
+}, dp = /* @__PURE__ */ M({
   __name: "SettingsSection",
   props: {
     title: {},
@@ -8836,14 +8851,14 @@ const ep = /* @__PURE__ */ z(Zv, [["render", Jv], ["__scopeId", "data-v-d623ff81
   },
   setup(e) {
     return (t, n) => {
-      const o = op, a = ep, l = Kv;
-      return v(), g("section", ap, [
-        p("div", lp, [
+      const o = rp, a = op, l = Jv;
+      return v(), g("section", ip, [
+        p("div", sp, [
           e.icon ? (v(), V(o, {
             key: 0,
             icon: e.icon
           }, null, 8, ["icon"])) : F("", !0),
-          p("div", rp, [
+          p("div", up, [
             Y(a, null, {
               default: D(() => [
                 re(A(e.title), 1)
@@ -8854,32 +8869,32 @@ const ep = /* @__PURE__ */ z(Zv, [["render", Jv], ["__scopeId", "data-v-d623ff81
         ]),
         t.$slots.description || e.description ? (v(), V(l, { key: 0 }, {
           default: D(() => [
-            M(t.$slots, "description", {}, () => [
+            S(t.$slots, "description", {}, () => [
               re(A(e.description), 1)
             ], !0)
           ]),
           _: 3
         })) : F("", !0),
-        t.$slots.default ? (v(), g("div", ip, [
-          M(t.$slots, "default", {}, void 0, !0)
+        t.$slots.default ? (v(), g("div", cp, [
+          S(t.$slots, "default", {}, void 0, !0)
         ])) : F("", !0)
       ]);
     };
   }
-}), Rb = /* @__PURE__ */ z(sp, [["__scopeId", "data-v-11c0f809"]]), up = {
+}), Hb = /* @__PURE__ */ z(dp, [["__scopeId", "data-v-11c0f809"]]), fp = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function cp(e, t) {
-  return v(), g("svg", up, [...t[0] || (t[0] = [
+function vp(e, t) {
+  return v(), g("svg", fp, [...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 Ql = xe({ name: "ph-x", render: cp }), dp = /* @__PURE__ */ S({
+const Ql = ke({ name: "ph-x", render: vp }), pp = /* @__PURE__ */ M({
   __name: "ButtonClose",
   emits: ["click"],
   setup(e) {
@@ -8897,20 +8912,20 @@ const Ql = xe({ name: "ph-x", render: cp }), dp = /* @__PURE__ */ S({
       }, null, 8, ["icon-left"]);
     };
   }
-}), Ob = /* @__PURE__ */ z(dp, [["__scopeId", "data-v-93ccc528"]]), fp = {
+}), Nb = /* @__PURE__ */ z(pp, [["__scopeId", "data-v-93ccc528"]]), mp = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function vp(e, t) {
-  return v(), g("svg", fp, [...t[0] || (t[0] = [
+function hp(e, t) {
+  return v(), g("svg", mp, [...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 pp = xe({ name: "ph-arrow-clockwise", render: vp }), Eb = /* @__PURE__ */ S({
+const bp = ke({ name: "ph-arrow-clockwise", render: hp }), zb = /* @__PURE__ */ M({
   __name: "ButtonRedo",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -8920,7 +8935,7 @@ const pp = xe({ name: "ph-arrow-clockwise", render: vp }), Eb = /* @__PURE__ */
     return (t, n) => {
       const o = xt;
       return v(), V(o, {
-        "icon-left": c(pp),
+        "icon-left": c(bp),
         label: "Redo",
         "hide-label": "",
         square: "",
@@ -8931,20 +8946,20 @@ const pp = xe({ name: "ph-arrow-clockwise", render: vp }), Eb = /* @__PURE__ */
       }, null, 8, ["icon-left", "disabled"]);
     };
   }
-}), mp = {
+}), gp = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function hp(e, t) {
-  return v(), g("svg", mp, [...t[0] || (t[0] = [
+function yp(e, t) {
+  return v(), g("svg", gp, [...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 bp = xe({ name: "ph-arrow-counter-clockwise", render: hp }), Hb = /* @__PURE__ */ S({
+const _p = ke({ name: "ph-arrow-counter-clockwise", render: yp }), Ub = /* @__PURE__ */ M({
   __name: "ButtonUndo",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -8954,7 +8969,7 @@ const bp = xe({ name: "ph-arrow-counter-clockwise", render: hp }), Hb = /* @__PU
     return (t, n) => {
       const o = xt;
       return v(), V(o, {
-        "icon-left": c(bp),
+        "icon-left": c(_p),
         label: "Undo",
         "hide-label": "",
         square: "",
@@ -8965,42 +8980,42 @@ const bp = xe({ name: "ph-arrow-counter-clockwise", render: hp }), Hb = /* @__PU
       }, null, 8, ["icon-left", "disabled"]);
     };
   }
-}), gp = { class: "feedback-empty-state" }, yp = {
+}), wp = { class: "feedback-empty-state" }, kp = {
   key: 0,
   class: "feedback-empty-state__icon",
   "aria-hidden": "true"
-}, _p = {
+}, xp = {
   key: 1,
   class: "feedback-empty-state__title"
-}, wp = {
+}, $p = {
   key: 2,
   class: "feedback-empty-state__message"
-}, kp = {
+}, Cp = {
   key: 3,
   class: "feedback-empty-state__actions"
-}, xp = /* @__PURE__ */ S({
+}, Bp = /* @__PURE__ */ M({
   __name: "FeedbackEmptyState",
   props: {
     title: {},
     message: {}
   },
   setup(e) {
-    return (t, n) => (v(), g("div", gp, [
-      t.$slots.icon ? (v(), g("span", yp, [
-        M(t.$slots, "icon")
+    return (t, n) => (v(), g("div", wp, [
+      t.$slots.icon ? (v(), g("span", kp, [
+        S(t.$slots, "icon")
       ])) : F("", !0),
-      e.title ? (v(), g("h2", _p, A(e.title), 1)) : F("", !0),
-      e.message || t.$slots.default ? (v(), g("p", wp, [
-        M(t.$slots, "default", {}, () => [
+      e.title ? (v(), g("h2", xp, A(e.title), 1)) : F("", !0),
+      e.message || t.$slots.default ? (v(), g("p", $p, [
+        S(t.$slots, "default", {}, () => [
           re(A(e.message), 1)
         ])
       ])) : F("", !0),
-      t.$slots.actions ? (v(), g("div", kp, [
-        M(t.$slots, "actions")
+      t.$slots.actions ? (v(), g("div", Cp, [
+        S(t.$slots, "actions")
       ])) : F("", !0)
     ]));
   }
-}), Nb = /* @__PURE__ */ z(xp, [["__scopeId", "data-v-4baf71e7"]]), $p = /* @__PURE__ */ S({
+}), Yb = /* @__PURE__ */ z(Bp, [["__scopeId", "data-v-4baf71e7"]]), Sp = /* @__PURE__ */ M({
   __name: "FeedbackSkeleton",
   props: {
     width: { default: "100%" },
@@ -9024,10 +9039,10 @@ const bp = xe({ name: "ph-arrow-counter-clockwise", render: hp }), Hb = /* @__PU
       "aria-hidden": "true"
     }, null, 6));
   }
-}), gn = /* @__PURE__ */ z($p, [["__scopeId", "data-v-9f2dd72f"]]), Cp = ["aria-label"], Bp = { class: "layout-bottom-drawer__header" }, Sp = {
+}), gn = /* @__PURE__ */ z(Sp, [["__scopeId", "data-v-9f2dd72f"]]), Mp = ["aria-label"], Ap = { class: "layout-bottom-drawer__header" }, Lp = {
   key: 0,
   class: "layout-bottom-drawer__header__title"
-}, Mp = { class: "layout-bottom-drawer__body" }, Ap = 80, Lp = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', Tp = /* @__PURE__ */ S({
+}, Tp = { class: "layout-bottom-drawer__body" }, Pp = 80, Ip = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', Fp = /* @__PURE__ */ M({
   __name: "LayoutBottomDrawer",
   props: /* @__PURE__ */ Q({
     title: {}
@@ -9037,11 +9052,11 @@ const bp = xe({ name: "ph-arrow-counter-clockwise", render: hp }), Hb = /* @__PU
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ae(e, "modelValue"), n = Ae(0), o = Ae(!1), a = ke("drawerRef"), l = ke("closeRef");
+    const t = ae(e, "modelValue"), n = Ae(0), o = Ae(!1), a = xe("drawerRef"), l = xe("closeRef");
     let r = null;
     function u() {
       var b;
-      return [...((b = a.value) == null ? void 0 : b.querySelectorAll(Lp)) ?? []].filter((h) => h.offsetParent !== null || h === l.value);
+      return [...((b = a.value) == null ? void 0 : b.querySelectorAll(Ip)) ?? []].filter((h) => h.offsetParent !== null || h === l.value);
     }
     function s(b) {
       if (b.key === "Escape") {
@@ -9078,7 +9093,7 @@ const bp = xe({ name: "ph-arrow-counter-clockwise", render: hp }), Hb = /* @__PU
       !o.value && Math.abs(h) > 4 && (o.value = !0), o.value && (f = !0, n.value = Math.max(0, h));
     }
     function k() {
-      document.removeEventListener("pointermove", _), document.removeEventListener("pointercancel", k), o.value && n.value >= Ap ? t.value = !1 : f || (t.value = !1), n.value = 0, o.value = !1;
+      document.removeEventListener("pointermove", _), document.removeEventListener("pointercancel", k), o.value && n.value >= Pp ? t.value = !1 : f || (t.value = !1), n.value = 0, o.value = !1;
     }
     const x = y(
       () => n.value > 0 ? { transform: `translateY(${n.value}px)` } : {}
@@ -9104,8 +9119,8 @@ const bp = xe({ name: "ph-arrow-counter-clockwise", render: hp }), Hb = /* @__PU
             }, [...h[2] || (h[2] = [
               p("div", { class: "layout-bottom-drawer__handle__bar" }, null, -1)
             ])], 32),
-            p("div", Bp, [
-              e.title ? (v(), g("h2", Sp, A(e.title), 1)) : F("", !0),
+            p("div", Ap, [
+              e.title ? (v(), g("h2", Lp, A(e.title), 1)) : F("", !0),
               p("button", {
                 ref_key: "closeRef",
                 ref: l,
@@ -9115,10 +9130,10 @@ const bp = xe({ name: "ph-arrow-counter-clockwise", render: hp }), Hb = /* @__PU
                 onClick: h[0] || (h[0] = ($) => t.value = !1)
               }, " × ", 512)
             ]),
-            p("div", Mp, [
-              M(b.$slots, "default", {}, void 0, !0)
+            p("div", Tp, [
+              S(b.$slots, "default", {}, void 0, !0)
             ])
-          ], 46, Cp)) : F("", !0)
+          ], 46, Mp)) : F("", !0)
         ]),
         _: 3
       }),
@@ -9130,48 +9145,48 @@ const bp = xe({ name: "ph-arrow-counter-clockwise", render: hp }), Hb = /* @__PU
       })) : F("", !0)
     ], 64));
   }
-}), zb = /* @__PURE__ */ z(Tp, [["__scopeId", "data-v-3bc338aa"]]), Pp = { class: "layout-panel" }, Ip = { class: "layout-panel__header" }, Fp = { class: "layout-panel__header__title" }, Dp = {
+}), Wb = /* @__PURE__ */ z(Fp, [["__scopeId", "data-v-3bc338aa"]]), Dp = { class: "layout-panel" }, Vp = { class: "layout-panel__header" }, Rp = { class: "layout-panel__header__title" }, Op = {
   key: 0,
   class: "layout-panel__header__actions"
-}, Vp = {
+}, Ep = {
   key: 0,
   class: "layout-panel__toolbar"
-}, Rp = { class: "layout-panel__body" }, Op = {
+}, Hp = { class: "layout-panel__body" }, Np = {
   key: 1,
   class: "layout-panel__footer"
-}, Ep = /* @__PURE__ */ S({
+}, zp = /* @__PURE__ */ M({
   __name: "LayoutPanel",
   props: {
     title: {}
   },
   setup(e) {
-    return (t, n) => (v(), g("div", Pp, [
-      p("div", Ip, [
-        p("h2", Fp, A(e.title), 1),
-        t.$slots.actions ? (v(), g("div", Dp, [
-          M(t.$slots, "actions", {}, void 0, !0)
+    return (t, n) => (v(), g("div", Dp, [
+      p("div", Vp, [
+        p("h2", Rp, A(e.title), 1),
+        t.$slots.actions ? (v(), g("div", Op, [
+          S(t.$slots, "actions", {}, void 0, !0)
         ])) : F("", !0)
       ]),
-      t.$slots.toolbar ? (v(), g("div", Vp, [
-        M(t.$slots, "toolbar", {}, void 0, !0)
+      t.$slots.toolbar ? (v(), g("div", Ep, [
+        S(t.$slots, "toolbar", {}, void 0, !0)
       ])) : F("", !0),
-      p("div", Rp, [
-        M(t.$slots, "default", {}, void 0, !0)
+      p("div", Hp, [
+        S(t.$slots, "default", {}, void 0, !0)
       ]),
-      t.$slots.footer ? (v(), g("div", Op, [
-        M(t.$slots, "footer", {}, void 0, !0)
+      t.$slots.footer ? (v(), g("div", Np, [
+        S(t.$slots, "footer", {}, void 0, !0)
       ])) : F("", !0)
     ]));
   }
-}), Ub = /* @__PURE__ */ z(Ep, [["__scopeId", "data-v-b22d9466"]]), Hp = {}, Np = {
+}), qb = /* @__PURE__ */ z(zp, [["__scopeId", "data-v-b22d9466"]]), Up = {}, Yp = {
   class: "layout-toolbar-separator",
   role: "separator",
   "aria-orientation": "vertical"
 };
-function zp(e, t) {
-  return v(), g("div", Np);
+function Wp(e, t) {
+  return v(), g("div", Yp);
 }
-const Yb = /* @__PURE__ */ z(Hp, [["render", zp], ["__scopeId", "data-v-0ffa8b6b"]]), Up = ["aria-label"], Yp = ["disabled", "title", "aria-label", "aria-current", "onClick"], Wp = { class: "navigation-segmented-control__option__label" }, qp = /* @__PURE__ */ S({
+const jb = /* @__PURE__ */ z(Up, [["render", Wp], ["__scopeId", "data-v-0ffa8b6b"]]), qp = ["aria-label"], jp = ["disabled", "title", "aria-label", "aria-current", "onClick"], Gp = { class: "navigation-segmented-control__option__label" }, Xp = /* @__PURE__ */ M({
   __name: "NavigationSegmentedControl",
   props: {
     items: {},
@@ -9189,7 +9204,7 @@ const Yb = /* @__PURE__ */ z(Hp, [["render", zp], ["__scopeId", "data-v-0ffa8b6b
       class: O(["navigation-segmented-control", [c(a), { "navigation-segmented-control--icon-only": e.iconOnly }]]),
       "aria-label": e.ariaLabel
     }, [
-      M(r.$slots, "default", {}, void 0, !0),
+      S(r.$slots, "default", {}, void 0, !0),
       (v(!0), g(le, null, we(e.items, (s) => (v(), g("button", {
         key: s.key,
         class: O(["navigation-segmented-control__option", {
@@ -9207,19 +9222,19 @@ const Yb = /* @__PURE__ */ z(Hp, [["render", zp], ["__scopeId", "data-v-0ffa8b6b
           key: 0,
           class: "navigation-segmented-control__option__icon"
         })) : F("", !0),
-        p("span", Wp, A(s.text), 1)
-      ], 10, Yp))), 128))
-    ], 10, Up));
+        p("span", Gp, A(s.text), 1)
+      ], 10, jp))), 128))
+    ], 10, qp));
   }
-}), jp = /* @__PURE__ */ z(qp, [["__scopeId", "data-v-a0100eb0"]]), Gp = ["aria-selected", "aria-disabled", "tabindex", "title", "onClick", "onKeydown"], Xp = {
+}), Kp = /* @__PURE__ */ z(Xp, [["__scopeId", "data-v-a0100eb0"]]), Zp = ["aria-selected", "aria-disabled", "tabindex", "title", "onClick", "onKeydown"], Qp = {
   key: 0,
   class: "navigation-stepper-tabs__step__icon",
   "aria-hidden": "true"
-}, Kp = { class: "navigation-stepper-tabs__step__label" }, Zp = {
+}, Jp = { class: "navigation-stepper-tabs__step__label" }, em = {
   key: 0,
   class: "navigation-stepper-tabs__sep",
   "aria-hidden": "true"
-}, Qp = /* @__PURE__ */ S({
+}, tm = /* @__PURE__ */ M({
   __name: "NavigationStepperTabs",
   props: /* @__PURE__ */ Q({
     steps: {},
@@ -9300,16 +9315,16 @@ const Yb = /* @__PURE__ */ z(Hp, [["render", zp], ["__scopeId", "data-v-0ffa8b6b
           onClick: (m) => r(f),
           onKeydown: (m) => u(m, f)
         }, [
-          l(d, f) ? (v(), g("span", Xp, [
+          l(d, f) ? (v(), g("span", Qp, [
             (v(), V(Ce(l(d, f))))
           ])) : F("", !0),
-          p("span", Kp, A(d.label), 1)
-        ], 42, Gp),
-        e.layout === "inline" && e.separator && f < e.steps.length - 1 ? (v(), g("span", Zp, "›")) : F("", !0)
+          p("span", Jp, A(d.label), 1)
+        ], 42, Zp),
+        e.layout === "inline" && e.separator && f < e.steps.length - 1 ? (v(), g("span", em, "›")) : F("", !0)
       ], 64))), 128))
     ], 2));
   }
-}), Wb = /* @__PURE__ */ z(Qp, [["__scopeId", "data-v-53d9c572"]]), qb = /* @__PURE__ */ S({
+}), Gb = /* @__PURE__ */ z(tm, [["__scopeId", "data-v-53d9c572"]]), Xb = /* @__PURE__ */ M({
   __name: "NavigationToggle",
   props: /* @__PURE__ */ Q({
     options: { default: () => [] },
@@ -9336,19 +9351,19 @@ const Yb = /* @__PURE__ */ z(Hp, [["render", zp], ["__scopeId", "data-v-0ffa8b6b
     function r(u) {
       t.value = u;
     }
-    return (u, s) => (v(), V(jp, {
+    return (u, s) => (v(), V(Kp, {
       items: c(l),
       size: e.size,
       "icon-only": e.iconOnly,
       onSelect: r
     }, {
       default: D(() => [
-        M(u.$slots, "default")
+        S(u.$slots, "default")
       ]),
       _: 3
     }, 8, ["items", "size", "icon-only"]));
   }
-}), jb = /* @__PURE__ */ S({
+}), Kb = /* @__PURE__ */ M({
   __name: "NavigationToggleOption",
   props: {
     value: {},
@@ -9365,28 +9380,28 @@ const Yb = /* @__PURE__ */ z(Hp, [["render", zp], ["__scopeId", "data-v-0ffa8b6b
       icon: t.icon,
       title: t.title,
       disabled: t.disabled
-    })), (n, o) => M(n.$slots, "default");
+    })), (n, o) => S(n.$slots, "default");
   }
-}), Jp = {
+}), nm = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function em(e, t) {
-  return v(), g("svg", Jp, [...t[0] || (t[0] = [
+function om(e, t) {
+  return v(), g("svg", nm, [...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 Jl = xe({ name: "ph-magnifying-glass", render: em }), tm = ["aria-label"], nm = {
+const Jl = ke({ name: "ph-magnifying-glass", render: om }), am = ["aria-label"], lm = {
   key: 0,
   class: "navigation-command-bar__placeholder"
-}, om = {
+}, rm = {
   key: 1,
   class: "navigation-command-bar__kbd"
-}, am = /* @__PURE__ */ S({
+}, im = /* @__PURE__ */ M({
   __name: "NavigationCommandBar",
   props: {
     placeholder: {},
@@ -9405,48 +9420,48 @@ const Jl = xe({ name: "ph-magnifying-glass", render: em }), tm = ["aria-label"],
         class: "navigation-command-bar__icon",
         "aria-hidden": "true"
       }),
-      e.collapsed ? F("", !0) : (v(), g("span", nm, A(e.placeholder), 1)),
-      e.shortcutLabel && !e.collapsed ? (v(), g("span", om, A(e.shortcutLabel), 1)) : F("", !0)
-    ], 10, tm));
+      e.collapsed ? F("", !0) : (v(), g("span", lm, A(e.placeholder), 1)),
+      e.shortcutLabel && !e.collapsed ? (v(), g("span", rm, A(e.shortcutLabel), 1)) : F("", !0)
+    ], 10, am));
   }
-}), Gb = /* @__PURE__ */ z(am, [["__scopeId", "data-v-c85cba9f"]]), lm = {
+}), Zb = /* @__PURE__ */ z(im, [["__scopeId", "data-v-c85cba9f"]]), sm = {
   class: "navigation-docs-bar",
   "aria-label": "Docs navigation"
-}, rm = {
+}, um = {
   key: 0,
   class: "navigation-docs-bar__brand"
-}, im = {
+}, cm = {
   key: 1,
   class: "navigation-docs-bar__actions"
-}, sm = {
+}, dm = {
   key: 2,
   class: "navigation-docs-bar__cta-primary"
-}, um = {
+}, fm = {
   key: 3,
   class: "navigation-docs-bar__cta-secondary"
-}, cm = /* @__PURE__ */ S({
+}, vm = /* @__PURE__ */ M({
   __name: "NavigationDocsBar",
   setup(e) {
-    return (t, n) => (v(), g("header", lm, [
-      t.$slots.brand ? (v(), g("div", rm, [
-        M(t.$slots, "brand", {}, void 0, !0)
+    return (t, n) => (v(), g("header", sm, [
+      t.$slots.brand ? (v(), g("div", um, [
+        S(t.$slots, "brand", {}, void 0, !0)
       ])) : F("", !0),
-      t.$slots.actions ? (v(), g("div", im, [
-        M(t.$slots, "actions", {}, void 0, !0)
+      t.$slots.actions ? (v(), g("div", cm, [
+        S(t.$slots, "actions", {}, void 0, !0)
       ])) : F("", !0),
       n[0] || (n[0] = p("div", { class: "navigation-docs-bar__spacer" }, null, -1)),
-      t.$slots["cta-primary"] ? (v(), g("div", sm, [
-        M(t.$slots, "cta-primary", {}, void 0, !0)
+      t.$slots["cta-primary"] ? (v(), g("div", dm, [
+        S(t.$slots, "cta-primary", {}, void 0, !0)
       ])) : F("", !0),
-      t.$slots["cta-secondary"] ? (v(), g("div", um, [
-        M(t.$slots, "cta-secondary", {}, void 0, !0)
+      t.$slots["cta-secondary"] ? (v(), g("div", fm, [
+        S(t.$slots, "cta-secondary", {}, void 0, !0)
       ])) : F("", !0)
     ]));
   }
-}), Xb = /* @__PURE__ */ z(cm, [["__scopeId", "data-v-39d43fc1"]]), dm = { class: "navigation-icon-rail" }, fm = {
+}), Qb = /* @__PURE__ */ z(vm, [["__scopeId", "data-v-39d43fc1"]]), pm = { class: "navigation-icon-rail" }, mm = {
   key: 0,
   class: "navigation-icon-rail__footer"
-}, vm = /* @__PURE__ */ S({
+}, hm = /* @__PURE__ */ M({
   __name: "NavigationIconRail",
   props: /* @__PURE__ */ Q({
     items: { default: () => [] }
@@ -9464,8 +9479,8 @@ const Jl = xe({ name: "ph-magnifying-glass", render: em }), tm = ["aria-label"],
     }
     return (r, u) => {
       const s = xt;
-      return v(), g("nav", dm, [
-        M(r.$slots, "default", {}, void 0, !0),
+      return v(), g("nav", pm, [
+        S(r.$slots, "default", {}, void 0, !0),
         (v(!0), g(le, null, we(c(a), (i) => (v(), V(s, {
           key: i.value,
           "icon-left": i.icon,
@@ -9480,13 +9495,13 @@ const Jl = xe({ name: "ph-magnifying-glass", render: em }), tm = ["aria-label"],
           onClick: (d) => t.value = i.value
         }, null, 8, ["icon-left", "label", "class", "aria-pressed", "onClick"]))), 128)),
         u[0] || (u[0] = p("div", { class: "navigation-icon-rail__spacer" }, null, -1)),
-        r.$slots.footer ? (v(), g("div", fm, [
-          M(r.$slots, "footer", {}, void 0, !0)
+        r.$slots.footer ? (v(), g("div", mm, [
+          S(r.$slots, "footer", {}, void 0, !0)
         ])) : F("", !0)
       ]);
     };
   }
-}), Kb = /* @__PURE__ */ z(vm, [["__scopeId", "data-v-b72933d6"]]), Zb = /* @__PURE__ */ S({
+}), Jb = /* @__PURE__ */ z(hm, [["__scopeId", "data-v-b72933d6"]]), eg = /* @__PURE__ */ M({
   __name: "NavigationIconRailEntry",
   props: {
     value: {},
@@ -9499,22 +9514,22 @@ const Jl = xe({ name: "ph-magnifying-glass", render: em }), tm = ["aria-label"],
       value: t.value,
       icon: t.icon,
       tooltip: t.tooltip
-    })), (n, o) => M(n.$slots, "default");
+    })), (n, o) => S(n.$slots, "default");
   }
-}), pm = {
+}), bm = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function mm(e, t) {
-  return v(), g("svg", pm, [...t[0] || (t[0] = [
+function gm(e, t) {
+  return v(), g("svg", bm, [...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 er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-current", "onClick"], bm = { class: "navigation-link__label" }, gm = /* @__PURE__ */ S({
+const er = ke({ name: "ph-arrow-square-out", render: gm }), ym = ["href", "aria-current", "onClick"], _m = { class: "navigation-link__label" }, wm = /* @__PURE__ */ M({
   __name: "NavigationLink",
   props: {
     to: {},
@@ -9543,65 +9558,65 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
             "aria-current": i || e.active ? "page" : void 0,
             onClick: u
           }, [
-            p("span", bm, A(e.label), 1),
+            p("span", _m, A(e.label), 1),
             e.external ? (v(), V(l, {
               key: 0,
               class: "navigation-link__external-icon",
               "aria-hidden": "true"
             })) : F("", !0)
-          ], 10, hm)
+          ], 10, ym)
         ]),
         _: 1
       }, 8, ["to"]);
     };
   }
-}), Qb = /* @__PURE__ */ z(gm, [["__scopeId", "data-v-cdc9d7f0"]]), ym = {
+}), tg = /* @__PURE__ */ z(wm, [["__scopeId", "data-v-cdc9d7f0"]]), km = {
   class: "navigation-marketing-bar",
   "aria-label": "Marketing navigation"
-}, _m = { class: "navigation-marketing-bar__inner" }, wm = { class: "navigation-marketing-bar__brand" }, km = {
+}, xm = { class: "navigation-marketing-bar__inner" }, $m = { class: "navigation-marketing-bar__brand" }, Cm = {
   key: 0,
   class: "navigation-marketing-bar__menu",
   "aria-label": "Sections"
-}, xm = {
+}, Bm = {
   key: 1,
   class: "navigation-marketing-bar__actions"
-}, $m = {
+}, Sm = {
   key: 2,
   class: "navigation-marketing-bar__cta-secondary"
-}, Cm = {
+}, Mm = {
   key: 3,
   class: "navigation-marketing-bar__cta-primary"
-}, Bm = /* @__PURE__ */ S({
+}, Am = /* @__PURE__ */ M({
   __name: "NavigationMarketingBar",
   setup(e) {
-    return (t, n) => (v(), g("header", ym, [
-      p("div", _m, [
-        p("div", wm, [
-          M(t.$slots, "brand")
+    return (t, n) => (v(), g("header", km, [
+      p("div", xm, [
+        p("div", $m, [
+          S(t.$slots, "brand")
         ]),
-        t.$slots.menu ? (v(), g("nav", km, [
-          M(t.$slots, "menu")
+        t.$slots.menu ? (v(), g("nav", Cm, [
+          S(t.$slots, "menu")
         ])) : F("", !0),
         n[0] || (n[0] = p("div", { class: "navigation-marketing-bar__spacer" }, null, -1)),
-        t.$slots.actions ? (v(), g("div", xm, [
-          M(t.$slots, "actions")
+        t.$slots.actions ? (v(), g("div", Bm, [
+          S(t.$slots, "actions")
         ])) : F("", !0),
-        t.$slots["cta-secondary"] ? (v(), g("div", $m, [
-          M(t.$slots, "cta-secondary")
+        t.$slots["cta-secondary"] ? (v(), g("div", Sm, [
+          S(t.$slots, "cta-secondary")
         ])) : F("", !0),
-        t.$slots["cta-primary"] ? (v(), g("div", Cm, [
-          M(t.$slots, "cta-primary")
+        t.$slots["cta-primary"] ? (v(), g("div", Mm, [
+          S(t.$slots, "cta-primary")
         ])) : F("", !0)
       ])
     ]));
   }
-}), Jb = /* @__PURE__ */ z(Bm, [["__scopeId", "data-v-b3114aae"]]), Sm = ["aria-keyshortcuts", "aria-label"], Mm = {
+}), ng = /* @__PURE__ */ z(Am, [["__scopeId", "data-v-b3114aae"]]), Lm = ["aria-keyshortcuts", "aria-label"], Tm = {
   key: 0,
   class: "navigation-search-pill__text"
-}, Am = {
+}, Pm = {
   key: 1,
   class: "navigation-search-pill__kbd"
-}, Lm = /* @__PURE__ */ S({
+}, Im = /* @__PURE__ */ M({
   __name: "NavigationSearchPill",
   props: {
     placeholder: {},
@@ -9630,12 +9645,12 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
           class: "navigation-search-pill__icon",
           "aria-hidden": "true"
         }),
-        e.compact ? F("", !0) : (v(), g("span", Mm, A(e.placeholder), 1)),
-        e.compact ? F("", !0) : (v(), g("kbd", Am, A(e.shortcutLabel), 1))
-      ], 10, Sm);
+        e.compact ? F("", !0) : (v(), g("span", Tm, A(e.placeholder), 1)),
+        e.compact ? F("", !0) : (v(), g("kbd", Pm, A(e.shortcutLabel), 1))
+      ], 10, Lm);
     };
   }
-}), eg = /* @__PURE__ */ z(Lm, [["__scopeId", "data-v-abb2e414"]]), Tm = ["aria-label"], Pm = ["href", "aria-current"], Im = /* @__PURE__ */ S({
+}), og = /* @__PURE__ */ z(Im, [["__scopeId", "data-v-abb2e414"]]), Fm = ["aria-label"], Dm = ["href", "aria-current"], Vm = /* @__PURE__ */ M({
   __name: "NavigationSectionTabs",
   props: {
     sections: {},
@@ -9652,14 +9667,14 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
         href: o.link,
         class: O(["navigation-section-tabs__tab", { "navigation-section-tabs__tab--active": o.link === e.activeLink }]),
         "aria-current": o.link === e.activeLink ? "page" : void 0
-      }, A(o.text), 11, Pm))), 128))
-    ], 8, Tm));
+      }, A(o.text), 11, Dm))), 128))
+    ], 8, Fm));
   }
-}), tg = /* @__PURE__ */ z(Im, [["__scopeId", "data-v-cb039809"]]), Fm = ["aria-expanded"], Dm = { class: "navigation-section-dropdown__label" }, Vm = {
+}), ag = /* @__PURE__ */ z(Vm, [["__scopeId", "data-v-cb039809"]]), Rm = ["aria-expanded"], Om = { class: "navigation-section-dropdown__label" }, Em = {
   key: 0,
   class: "navigation-section-dropdown__panel",
   role: "menu"
-}, Rm = ["href", "aria-current"], Om = /* @__PURE__ */ S({
+}, Hm = ["href", "aria-current"], Nm = /* @__PURE__ */ M({
   __name: "NavigationSectionDropdown",
   props: {
     sections: {},
@@ -9699,7 +9714,7 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
         "aria-haspopup": "menu",
         onClick: r
       }, [
-        p("span", Dm, A(l.value), 1),
+        p("span", Om, A(l.value), 1),
         (v(), g("svg", {
           class: O(["navigation-section-dropdown__caret", { "navigation-section-dropdown__caret--open": n.value }]),
           width: "12",
@@ -9716,8 +9731,8 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
             "stroke-linejoin": "round"
           }, null, -1)
         ])], 2))
-      ], 8, Fm),
-      n.value ? (v(), g("menu", Vm, [
+      ], 8, Rm),
+      n.value ? (v(), g("menu", Em, [
         (v(!0), g(le, null, we(e.sections, (d) => (v(), g("a", {
           key: d.link,
           href: d.link,
@@ -9725,17 +9740,17 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
           class: O(["navigation-section-dropdown__item", { "navigation-section-dropdown__item--active": d.link === e.activeLink }]),
           "aria-current": d.link === e.activeLink ? "page" : void 0,
           onClick: u
-        }, A(d.text), 11, Rm))), 128))
+        }, A(d.text), 11, Hm))), 128))
       ])) : F("", !0)
     ], 512));
   }
-}), ng = /* @__PURE__ */ z(Om, [["__scopeId", "data-v-6d5d021e"]]), Em = ["aria-label"], Hm = {
+}), lg = /* @__PURE__ */ z(Nm, [["__scopeId", "data-v-6d5d021e"]]), zm = ["aria-label"], Um = {
   key: 0,
   class: "navigation-sidebar__header"
-}, Nm = { class: "navigation-sidebar__body" }, zm = {
+}, Ym = { class: "navigation-sidebar__body" }, Wm = {
   key: 1,
   class: "navigation-sidebar__footer"
-}, Um = /* @__PURE__ */ S({
+}, qm = /* @__PURE__ */ M({
   __name: "NavigationSidebar",
   props: {
     ariaLabel: { default: "Sidebar" }
@@ -9745,40 +9760,40 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
       class: "navigation-sidebar",
       "aria-label": e.ariaLabel
     }, [
-      t.$slots.header ? (v(), g("div", Hm, [
-        M(t.$slots, "header", {}, void 0, !0)
+      t.$slots.header ? (v(), g("div", Um, [
+        S(t.$slots, "header", {}, void 0, !0)
       ])) : F("", !0),
-      p("div", Nm, [
-        M(t.$slots, "default", {}, void 0, !0)
+      p("div", Ym, [
+        S(t.$slots, "default", {}, void 0, !0)
       ]),
-      t.$slots.footer ? (v(), g("div", zm, [
-        M(t.$slots, "footer", {}, void 0, !0)
+      t.$slots.footer ? (v(), g("div", Wm, [
+        S(t.$slots, "footer", {}, void 0, !0)
       ])) : F("", !0)
-    ], 8, Em));
+    ], 8, zm));
   }
-}), og = /* @__PURE__ */ z(Um, [["__scopeId", "data-v-d8566e6f"]]), Ym = { class: "navigation-sidebar-group" }, Wm = {
+}), rg = /* @__PURE__ */ z(qm, [["__scopeId", "data-v-d8566e6f"]]), jm = { class: "navigation-sidebar-group" }, Gm = {
   key: 0,
   class: "navigation-sidebar-group__eyebrow"
-}, qm = { class: "navigation-sidebar-group__items" }, jm = /* @__PURE__ */ S({
+}, Xm = { class: "navigation-sidebar-group__items" }, Km = /* @__PURE__ */ M({
   __name: "NavigationSidebarGroup",
   props: {
     eyebrow: {}
   },
   setup(e) {
-    return (t, n) => (v(), g("div", Ym, [
-      e.eyebrow ? (v(), g("div", Wm, A(e.eyebrow), 1)) : F("", !0),
-      p("div", qm, [
-        M(t.$slots, "default", {}, void 0, !0)
+    return (t, n) => (v(), g("div", jm, [
+      e.eyebrow ? (v(), g("div", Gm, A(e.eyebrow), 1)) : F("", !0),
+      p("div", Xm, [
+        S(t.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), ag = /* @__PURE__ */ z(jm, [["__scopeId", "data-v-e90a3cc0"]]), Gm = ["href"], Xm = { class: "navigation-sidebar-item__icon" }, Km = { class: "navigation-sidebar-item__label" }, Zm = {
+}), ig = /* @__PURE__ */ z(Km, [["__scopeId", "data-v-e90a3cc0"]]), Zm = ["href"], Qm = { class: "navigation-sidebar-item__icon" }, Jm = { class: "navigation-sidebar-item__label" }, e0 = {
   class: "navigation-sidebar-item__external",
   "aria-hidden": "true"
-}, Qm = ["href", "aria-current", "onClick"], Jm = { class: "navigation-sidebar-item__icon" }, e0 = { class: "navigation-sidebar-item__label" }, t0 = {
+}, t0 = ["href", "aria-current", "onClick"], n0 = { class: "navigation-sidebar-item__icon" }, o0 = { class: "navigation-sidebar-item__label" }, a0 = {
   key: 0,
   class: "navigation-sidebar-item__count"
-}, n0 = /* @__PURE__ */ S({
+}, l0 = /* @__PURE__ */ M({
   __name: "NavigationSidebarItem",
   props: {
     to: { default: void 0 },
@@ -9808,14 +9823,14 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
         target: "_blank",
         rel: "noopener noreferrer"
       }, [
-        p("span", Xm, [
-          M(a.$slots, "icon", {}, void 0, !0)
+        p("span", Qm, [
+          S(a.$slots, "icon", {}, void 0, !0)
         ]),
-        p("span", Km, A(e.label), 1),
-        p("span", Zm, [
+        p("span", Jm, A(e.label), 1),
+        p("span", e0, [
           Y(c(er))
         ])
-      ], 10, Gm)) : (v(), V(r, {
+      ], 10, Zm)) : (v(), V(r, {
         key: 1,
         to: e.to,
         custom: ""
@@ -9827,32 +9842,32 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
             "aria-current": i || e.active ? "page" : void 0,
             onClick: u
           }, [
-            p("span", Jm, [
-              M(a.$slots, "icon", {}, void 0, !0)
+            p("span", n0, [
+              S(a.$slots, "icon", {}, void 0, !0)
             ]),
-            p("span", e0, A(e.label), 1),
-            e.count !== void 0 ? (v(), g("span", t0, A(e.count), 1)) : F("", !0)
-          ], 10, Qm)
+            p("span", o0, A(e.label), 1),
+            e.count !== void 0 ? (v(), g("span", a0, A(e.count), 1)) : F("", !0)
+          ], 10, t0)
         ]),
         _: 3
       }, 8, ["to"]));
     };
   }
-}), lg = /* @__PURE__ */ z(n0, [["__scopeId", "data-v-d3d1438c"]]), o0 = ["href", "aria-label", "onClick"], a0 = ["src", "alt"], l0 = {
+}), sg = /* @__PURE__ */ z(l0, [["__scopeId", "data-v-d3d1438c"]]), r0 = ["href", "aria-label", "onClick"], i0 = ["src", "alt"], s0 = {
   key: 1,
   class: "navigation-workspace-switcher__badge navigation-workspace-switcher__badge--accent",
   "aria-hidden": "true"
-}, r0 = {
+}, u0 = {
   key: 2,
   class: "navigation-workspace-switcher__name"
-}, i0 = ["aria-label"], s0 = ["src", "alt"], u0 = {
+}, c0 = ["aria-label"], d0 = ["src", "alt"], f0 = {
   key: 1,
   class: "navigation-workspace-switcher__badge navigation-workspace-switcher__badge--accent",
   "aria-hidden": "true"
-}, c0 = {
+}, v0 = {
   key: 2,
   class: "navigation-workspace-switcher__name"
-}, d0 = /* @__PURE__ */ S({
+}, p0 = /* @__PURE__ */ M({
   __name: "NavigationWorkspaceSwitcher",
   props: {
     name: {},
@@ -9882,9 +9897,9 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
               src: e.logoSrc,
               alt: e.name,
               class: "navigation-workspace-switcher__logo"
-            }, null, 8, a0)) : (v(), g("span", l0, A(n.value), 1)),
-            e.hideName ? F("", !0) : (v(), g("span", r0, A(e.name), 1))
-          ], 8, o0)
+            }, null, 8, i0)) : (v(), g("span", s0, A(n.value), 1)),
+            e.hideName ? F("", !0) : (v(), g("span", u0, A(e.name), 1))
+          ], 8, r0)
         ]),
         _: 1
       }, 8, ["to"])) : (v(), g("button", {
@@ -9899,12 +9914,12 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
           src: e.logoSrc,
           alt: e.name,
           class: "navigation-workspace-switcher__logo"
-        }, null, 8, s0)) : (v(), g("span", u0, A(n.value), 1)),
-        e.hideName ? F("", !0) : (v(), g("span", c0, A(e.name), 1))
-      ], 8, i0));
+        }, null, 8, d0)) : (v(), g("span", f0, A(n.value), 1)),
+        e.hideName ? F("", !0) : (v(), g("span", v0, A(e.name), 1))
+      ], 8, c0));
     };
   }
-}), rg = /* @__PURE__ */ z(d0, [["__scopeId", "data-v-820be3f4"]]), f0 = { class: "list-item-row__label" }, v0 = /* @__PURE__ */ S({
+}), ug = /* @__PURE__ */ z(p0, [["__scopeId", "data-v-820be3f4"]]), m0 = { class: "list-item-row__label" }, h0 = /* @__PURE__ */ M({
   __name: "ListItemRow",
   props: {
     label: {},
@@ -9919,25 +9934,25 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
       class: O(["list-item-row", c(n)]),
       onClick: a[0] || (a[0] = (l) => o.$emit("click", l))
     }, [
-      M(o.$slots, "leading", {}, void 0, !0),
-      p("span", f0, A(e.label), 1),
-      M(o.$slots, "actions", {}, void 0, !0)
+      S(o.$slots, "leading", {}, void 0, !0),
+      p("span", m0, A(e.label), 1),
+      S(o.$slots, "actions", {}, void 0, !0)
     ], 2));
   }
-}), p0 = /* @__PURE__ */ z(v0, [["__scopeId", "data-v-daff2016"]]), m0 = {
+}), b0 = /* @__PURE__ */ z(h0, [["__scopeId", "data-v-daff2016"]]), g0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function h0(e, t) {
-  return v(), g("svg", m0, [...t[0] || (t[0] = [
+function y0(e, t) {
+  return v(), g("svg", g0, [...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 b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-actions" }, y0 = /* @__PURE__ */ S({
+const _0 = ke({ name: "ph-trash", render: y0 }), w0 = { class: "list-item-actions" }, k0 = /* @__PURE__ */ M({
   __name: "ListItemActions",
   props: {
     actions: { default: () => ["duplicate", "remove"] }
@@ -9946,7 +9961,7 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
   setup(e) {
     return (t, n) => {
       const o = _n, a = On;
-      return v(), g("div", g0, [
+      return v(), g("div", w0, [
         e.actions.includes("duplicate") ? (v(), V(o, {
           key: 0,
           variant: "link",
@@ -9969,14 +9984,14 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
           onClick: n[1] || (n[1] = Et((l) => t.$emit("remove"), ["stop"]))
         }, {
           default: D(() => [
-            Y(a, { name: c(b0) }, null, 8, ["name"])
+            Y(a, { name: c(_0) }, null, 8, ["name"])
           ]),
           _: 1
         })) : F("", !0)
       ]);
     };
   }
-}), ig = /* @__PURE__ */ z(y0, [["__scopeId", "data-v-739b2aec"]]), _0 = { class: "border rounded overflow-hidden bg-body-tertiary p-2" }, w0 = { class: "d-flex gap-1 mb-2" }, sg = /* @__PURE__ */ S({
+}), cg = /* @__PURE__ */ z(k0, [["__scopeId", "data-v-739b2aec"]]), x0 = { class: "border rounded overflow-hidden bg-body-tertiary p-2" }, $0 = { class: "d-flex gap-1 mb-2" }, dg = /* @__PURE__ */ M({
   __name: "ListSelectPanel",
   props: /* @__PURE__ */ Q({
     items: {},
@@ -10005,9 +10020,9 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
       t.value = n.items.filter((s) => !t.value.includes(s));
     }
     return (s, i) => {
-      const d = p0;
-      return v(), g("div", _0, [
-        p("div", w0, [
+      const d = b0;
+      return v(), g("div", x0, [
+        p("div", $0, [
           Y(c(Nn), {
             variant: "primary",
             size: "sm",
@@ -10051,7 +10066,7 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
             s.$slots["item-leading"] ? {
               name: "leading",
               fn: D(() => [
-                M(s.$slots, "item-leading", {
+                S(s.$slots, "item-leading", {
                   item: f,
                   index: m
                 })
@@ -10061,7 +10076,7 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
             s.$slots["item-actions"] ? {
               name: "actions",
               fn: D(() => [
-                M(s.$slots, "item-actions", {
+                S(s.$slots, "item-actions", {
                   item: f,
                   index: m
                 })
@@ -10073,7 +10088,7 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
       ]);
     };
   }
-}), k0 = { class: "list-series-row" }, x0 = { class: "list-series-row__name" }, $0 = /* @__PURE__ */ S({
+}), C0 = { class: "list-series-row" }, B0 = { class: "list-series-row__name" }, S0 = /* @__PURE__ */ M({
   __name: "ListSeriesRow",
   props: /* @__PURE__ */ Q({
     color: {},
@@ -10087,9 +10102,9 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
     const t = ae(e, "modelValue");
     return (n, o) => {
       const a = Al;
-      return v(), g("div", k0, [
+      return v(), g("div", C0, [
         Y(Io, { color: e.color }, null, 8, ["color"]),
-        p("span", x0, A(e.name), 1),
+        p("span", B0, A(e.name), 1),
         Y(a, {
           switch: "",
           "model-value": t.value,
@@ -10099,19 +10114,19 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
       ]);
     };
   }
-}), ug = /* @__PURE__ */ z($0, [["__scopeId", "data-v-816a6756"]]), C0 = ["aria-hidden"], B0 = ["data-bs-theme"], S0 = ["src"], M0 = {
-  key: 2,
-  class: "gallery-card__thumb__status"
-}, A0 = {
+}), fg = /* @__PURE__ */ z(S0, [["__scopeId", "data-v-816a6756"]]), M0 = ["aria-hidden"], A0 = ["data-bs-theme"], L0 = ["src"], T0 = {
   key: 3,
+  class: "gallery-card__thumb__status"
+}, P0 = {
+  key: 4,
   class: "gallery-card__thumb__actions"
-}, L0 = { class: "gallery-card__meta" }, T0 = { class: "gallery-card__meta__footer" }, P0 = {
+}, I0 = { class: "gallery-card__meta" }, F0 = { class: "gallery-card__meta__footer" }, D0 = {
   key: 0,
   class: "gallery-card__meta__subtitle"
-}, I0 = {
+}, V0 = {
   key: 1,
   class: "gallery-card__meta__footer"
-}, F0 = /* @__PURE__ */ S({
+}, R0 = /* @__PURE__ */ M({
   __name: "GalleryCard",
   props: {
     title: {},
@@ -10129,35 +10144,37 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
       "gallery-card--selected": n.selected,
       "gallery-card--row": n.layout === "row",
       "gallery-card--loading": n.loading
+    })), l = mt(), r = y(() => ({
+      "gallery-card__thumb--slotted": !n.loading && !!l.thumb
     }));
-    return (l, r) => (v(), g("div", {
+    return (u, s) => (v(), g("div", {
       class: O(["gallery-card", c(a)]),
       "aria-hidden": e.loading ? "true" : void 0
     }, [
       p("div", {
-        class: "gallery-card__thumb",
+        class: O(["gallery-card__thumb", c(r)]),
         "data-bs-theme": e.forceLightThumb ? "light" : void 0
       }, [
-        e.loading || e.thumbLoading && !e.thumbSrc ? (v(), V(gn, {
+        e.loading || e.thumbLoading && !e.thumbSrc && !u.$slots.thumb ? (v(), V(gn, {
           key: 0,
           class: "gallery-card__thumb__skeleton",
           width: "100%",
           height: "100%",
           radius: "0"
-        })) : e.thumbSrc ? (v(), g("img", {
-          key: 1,
+        })) : u.$slots.thumb ? S(u.$slots, "thumb", {}, void 0, !0, 1) : e.thumbSrc ? (v(), g("img", {
+          key: 2,
           src: e.thumbSrc,
           alt: "",
           class: "gallery-card__thumb__img"
-        }, null, 8, S0)) : F("", !0),
-        l.$slots.status && !e.loading ? (v(), g("div", M0, [
-          M(l.$slots, "status", {}, void 0, !0)
+        }, null, 8, L0)) : F("", !0),
+        u.$slots.status && !e.loading ? (v(), g("div", T0, [
+          S(u.$slots, "status", {}, void 0, !0)
         ])) : F("", !0),
-        l.$slots.actions && !e.loading ? (v(), g("div", A0, [
-          M(l.$slots, "actions", {}, void 0, !0)
+        u.$slots.actions && !e.loading ? (v(), g("div", P0, [
+          S(u.$slots, "actions", {}, void 0, !0)
         ])) : F("", !0)
-      ], 8, B0),
-      p("div", L0, [
+      ], 10, A0),
+      p("div", I0, [
         e.loading ? (v(), g(le, { key: 0 }, [
           Y(gn, {
             class: "gallery-card__skeleton-line",
@@ -10169,7 +10186,7 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
             width: "45%",
             height: "0.7rem"
           }),
-          p("div", T0, [
+          p("div", F0, [
             Y(gn, {
               width: "30%",
               height: "0.7rem"
@@ -10179,17 +10196,17 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
           p("button", {
             type: "button",
             class: "gallery-card__meta__title",
-            onClick: r[0] || (r[0] = (u) => o("click"))
+            onClick: s[0] || (s[0] = (i) => o("click"))
           }, A(e.title), 1),
-          e.subtitle ? (v(), g("div", P0, A(e.subtitle), 1)) : F("", !0),
-          l.$slots.footer ? (v(), g("div", I0, [
-            M(l.$slots, "footer", {}, void 0, !0)
+          e.subtitle ? (v(), g("div", D0, A(e.subtitle), 1)) : F("", !0),
+          u.$slots.footer ? (v(), g("div", V0, [
+            S(u.$slots, "footer", {}, void 0, !0)
           ])) : F("", !0)
         ], 64))
       ])
-    ], 10, C0));
+    ], 10, M0));
   }
-}), cg = /* @__PURE__ */ z(F0, [["__scopeId", "data-v-8cdaf7eb"]]), D0 = /* @__PURE__ */ S({
+}), vg = /* @__PURE__ */ z(R0, [["__scopeId", "data-v-659c1d98"]]), O0 = /* @__PURE__ */ M({
   __name: "GalleryGrid",
   props: {
     layout: { default: "grid" }
@@ -10201,13 +10218,13 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
     return (o, a) => (v(), g("div", {
       class: O(["gallery-grid", c(n)])
     }, [
-      M(o.$slots, "default", {}, void 0, !0)
+      S(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), dg = /* @__PURE__ */ z(D0, [["__scopeId", "data-v-ac3d4b02"]]), V0 = { class: "scene-timeline-item__select__label" }, R0 = ["innerHTML"], O0 = {
+}), pg = /* @__PURE__ */ z(O0, [["__scopeId", "data-v-ac3d4b02"]]), E0 = { class: "scene-timeline-item__select__label" }, H0 = ["innerHTML"], N0 = {
   key: 0,
   class: "scene-timeline-item__select__name"
-}, E0 = ["aria-label"], H0 = /* @__PURE__ */ S({
+}, z0 = ["aria-label"], U0 = /* @__PURE__ */ M({
   __name: "SceneTimelineItem",
   props: {
     name: {},
@@ -10226,12 +10243,12 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
         type: "button",
         onClick: n[0] || (n[0] = (o) => t.$emit("select"))
       }, [
-        p("span", V0, "Scene " + A(e.index + 1), 1),
+        p("span", E0, "Scene " + A(e.index + 1), 1),
         p("span", {
           class: "scene-timeline-item__select__preview",
           innerHTML: e.thumbnail
-        }, null, 8, R0),
-        e.name ? (v(), g("span", O0, A(e.name), 1)) : F("", !0)
+        }, null, 8, H0),
+        e.name ? (v(), g("span", N0, A(e.name), 1)) : F("", !0)
       ]),
       e.removable ? (v(), g("button", {
         key: 0,
@@ -10239,65 +10256,65 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
         type: "button",
         "aria-label": `Remove scene ${e.index + 1}`,
         onClick: n[1] || (n[1] = (o) => t.$emit("remove"))
-      }, " × ", 8, E0)) : F("", !0)
+      }, " × ", 8, z0)) : F("", !0)
     ], 2));
   }
-}), N0 = /* @__PURE__ */ z(H0, [["__scopeId", "data-v-07929b0d"]]), z0 = {
+}), Y0 = /* @__PURE__ */ z(U0, [["__scopeId", "data-v-07929b0d"]]), W0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function U0(e, t) {
-  return v(), g("svg", z0, [...t[0] || (t[0] = [
+function q0(e, t) {
+  return v(), g("svg", W0, [...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 Y0 = xe({ name: "ph-play-fill", render: U0 }), W0 = {
+const j0 = ke({ name: "ph-play-fill", render: q0 }), G0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function q0(e, t) {
-  return v(), g("svg", W0, [...t[0] || (t[0] = [
+function X0(e, t) {
+  return v(), g("svg", G0, [...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 j0 = xe({ name: "ph-pause-fill", render: q0 }), G0 = {
+const K0 = ke({ name: "ph-pause-fill", render: X0 }), Z0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function X0(e, t) {
-  return v(), g("svg", G0, [...t[0] || (t[0] = [
+function Q0(e, t) {
+  return v(), g("svg", Z0, [...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 K0 = xe({ name: "ph-caret-left", render: X0 }), Z0 = {
+const J0 = ke({ name: "ph-caret-left", render: Q0 }), eh = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function Q0(e, t) {
-  return v(), g("svg", Z0, [...t[0] || (t[0] = [
+function th(e, t) {
+  return v(), g("svg", eh, [...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 J0 = xe({ name: "ph-caret-right", render: Q0 }), eh = { class: "scene-timeline-controls" }, th = ["disabled"], nh = ["aria-label", "disabled"], oh = ["disabled"], ah = {
+const nh = ke({ name: "ph-caret-right", render: th }), oh = { class: "scene-timeline-controls" }, ah = ["disabled"], lh = ["aria-label", "disabled"], rh = ["disabled"], ih = {
   key: 0,
   class: "scene-timeline-controls__counter"
-}, lh = /* @__PURE__ */ S({
+}, sh = /* @__PURE__ */ M({
   __name: "SceneTimelineControls",
   props: /* @__PURE__ */ Q({
     total: {},
@@ -10312,7 +10329,7 @@ const J0 = xe({ name: "ph-caret-right", render: Q0 }), eh = { class: "scene-time
     const t = ae(e, "activeIndex"), n = e, o = y(() => n.total === 0), a = y(() => t.value < 0 ? 1 : t.value + 1), l = y(() => n.total === 0 ? 0 : t.value <= 0 ? n.total - 1 : t.value - 1), r = y(() => n.total === 0 || t.value >= n.total - 1 ? 0 : t.value + 1);
     return (u, s) => {
       const i = On;
-      return v(), g("div", eh, [
+      return v(), g("div", oh, [
         p("button", {
           class: "scene-timeline-controls__nav-btn",
           type: "button",
@@ -10321,10 +10338,10 @@ const J0 = xe({ name: "ph-caret-right", render: Q0 }), eh = { class: "scene-time
           onClick: s[0] || (s[0] = (d) => t.value = c(l))
         }, [
           Y(i, {
-            name: c(K0),
+            name: c(J0),
             size: "1em"
           }, null, 8, ["name"])
-        ], 8, th),
+        ], 8, ah),
         p("button", {
           class: "scene-timeline-controls__play-btn",
           type: "button",
@@ -10333,10 +10350,10 @@ const J0 = xe({ name: "ph-caret-right", render: Q0 }), eh = { class: "scene-time
           onClick: s[1] || (s[1] = (d) => e.playing ? u.$emit("pause") : u.$emit("play"))
         }, [
           Y(i, {
-            name: e.playing ? c(j0) : c(Y0),
+            name: e.playing ? c(K0) : c(j0),
             size: "1em"
           }, null, 8, ["name"])
-        ], 8, nh),
+        ], 8, lh),
         p("button", {
           class: "scene-timeline-controls__nav-btn",
           type: "button",
@@ -10345,15 +10362,15 @@ const J0 = xe({ name: "ph-caret-right", render: Q0 }), eh = { class: "scene-time
           onClick: s[2] || (s[2] = (d) => t.value = c(r))
         }, [
           Y(i, {
-            name: c(J0),
+            name: c(nh),
             size: "1em"
           }, null, 8, ["name"])
-        ], 8, oh),
-        !c(o) && !e.hideCounter ? (v(), g("span", ah, A(c(a)) + " / " + A(e.total), 1)) : F("", !0)
+        ], 8, rh),
+        !c(o) && !e.hideCounter ? (v(), g("span", ih, A(c(a)) + " / " + A(e.total), 1)) : F("", !0)
       ]);
     };
   }
-}), No = /* @__PURE__ */ z(lh, [["__scopeId", "data-v-e68ff3c9"]]), rh = { class: "scene-timeline__items" }, ih = { class: "scene-timeline__items__add" }, sh = /* @__PURE__ */ S({
+}), No = /* @__PURE__ */ z(sh, [["__scopeId", "data-v-e68ff3c9"]]), uh = { class: "scene-timeline__items" }, ch = { class: "scene-timeline__items__add" }, dh = /* @__PURE__ */ M({
   __name: "SceneTimeline",
   props: /* @__PURE__ */ Q({
     scenes: {},
@@ -10367,7 +10384,7 @@ const J0 = xe({ name: "ph-caret-right", render: Q0 }), eh = { class: "scene-time
   setup(e) {
     const t = ae(e, "activeIndex");
     return (n, o) => {
-      const a = No, l = N0, r = Ol;
+      const a = No, l = Y0, r = Ol;
       return v(), g("div", {
         class: O(["scene-timeline", { "scene-timeline--floating": e.floating }])
       }, [
@@ -10379,7 +10396,7 @@ const J0 = xe({ name: "ph-caret-right", render: Q0 }), eh = { class: "scene-time
           onPlay: o[1] || (o[1] = (u) => n.$emit("play")),
           onPause: o[2] || (o[2] = (u) => n.$emit("pause"))
         }, null, 8, ["active-index", "total", "playing"]),
-        p("div", rh, [
+        p("div", uh, [
           (v(!0), g(le, null, we(e.scenes, (u) => (v(), V(l, {
             key: u.index,
             name: u.name,
@@ -10390,7 +10407,7 @@ const J0 = xe({ name: "ph-caret-right", render: Q0 }), eh = { class: "scene-time
             onSelect: (s) => t.value = u.index,
             onRemove: (s) => n.$emit("remove", u.index)
           }, null, 8, ["name", "index", "active", "thumbnail", "removable", "onSelect", "onRemove"]))), 128)),
-          p("div", ih, [
+          p("div", ch, [
             Y(r, {
               onClick: o[3] || (o[3] = (u) => n.$emit("add"))
             })
@@ -10399,20 +10416,20 @@ const J0 = xe({ name: "ph-caret-right", render: Q0 }), eh = { class: "scene-time
       ], 2);
     };
   }
-}), fg = /* @__PURE__ */ z(sh, [["__scopeId", "data-v-1bfc1669"]]), uh = {
+}), mg = /* @__PURE__ */ z(dh, [["__scopeId", "data-v-1bfc1669"]]), fh = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function ch(e, t) {
-  return v(), g("svg", uh, [...t[0] || (t[0] = [
+function vh(e, t) {
+  return v(), g("svg", fh, [...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 dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timeline-compact" }, vh = ["title"], ph = { class: "scene-timeline-compact__counter" }, mh = /* @__PURE__ */ S({
+const ph = ke({ name: "ph-caret-up", render: vh }), mh = { class: "scene-timeline-compact" }, hh = ["title"], bh = { class: "scene-timeline-compact__counter" }, gh = /* @__PURE__ */ M({
   __name: "SceneTimelineCompact",
   props: /* @__PURE__ */ Q({
     scenes: {},
@@ -10428,7 +10445,7 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
       var u;
       return ((u = o.value) == null ? void 0 : u.name) || " ";
     }), l = y(() => n.scenes.length), r = y(() => t.value < 0 || l.value === 0 ? 1 : Math.max(1, Math.min(l.value, t.value + 1)));
-    return (u, s) => (v(), g("div", fh, [
+    return (u, s) => (v(), g("div", mh, [
       Y(No, {
         "active-index": t.value,
         "onUpdate:activeIndex": s[0] || (s[0] = (i) => t.value = i),
@@ -10441,11 +10458,11 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
       p("div", {
         class: "scene-timeline-compact__name",
         title: c(a)
-      }, A(c(a)), 9, vh),
-      p("div", ph, A(c(r)) + " of " + A(c(l)), 1),
+      }, A(c(a)), 9, hh),
+      p("div", bh, A(c(r)) + " of " + A(c(l)), 1),
       Y(xt, {
         class: "scene-timeline-compact__expand",
-        "icon-left": c(dh),
+        "icon-left": c(ph),
         label: "Show scenes",
         "hide-label": "",
         square: "",
@@ -10456,17 +10473,17 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
       }, null, 8, ["icon-left", "aria-expanded"])
     ]));
   }
-}), vg = /* @__PURE__ */ z(mh, [["__scopeId", "data-v-ad3a10b4"]]), hh = ["aria-current"], bh = ["innerHTML"], gh = {
+}), hg = /* @__PURE__ */ z(gh, [["__scopeId", "data-v-ad3a10b4"]]), yh = ["aria-current"], _h = ["innerHTML"], wh = {
   key: 1,
   class: "scene-list-item__thumb scene-list-item__thumb--empty",
   "aria-hidden": "true"
-}, yh = { class: "scene-list-item__body" }, _h = { class: "scene-list-item__label" }, wh = {
+}, kh = { class: "scene-list-item__body" }, xh = { class: "scene-list-item__label" }, $h = {
   key: 0,
   class: "scene-list-item__name"
-}, kh = {
+}, Ch = {
   key: 1,
   class: "scene-list-item__hint"
-}, xh = /* @__PURE__ */ S({
+}, Bh = /* @__PURE__ */ M({
   __name: "SceneListItem",
   props: {
     index: {},
@@ -10491,13 +10508,13 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
           key: 0,
           class: "scene-list-item__thumb",
           innerHTML: e.thumbnail
-        }, null, 8, bh)) : (v(), g("span", gh)),
-        p("span", yh, [
-          p("span", _h, "SCENE " + A(e.index), 1),
-          e.name ? (v(), g("span", wh, A(e.name), 1)) : F("", !0),
-          e.hint ? (v(), g("span", kh, A(e.hint), 1)) : F("", !0)
+        }, null, 8, _h)) : (v(), g("span", wh)),
+        p("span", kh, [
+          p("span", xh, "SCENE " + A(e.index), 1),
+          e.name ? (v(), g("span", $h, A(e.name), 1)) : F("", !0),
+          e.hint ? (v(), g("span", Ch, A(e.hint), 1)) : F("", !0)
         ])
-      ], 10, hh),
+      ], 10, yh),
       e.removable ? (v(), g("button", {
         key: 0,
         type: "button",
@@ -10509,10 +10526,10 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
       ])) : F("", !0)
     ], 2));
   }
-}), $h = /* @__PURE__ */ z(xh, [["__scopeId", "data-v-a1a6304b"]]), Ch = { class: "scene-list" }, Bh = {
+}), Sh = /* @__PURE__ */ z(Bh, [["__scopeId", "data-v-a1a6304b"]]), Mh = { class: "scene-list" }, Ah = {
   class: "scene-list__items",
   role: "list"
-}, Sh = /* @__PURE__ */ S({
+}, Lh = /* @__PURE__ */ M({
   __name: "SceneList",
   props: /* @__PURE__ */ Q({
     scenes: {},
@@ -10530,7 +10547,7 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
     function l(r) {
       o("remove", r);
     }
-    return (r, u) => (v(), g("div", Ch, [
+    return (r, u) => (v(), g("div", Mh, [
       Y(No, {
         "active-index": n.value,
         "onUpdate:activeIndex": u[0] || (u[0] = (s) => n.value = s),
@@ -10539,8 +10556,8 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
         onPlay: u[1] || (u[1] = (s) => r.$emit("play")),
         onPause: u[2] || (u[2] = (s) => r.$emit("pause"))
       }, null, 8, ["active-index", "total", "playing"]),
-      p("ul", Bh, [
-        (v(!0), g(le, null, we(e.scenes, (s) => (v(), V($h, {
+      p("ul", Ah, [
+        (v(!0), g(le, null, we(e.scenes, (s) => (v(), V(Sh, {
           key: s.index,
           index: s.index,
           name: s.name,
@@ -10559,22 +10576,22 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
       }, " + Add scene ")
     ]));
   }
-}), pg = /* @__PURE__ */ z(Sh, [["__scopeId", "data-v-c8be8ec7"]]), Mh = {
+}), bg = /* @__PURE__ */ z(Lh, [["__scopeId", "data-v-c8be8ec7"]]), Th = {
   class: "bc-scene-player bc-scene-player--progress-bar",
   "data-scene-player": ""
-}, Ah = ["aria-label"], Lh = {
+}, Ph = ["aria-label"], Ih = {
   key: 0,
   width: "10",
   height: "10",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, Th = {
+}, Fh = {
   key: 1,
   width: "10",
   height: "10",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, Ph = { class: "bc-scene-player__segments" }, Ih = ["aria-label", "aria-current", "onClick"], Fh = { class: "bc-scene-player__counter" }, Dh = /* @__PURE__ */ S({
+}, Dh = { class: "bc-scene-player__segments" }, Vh = ["aria-label", "aria-current", "onClick"], Rh = { class: "bc-scene-player__counter" }, Oh = /* @__PURE__ */ M({
   __name: "ScenePlayerProgressBar",
   props: /* @__PURE__ */ Q({
     total: {},
@@ -10587,14 +10604,14 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
   emits: /* @__PURE__ */ Q(["play", "pause"], ["update:current"]),
   setup(e) {
     const t = ae(e, "current");
-    return (n, o) => (v(), g("div", Mh, [
+    return (n, o) => (v(), g("div", Th, [
       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(), g("svg", Lh, [...o[1] || (o[1] = [
+        e.playing ? (v(), g("svg", Ih, [...o[1] || (o[1] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -10609,11 +10626,11 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (v(), g("svg", Th, [...o[2] || (o[2] = [
+        ])])) : (v(), g("svg", Fh, [...o[2] || (o[2] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, Ah),
-      p("div", Ph, [
+      ], 8, Ph),
+      p("div", Dh, [
         (v(!0), g(le, null, we(e.total, (a) => (v(), g("button", {
           key: a,
           type: "button",
@@ -10624,24 +10641,24 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { 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, Ih))), 128))
+        }, null, 10, Vh))), 128))
       ]),
-      p("span", Fh, A(t.value) + "/" + A(e.total), 1)
+      p("span", Rh, A(t.value) + "/" + A(e.total), 1)
     ]));
   }
-}), mg = /* @__PURE__ */ z(Dh, [["__scopeId", "data-v-813c075e"]]), Vh = ["disabled"], Rh = ["aria-label"], Oh = {
+}), gg = /* @__PURE__ */ z(Oh, [["__scopeId", "data-v-813c075e"]]), Eh = ["disabled"], Hh = ["aria-label"], Nh = {
   key: 0,
   width: "11",
   height: "11",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, Eh = {
+}, zh = {
   key: 1,
   width: "11",
   height: "11",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, Hh = { class: "bc-scene-player__dots" }, Nh = ["aria-label", "aria-current", "onClick"], zh = ["disabled"], Uh = /* @__PURE__ */ S({
+}, Uh = { class: "bc-scene-player__dots" }, Yh = ["aria-label", "aria-current", "onClick"], Wh = ["disabled"], qh = /* @__PURE__ */ M({
   __name: "ScenePlayerDotStepper",
   props: /* @__PURE__ */ Q({
     total: {},
@@ -10677,14 +10694,14 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
         }, [
           p("path", { d: "M6.5 2L3.5 5l3 3" })
         ], -1)
-      ])], 8, Vh),
+      ])], 8, Eh),
       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(), g("svg", Oh, [...o[4] || (o[4] = [
+        e.playing ? (v(), g("svg", Nh, [...o[4] || (o[4] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -10699,11 +10716,11 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (v(), g("svg", Eh, [...o[5] || (o[5] = [
+        ])])) : (v(), g("svg", zh, [...o[5] || (o[5] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, Rh),
-      p("div", Hh, [
+      ], 8, Hh),
+      p("div", Uh, [
         (v(!0), g(le, null, we(e.total, (a) => (v(), g("button", {
           key: a,
           type: "button",
@@ -10714,7 +10731,7 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { 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, Nh))), 128))
+        }, null, 10, Yh))), 128))
       ]),
       p("button", {
         type: "button",
@@ -10735,28 +10752,28 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
         }, [
           p("path", { d: "M3.5 2L6.5 5l-3 3" })
         ], -1)
-      ])], 8, zh)
+      ])], 8, Wh)
     ], 2));
   }
-}), hg = /* @__PURE__ */ z(Uh, [["__scopeId", "data-v-c88e4367"]]), Yh = {
+}), yg = /* @__PURE__ */ z(qh, [["__scopeId", "data-v-c88e4367"]]), jh = {
   key: 0,
   class: "bc-scene-player__counter"
-}, Wh = ["disabled"], qh = ["aria-label"], jh = {
+}, Gh = ["disabled"], Xh = ["aria-label"], Kh = {
   key: 0,
   width: "9",
   height: "9",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, Gh = {
+}, Zh = {
   key: 1,
   width: "9",
   height: "9",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, Xh = ["disabled"], Kh = {
+}, Qh = ["disabled"], Jh = {
   key: 1,
   class: "bc-scene-player__counter bc-scene-player__counter--end"
-}, Zh = /* @__PURE__ */ S({
+}, eb = /* @__PURE__ */ M({
   __name: "ScenePlayerMinimalArrows",
   props: /* @__PURE__ */ Q({
     total: {},
@@ -10776,7 +10793,7 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
       class: O(["bc-scene-player bc-scene-player--minimal-arrows", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
-      e.showCounter && e.order === "counter-first" ? (v(), g("span", Yh, A(t.value) + "/" + A(e.total), 1)) : F("", !0),
+      e.showCounter && e.order === "counter-first" ? (v(), g("span", jh, A(t.value) + "/" + A(e.total), 1)) : F("", !0),
       p("button", {
         type: "button",
         class: "bc-scene-player__nav-btn",
@@ -10796,14 +10813,14 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
         }, [
           p("path", { d: "M6.5 2L3.5 5l3 3" })
         ], -1)
-      ])], 8, Wh),
+      ])], 8, Gh),
       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(), g("svg", jh, [...o[4] || (o[4] = [
+        e.playing ? (v(), g("svg", Kh, [...o[4] || (o[4] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -10818,10 +10835,10 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (v(), g("svg", Gh, [...o[5] || (o[5] = [
+        ])])) : (v(), g("svg", Zh, [...o[5] || (o[5] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, qh),
+      ], 8, Xh),
       p("button", {
         type: "button",
         class: "bc-scene-player__nav-btn",
@@ -10841,11 +10858,11 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
         }, [
           p("path", { d: "M3.5 2L6.5 5l-3 3" })
         ], -1)
-      ])], 8, Xh),
-      e.showCounter && e.order === "controls-first" ? (v(), g("span", Kh, A(t.value) + "/" + A(e.total), 1)) : F("", !0)
+      ])], 8, Qh),
+      e.showCounter && e.order === "controls-first" ? (v(), g("span", Jh, A(t.value) + "/" + A(e.total), 1)) : F("", !0)
     ], 2));
   }
-}), bg = /* @__PURE__ */ z(Zh, [["__scopeId", "data-v-e289332d"]]), Qh = { class: "bc-scene-player__btn-group" }, Jh = ["disabled"], eb = ["disabled"], tb = { class: "bc-scene-player__counter" }, nb = /* @__PURE__ */ S({
+}), _g = /* @__PURE__ */ z(eb, [["__scopeId", "data-v-e289332d"]]), tb = { class: "bc-scene-player__btn-group" }, nb = ["disabled"], ob = ["disabled"], ab = { class: "bc-scene-player__counter" }, lb = /* @__PURE__ */ M({
   __name: "ScenePlayerButtons",
   props: /* @__PURE__ */ Q({
     total: {},
@@ -10862,7 +10879,7 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
       class: O(["bc-scene-player bc-scene-player--buttons", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
-      p("div", Qh, [
+      p("div", tb, [
         p("button", {
           type: "button",
           class: O(["bc-scene-player__btn-group__btn", { "bc-scene-player__btn-group__btn--disabled": t.value <= 1 }]),
@@ -10883,7 +10900,7 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
             p("path", { d: "M5.5 1.5L1.5 6l4 4.5" })
           ], -1),
           re(" Back ", -1)
-        ])], 10, Jh),
+        ])], 10, nb),
         p("button", {
           type: "button",
           class: O(["bc-scene-player__btn-group__btn bc-scene-player__btn-group__btn--next", { "bc-scene-player__btn-group__btn--disabled": t.value >= e.total }]),
@@ -10904,108 +10921,108 @@ const dh = xe({ name: "ph-caret-up", render: ch }), fh = { class: "scene-timelin
           }, [
             p("path", { d: "M2.5 1.5L6.5 6l-4 4.5" })
           ], -1)
-        ])], 10, eb)
+        ])], 10, ob)
       ]),
-      p("span", tb, A(t.value) + " / " + A(e.total), 1)
+      p("span", ab, A(t.value) + " / " + A(e.total), 1)
     ], 2));
   }
-}), gg = /* @__PURE__ */ z(nb, [["__scopeId", "data-v-e3b3a1d7"]]);
+}), wg = /* @__PURE__ */ z(lb, [["__scopeId", "data-v-e3b3a1d7"]]);
 export {
-  sb as ActionCopyButton,
+  db as ActionCopyButton,
   On as AppIcon,
-  ub as AppIconLayers,
+  fb as AppIconLayers,
   gr as BOOTSTRAP_BREAKPOINTS,
-  db as BcRing,
+  pb as BcRing,
   Ol as ButtonAdd,
-  Ob as ButtonClose,
+  Nb as ButtonClose,
   Na as ButtonGroupEntriesKey,
   xt as ButtonIcon,
   is as ButtonIconCounter,
-  Eb as ButtonRedo,
-  Hb as ButtonUndo,
-  de as ChartType,
-  Pb as DisplayChartType,
-  Ib as DisplayChartTypeBadge,
+  zb as ButtonRedo,
+  Ub as ButtonUndo,
+  ce as ChartType,
+  Db as DisplayChartType,
+  Vb as DisplayChartTypeBadge,
   Io as DisplayColorSwatch,
-  Tb as DisplayContrastBadge,
-  Mb as DisplayDate,
-  Lb as DisplayNumber,
+  Fb as DisplayContrastBadge,
+  Tb as DisplayDate,
+  Ib as DisplayNumber,
   Xc as DisplayPalette,
-  Ab as DisplayRange,
-  Sb as DisplayValue,
+  Pb as DisplayRange,
+  Lb as DisplayValue,
   za as DropdownEntriesKey,
-  Nb as FeedbackEmptyState,
+  Yb as FeedbackEmptyState,
   gn as FeedbackSkeleton,
-  hb as FormControlButtonGroup,
-  bb as FormControlButtonGroupEntry,
-  fb as FormControlCheckbox,
-  vb as FormControlColorInput,
+  yb as FormControlButtonGroup,
+  _b as FormControlButtonGroupEntry,
+  mb as FormControlCheckbox,
+  hb as FormControlColorInput,
   Rl as FormControlColorInputPopover,
-  $b as FormControlColorblindPicker,
-  mb as FormControlColorsInput,
-  Bb as FormControlDateFormat,
-  pb as FormControlDirectionPicker,
+  Sb as FormControlColorblindPicker,
+  gb as FormControlColorsInput,
+  Ab as FormControlDateFormat,
+  bb as FormControlDirectionPicker,
   Hn as FormControlDropdown,
-  _b as FormControlDropdownEntry,
+  xb as FormControlDropdownEntry,
   Bc as FormControlDropdownItem,
-  Cb as FormControlNumberFormat,
-  kb as FormControlPalette,
-  xb as FormControlPaletteEntry,
-  gb as FormControlSliderInput,
-  wb as FormControlTextInput,
-  yb as FormControlUnitsInput,
-  cg as GalleryCard,
-  dg as GalleryGrid,
+  Mb as FormControlNumberFormat,
+  Cb as FormControlPalette,
+  Bb as FormControlPaletteEntry,
+  wb as FormControlSliderInput,
+  $b as FormControlTextInput,
+  kb as FormControlUnitsInput,
+  vg as GalleryCard,
+  pg as GalleryGrid,
   Ya as IconRailEntriesKey,
   br as IconSize,
-  zb as LayoutBottomDrawer,
-  Ub as LayoutPanel,
-  Yb as LayoutToolbarSeparator,
-  ig as ListItemActions,
-  p0 as ListItemRow,
-  sg as ListSelectPanel,
-  ug as ListSeriesRow,
-  Gb as NavigationCommandBar,
-  Xb as NavigationDocsBar,
-  Kb as NavigationIconRail,
-  Zb as NavigationIconRailEntry,
-  Qb as NavigationLink,
-  Jb as NavigationMarketingBar,
-  eg as NavigationSearchPill,
-  ng as NavigationSectionDropdown,
-  tg as NavigationSectionTabs,
-  jp as NavigationSegmentedControl,
-  og as NavigationSidebar,
-  ag as NavigationSidebarGroup,
-  lg as NavigationSidebarItem,
-  Wb as NavigationStepperTabs,
-  qb as NavigationToggle,
-  jb as NavigationToggleOption,
-  rg as NavigationWorkspaceSwitcher,
+  Wb as LayoutBottomDrawer,
+  qb as LayoutPanel,
+  jb as LayoutToolbarSeparator,
+  cg as ListItemActions,
+  b0 as ListItemRow,
+  dg as ListSelectPanel,
+  fg as ListSeriesRow,
+  Zb as NavigationCommandBar,
+  Qb as NavigationDocsBar,
+  Jb as NavigationIconRail,
+  eg as NavigationIconRailEntry,
+  tg as NavigationLink,
+  ng as NavigationMarketingBar,
+  og as NavigationSearchPill,
+  lg as NavigationSectionDropdown,
+  ag as NavigationSectionTabs,
+  Kp as NavigationSegmentedControl,
+  rg as NavigationSidebar,
+  ig as NavigationSidebarGroup,
+  sg as NavigationSidebarItem,
+  Gb as NavigationStepperTabs,
+  Xb as NavigationToggle,
+  Kb as NavigationToggleOption,
+  ug as NavigationWorkspaceSwitcher,
   Ua as PaletteEntriesKey,
-  pg as SceneList,
-  $h as SceneListItem,
-  gg as ScenePlayerButtons,
-  hg as ScenePlayerDotStepper,
-  bg as ScenePlayerMinimalArrows,
-  mg as ScenePlayerProgressBar,
-  fg as SceneTimeline,
-  vg as SceneTimelineCompact,
+  bg as SceneList,
+  Sh as SceneListItem,
+  wg as ScenePlayerButtons,
+  yg as ScenePlayerDotStepper,
+  _g as ScenePlayerMinimalArrows,
+  gg as ScenePlayerProgressBar,
+  mg as SceneTimeline,
+  hg as SceneTimelineCompact,
   No as SceneTimelineControls,
-  N0 as SceneTimelineItem,
-  Vb as SectionCard,
-  Db as SectionGroup,
-  Ev as SectionTitle,
-  Rb as SettingsSection,
-  Kv as SettingsSectionDescription,
-  op as SettingsSectionIcon,
-  ep as SettingsSectionTitle,
-  cb as StippleDefs,
+  Y0 as SceneTimelineItem,
+  Eb as SectionCard,
+  Ob as SectionGroup,
+  zv as SectionTitle,
+  Hb as SettingsSection,
+  Jv as SettingsSectionDescription,
+  rp as SettingsSectionIcon,
+  op as SettingsSectionTitle,
+  vb as StippleDefs,
   Wa as ToggleEntriesKey,
   Zl as getChartTypeLabel,
   ga as isHexColor,
-  ib as useBreakpoint,
+  cb as useBreakpoint,
   rn as useChildEntriesProvider,
   sn as useChildEntry,
-  Fb as withoutTransitions
+  Rb as withoutTransitions
 };