@blueprint-chart/ui 2.17.1 → 2.18.0

package/dist/index.js

@@ -3,7 +3,7 @@ var Kl = (e, t, n) => t in e ? Xl(e, t, { enumerable: !0, configurable: !0, writ
 var We = (e, t, n) => Kl(e, typeof t != "symbol" ? t + "" : t, n);
 import { BPopover as Zl, BTooltip as Ql, BBadge as Jl, BButton as Hn } from "bootstrap-vue-next";
 import * as Ia from "vue";
-import { ref as ce, provide as nn, inject as Ie, getCurrentInstance as Mn, onMounted as Pn, watch as Se, onBeforeUnmount as uo, computed as y, shallowRef as Ce, watchEffect as er, toValue as de, effectScope as tr, getCurrentScope as nr, onScopeDispose as or, isRef as In, unref as i, readonly as Te, toRef as dt, defineComponent as T, useAttrs as Ut, openBlock as f, createBlock as R, resolveDynamicComponent as $e, mergeProps as he, withCtx as O, renderSlot as L, useSlots as ft, normalizeClass as E, createElementBlock as g, createTextVNode as le, toDisplayString as P, createCommentVNode as D, useTemplateRef as we, useModel as ne, Fragment as ae, createVNode as q, mergeModels as Z, useId as Aa, nextTick as He, onUnmounted as Fa, h as Da, Teleport as ar, createElementVNode as p, normalizeProps as tt, guardReactiveProps as nt, Transition as co, withDirectives as kt, normalizeStyle as Ae, vShow as Oa, createSlots as ut, markRaw as ge, renderList as be, vModelCheckbox as Ra, withModifiers as Vt, onActivated as lr, reactive as rr, vModelText as no, resolveComponent as fo } from "vue";
+import { ref as ce, provide as nn, inject as Ie, getCurrentInstance as Mn, onMounted as Pn, watch as Se, onBeforeUnmount as uo, computed as y, shallowRef as Ce, watchEffect as er, toValue as de, effectScope as tr, getCurrentScope as nr, onScopeDispose as or, isRef as In, unref as i, readonly as Te, toRef as dt, defineComponent as T, useAttrs as Ut, openBlock as f, createBlock as R, resolveDynamicComponent as $e, mergeProps as he, withCtx as O, renderSlot as L, useSlots as ft, normalizeClass as N, createElementBlock as g, createTextVNode as le, toDisplayString as P, createCommentVNode as D, useTemplateRef as we, useModel as ne, Fragment as ae, createVNode as q, mergeModels as Z, useId as Aa, nextTick as He, onUnmounted as Fa, h as Da, Teleport as ar, createElementVNode as p, normalizeProps as tt, guardReactiveProps as nt, Transition as co, withDirectives as kt, normalizeStyle as Ae, vShow as Oa, createSlots as ut, markRaw as ge, renderList as be, vModelCheckbox as Ra, withModifiers as Vt, onActivated as lr, reactive as rr, vModelText as no, resolveComponent as fo } from "vue";
 import { useMediaQuery as ir, onClickOutside as sr, useElementBounding as ur, useResizeObserver as cr, useEventListener as No } from "@vueuse/core";
 var dr = /* @__PURE__ */ ((e) => (e.Xxs = "2xs", e.Xs = "xs", e.Sm = "sm", e.Md = "md", e.Lg = "lg", e.Xl = "xl", e.Xxl = "2xl", e))(dr || {}), se = /* @__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.DotPlot = "dot-plot", e))(se || {});
 function on(e) {
@@ -46,7 +46,7 @@ const Va = Symbol("ButtonGroupEntries"), Na = Symbol("DropdownEntries"), Ea = Sy
   xl: 1200,
   xxl: 1400
 };
-function Ah(e = "md") {
+function Th(e = "md") {
   const t = typeof e == "number" ? e : vr[e];
   return { isNarrow: ir(`(max-width: ${t - 1}px)`) };
 }
@@ -605,7 +605,7 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
       { [`spinner-${t.type}-sm`]: t.small }
     ]), l = y(() => !el(n.label));
     return (r, c) => (f(), R($e(i(t).tag), {
-      class: E(a.value),
+      class: N(a.value),
       role: i(t).label || l.value ? i(t).role : null,
       "aria-hidden": i(t).label || l.value ? null : !0
     }, {
@@ -791,7 +791,7 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
       "btn-group-vertical": t.vertical
     }));
     return (o, a) => (f(), R($e(i(t).tag), {
-      class: E(n.value),
+      class: N(n.value),
       role: "group",
       "aria-label": i(t).ariaLabel
     }, {
@@ -1047,7 +1047,7 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
         _.value || (u.value = !1);
       }), $ == null || $(k || ""), B = void 0, $ = void 0, k = void 0;
     }
-  ], N = y(() => _.value === !0 || Ue.value === !0 || t.lazy === !1 || t.lazy === !0 && ie.value === !0 && t.unmountLazy === !1), X = ce(!1), Q = ce(!1), M = ce(!1), ye = {
+  ], V = y(() => _.value === !0 || Ue.value === !0 || t.lazy === !1 || t.lazy === !0 && ie.value === !0 && t.unmountLazy === !1), X = ce(!1), Q = ce(!1), M = ce(!1), ye = {
     ...l.transitionProps,
     onBeforeEnter: Oe,
     onEnter: xe,
@@ -1086,7 +1086,7 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
     },
     lazyLoadCompleted: Te(ie),
     markLazyLoadCompleted: fe,
-    contentShowing: N,
+    contentShowing: V,
     backdropReady: Te(M),
     backdropVisible: Te(Q),
     backdropTransitionProps: {
@@ -2515,11 +2515,11 @@ var $n = (e, t = Zt()) => {
         isOutside: !me || Re.value < me.left + Pe - ve || Re.value > me.right + Pe + ve || qe.value < me.top + Fe - ve || qe.value > me.bottom + Fe + ve
       };
     };
-    let N;
+    let V;
     const X = (K) => {
       var Fe, ht;
       const { triggerIsOutside: me, isOutside: ve } = mt(), Pe = Zt();
-      !o.noninteractive && ve && me && Pe && !((Fe = d.value) != null && Fe.contains(Pe.activeElement)) && (!ye.value.focus || !((ht = w.value) != null && ht.contains(Pe.activeElement))) || o.noninteractive && me ? H(K == null ? void 0 : K.type) : (N && clearTimeout(N), N = setTimeout(() => {
+      !o.noninteractive && ve && me && Pe && !((Fe = d.value) != null && Fe.contains(Pe.activeElement)) && (!ye.value.focus || !((ht = w.value) != null && ht.contains(Pe.activeElement))) || o.noninteractive && me ? H(K == null ? void 0 : K.type) : (V && clearTimeout(V), V = setTimeout(() => {
         X(K);
       }, 50));
     };
@@ -2606,7 +2606,7 @@ var $n = (e, t = Zt()) => {
             style: i(I)
           }), [p("div", {
             ref: "_arrow",
-            class: E(`${i(o).tooltip ? "tooltip" : "popover"}-arrow`),
+            class: N(`${i(o).tooltip ? "tooltip" : "popover"}-arrow`),
             style: Ae(W.value),
             "data-popper-arrow": ""
           }, null, 6), p("div", {
@@ -2615,10 +2615,10 @@ var $n = (e, t = Zt()) => {
             style: Ae(B.value)
           }, [i(o).title || l.title ? (f(), g("div", {
             key: 0,
-            class: E(["position-sticky top-0", [i(o).tooltip ? "tooltip-inner" : "popover-header", i(o).titleClass]])
+            class: N(["position-sticky top-0", [i(o).tooltip ? "tooltip-inner" : "popover-header", i(o).titleClass]])
           }, [L(K.$slots, "title", tt(nt(ke.value)), () => [le(P(i(o).title), 1)])], 2)) : D("", !0), i(o).tooltip && !l.title && !i(o).title || !i(o).tooltip ? (f(), g("div", {
             key: 1,
-            class: E([i(o).tooltip ? "tooltip-inner" : "popover-body", i(o).bodyClass])
+            class: N([i(o).tooltip ? "tooltip-inner" : "popover-body", i(o).bodyClass])
           }, [L(K.$slots, "default", tt(nt(ke.value)), () => [le(P(i(o).body) + P(i(r).content), 1)])], 2)) : D("", !0)], 4)], 16, Ki), [[Oa, i(A) && !u.value]])]),
           _: 3
         }, 16, ["appear"])) : D("", !0)]),
@@ -3054,7 +3054,7 @@ const ns = /* @__PURE__ */ T({
       "app-icon--fade": t.fade
     }));
     return (d, v) => (f(), g("span", {
-      class: E(["app-icon", i(u)]),
+      class: N(["app-icon", i(u)]),
       style: Ae(i(s)),
       onMouseenter: v[0] || (v[0] = (h) => n.value = !0),
       onMouseleave: v[1] || (v[1] = (h) => n.value = e.hover ?? !1)
@@ -3062,12 +3062,12 @@ const ns = /* @__PURE__ */ T({
       e.name ? (f(), R($e(e.name), { key: 0 })) : L(d.$slots, "default", {}, void 0, !0, 1)
     ], 38));
   }
-}), V = (e, t) => {
+}), E = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, a] of t)
     n[o] = a;
   return n;
-}, Vn = /* @__PURE__ */ V(os, [["__scopeId", "data-v-f27b290d"]]), as = {
+}, Vn = /* @__PURE__ */ E(os, [["__scopeId", "data-v-f27b290d"]]), as = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -3212,7 +3212,7 @@ const rs = ge({ name: "ph-circle-notch", render: ls }), is = {
       }, 16, ["id", "class", "aria-label"]);
     };
   }
-}), _t = /* @__PURE__ */ V(ss, [["__scopeId", "data-v-a6bf2e3b"]]), us = {
+}), _t = /* @__PURE__ */ E(ss, [["__scopeId", "data-v-a6bf2e3b"]]), us = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -3238,7 +3238,7 @@ function vs(e, t) {
     }, null, -1)
   ])]);
 }
-const $l = ge({ name: "ph-check", render: vs }), Fh = /* @__PURE__ */ T({
+const $l = ge({ name: "ph-check", render: vs }), Mh = /* @__PURE__ */ T({
   __name: "ActionCopyButton",
   props: {
     text: {},
@@ -3281,13 +3281,13 @@ const $l = ge({ name: "ph-check", render: vs }), Fh = /* @__PURE__ */ T({
       [`app-icon-layers--size-${t.size}`]: !n.value
     }));
     return (l, r) => (f(), g("span", {
-      class: E(["app-icon-layers", i(a)]),
+      class: N(["app-icon-layers", i(a)]),
       style: Ae(i(o))
     }, [
       L(l.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), Dh = /* @__PURE__ */ V(ps, [["__scopeId", "data-v-f5f17f04"]]), ms = {
+}), Ph = /* @__PURE__ */ E(ps, [["__scopeId", "data-v-f5f17f04"]]), ms = {
   width: "0",
   height: "0",
   style: { position: "absolute" },
@@ -3295,7 +3295,7 @@ const $l = ge({ name: "ph-check", render: vs }), Fh = /* @__PURE__ */ T({
 }, hs = ["id"], bs = ["baseFrequency", "seed"], gs = {
   in: "na",
   result: "nm"
-}, ys = ["amplitude", "exponent"], Oh = /* @__PURE__ */ T({
+}, ys = ["amplitude", "exponent"], Ih = /* @__PURE__ */ T({
   __name: "StippleDefs",
   setup(e) {
     const t = [
@@ -3356,7 +3356,7 @@ const $l = ge({ name: "ph-check", render: vs }), Fh = /* @__PURE__ */ T({
   setup(e) {
     const t = Aa(), n = `bc-ring-field-${t}`, o = `bc-ring-paper-${t}`;
     return (a, l) => (f(), g("div", {
-      class: E(["bc-ring", { "bc-ring--inline": e.inline }])
+      class: N(["bc-ring", { "bc-ring--inline": e.inline }])
     }, [
       (f(), g("svg", _s, [
         p("defs", null, [
@@ -3414,7 +3414,7 @@ const $l = ge({ name: "ph-check", render: vs }), Fh = /* @__PURE__ */ T({
       ])
     ], 2));
   }
-}), Rh = /* @__PURE__ */ V($s, [["__scopeId", "data-v-0cc2eca8"]]);
+}), Ah = /* @__PURE__ */ E($s, [["__scopeId", "data-v-0cc2eca8"]]);
 var kl = (e, t) => y(() => {
   const n = de(e), o = de(t);
   return n === !0 ? "true" : typeof n == "string" ? n : o === !1 ? "true" : n === !1 ? "false" : void 0;
@@ -3540,7 +3540,7 @@ var kl = (e, t) => y(() => {
       [`order-${t.order}`]: t.order !== void 0,
       [`align-self-${t.alignSelf}`]: t.alignSelf !== void 0
     }]);
-    return (a, l) => (f(), R($e(i(t).tag), { class: E(o.value) }, {
+    return (a, l) => (f(), R($e(i(t).tag), { class: N(o.value) }, {
       default: O(() => [L(a.$slots, "default")]),
       _: 3
     }, 8, ["class"]));
@@ -3604,7 +3604,7 @@ var kl = (e, t) => y(() => {
       role: i(t).role,
       "aria-live": i(t).ariaLive,
       "aria-atomic": i(t).ariaLive ? !0 : void 0,
-      class: E(o.value)
+      class: N(o.value)
     }, {
       default: O(() => [L(a.$slots, "default", {}, () => [le(P(i(t).text), 1)])]),
       _: 3
@@ -3642,7 +3642,7 @@ var kl = (e, t) => y(() => {
     const t = Le(e, "BFormText"), n = Yt(t), o = y(() => [n.value, { "form-text": !t.inline }]);
     return (a, l) => (f(), R($e(i(t).tag), {
       id: i(t).id,
-      class: E(o.value)
+      class: N(o.value)
     }, {
       default: O(() => [L(a.$slots, "default", {}, () => [le(P(i(t).text), 1)])]),
       _: 3
@@ -3680,7 +3680,7 @@ var kl = (e, t) => y(() => {
       role: i(t).role,
       "aria-live": i(t).ariaLive,
       "aria-atomic": i(t).ariaLive ? !0 : void 0,
-      class: E(o.value)
+      class: N(o.value)
     }, {
       default: O(() => [L(a.$slots, "default", {}, () => [le(P(i(t).text), 1)])]),
       _: 3
@@ -3784,7 +3784,7 @@ var kl = (e, t) => y(() => {
       id: e.labelId,
       for: e.computedLabelFor || null,
       tabindex: e.isFieldset ? "-1" : null,
-      class: E(e.labelClasses),
+      class: N(e.labelClasses),
       onClick: a[1] || (a[1] = (l) => e.isFieldset ? (r) => n("legendClick", r) : void 0)
     }, {
       default: O(() => [L(o.$slots, "label", {}, () => [le(P(e.label), 1)])]),
@@ -4306,14 +4306,14 @@ var kl = (e, t) => y(() => {
         }, c.value.inputAttrs), null, 16, Ds), [[Ra, $.value]]), b.value ? (f(), g("label", {
           key: 0,
           for: i(s),
-          class: E(i(J))
+          class: N(i(J))
         }, [L(H.$slots, "default")], 10, Os)) : D("", !0)];
       }),
       _: 3
     }, 16, ["skip", "class"]));
   }
 });
-const Vh = /* @__PURE__ */ T({
+const Fh = /* @__PURE__ */ T({
   __name: "FormControlCheckbox",
   props: /* @__PURE__ */ Z({
     label: {}
@@ -4718,7 +4718,7 @@ const nu = {
       ]))), 128))
     ])) : D("", !0);
   }
-}), ru = /* @__PURE__ */ V(lu, [["__scopeId", "data-v-3c27652a"]]), iu = { class: "form-control-color-input-picker" }, su = ["aria-valuetext"], uu = ["value"], cu = ["value"], du = 0.01, fu = 0.1, vu = /* @__PURE__ */ T({
+}), ru = /* @__PURE__ */ E(lu, [["__scopeId", "data-v-3c27652a"]]), iu = { class: "form-control-color-input-picker" }, su = ["aria-valuetext"], uu = ["value"], cu = ["value"], du = 0.01, fu = 0.1, vu = /* @__PURE__ */ T({
   __name: "FormControlColorInputPicker",
   props: {
     modelValue: { required: !0 },
@@ -4824,7 +4824,7 @@ const nu = {
       q(ru, { onPick: $ })
     ]));
   }
-}), pu = /* @__PURE__ */ V(vu, [["__scopeId", "data-v-69571090"]]), mu = /* @__PURE__ */ T({
+}), pu = /* @__PURE__ */ E(vu, [["__scopeId", "data-v-69571090"]]), mu = /* @__PURE__ */ T({
   __name: "FormControlColorInputPopover",
   props: /* @__PURE__ */ Z({
     target: {},
@@ -4871,7 +4871,7 @@ const nu = {
       _: 1
     }, 8, ["modelValue", "target", "placement", "click", "manual"]));
   }
-}), Pl = /* @__PURE__ */ V(mu, [["__scopeId", "data-v-ff5bf96d"]]), hu = { class: "form-control-color-input__wrapper" }, bu = ["id", "value"], gu = /* @__PURE__ */ T({
+}), Pl = /* @__PURE__ */ E(mu, [["__scopeId", "data-v-ff5bf96d"]]), hu = { class: "form-control-color-input__wrapper" }, bu = ["id", "value"], gu = /* @__PURE__ */ T({
   __name: "FormControlColorInput",
   props: /* @__PURE__ */ Z({
     label: {},
@@ -4919,7 +4919,7 @@ const nu = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), Nh = /* @__PURE__ */ V(gu, [["__scopeId", "data-v-acfb201d"]]), yu = ["data-d", "title"], _u = /* @__PURE__ */ T({
+}), Dh = /* @__PURE__ */ E(gu, [["__scopeId", "data-v-acfb201d"]]), yu = ["data-d", "title"], _u = /* @__PURE__ */ T({
   __name: "FormControlDirectionPickerHandle",
   props: {
     pos: {},
@@ -4932,13 +4932,13 @@ const nu = {
     const t = e, n = y(() => `direction-picker-handle--${t.shape}`);
     return (o, a) => (f(), g("button", {
       type: "button",
-      class: E(["direction-picker-handle", [i(n), { "direction-picker-handle--active": e.active }]]),
+      class: N(["direction-picker-handle", [i(n), { "direction-picker-handle--active": e.active }]]),
       "data-d": e.pos,
       title: e.label,
       onClick: a[0] || (a[0] = Vt((l) => o.$emit("select"), ["stop", "prevent"]))
     }, null, 10, yu));
   }
-}), wu = /* @__PURE__ */ V(_u, [["__scopeId", "data-v-8759d6f9"]]), xu = { class: "direction-picker-field" }, $u = /* @__PURE__ */ T({
+}), wu = /* @__PURE__ */ E(_u, [["__scopeId", "data-v-8759d6f9"]]), xu = { class: "direction-picker-field" }, $u = /* @__PURE__ */ T({
   __name: "FormControlDirectionPickerField",
   props: {
     x: {},
@@ -4964,7 +4964,7 @@ const nu = {
       }, null, 4)
     ]));
   }
-}), ku = /* @__PURE__ */ V($u, [["__scopeId", "data-v-d76663c3"]]), Cu = /* @__PURE__ */ T({
+}), ku = /* @__PURE__ */ E($u, [["__scopeId", "data-v-d76663c3"]]), Cu = /* @__PURE__ */ T({
   __name: "FormControlDirectionPicker",
   props: /* @__PURE__ */ Z({
     label: {},
@@ -4994,7 +4994,7 @@ const nu = {
       }, {
         default: O(() => [
           p("div", {
-            class: E(["direction-picker__anchor", i(l)])
+            class: N(["direction-picker__anchor", i(l)])
           }, [
             q(s, {
               x: i(a).x,
@@ -5014,7 +5014,7 @@ const nu = {
       }, 8, ["label"]);
     };
   }
-}), Eh = /* @__PURE__ */ V(Cu, [["__scopeId", "data-v-061e1227"]]), Bu = /* @__PURE__ */ T({
+}), Oh = /* @__PURE__ */ E(Cu, [["__scopeId", "data-v-061e1227"]]), Bu = /* @__PURE__ */ T({
   __name: "DisplayColorSwatch",
   props: {
     color: {},
@@ -5027,11 +5027,11 @@ const nu = {
       "display-color-swatch--bordered": t.bordered
     }));
     return (o, a) => (f(), g("span", {
-      class: E(["display-color-swatch", i(n)]),
+      class: N(["display-color-swatch", i(n)]),
       style: Ae({ backgroundColor: e.color })
     }, null, 6));
   }
-}), To = /* @__PURE__ */ V(Bu, [["__scopeId", "data-v-68c3e1ab"]]), Su = {
+}), To = /* @__PURE__ */ E(Bu, [["__scopeId", "data-v-68c3e1ab"]]), Su = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -5058,7 +5058,7 @@ const Tu = ge({ name: "ph-plus", render: Lu }), Mu = /* @__PURE__ */ T({
         "icon-left": i(Tu),
         label: e.label,
         variant: "primary",
-        class: E(["button-add", { "button-add--sm": e.size === "sm" }]),
+        class: N(["button-add", { "button-add--sm": e.size === "sm" }]),
         onClick: n[0] || (n[0] = (a) => t.$emit("click"))
       }, {
         default: O(() => [
@@ -5068,7 +5068,7 @@ const Tu = ge({ name: "ph-plus", render: Lu }), Mu = /* @__PURE__ */ T({
       }, 8, ["icon-left", "label", "class"]);
     };
   }
-}), Il = /* @__PURE__ */ V(Mu, [["__scopeId", "data-v-f4d68b46"]]), Pu = { class: "d-flex flex-wrap gap-1" }, Iu = ["aria-label", "onClick"], Au = { class: "form-control-colors-input__tag__edit__hex" }, Fu = ["aria-label", "disabled", "onClick"], Du = /* @__PURE__ */ T({
+}), Il = /* @__PURE__ */ E(Mu, [["__scopeId", "data-v-f4d68b46"]]), Pu = { class: "d-flex flex-wrap gap-1" }, Iu = ["aria-label", "onClick"], Au = { class: "form-control-colors-input__tag__edit__hex" }, Fu = ["aria-label", "disabled", "onClick"], Du = /* @__PURE__ */ T({
   __name: "FormControlColorsInput",
   props: /* @__PURE__ */ Z({
     label: {},
@@ -5160,7 +5160,7 @@ const Tu = ge({ name: "ph-plus", render: Lu }), Mu = /* @__PURE__ */ T({
       }, 8, ["label", "label-for"]);
     };
   }
-}), Hh = /* @__PURE__ */ V(Du, [["__scopeId", "data-v-62b955a6"]]);
+}), Rh = /* @__PURE__ */ E(Du, [["__scopeId", "data-v-62b955a6"]]);
 var Ou = { class: "visually-hidden" }, Ru = [
   "id",
   "aria-labelledby",
@@ -5310,7 +5310,7 @@ var Ou = { class: "visually-hidden" }, Ru = [
       passive: !0
     });
     const A = (ee, Oe) => {
-      var Re, qe, mt, N, X, Q, M;
+      var Re, qe, mt, V, X, Q, M;
       if ((qe = d.value) != null && qe.contains((Re = ee.target) == null ? void 0 : Re.closest("form")) || /input|select|option|textarea|form/i.test((mt = ee.target) == null ? void 0 : mt.tagName)) return;
       if (ee.preventDefault(), !m.value) {
         B();
@@ -5319,7 +5319,7 @@ var Ou = { class: "visually-hidden" }, Ru = [
         }, 16);
         return;
       }
-      const xe = (N = d.value) == null ? void 0 : N.querySelectorAll(".dropdown-item:not(.disabled):not(:disabled)"), Ye = Zt();
+      const xe = (V = d.value) == null ? void 0 : V.querySelectorAll(".dropdown-item:not(.disabled):not(:disabled)"), Ye = Zt();
       if (!(!xe || !Ye))
         if ((X = d.value) != null && X.contains(Ye.activeElement)) {
           const ye = d.value.querySelector(".dropdown-item:focus"), oe = Array.prototype.indexOf.call(xe, ye) + Oe;
@@ -5402,7 +5402,7 @@ var Ou = { class: "visually-hidden" }, Ru = [
       var xe;
       return f(), R(Bo, {
         skip: i(c) || i(o).noWrapper,
-        class: E(te.value),
+        class: N(te.value),
         role: (xe = i(Y)) == null ? void 0 : xe.role
       }, {
         default: O(() => [
@@ -5471,7 +5471,7 @@ var Ou = { class: "visually-hidden" }, Ru = [
                   H.value,
                   { display: i(m) || i(W) ? "block" : "none" }
                 ]),
-                class: E(["dropdown-menu overflow-auto b-floating-size", [i(o).menuClass, J.value]]),
+                class: N(["dropdown-menu overflow-auto b-floating-size", [i(o).menuClass, J.value]]),
                 "aria-labelledby": i(l),
                 role: i(o).role,
                 onClick: Ue
@@ -5707,11 +5707,11 @@ const Hu = { class: "form-control-dropdown-item__content" }, zu = { class: "form
             })) : D("", !0),
             p("div", zu, [
               p("span", {
-                class: E(["form-control-dropdown-item__content__text__label", i(n)])
+                class: N(["form-control-dropdown-item__content__text__label", i(n)])
               }, P(e.label), 3),
               e.description ? (f(), g("small", {
                 key: 0,
-                class: E(["form-control-dropdown-item__content__text__description", i(o)])
+                class: N(["form-control-dropdown-item__content__text__description", i(o)])
               }, P(e.description), 3)) : D("", !0)
             ]),
             e.visual ? (f(), g("div", Uu, [
@@ -5731,7 +5731,7 @@ const Hu = { class: "form-control-dropdown-item__content" }, zu = { class: "form
       }, 8, ["active"]);
     };
   }
-}), Wu = /* @__PURE__ */ V(qu, [["__scopeId", "data-v-476a12f2"]]), ju = {
+}), Wu = /* @__PURE__ */ E(qu, [["__scopeId", "data-v-476a12f2"]]), ju = {
   key: 0,
   class: "form-control-dropdown__toggle__content"
 }, Gu = /* @__PURE__ */ T({
@@ -5782,7 +5782,7 @@ const Hu = { class: "form-control-dropdown-item__content" }, zu = { class: "form
       return f(), R(x, {
         ref_key: "elementRef",
         ref: r,
-        class: E(["form-control-dropdown", i(d)]),
+        class: N(["form-control-dropdown", i(d)]),
         label: e.label,
         "label-for": e.id,
         size: e.size
@@ -5794,7 +5794,7 @@ const Hu = { class: "form-control-dropdown-item__content" }, zu = { class: "form
             q(m, {
               ref_key: "dropdownRef",
               ref: s,
-              class: E(["form-control-dropdown__toggle", i(v)]),
+              class: N(["form-control-dropdown__toggle", i(v)]),
               size: i(a),
               "menu-class": e.menuClass ?? "form-control-dropdown-menu",
               text: (($ = i(h)) == null ? void 0 : $.label) ?? e.placeholder ?? "",
@@ -5845,7 +5845,7 @@ const Hu = { class: "form-control-dropdown-item__content" }, zu = { class: "form
       }, 8, ["class", "label", "label-for", "size"]);
     };
   }
-}), En = /* @__PURE__ */ V(Gu, [["__scopeId", "data-v-739b7510"]]), Xu = { class: "form-control-button-group__container__buttons__visual bg-body rounded-1" }, Ku = ["src"], Zu = /* @__PURE__ */ T({
+}), En = /* @__PURE__ */ E(Gu, [["__scopeId", "data-v-739b7510"]]), Xu = { class: "form-control-button-group__container__buttons__visual bg-body rounded-1" }, Ku = ["src"], Zu = /* @__PURE__ */ T({
   __name: "FormControlButtonGroup",
   props: /* @__PURE__ */ Z({
     label: {},
@@ -5903,10 +5903,10 @@ const Hu = { class: "form-control-dropdown-item__content" }, zu = { class: "form
           p("div", {
             ref_key: "containerRef",
             ref: l,
-            class: E(["form-control-button-group__container", i(c)])
+            class: N(["form-control-button-group__container", i(c)])
           }, [
             q(b, {
-              class: E(["form-control-button-group__container__buttons", i(s)])
+              class: N(["form-control-button-group__container__buttons", i(s)])
             }, {
               default: O(() => [
                 (f(!0), g(ae, null, be(i(a), (x) => (f(), R(w, {
@@ -5918,7 +5918,7 @@ const Hu = { class: "form-control-dropdown-item__content" }, zu = { class: "form
                   "tooltip-label": x.description,
                   "show-tooltip-force": !!x.description,
                   variant: "primary",
-                  class: E(u(x.value)),
+                  class: N(u(x.value)),
                   "aria-pressed": t.value === x.value,
                   tabindex: i(r) ? -1 : void 0,
                   onClick: ($) => t.value = x.value
@@ -5952,7 +5952,7 @@ const Hu = { class: "form-control-dropdown-item__content" }, zu = { class: "form
       }, 8, ["label"]);
     };
   }
-}), zh = /* @__PURE__ */ V(Zu, [["__scopeId", "data-v-616a6504"]]), Uh = /* @__PURE__ */ T({
+}), Vh = /* @__PURE__ */ E(Zu, [["__scopeId", "data-v-616a6504"]]), Nh = /* @__PURE__ */ T({
   __name: "FormControlButtonGroupEntry",
   props: {
     value: {},
@@ -6166,7 +6166,7 @@ var tc = (e, t) => {
       id: i(c),
       ref: "_input",
       value: i(o),
-      class: E(b.value),
+      class: N(b.value),
       name: i(n).name || void 0,
       form: i(n).form || void 0,
       type: i(n).type,
@@ -6240,7 +6240,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), Yh = /* @__PURE__ */ V(rc, [["__scopeId", "data-v-7277a268"]]), ic = { class: "form-control-units-input__row" }, sc = { class: "form-control-units-input__row__group" }, uc = /* @__PURE__ */ T({
+}), Eh = /* @__PURE__ */ E(rc, [["__scopeId", "data-v-7277a268"]]), ic = { class: "form-control-units-input__row" }, sc = { class: "form-control-units-input__row__group" }, uc = /* @__PURE__ */ T({
   __name: "FormControlUnitsInput",
   props: /* @__PURE__ */ Z({
     label: {},
@@ -6326,7 +6326,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), qh = /* @__PURE__ */ V(uc, [["__scopeId", "data-v-28a7083b"]]), Wh = /* @__PURE__ */ T({
+}), Hh = /* @__PURE__ */ E(uc, [["__scopeId", "data-v-28a7083b"]]), zh = /* @__PURE__ */ T({
   __name: "FormControlDropdownEntry",
   props: {
     value: {},
@@ -6385,7 +6385,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), jh = /* @__PURE__ */ V(fc, [["__scopeId", "data-v-1748b9a2"]]), vc = { class: "display-palette" }, pc = /* @__PURE__ */ T({
+}), Uh = /* @__PURE__ */ E(fc, [["__scopeId", "data-v-1748b9a2"]]), vc = { class: "display-palette" }, pc = /* @__PURE__ */ T({
   __name: "DisplayPalette",
   props: {
     colors: {},
@@ -6404,7 +6404,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
       ]);
     };
   }
-}), mc = /* @__PURE__ */ V(pc, [["__scopeId", "data-v-41679dbd"]]), hc = { class: "form-control-palette__preview pe-1" }, bc = { class: "form-control-palette__preview__name flex-grow-1" }, gc = { class: "form-control-palette__item" }, yc = { class: "flex-grow-1" }, _c = /* @__PURE__ */ T({
+}), mc = /* @__PURE__ */ E(pc, [["__scopeId", "data-v-41679dbd"]]), hc = { class: "form-control-palette__preview pe-1" }, bc = { class: "form-control-palette__preview__name flex-grow-1" }, gc = { class: "form-control-palette__item" }, yc = { class: "flex-grow-1" }, _c = /* @__PURE__ */ T({
   __name: "FormControlPalette",
   props: /* @__PURE__ */ Z({
     label: { default: void 0 },
@@ -6507,7 +6507,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), Gh = /* @__PURE__ */ V(_c, [["__scopeId", "data-v-73b4dca1"]]), Xh = /* @__PURE__ */ T({
+}), Yh = /* @__PURE__ */ E(_c, [["__scopeId", "data-v-73b4dca1"]]), qh = /* @__PURE__ */ T({
   __name: "FormControlPaletteEntry",
   props: {
     value: {},
@@ -6522,7 +6522,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
       colors: t.colors
     })), (n, o) => L(n.$slots, "default");
   }
-}), Kh = /* @__PURE__ */ T({
+}), Wh = /* @__PURE__ */ T({
   __name: "FormControlColorblindPicker",
   props: /* @__PURE__ */ Z({
     label: {},
@@ -6826,7 +6826,7 @@ const Ic = { class: "form-control-number-format__popover" }, Ac = { class: "form
       }, {
         "button-content": O(() => [
           p("span", {
-            class: E(["form-control-number-format__trigger-text", { "text-secondary": !t.value }])
+            class: N(["form-control-number-format__trigger-text", { "text-secondary": !t.value }])
           }, P(i(u)), 3)
         ]),
         menu: O(() => [
@@ -6838,7 +6838,7 @@ const Ic = { class: "form-control-number-format__popover" }, Ac = { class: "form
               }, [
                 p("div", Fc, P($.label), 1),
                 p("div", {
-                  class: E(["form-control-number-format__popover__preview__cell__value", $.cls])
+                  class: N(["form-control-number-format__popover__preview__cell__value", $.cls])
                 }, P($.formatted), 3)
               ]))), 128))
             ]),
@@ -6848,7 +6848,7 @@ const Ic = { class: "form-control-number-format__popover" }, Ac = { class: "form
                 p("div", Oc, [
                   (f(), g(ae, null, be(l, ($) => p("button", {
                     key: $.label,
-                    class: E(["form-control-number-format__popover__body__chips__chip", { "form-control-number-format__popover__body__chips__chip--active": i(c) === $.label }]),
+                    class: N(["form-control-number-format__popover__body__chips__chip", { "form-control-number-format__popover__body__chips__chip--active": i(c) === $.label }]),
                     onClick: (B) => _($)
                   }, P($.label), 11, Rc)), 64))
                 ])
@@ -6883,7 +6883,7 @@ const Ic = { class: "form-control-number-format__popover" }, Ac = { class: "form
                 p("div", Nc, [
                   (f(), g(ae, null, be(n, ($) => p("button", {
                     key: $,
-                    class: E(["form-control-number-format__popover__body__btn-group__btn", { "form-control-number-format__popover__body__btn-group__btn--active": i(r).decimals === $ }]),
+                    class: N(["form-control-number-format__popover__body__btn-group__btn", { "form-control-number-format__popover__body__btn-group__btn--active": i(r).decimals === $ }]),
                     onClick: (B) => v($)
                   }, P($), 11, Ec)), 64))
                 ])
@@ -6893,7 +6893,7 @@ const Ic = { class: "form-control-number-format__popover" }, Ac = { class: "form
                 p("div", Hc, [
                   (f(), g(ae, null, be(o, ($) => p("button", {
                     key: $.id,
-                    class: E(["form-control-number-format__popover__body__btn-group__btn", { "form-control-number-format__popover__body__btn-group__btn--active": i(r).negStyle === $.id }]),
+                    class: N(["form-control-number-format__popover__body__btn-group__btn", { "form-control-number-format__popover__body__btn-group__btn--active": i(r).negStyle === $.id }]),
                     onClick: (B) => h($.id)
                   }, P($.label), 11, zc)), 64))
                 ])
@@ -6921,7 +6921,7 @@ const Ic = { class: "form-control-number-format__popover" }, Ac = { class: "form
       }, 8, ["id", "modelValue", "label", "block"]);
     };
   }
-}), Zh = /* @__PURE__ */ V(Wc, [["__scopeId", "data-v-fd094681"]]), Qn = /* @__PURE__ */ new Date(), Jn = /* @__PURE__ */ new Date();
+}), jh = /* @__PURE__ */ E(Wc, [["__scopeId", "data-v-fd094681"]]), Qn = /* @__PURE__ */ new Date(), Jn = /* @__PURE__ */ new Date();
 function it(e, t, n, o) {
   function a(l) {
     return e(l = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+l)), l;
@@ -7139,17 +7139,17 @@ function ad(e) {
     "%": wd
   };
   $.x = I(n, $), $.X = I(o, $), $.c = I(t, $), B.x = I(n, B), B.X = I(o, B), B.c = I(t, B);
-  function I(N, X) {
+  function I(V, X) {
     return function(Q) {
-      var M = [], ye = -1, oe = 0, Be = N.length, ke, K, me;
+      var M = [], ye = -1, oe = 0, Be = V.length, ke, K, me;
       for (Q instanceof Date || (Q = /* @__PURE__ */ new Date(+Q)); ++ye < Be; )
-        N.charCodeAt(ye) === 37 && (M.push(N.slice(oe, ye)), (K = wa[ke = N.charAt(++ye)]) != null ? ke = N.charAt(++ye) : K = ke === "e" ? " " : "0", (me = X[ke]) && (ke = me(Q, K)), M.push(ke), oe = ye + 1);
-      return M.push(N.slice(oe, ye)), M.join("");
+        V.charCodeAt(ye) === 37 && (M.push(V.slice(oe, ye)), (K = wa[ke = V.charAt(++ye)]) != null ? ke = V.charAt(++ye) : K = ke === "e" ? " " : "0", (me = X[ke]) && (ke = me(Q, K)), M.push(ke), oe = ye + 1);
+      return M.push(V.slice(oe, ye)), M.join("");
     };
   }
-  function k(N, X) {
+  function k(V, X) {
     return function(Q) {
-      var M = Gt(1900, void 0, 1), ye = S(M, N, Q += "", 0), oe, Be;
+      var M = Gt(1900, void 0, 1), ye = S(M, V, Q += "", 0), oe, Be;
       if (ye != Q.length) return null;
       if ("Q" in M) return new Date(M.Q);
       if ("s" in M) return new Date(M.s * 1e3 + ("L" in M ? M.L : 0));
@@ -7160,104 +7160,104 @@ function ad(e) {
       return "Z" in M ? (M.H += M.Z / 100 | 0, M.M += M.Z % 100, to(M)) : eo(M);
     };
   }
-  function S(N, X, Q, M) {
+  function S(V, X, Q, M) {
     for (var ye = 0, oe = X.length, Be = Q.length, ke, K; ye < oe; ) {
       if (M >= Be) return -1;
       if (ke = X.charCodeAt(ye++), ke === 37) {
-        if (ke = X.charAt(ye++), K = U[ke in wa ? X.charAt(ye++) : ke], !K || (M = K(N, Q, M)) < 0) return -1;
+        if (ke = X.charAt(ye++), K = U[ke in wa ? X.charAt(ye++) : ke], !K || (M = K(V, Q, M)) < 0) return -1;
       } else if (ke != Q.charCodeAt(M++))
         return -1;
     }
     return M;
   }
-  function F(N, X, Q) {
+  function F(V, X, Q) {
     var M = u.exec(X.slice(Q));
-    return M ? (N.p = d.get(M[0].toLowerCase()), Q + M[0].length) : -1;
+    return M ? (V.p = d.get(M[0].toLowerCase()), Q + M[0].length) : -1;
   }
-  function W(N, X, Q) {
+  function W(V, X, Q) {
     var M = _.exec(X.slice(Q));
-    return M ? (N.w = C.get(M[0].toLowerCase()), Q + M[0].length) : -1;
+    return M ? (V.w = C.get(M[0].toLowerCase()), Q + M[0].length) : -1;
   }
-  function J(N, X, Q) {
+  function J(V, X, Q) {
     var M = v.exec(X.slice(Q));
-    return M ? (N.w = h.get(M[0].toLowerCase()), Q + M[0].length) : -1;
+    return M ? (V.w = h.get(M[0].toLowerCase()), Q + M[0].length) : -1;
   }
-  function A(N, X, Q) {
+  function A(V, X, Q) {
     var M = m.exec(X.slice(Q));
-    return M ? (N.m = x.get(M[0].toLowerCase()), Q + M[0].length) : -1;
+    return M ? (V.m = x.get(M[0].toLowerCase()), Q + M[0].length) : -1;
   }
-  function H(N, X, Q) {
+  function H(V, X, Q) {
     var M = w.exec(X.slice(Q));
-    return M ? (N.m = b.get(M[0].toLowerCase()), Q + M[0].length) : -1;
+    return M ? (V.m = b.get(M[0].toLowerCase()), Q + M[0].length) : -1;
   }
-  function z(N, X, Q) {
-    return S(N, t, X, Q);
+  function z(V, X, Q) {
+    return S(V, t, X, Q);
   }
-  function G(N, X, Q) {
-    return S(N, n, X, Q);
+  function G(V, X, Q) {
+    return S(V, n, X, Q);
   }
-  function Y(N, X, Q) {
-    return S(N, o, X, Q);
+  function Y(V, X, Q) {
+    return S(V, o, X, Q);
   }
-  function te(N) {
-    return r[N.getDay()];
+  function te(V) {
+    return r[V.getDay()];
   }
-  function ie(N) {
-    return l[N.getDay()];
+  function ie(V) {
+    return l[V.getDay()];
   }
-  function fe(N) {
-    return s[N.getMonth()];
+  function fe(V) {
+    return s[V.getMonth()];
   }
-  function pe(N) {
-    return c[N.getMonth()];
+  function pe(V) {
+    return c[V.getMonth()];
   }
-  function Ue(N) {
-    return a[+(N.getHours() >= 12)];
+  function Ue(V) {
+    return a[+(V.getHours() >= 12)];
   }
-  function ee(N) {
-    return 1 + ~~(N.getMonth() / 3);
+  function ee(V) {
+    return 1 + ~~(V.getMonth() / 3);
   }
-  function Oe(N) {
-    return r[N.getUTCDay()];
+  function Oe(V) {
+    return r[V.getUTCDay()];
   }
-  function xe(N) {
-    return l[N.getUTCDay()];
+  function xe(V) {
+    return l[V.getUTCDay()];
   }
-  function Ye(N) {
-    return s[N.getUTCMonth()];
+  function Ye(V) {
+    return s[V.getUTCMonth()];
   }
-  function Re(N) {
-    return c[N.getUTCMonth()];
+  function Re(V) {
+    return c[V.getUTCMonth()];
   }
-  function qe(N) {
-    return a[+(N.getUTCHours() >= 12)];
+  function qe(V) {
+    return a[+(V.getUTCHours() >= 12)];
   }
-  function mt(N) {
-    return 1 + ~~(N.getUTCMonth() / 3);
+  function mt(V) {
+    return 1 + ~~(V.getUTCMonth() / 3);
   }
   return {
-    format: function(N) {
-      var X = I(N += "", $);
+    format: function(V) {
+      var X = I(V += "", $);
       return X.toString = function() {
-        return N;
+        return V;
       }, X;
     },
-    parse: function(N) {
-      var X = k(N += "", !1);
+    parse: function(V) {
+      var X = k(V += "", !1);
       return X.toString = function() {
-        return N;
+        return V;
       }, X;
     },
-    utcFormat: function(N) {
-      var X = I(N += "", B);
+    utcFormat: function(V) {
+      var X = I(V += "", B);
       return X.toString = function() {
-        return N;
+        return V;
       }, X;
     },
-    utcParse: function(N) {
-      var X = k(N += "", !0);
+    utcParse: function(V) {
+      var X = k(V += "", !0);
       return X.toString = function() {
-        return N;
+        return V;
       }, X;
     }
   };
@@ -7615,7 +7615,7 @@ const cf = { class: "form-control-date-format__popover" }, df = { class: "form-c
       }, {
         "button-content": O(() => [
           p("span", {
-            class: E(["form-control-date-format__trigger-text", { "text-secondary": !t.value }])
+            class: N(["form-control-date-format__trigger-text", { "text-secondary": !t.value }])
           }, P(i(l)), 3)
         ]),
         menu: O(({ hide: v }) => [
@@ -7623,7 +7623,7 @@ const cf = { class: "form-control-date-format__popover" }, df = { class: "form-c
             p("div", df, [
               (f(!0), g(ae, null, be(i(sn), (h) => (f(), g("div", {
                 key: h.fmt,
-                class: E(["form-control-date-format__popover__list__item", { "form-control-date-format__popover__list__item--active": i(n) === h.fmt }]),
+                class: N(["form-control-date-format__popover__list__item", { "form-control-date-format__popover__list__item--active": i(n) === h.fmt }]),
                 onClick: (_) => r(h.fmt, v)
               }, [
                 p("div", vf, [
@@ -7654,7 +7654,7 @@ const cf = { class: "form-control-date-format__popover" }, df = { class: "form-c
       }, 8, ["id", "modelValue", "label", "block"]);
     };
   }
-}), Qh = /* @__PURE__ */ V(_f, [["__scopeId", "data-v-3ca99c6e"]]), wf = { class: "display-value__text" }, xf = {
+}), Gh = /* @__PURE__ */ E(_f, [["__scopeId", "data-v-3ca99c6e"]]), wf = { class: "display-value__text" }, xf = {
   key: 0,
   class: "display-value__unit"
 }, $f = /* @__PURE__ */ T({
@@ -7669,13 +7669,13 @@ const cf = { class: "form-control-date-format__popover" }, df = { class: "form-c
       "display-value--sm": t.size === "sm"
     }));
     return (o, a) => (f(), g("span", {
-      class: E(["display-value", i(n)])
+      class: N(["display-value", i(n)])
     }, [
       p("span", wf, P(e.value), 1),
       e.unit ? (f(), g("span", xf, P(e.unit), 1)) : D("", !0)
     ], 2));
   }
-}), Jh = /* @__PURE__ */ V($f, [["__scopeId", "data-v-d11c1e64"]]), kf = { class: "display-date" }, Cf = /* @__PURE__ */ T({
+}), Xh = /* @__PURE__ */ E($f, [["__scopeId", "data-v-d11c1e64"]]), kf = { class: "display-date" }, Cf = /* @__PURE__ */ T({
   __name: "DisplayDate",
   props: {
     value: {},
@@ -7688,7 +7688,7 @@ const cf = { class: "form-control-date-format__popover" }, df = { class: "form-c
     });
     return (o, a) => (f(), g("span", kf, P(i(n)), 1));
   }
-}), eb = /* @__PURE__ */ V(Cf, [["__scopeId", "data-v-8d8eab36"]]), Bf = { class: "display-range" }, Sf = { class: "display-range__text" }, Lf = { class: "display-range__text" }, Tf = {
+}), Kh = /* @__PURE__ */ E(Cf, [["__scopeId", "data-v-8d8eab36"]]), Bf = { class: "display-range" }, Sf = { class: "display-range__text" }, Lf = { class: "display-range__text" }, Tf = {
   key: 0,
   class: "display-range__unit"
 }, Mf = /* @__PURE__ */ T({
@@ -7706,7 +7706,7 @@ const cf = { class: "form-control-date-format__popover" }, df = { class: "form-c
       e.unit ? (f(), g("span", Tf, P(e.unit), 1)) : D("", !0)
     ]));
   }
-}), tb = /* @__PURE__ */ V(Mf, [["__scopeId", "data-v-500dac2f"]]), Pf = { class: "display-number" }, If = { class: "display-number__text" }, Af = {
+}), Zh = /* @__PURE__ */ E(Mf, [["__scopeId", "data-v-500dac2f"]]), Pf = { class: "display-number" }, If = { class: "display-number__text" }, Af = {
   key: 0,
   class: "display-number__unit"
 }, Ff = /* @__PURE__ */ T({
@@ -7723,7 +7723,7 @@ const cf = { class: "form-control-date-format__popover" }, df = { class: "form-c
       e.unit ? (f(), g("span", Af, P(e.unit), 1)) : D("", !0)
     ]));
   }
-}), nb = /* @__PURE__ */ V(Ff, [["__scopeId", "data-v-0bb9515b"]]), Df = {
+}), Qh = /* @__PURE__ */ E(Ff, [["__scopeId", "data-v-0bb9515b"]]), Df = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -7760,7 +7760,7 @@ const Rf = ge({ name: "ph-info", render: Of }), Vf = { class: "display-contrast-
     return (l, r) => (f(), g("span", {
       ref_key: "badgeRef",
       ref: n,
-      class: E(["display-contrast-badge", i(o)])
+      class: N(["display-contrast-badge", i(o)])
     }, [
       le(P(e.level) + " ", 1),
       p("span", Vf, P(e.ratio), 1),
@@ -7773,7 +7773,7 @@ const Rf = ge({ name: "ph-info", render: Of }), Vf = { class: "display-contrast-
       }, null, 8, ["target", "title"])
     ], 2));
   }
-}), ob = /* @__PURE__ */ V(Nf, [["__scopeId", "data-v-0c7d4e75"]]), Ef = {
+}), Jh = /* @__PURE__ */ E(Nf, [["__scopeId", "data-v-0c7d4e75"]]), Ef = {
   [se.BarVertical]: "Columns",
   [se.BarHorizontal]: "Bars",
   [se.BarMulti]: "Grouped columns",
@@ -7802,7 +7802,7 @@ const Hf = { class: "display-chart-type" }, zf = /* @__PURE__ */ T({
     const t = e, n = y(() => ql(t.chartType));
     return (o, a) => (f(), g("span", Hf, P(i(n)), 1));
   }
-}), ab = /* @__PURE__ */ V(zf, [["__scopeId", "data-v-0f586baf"]]), Uf = {
+}), eb = /* @__PURE__ */ E(zf, [["__scopeId", "data-v-0f586baf"]]), Uf = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -7929,8 +7929,8 @@ const rv = ge({ name: "ph-dots-three-outline", render: lv }), iv = /* @__PURE__
       _: 1
     }, 8, ["variant"]));
   }
-}), lb = /* @__PURE__ */ V(iv, [["__scopeId", "data-v-e6681379"]]);
-function rb(e) {
+}), tb = /* @__PURE__ */ E(iv, [["__scopeId", "data-v-e6681379"]]);
+function nb(e) {
   const t = document.createElement("style");
   t.textContent = "*,*::before,*::after{transition:none!important}", document.head.appendChild(t);
   try {
@@ -7961,18 +7961,18 @@ const sv = {
         le(" " + P(e.eyebrow), 1)
       ]),
       p("h6", {
-        class: E(["section-title", i(n)])
+        class: N(["section-title", i(n)])
       }, [
         L(o.$slots, "default", {}, void 0, !0)
       ], 2)
     ])) : (f(), g("h6", {
       key: 1,
-      class: E(["section-title", i(n)])
+      class: N(["section-title", i(n)])
     }, [
       L(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), dv = /* @__PURE__ */ V(cv, [["__scopeId", "data-v-6703538c"]]), fv = { class: "section-group" }, vv = { class: "section-group__body" }, pv = /* @__PURE__ */ T({
+}), dv = /* @__PURE__ */ E(cv, [["__scopeId", "data-v-6703538c"]]), fv = { class: "section-group" }, vv = { class: "section-group__body" }, pv = /* @__PURE__ */ T({
   __name: "SectionGroup",
   props: {
     title: {},
@@ -7994,7 +7994,7 @@ const sv = {
       ]);
     };
   }
-}), ib = /* @__PURE__ */ V(pv, [["__scopeId", "data-v-c95cceae"]]), mv = { class: "section-card" }, hv = {
+}), ob = /* @__PURE__ */ E(pv, [["__scopeId", "data-v-c95cceae"]]), mv = { class: "section-card" }, hv = {
   key: 0,
   class: "section-card__label"
 }, bv = {
@@ -8014,19 +8014,19 @@ const sv = {
       ])) : D("", !0)
     ]));
   }
-}), sb = /* @__PURE__ */ V(gv, [["__scopeId", "data-v-c4970a7e"]]), yv = {}, _v = { class: "settings-section-description" };
+}), ab = /* @__PURE__ */ E(gv, [["__scopeId", "data-v-c4970a7e"]]), yv = {}, _v = { class: "settings-section-description" };
 function wv(e, t) {
   return f(), g("p", _v, [
     L(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const xv = /* @__PURE__ */ V(yv, [["render", wv], ["__scopeId", "data-v-305c0b8f"]]), $v = {}, kv = { class: "settings-section-title" };
+const xv = /* @__PURE__ */ E(yv, [["render", wv], ["__scopeId", "data-v-305c0b8f"]]), $v = {}, kv = { class: "settings-section-title" };
 function Cv(e, t) {
   return f(), g("h6", kv, [
     L(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Bv = /* @__PURE__ */ V($v, [["render", Cv], ["__scopeId", "data-v-d623ff81"]]), Sv = { class: "settings-section-icon" }, Lv = /* @__PURE__ */ T({
+const Bv = /* @__PURE__ */ E($v, [["render", Cv], ["__scopeId", "data-v-d623ff81"]]), Sv = { class: "settings-section-icon" }, Lv = /* @__PURE__ */ T({
   __name: "SettingsSectionIcon",
   props: {
     icon: {}
@@ -8039,7 +8039,7 @@ const Bv = /* @__PURE__ */ V($v, [["render", Cv], ["__scopeId", "data-v-d623ff81
       ]);
     };
   }
-}), Tv = /* @__PURE__ */ V(Lv, [["__scopeId", "data-v-6ff90dee"]]), Mv = { class: "settings-section" }, Pv = { class: "settings-section__header" }, Iv = { class: "settings-section__header__text" }, Av = {
+}), Tv = /* @__PURE__ */ E(Lv, [["__scopeId", "data-v-6ff90dee"]]), Mv = { class: "settings-section" }, Pv = { class: "settings-section__header" }, Iv = { class: "settings-section__header__text" }, Av = {
   key: 1,
   class: "settings-section__body"
 }, Fv = /* @__PURE__ */ T({
@@ -8081,7 +8081,7 @@ const Bv = /* @__PURE__ */ V($v, [["render", Cv], ["__scopeId", "data-v-d623ff81
       ]);
     };
   }
-}), ub = /* @__PURE__ */ V(Fv, [["__scopeId", "data-v-11c0f809"]]), Dv = {
+}), lb = /* @__PURE__ */ E(Fv, [["__scopeId", "data-v-11c0f809"]]), Dv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -8112,7 +8112,7 @@ const Wl = ge({ name: "ph-x", render: Ov }), Rv = /* @__PURE__ */ T({
       }, null, 8, ["icon-left"]);
     };
   }
-}), cb = /* @__PURE__ */ V(Rv, [["__scopeId", "data-v-93ccc528"]]), Vv = {
+}), rb = /* @__PURE__ */ E(Rv, [["__scopeId", "data-v-93ccc528"]]), Vv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -8125,7 +8125,7 @@ function Nv(e, t) {
     }, null, -1)
   ])]);
 }
-const Ev = ge({ name: "ph-arrow-clockwise", render: Nv }), db = /* @__PURE__ */ T({
+const Ev = ge({ name: "ph-arrow-clockwise", render: Nv }), ib = /* @__PURE__ */ T({
   __name: "ButtonRedo",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -8159,7 +8159,7 @@ function zv(e, t) {
     }, null, -1)
   ])]);
 }
-const Uv = ge({ name: "ph-arrow-counter-clockwise", render: zv }), fb = /* @__PURE__ */ T({
+const Uv = ge({ name: "ph-arrow-counter-clockwise", render: zv }), sb = /* @__PURE__ */ T({
   __name: "ButtonUndo",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -8215,7 +8215,7 @@ const Uv = ge({ name: "ph-arrow-counter-clockwise", render: zv }), fb = /* @__PU
       ])) : D("", !0)
     ]));
   }
-}), vb = /* @__PURE__ */ V(Xv, [["__scopeId", "data-v-4baf71e7"]]), Kv = /* @__PURE__ */ T({
+}), ub = /* @__PURE__ */ E(Xv, [["__scopeId", "data-v-4baf71e7"]]), Kv = /* @__PURE__ */ T({
   __name: "FeedbackSkeleton",
   props: {
     width: { default: "100%" },
@@ -8231,7 +8231,7 @@ const Uv = ge({ name: "ph-arrow-counter-clockwise", render: zv }), fb = /* @__PU
       borderRadius: t.circle ? "50%" : t.radius
     }));
     return (o, a) => (f(), g("div", {
-      class: E(["feedback-skeleton", {
+      class: N(["feedback-skeleton", {
         "feedback-skeleton--animated": e.animated,
         "feedback-skeleton--circle": e.circle
       }]),
@@ -8239,7 +8239,7 @@ const Uv = ge({ name: "ph-arrow-counter-clockwise", render: zv }), fb = /* @__PU
       "aria-hidden": "true"
     }, null, 6));
   }
-}), bn = /* @__PURE__ */ V(Kv, [["__scopeId", "data-v-9f2dd72f"]]), Zv = ["aria-label"], Qv = { class: "layout-bottom-drawer__header" }, Jv = {
+}), bn = /* @__PURE__ */ E(Kv, [["__scopeId", "data-v-9f2dd72f"]]), Zv = ["aria-label"], Qv = { class: "layout-bottom-drawer__header" }, Jv = {
   key: 0,
   class: "layout-bottom-drawer__header__title"
 }, ep = { class: "layout-bottom-drawer__body" }, tp = 80, np = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', op = /* @__PURE__ */ T({
@@ -8305,7 +8305,7 @@ const Uv = ge({ name: "ph-arrow-counter-clockwise", render: zv }), fb = /* @__PU
             key: 0,
             ref_key: "drawerRef",
             ref: a,
-            class: E(["layout-bottom-drawer", i(u)]),
+            class: N(["layout-bottom-drawer", i(u)]),
             style: Ae(i(w)),
             role: "dialog",
             "aria-modal": "true",
@@ -8345,7 +8345,7 @@ const Uv = ge({ name: "ph-arrow-counter-clockwise", render: zv }), fb = /* @__PU
       })) : D("", !0)
     ], 64));
   }
-}), pb = /* @__PURE__ */ V(op, [["__scopeId", "data-v-3bc338aa"]]), ap = { class: "layout-panel" }, lp = { class: "layout-panel__header" }, rp = { class: "layout-panel__header__title" }, ip = {
+}), cb = /* @__PURE__ */ E(op, [["__scopeId", "data-v-3bc338aa"]]), ap = { class: "layout-panel" }, lp = { class: "layout-panel__header" }, rp = { class: "layout-panel__header__title" }, ip = {
   key: 0,
   class: "layout-panel__header__actions"
 }, sp = {
@@ -8378,7 +8378,7 @@ const Uv = ge({ name: "ph-arrow-counter-clockwise", render: zv }), fb = /* @__PU
       ])) : D("", !0)
     ]));
   }
-}), mb = /* @__PURE__ */ V(dp, [["__scopeId", "data-v-b22d9466"]]), fp = {}, vp = {
+}), db = /* @__PURE__ */ E(dp, [["__scopeId", "data-v-b22d9466"]]), fp = {}, vp = {
   class: "layout-toolbar-separator",
   role: "separator",
   "aria-orientation": "vertical"
@@ -8386,7 +8386,7 @@ const Uv = ge({ name: "ph-arrow-counter-clockwise", render: zv }), fb = /* @__PU
 function pp(e, t) {
   return f(), g("div", vp);
 }
-const hb = /* @__PURE__ */ V(fp, [["render", pp], ["__scopeId", "data-v-0ffa8b6b"]]), mp = ["aria-label"], hp = ["disabled", "title", "aria-label", "aria-current", "onClick"], bp = { class: "navigation-segmented-control__option__label" }, gp = /* @__PURE__ */ T({
+const fb = /* @__PURE__ */ E(fp, [["render", pp], ["__scopeId", "data-v-0ffa8b6b"]]), mp = ["aria-label"], hp = ["disabled", "title", "aria-label", "aria-current", "onClick"], bp = { class: "navigation-segmented-control__option__label" }, gp = /* @__PURE__ */ T({
   __name: "NavigationSegmentedControl",
   props: {
     items: {},
@@ -8401,13 +8401,13 @@ const hb = /* @__PURE__ */ V(fp, [["render", pp], ["__scopeId", "data-v-0ffa8b6b
       r.disabled || o("select", r.key);
     }
     return (r, c) => (f(), g("nav", {
-      class: E(["navigation-segmented-control", [i(a), { "navigation-segmented-control--icon-only": e.iconOnly }]]),
+      class: N(["navigation-segmented-control", [i(a), { "navigation-segmented-control--icon-only": e.iconOnly }]]),
       "aria-label": e.ariaLabel
     }, [
       L(r.$slots, "default", {}, void 0, !0),
       (f(!0), g(ae, null, be(e.items, (s) => (f(), g("button", {
         key: s.key,
-        class: E(["navigation-segmented-control__option", {
+        class: N(["navigation-segmented-control__option", {
           "navigation-segmented-control__option--active": s.active,
           "navigation-segmented-control__option--disabled": s.disabled
         }]),
@@ -8426,7 +8426,7 @@ const hb = /* @__PURE__ */ V(fp, [["render", pp], ["__scopeId", "data-v-0ffa8b6b
       ], 10, hp))), 128))
     ], 10, mp));
   }
-}), yp = /* @__PURE__ */ V(gp, [["__scopeId", "data-v-a0100eb0"]]), _p = ["aria-selected", "aria-disabled", "tabindex", "title", "onClick", "onKeydown"], wp = {
+}), yp = /* @__PURE__ */ E(gp, [["__scopeId", "data-v-a0100eb0"]]), _p = ["aria-selected", "aria-disabled", "tabindex", "title", "onClick", "onKeydown"], wp = {
   key: 0,
   class: "navigation-stepper-tabs__step__icon",
   "aria-hidden": "true"
@@ -8493,7 +8493,7 @@ const hb = /* @__PURE__ */ V(fp, [["render", pp], ["__scopeId", "data-v-0ffa8b6b
       (w = _.querySelectorAll('[role="tab"]')[h]) == null || w.focus();
     }
     return (s, u) => (f(), g("div", {
-      class: E(["navigation-stepper-tabs", `navigation-stepper-tabs--${e.layout}`]),
+      class: N(["navigation-stepper-tabs", `navigation-stepper-tabs--${e.layout}`]),
       role: "tablist",
       "aria-label": "Progress"
     }, [
@@ -8506,7 +8506,7 @@ const hb = /* @__PURE__ */ V(fp, [["render", pp], ["__scopeId", "data-v-0ffa8b6b
           "aria-selected": v === n.value ? "true" : "false",
           "aria-disabled": a(v) || void 0,
           tabindex: a(v) ? -1 : 0,
-          class: E([
+          class: N([
             "navigation-stepper-tabs__step",
             `navigation-stepper-tabs__step--${o(v)}`,
             { "navigation-stepper-tabs__step--disabled": a(v) }
@@ -8524,7 +8524,7 @@ const hb = /* @__PURE__ */ V(fp, [["render", pp], ["__scopeId", "data-v-0ffa8b6b
       ], 64))), 128))
     ], 2));
   }
-}), bb = /* @__PURE__ */ V(kp, [["__scopeId", "data-v-53d9c572"]]), gb = /* @__PURE__ */ T({
+}), vb = /* @__PURE__ */ E(kp, [["__scopeId", "data-v-53d9c572"]]), pb = /* @__PURE__ */ T({
   __name: "NavigationToggle",
   props: /* @__PURE__ */ Z({
     options: { default: () => [] },
@@ -8563,7 +8563,7 @@ const hb = /* @__PURE__ */ V(fp, [["render", pp], ["__scopeId", "data-v-0ffa8b6b
       _: 3
     }, 8, ["items", "size", "icon-only"]));
   }
-}), yb = /* @__PURE__ */ T({
+}), mb = /* @__PURE__ */ T({
   __name: "NavigationToggleOption",
   props: {
     value: {},
@@ -8612,7 +8612,7 @@ const jl = ge({ name: "ph-magnifying-glass", render: Bp }), Sp = ["aria-label"],
   setup(e) {
     return (t, n) => (f(), g("button", {
       type: "button",
-      class: E(["navigation-command-bar", { "navigation-command-bar--collapsed": e.collapsed }]),
+      class: N(["navigation-command-bar", { "navigation-command-bar--collapsed": e.collapsed }]),
       "aria-label": e.placeholder,
       onClick: n[0] || (n[0] = (o) => t.$emit("click"))
     }, [
@@ -8624,7 +8624,7 @@ const jl = ge({ name: "ph-magnifying-glass", render: Bp }), Sp = ["aria-label"],
       e.shortcutLabel && !e.collapsed ? (f(), g("span", Tp, P(e.shortcutLabel), 1)) : D("", !0)
     ], 10, Sp));
   }
-}), _b = /* @__PURE__ */ V(Mp, [["__scopeId", "data-v-c85cba9f"]]), Pp = {
+}), hb = /* @__PURE__ */ E(Mp, [["__scopeId", "data-v-c85cba9f"]]), Pp = {
   class: "navigation-docs-bar",
   "aria-label": "Docs navigation"
 }, Ip = {
@@ -8658,7 +8658,7 @@ const jl = ge({ name: "ph-magnifying-glass", render: Bp }), Sp = ["aria-label"],
       ])) : D("", !0)
     ]));
   }
-}), wb = /* @__PURE__ */ V(Op, [["__scopeId", "data-v-39d43fc1"]]), Rp = { class: "navigation-icon-rail" }, Vp = {
+}), bb = /* @__PURE__ */ E(Op, [["__scopeId", "data-v-39d43fc1"]]), Rp = { class: "navigation-icon-rail" }, Vp = {
   key: 0,
   class: "navigation-icon-rail__footer"
 }, Np = /* @__PURE__ */ T({
@@ -8690,7 +8690,7 @@ const jl = ge({ name: "ph-magnifying-glass", render: Bp }), Sp = ["aria-label"],
           square: "",
           size: "lg",
           variant: "link",
-          class: E(["navigation-icon-rail__button", l(u.value)]),
+          class: N(["navigation-icon-rail__button", l(u.value)]),
           "aria-pressed": t.value === u.value,
           onClick: (d) => t.value = u.value
         }, null, 8, ["icon-left", "label", "class", "aria-pressed", "onClick"]))), 128)),
@@ -8701,7 +8701,7 @@ const jl = ge({ name: "ph-magnifying-glass", render: Bp }), Sp = ["aria-label"],
       ]);
     };
   }
-}), xb = /* @__PURE__ */ V(Np, [["__scopeId", "data-v-b72933d6"]]), $b = /* @__PURE__ */ T({
+}), gb = /* @__PURE__ */ E(Np, [["__scopeId", "data-v-b72933d6"]]), yb = /* @__PURE__ */ T({
   __name: "NavigationIconRailEntry",
   props: {
     value: {},
@@ -8754,7 +8754,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
         default: O(({ navigate: c, href: s, isActive: u }) => [
           p("a", {
             href: s,
-            class: E(n(u)),
+            class: N(n(u)),
             "aria-current": u || e.active ? "page" : void 0,
             onClick: c
           }, [
@@ -8770,7 +8770,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       }, 8, ["to"]);
     };
   }
-}), kb = /* @__PURE__ */ V(Yp, [["__scopeId", "data-v-cdc9d7f0"]]), qp = {
+}), _b = /* @__PURE__ */ E(Yp, [["__scopeId", "data-v-cdc9d7f0"]]), qp = {
   class: "navigation-marketing-bar",
   "aria-label": "Marketing navigation"
 }, Wp = { class: "navigation-marketing-bar__inner" }, jp = { class: "navigation-marketing-bar__brand" }, Gp = {
@@ -8810,7 +8810,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       ])
     ]));
   }
-}), Cb = /* @__PURE__ */ V(Qp, [["__scopeId", "data-v-b3114aae"]]), Jp = ["aria-keyshortcuts", "aria-label"], em = {
+}), wb = /* @__PURE__ */ E(Qp, [["__scopeId", "data-v-b3114aae"]]), Jp = ["aria-keyshortcuts", "aria-label"], em = {
   key: 0,
   class: "navigation-search-pill__text"
 }, tm = {
@@ -8835,7 +8835,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       const l = jl;
       return f(), g("button", {
         type: "button",
-        class: E(i(n)),
+        class: N(i(n)),
         "aria-haspopup": "dialog",
         "aria-keyshortcuts": e.shortcutKeys,
         "aria-label": e.ariaLabel,
@@ -8850,7 +8850,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       ], 10, Jp);
     };
   }
-}), Bb = /* @__PURE__ */ V(nm, [["__scopeId", "data-v-abb2e414"]]), om = ["aria-label"], am = ["href", "aria-current"], lm = /* @__PURE__ */ T({
+}), xb = /* @__PURE__ */ E(nm, [["__scopeId", "data-v-abb2e414"]]), om = ["aria-label"], am = ["href", "aria-current"], lm = /* @__PURE__ */ T({
   __name: "NavigationSectionTabs",
   props: {
     sections: {},
@@ -8865,12 +8865,12 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       (f(!0), g(ae, null, be(e.sections, (o) => (f(), g("a", {
         key: o.link,
         href: o.link,
-        class: E(["navigation-section-tabs__tab", { "navigation-section-tabs__tab--active": o.link === e.activeLink }]),
+        class: N(["navigation-section-tabs__tab", { "navigation-section-tabs__tab--active": o.link === e.activeLink }]),
         "aria-current": o.link === e.activeLink ? "page" : void 0
       }, P(o.text), 11, am))), 128))
     ], 8, om));
   }
-}), Sb = /* @__PURE__ */ V(lm, [["__scopeId", "data-v-cb039809"]]), rm = ["aria-expanded"], im = { class: "navigation-section-dropdown__label" }, sm = {
+}), $b = /* @__PURE__ */ E(lm, [["__scopeId", "data-v-cb039809"]]), rm = ["aria-expanded"], im = { class: "navigation-section-dropdown__label" }, sm = {
   key: 0,
   class: "navigation-section-dropdown__panel",
   role: "menu"
@@ -8916,7 +8916,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       }, [
         p("span", im, P(l.value), 1),
         (f(), g("svg", {
-          class: E(["navigation-section-dropdown__caret", { "navigation-section-dropdown__caret--open": n.value }]),
+          class: N(["navigation-section-dropdown__caret", { "navigation-section-dropdown__caret--open": n.value }]),
           width: "12",
           height: "12",
           viewBox: "0 0 12 12",
@@ -8937,14 +8937,14 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
           key: d.link,
           href: d.link,
           role: "menuitem",
-          class: E(["navigation-section-dropdown__item", { "navigation-section-dropdown__item--active": d.link === e.activeLink }]),
+          class: N(["navigation-section-dropdown__item", { "navigation-section-dropdown__item--active": d.link === e.activeLink }]),
           "aria-current": d.link === e.activeLink ? "page" : void 0,
           onClick: c
         }, P(d.text), 11, um))), 128))
       ])) : D("", !0)
     ], 512));
   }
-}), Lb = /* @__PURE__ */ V(cm, [["__scopeId", "data-v-6d5d021e"]]), dm = ["aria-label"], fm = {
+}), kb = /* @__PURE__ */ E(cm, [["__scopeId", "data-v-6d5d021e"]]), dm = ["aria-label"], fm = {
   key: 0,
   class: "navigation-sidebar__header"
 }, vm = { class: "navigation-sidebar__body" }, pm = {
@@ -8971,7 +8971,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       ])) : D("", !0)
     ], 8, dm));
   }
-}), Tb = /* @__PURE__ */ V(mm, [["__scopeId", "data-v-d8566e6f"]]), hm = { class: "navigation-sidebar-group" }, bm = {
+}), Cb = /* @__PURE__ */ E(mm, [["__scopeId", "data-v-d8566e6f"]]), hm = { class: "navigation-sidebar-group" }, bm = {
   key: 0,
   class: "navigation-sidebar-group__eyebrow"
 }, gm = { class: "navigation-sidebar-group__items" }, ym = /* @__PURE__ */ T({
@@ -8987,7 +8987,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       ])
     ]));
   }
-}), Mb = /* @__PURE__ */ V(ym, [["__scopeId", "data-v-e90a3cc0"]]), _m = ["href"], wm = { class: "navigation-sidebar-item__icon" }, xm = { class: "navigation-sidebar-item__label" }, $m = {
+}), Bb = /* @__PURE__ */ E(ym, [["__scopeId", "data-v-e90a3cc0"]]), _m = ["href"], wm = { class: "navigation-sidebar-item__icon" }, xm = { class: "navigation-sidebar-item__label" }, $m = {
   class: "navigation-sidebar-item__external",
   "aria-hidden": "true"
 }, km = ["href", "aria-current", "onClick"], Cm = { class: "navigation-sidebar-item__icon" }, Bm = { class: "navigation-sidebar-item__label" }, Sm = {
@@ -9019,7 +9019,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       return i(n) ? (f(), g("a", {
         key: 0,
         href: e.href,
-        class: E(o(!1)),
+        class: N(o(!1)),
         target: "_blank",
         rel: "noopener noreferrer"
       }, [
@@ -9038,7 +9038,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
         default: O(({ navigate: c, href: s, isActive: u }) => [
           p("a", {
             href: s,
-            class: E(o(u)),
+            class: N(o(u)),
             "aria-current": u || e.active ? "page" : void 0,
             onClick: c
           }, [
@@ -9053,7 +9053,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       }, 8, ["to"]));
     };
   }
-}), Pb = /* @__PURE__ */ V(Lm, [["__scopeId", "data-v-d3d1438c"]]), Tm = ["href", "aria-label", "onClick"], Mm = ["src", "alt"], Pm = {
+}), Sb = /* @__PURE__ */ E(Lm, [["__scopeId", "data-v-d3d1438c"]]), Tm = ["href", "aria-label", "onClick"], Mm = ["src", "alt"], Pm = {
   key: 1,
   class: "navigation-workspace-switcher__badge navigation-workspace-switcher__badge--accent",
   "aria-hidden": "true"
@@ -9119,7 +9119,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       ], 8, Am));
     };
   }
-}), Ib = /* @__PURE__ */ V(Rm, [["__scopeId", "data-v-820be3f4"]]), Vm = { class: "list-item-row__label" }, Nm = /* @__PURE__ */ T({
+}), Lb = /* @__PURE__ */ E(Rm, [["__scopeId", "data-v-820be3f4"]]), Vm = { class: "list-item-row__label" }, Nm = /* @__PURE__ */ T({
   __name: "ListItemRow",
   props: {
     label: {},
@@ -9131,7 +9131,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       "list-item-row--active": t.active
     }));
     return (o, a) => (f(), g("div", {
-      class: E(["list-item-row", i(n)]),
+      class: N(["list-item-row", i(n)]),
       onClick: a[0] || (a[0] = (l) => o.$emit("click", l))
     }, [
       L(o.$slots, "leading", {}, void 0, !0),
@@ -9139,7 +9139,7 @@ const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-
       L(o.$slots, "actions", {}, void 0, !0)
     ], 2));
   }
-}), Em = /* @__PURE__ */ V(Nm, [["__scopeId", "data-v-daff2016"]]), Hm = {
+}), Em = /* @__PURE__ */ E(Nm, [["__scopeId", "data-v-daff2016"]]), Hm = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -9191,7 +9191,7 @@ const Um = ge({ name: "ph-trash", render: zm }), Ym = { class: "list-item-action
       ]);
     };
   }
-}), Ab = /* @__PURE__ */ V(qm, [["__scopeId", "data-v-739b2aec"]]), Wm = { class: "border rounded overflow-hidden bg-body-tertiary p-2" }, jm = { class: "d-flex gap-1 mb-2" }, Fb = /* @__PURE__ */ T({
+}), Tb = /* @__PURE__ */ E(qm, [["__scopeId", "data-v-739b2aec"]]), Wm = { class: "border rounded overflow-hidden bg-body-tertiary p-2" }, jm = { class: "d-flex gap-1 mb-2" }, Mb = /* @__PURE__ */ T({
   __name: "ListSelectPanel",
   props: /* @__PURE__ */ Z({
     items: {},
@@ -9314,7 +9314,7 @@ const Um = ge({ name: "ph-trash", render: zm }), Ym = { class: "list-item-action
       ]);
     };
   }
-}), Db = /* @__PURE__ */ V(Km, [["__scopeId", "data-v-816a6756"]]), Zm = ["aria-hidden"], Qm = ["data-bs-theme"], Jm = ["src"], e0 = {
+}), Pb = /* @__PURE__ */ E(Km, [["__scopeId", "data-v-816a6756"]]), Zm = ["aria-hidden"], Qm = ["data-bs-theme"], Jm = ["src"], e0 = {
   key: 3,
   class: "gallery-card__thumb__status"
 }, t0 = {
@@ -9348,11 +9348,11 @@ const Um = ge({ name: "ph-trash", render: zm }), Ym = { class: "list-item-action
       "gallery-card__thumb--slotted": !n.loading && !!l.thumb
     }));
     return (c, s) => (f(), g("div", {
-      class: E(["gallery-card", i(a)]),
+      class: N(["gallery-card", i(a)]),
       "aria-hidden": e.loading ? "true" : void 0
     }, [
       p("div", {
-        class: E(["gallery-card__thumb", i(r)]),
+        class: N(["gallery-card__thumb", i(r)]),
         "data-bs-theme": e.forceLightThumb ? "light" : void 0
       }, [
         e.loading || e.thumbLoading && !e.thumbSrc && !c.$slots.thumb ? (f(), R(bn, {
@@ -9406,7 +9406,7 @@ const Um = ge({ name: "ph-trash", render: zm }), Ym = { class: "list-item-action
       ])
     ], 10, Zm));
   }
-}), Ob = /* @__PURE__ */ V(r0, [["__scopeId", "data-v-659c1d98"]]), i0 = /* @__PURE__ */ T({
+}), Ib = /* @__PURE__ */ E(r0, [["__scopeId", "data-v-659c1d98"]]), i0 = /* @__PURE__ */ T({
   __name: "GalleryGrid",
   props: {
     layout: { default: "grid" }
@@ -9416,12 +9416,12 @@ const Um = ge({ name: "ph-trash", render: zm }), Ym = { class: "list-item-action
       "gallery-grid--row": t.layout === "row"
     }));
     return (o, a) => (f(), g("div", {
-      class: E(["gallery-grid", i(n)])
+      class: N(["gallery-grid", i(n)])
     }, [
       L(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Rb = /* @__PURE__ */ V(i0, [["__scopeId", "data-v-ac3d4b02"]]), s0 = { class: "scene-timeline-item__select__label" }, u0 = ["innerHTML"], c0 = {
+}), Ab = /* @__PURE__ */ E(i0, [["__scopeId", "data-v-ac3d4b02"]]), s0 = { class: "scene-timeline-item__select__label" }, u0 = ["innerHTML"], c0 = {
   key: 0,
   class: "scene-timeline-item__select__name"
 }, d0 = ["aria-label"], f0 = /* @__PURE__ */ T({
@@ -9436,7 +9436,7 @@ const Um = ge({ name: "ph-trash", render: zm }), Ym = { class: "list-item-action
   emits: ["select", "remove"],
   setup(e) {
     return (t, n) => (f(), g("div", {
-      class: E(["scene-timeline-item", { "scene-timeline-item--active": e.active }])
+      class: N(["scene-timeline-item", { "scene-timeline-item--active": e.active }])
     }, [
       p("button", {
         class: "scene-timeline-item__select",
@@ -9459,7 +9459,7 @@ const Um = ge({ name: "ph-trash", render: zm }), Ym = { class: "list-item-action
       }, " × ", 8, d0)) : D("", !0)
     ], 2));
   }
-}), v0 = /* @__PURE__ */ V(f0, [["__scopeId", "data-v-07929b0d"]]), p0 = {
+}), v0 = /* @__PURE__ */ E(f0, [["__scopeId", "data-v-07929b0d"]]), p0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -9570,7 +9570,7 @@ const C0 = ge({ name: "ph-caret-right", render: k0 }), B0 = { class: "scene-time
       ]);
     };
   }
-}), Ro = /* @__PURE__ */ V(P0, [["__scopeId", "data-v-e68ff3c9"]]), I0 = { class: "scene-timeline__items" }, A0 = { class: "scene-timeline__items__add" }, F0 = /* @__PURE__ */ T({
+}), Ro = /* @__PURE__ */ E(P0, [["__scopeId", "data-v-e68ff3c9"]]), I0 = { class: "scene-timeline__items" }, A0 = { class: "scene-timeline__items__add" }, F0 = /* @__PURE__ */ T({
   __name: "SceneTimeline",
   props: /* @__PURE__ */ Z({
     scenes: {},
@@ -9586,7 +9586,7 @@ const C0 = ge({ name: "ph-caret-right", render: k0 }), B0 = { class: "scene-time
     return (n, o) => {
       const a = Ro, l = v0, r = Il;
       return f(), g("div", {
-        class: E(["scene-timeline", { "scene-timeline--floating": e.floating }])
+        class: N(["scene-timeline", { "scene-timeline--floating": e.floating }])
       }, [
         q(a, {
           "active-index": t.value,
@@ -9616,7 +9616,7 @@ const C0 = ge({ name: "ph-caret-right", render: k0 }), B0 = { class: "scene-time
       ], 2);
     };
   }
-}), Vb = /* @__PURE__ */ V(F0, [["__scopeId", "data-v-1bfc1669"]]), D0 = {
+}), Fb = /* @__PURE__ */ E(F0, [["__scopeId", "data-v-1bfc1669"]]), D0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -9673,7 +9673,7 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
       }, null, 8, ["icon-left", "aria-expanded"])
     ]));
   }
-}), Nb = /* @__PURE__ */ V(H0, [["__scopeId", "data-v-ad3a10b4"]]), z0 = ["aria-current"], U0 = ["innerHTML"], Y0 = {
+}), Db = /* @__PURE__ */ E(H0, [["__scopeId", "data-v-ad3a10b4"]]), z0 = ["aria-current"], U0 = ["innerHTML"], Y0 = {
   key: 1,
   class: "scene-list-item__thumb scene-list-item__thumb--empty",
   "aria-hidden": "true"
@@ -9696,11 +9696,11 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
   emits: ["select", "remove"],
   setup(e) {
     return (t, n) => (f(), g("li", {
-      class: E(["scene-list-item-row", { "scene-list-item-row--active": e.active }])
+      class: N(["scene-list-item-row", { "scene-list-item-row--active": e.active }])
     }, [
       p("button", {
         type: "button",
-        class: E(["scene-list-item", { "scene-list-item--active": e.active }]),
+        class: N(["scene-list-item", { "scene-list-item--active": e.active }]),
         "aria-current": e.active ? "true" : void 0,
         onClick: n[0] || (n[0] = (o) => t.$emit("select"))
       }, [
@@ -9726,7 +9726,7 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
       ])) : D("", !0)
     ], 2));
   }
-}), K0 = /* @__PURE__ */ V(X0, [["__scopeId", "data-v-a1a6304b"]]), Z0 = { class: "scene-list" }, Q0 = {
+}), K0 = /* @__PURE__ */ E(X0, [["__scopeId", "data-v-a1a6304b"]]), Z0 = { class: "scene-list" }, Q0 = {
   class: "scene-list__items",
   role: "list"
 }, J0 = /* @__PURE__ */ T({
@@ -9776,7 +9776,7 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
       }, " + Add scene ")
     ]));
   }
-}), Eb = /* @__PURE__ */ V(J0, [["__scopeId", "data-v-c8be8ec7"]]), eh = {
+}), Ob = /* @__PURE__ */ E(J0, [["__scopeId", "data-v-c8be8ec7"]]), eh = {
   class: "bc-scene-player bc-scene-player--progress-bar",
   "data-scene-player": ""
 }, th = ["aria-label"], nh = {
@@ -9791,7 +9791,7 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
   height: "10",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, ah = { class: "bc-scene-player__segments" }, lh = ["aria-label", "aria-current", "onClick"], rh = { class: "bc-scene-player__counter" }, ih = /* @__PURE__ */ T({
+}, ah = { class: "bc-scene-player__segments" }, lh = ["aria-label", "aria-current", "onClick"], rh = { class: "bc-scene-player__counter" }, Rb = /* @__PURE__ */ T({
   __name: "ScenePlayerProgressBar",
   props: /* @__PURE__ */ Z({
     total: {},
@@ -9834,7 +9834,7 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
         (f(!0), g(ae, null, be(e.total, (a) => (f(), g("button", {
           key: a,
           type: "button",
-          class: E(["bc-scene-player__segments__segment", {
+          class: N(["bc-scene-player__segments__segment", {
             "bc-scene-player__segments__segment--active": a === t.value,
             "bc-scene-player__segments__segment--completed": a < t.value
           }]),
@@ -9846,19 +9846,19 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
       p("span", rh, P(t.value) + "/" + P(e.total), 1)
     ]));
   }
-}), Hb = /* @__PURE__ */ V(ih, [["__scopeId", "data-v-813c075e"]]), sh = ["disabled"], uh = ["aria-label"], ch = {
+}), ih = ["disabled"], sh = ["aria-label"], uh = {
   key: 0,
   width: "11",
   height: "11",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, dh = {
+}, ch = {
   key: 1,
   width: "11",
   height: "11",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, fh = { class: "bc-scene-player__dots" }, vh = ["aria-label", "aria-current", "onClick"], ph = ["disabled"], mh = /* @__PURE__ */ T({
+}, dh = { class: "bc-scene-player__dots" }, fh = ["aria-label", "aria-current", "onClick"], vh = ["disabled"], Vb = /* @__PURE__ */ T({
   __name: "ScenePlayerDotStepper",
   props: /* @__PURE__ */ Z({
     total: {},
@@ -9872,7 +9872,7 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
   setup(e) {
     const t = ne(e, "current");
     return (n, o) => (f(), g("div", {
-      class: E(["bc-scene-player bc-scene-player--dot-stepper", `bc-scene-player--${e.position}`]),
+      class: N(["bc-scene-player bc-scene-player--dot-stepper", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
       p("button", {
@@ -9880,6 +9880,7 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
         class: "bc-scene-player__nav-btn",
         disabled: t.value <= 1,
         "aria-label": "Previous scene",
+        "data-action": "previous",
         onClick: o[0] || (o[0] = (a) => n.$emit("previous"))
       }, [...o[3] || (o[3] = [
         p("svg", {
@@ -9894,14 +9895,14 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
         }, [
           p("path", { d: "M6.5 2L3.5 5l3 3" })
         ], -1)
-      ])], 8, sh),
+      ])], 8, ih),
       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 ? (f(), g("svg", ch, [...o[4] || (o[4] = [
+        e.playing ? (f(), g("svg", uh, [...o[4] || (o[4] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -9916,28 +9917,29 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (f(), g("svg", dh, [...o[5] || (o[5] = [
+        ])])) : (f(), g("svg", ch, [...o[5] || (o[5] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, uh),
-      p("div", fh, [
+      ], 8, sh),
+      p("div", dh, [
         (f(!0), g(ae, null, be(e.total, (a) => (f(), g("button", {
           key: a,
           type: "button",
-          class: E(["bc-scene-player__dots__dot", {
+          class: N(["bc-scene-player__dots__dot", {
             "bc-scene-player__dots__dot--active": a === t.value,
             "bc-scene-player__dots__dot--completed": a < t.value
           }]),
           "aria-label": `Scene ${a} of ${e.total}`,
           "aria-current": a === t.value ? "step" : void 0,
           onClick: (l) => t.value = a
-        }, null, 10, vh))), 128))
+        }, null, 10, fh))), 128))
       ]),
       p("button", {
         type: "button",
         class: "bc-scene-player__nav-btn",
         disabled: t.value >= e.total,
         "aria-label": "Next scene",
+        "data-action": "next",
         onClick: o[2] || (o[2] = (a) => n.$emit("next"))
       }, [...o[6] || (o[6] = [
         p("svg", {
@@ -9952,28 +9954,28 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
         }, [
           p("path", { d: "M3.5 2L6.5 5l-3 3" })
         ], -1)
-      ])], 8, ph)
+      ])], 8, vh)
     ], 2));
   }
-}), zb = /* @__PURE__ */ V(mh, [["__scopeId", "data-v-c88e4367"]]), hh = {
+}), ph = {
   key: 0,
   class: "bc-scene-player__counter"
-}, bh = ["disabled"], gh = ["aria-label"], yh = {
+}, mh = ["disabled"], hh = ["aria-label"], bh = {
   key: 0,
   width: "9",
   height: "9",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, _h = {
+}, gh = {
   key: 1,
   width: "9",
   height: "9",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, wh = ["disabled"], xh = {
+}, yh = ["disabled"], _h = {
   key: 1,
   class: "bc-scene-player__counter bc-scene-player__counter--end"
-}, $h = /* @__PURE__ */ T({
+}, Nb = /* @__PURE__ */ T({
   __name: "ScenePlayerMinimalArrows",
   props: /* @__PURE__ */ Z({
     total: {},
@@ -9990,15 +9992,16 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
   setup(e) {
     const t = ne(e, "current");
     return (n, o) => (f(), g("div", {
-      class: E(["bc-scene-player bc-scene-player--minimal-arrows", `bc-scene-player--${e.position}`]),
+      class: N(["bc-scene-player bc-scene-player--minimal-arrows", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
-      e.showCounter && e.order === "counter-first" ? (f(), g("span", hh, P(t.value) + "/" + P(e.total), 1)) : D("", !0),
+      e.showCounter && e.order === "counter-first" ? (f(), g("span", ph, P(t.value) + "/" + P(e.total), 1)) : D("", !0),
       p("button", {
         type: "button",
         class: "bc-scene-player__nav-btn",
         disabled: !e.wrap && t.value <= 1,
         "aria-label": "Previous scene",
+        "data-action": "previous",
         onClick: o[0] || (o[0] = (a) => n.$emit("previous"))
       }, [...o[3] || (o[3] = [
         p("svg", {
@@ -10013,14 +10016,14 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
         }, [
           p("path", { d: "M6.5 2L3.5 5l3 3" })
         ], -1)
-      ])], 8, bh),
+      ])], 8, mh),
       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 ? (f(), g("svg", yh, [...o[4] || (o[4] = [
+        e.playing ? (f(), g("svg", bh, [...o[4] || (o[4] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -10035,15 +10038,16 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (f(), g("svg", _h, [...o[5] || (o[5] = [
+        ])])) : (f(), g("svg", gh, [...o[5] || (o[5] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, gh),
+      ], 8, hh),
       p("button", {
         type: "button",
         class: "bc-scene-player__nav-btn",
         disabled: !e.wrap && t.value >= e.total,
         "aria-label": "Next scene",
+        "data-action": "next",
         onClick: o[2] || (o[2] = (a) => n.$emit("next"))
       }, [...o[6] || (o[6] = [
         p("svg", {
@@ -10058,11 +10062,11 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
         }, [
           p("path", { d: "M3.5 2L6.5 5l-3 3" })
         ], -1)
-      ])], 8, wh),
-      e.showCounter && e.order === "controls-first" ? (f(), g("span", xh, P(t.value) + "/" + P(e.total), 1)) : D("", !0)
+      ])], 8, yh),
+      e.showCounter && e.order === "controls-first" ? (f(), g("span", _h, P(t.value) + "/" + P(e.total), 1)) : D("", !0)
     ], 2));
   }
-}), Ub = /* @__PURE__ */ V($h, [["__scopeId", "data-v-e289332d"]]), kh = { class: "bc-scene-player__btn-group" }, Ch = ["disabled"], Bh = ["disabled"], Sh = { class: "bc-scene-player__counter" }, Lh = /* @__PURE__ */ T({
+}), wh = { class: "bc-scene-player__btn-group" }, xh = ["disabled"], $h = ["disabled"], kh = { class: "bc-scene-player__counter" }, Eb = /* @__PURE__ */ T({
   __name: "ScenePlayerButtons",
   props: /* @__PURE__ */ Z({
     total: {},
@@ -10076,15 +10080,16 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
   setup(e) {
     const t = ne(e, "current");
     return (n, o) => (f(), g("div", {
-      class: E(["bc-scene-player bc-scene-player--buttons", `bc-scene-player--${e.position}`]),
+      class: N(["bc-scene-player bc-scene-player--buttons", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
-      p("div", kh, [
+      p("div", wh, [
         p("button", {
           type: "button",
-          class: E(["bc-scene-player__btn-group__btn", { "bc-scene-player__btn-group__btn--disabled": t.value <= 1 }]),
+          class: N(["bc-scene-player__btn-group__btn", { "bc-scene-player__btn-group__btn--disabled": t.value <= 1 }]),
           disabled: t.value <= 1,
           "aria-label": "Previous scene",
+          "data-action": "previous",
           onClick: o[0] || (o[0] = Vt((a) => n.$emit("previous"), ["stop"]))
         }, [...o[2] || (o[2] = [
           p("svg", {
@@ -10100,12 +10105,13 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
             p("path", { d: "M5.5 1.5L1.5 6l4 4.5" })
           ], -1),
           le(" Back ", -1)
-        ])], 10, Ch),
+        ])], 10, xh),
         p("button", {
           type: "button",
-          class: E(["bc-scene-player__btn-group__btn bc-scene-player__btn-group__btn--next", { "bc-scene-player__btn-group__btn--disabled": t.value >= e.total }]),
+          class: N(["bc-scene-player__btn-group__btn bc-scene-player__btn-group__btn--next", { "bc-scene-player__btn-group__btn--disabled": t.value >= e.total }]),
           disabled: t.value >= e.total,
           "aria-label": "Next scene",
+          "data-action": "next",
           onClick: o[1] || (o[1] = Vt((a) => n.$emit("next"), ["stop"]))
         }, [...o[3] || (o[3] = [
           le(" Next ", -1),
@@ -10121,110 +10127,110 @@ const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timelin
           }, [
             p("path", { d: "M2.5 1.5L6.5 6l-4 4.5" })
           ], -1)
-        ])], 10, Bh)
+        ])], 10, $h)
       ]),
-      p("span", Sh, P(t.value) + " / " + P(e.total), 1)
+      p("span", kh, P(t.value) + " / " + P(e.total), 1)
     ], 2));
   }
-}), Yb = /* @__PURE__ */ V(Lh, [["__scopeId", "data-v-e3b3a1d7"]]);
+});
 export {
-  Fh as ActionCopyButton,
+  Mh as ActionCopyButton,
   Vn as AppIcon,
-  Dh as AppIconLayers,
+  Ph as AppIconLayers,
   vr as BOOTSTRAP_BREAKPOINTS,
-  Rh as BcRing,
+  Ah as BcRing,
   Il as ButtonAdd,
-  cb as ButtonClose,
+  rb as ButtonClose,
   Va as ButtonGroupEntriesKey,
   _t as ButtonIcon,
   ns as ButtonIconCounter,
-  db as ButtonRedo,
-  fb as ButtonUndo,
+  ib as ButtonRedo,
+  sb as ButtonUndo,
   se as ChartType,
   fr as ColorSwatchGroupsKey,
-  ab as DisplayChartType,
-  lb as DisplayChartTypeBadge,
+  eb as DisplayChartType,
+  tb as DisplayChartTypeBadge,
   To as DisplayColorSwatch,
-  ob as DisplayContrastBadge,
-  eb as DisplayDate,
-  nb as DisplayNumber,
+  Jh as DisplayContrastBadge,
+  Kh as DisplayDate,
+  Qh as DisplayNumber,
   mc as DisplayPalette,
-  tb as DisplayRange,
-  Jh as DisplayValue,
+  Zh as DisplayRange,
+  Xh as DisplayValue,
   Na as DropdownEntriesKey,
-  vb as FeedbackEmptyState,
+  ub as FeedbackEmptyState,
   bn as FeedbackSkeleton,
-  zh as FormControlButtonGroup,
-  Uh as FormControlButtonGroupEntry,
-  Vh as FormControlCheckbox,
-  Nh as FormControlColorInput,
+  Vh as FormControlButtonGroup,
+  Nh as FormControlButtonGroupEntry,
+  Fh as FormControlCheckbox,
+  Dh as FormControlColorInput,
   pu as FormControlColorInputPicker,
   Pl as FormControlColorInputPopover,
-  Kh as FormControlColorblindPicker,
-  Hh as FormControlColorsInput,
-  Qh as FormControlDateFormat,
-  Eh as FormControlDirectionPicker,
+  Wh as FormControlColorblindPicker,
+  Rh as FormControlColorsInput,
+  Gh as FormControlDateFormat,
+  Oh as FormControlDirectionPicker,
   En as FormControlDropdown,
-  Wh as FormControlDropdownEntry,
+  zh as FormControlDropdownEntry,
   Wu as FormControlDropdownItem,
-  Zh as FormControlNumberFormat,
-  Gh as FormControlPalette,
-  Xh as FormControlPaletteEntry,
-  Yh as FormControlSliderInput,
-  jh as FormControlTextInput,
-  qh as FormControlUnitsInput,
-  Ob as GalleryCard,
-  Rb as GalleryGrid,
+  jh as FormControlNumberFormat,
+  Yh as FormControlPalette,
+  qh as FormControlPaletteEntry,
+  Eh as FormControlSliderInput,
+  Uh as FormControlTextInput,
+  Hh as FormControlUnitsInput,
+  Ib as GalleryCard,
+  Ab as GalleryGrid,
   Ha as IconRailEntriesKey,
   dr as IconSize,
-  pb as LayoutBottomDrawer,
-  mb as LayoutPanel,
-  hb as LayoutToolbarSeparator,
-  Ab as ListItemActions,
+  cb as LayoutBottomDrawer,
+  db as LayoutPanel,
+  fb as LayoutToolbarSeparator,
+  Tb as ListItemActions,
   Em as ListItemRow,
-  Fb as ListSelectPanel,
-  Db as ListSeriesRow,
-  _b as NavigationCommandBar,
-  wb as NavigationDocsBar,
-  xb as NavigationIconRail,
-  $b as NavigationIconRailEntry,
-  kb as NavigationLink,
-  Cb as NavigationMarketingBar,
-  Bb as NavigationSearchPill,
-  Lb as NavigationSectionDropdown,
-  Sb as NavigationSectionTabs,
+  Mb as ListSelectPanel,
+  Pb as ListSeriesRow,
+  hb as NavigationCommandBar,
+  bb as NavigationDocsBar,
+  gb as NavigationIconRail,
+  yb as NavigationIconRailEntry,
+  _b as NavigationLink,
+  wb as NavigationMarketingBar,
+  xb as NavigationSearchPill,
+  kb as NavigationSectionDropdown,
+  $b as NavigationSectionTabs,
   yp as NavigationSegmentedControl,
-  Tb as NavigationSidebar,
-  Mb as NavigationSidebarGroup,
-  Pb as NavigationSidebarItem,
-  bb as NavigationStepperTabs,
-  gb as NavigationToggle,
-  yb as NavigationToggleOption,
-  Ib as NavigationWorkspaceSwitcher,
+  Cb as NavigationSidebar,
+  Bb as NavigationSidebarGroup,
+  Sb as NavigationSidebarItem,
+  vb as NavigationStepperTabs,
+  pb as NavigationToggle,
+  mb as NavigationToggleOption,
+  Lb as NavigationWorkspaceSwitcher,
   Ea as PaletteEntriesKey,
-  Eb as SceneList,
+  Ob as SceneList,
   K0 as SceneListItem,
-  Yb as ScenePlayerButtons,
-  zb as ScenePlayerDotStepper,
-  Ub as ScenePlayerMinimalArrows,
-  Hb as ScenePlayerProgressBar,
-  Vb as SceneTimeline,
-  Nb as SceneTimelineCompact,
+  Eb as ScenePlayerButtons,
+  Vb as ScenePlayerDotStepper,
+  Nb as ScenePlayerMinimalArrows,
+  Rb as ScenePlayerProgressBar,
+  Fb as SceneTimeline,
+  Db as SceneTimelineCompact,
   Ro as SceneTimelineControls,
   v0 as SceneTimelineItem,
-  sb as SectionCard,
-  ib as SectionGroup,
+  ab as SectionCard,
+  ob as SectionGroup,
   dv as SectionTitle,
-  ub as SettingsSection,
+  lb as SettingsSection,
   xv as SettingsSectionDescription,
   Tv as SettingsSectionIcon,
   Bv as SettingsSectionTitle,
-  Oh as StippleDefs,
+  Ih as StippleDefs,
   za as ToggleEntriesKey,
   ql as getChartTypeLabel,
   Tl as isHexColor,
-  Ah as useBreakpoint,
+  Th as useBreakpoint,
   on as useChildEntriesProvider,
   an as useChildEntry,
-  rb as withoutTransitions
+  nb as withoutTransitions
 };