@blueprint-chart/ui 2.5.0 → 2.6.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 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 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)`) };
 }
@@ -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",
@@ -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
   };
@@ -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 = kt(), 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({
@@ -2794,7 +2794,7 @@ var $n = (e, t = tn()) => {
         noninteractive: d !== void 0 ? d : !i,
         ...f
       };
-    }), s = ke("_popover");
+    }), s = xe("_popover");
     return t({
       hide: () => {
         var i;
@@ -3080,7 +3080,7 @@ 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({
@@ -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}`);
     }
@@ -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__ */ S({
   __name: "ActionCopyButton",
   props: {
     text: {},
@@ -3287,7 +3287,7 @@ const Bl = xe({ name: "ph-check", render: gs }), sb = /* @__PURE__ */ S({
       M(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__ */ S({
   __name: "StippleDefs",
   setup(e) {
     const t = [
@@ -3414,7 +3414,7 @@ const Bl = xe({ name: "ph-check", render: gs }), sb = /* @__PURE__ */ S({
       ])
     ], 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;
@@ -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) => {
@@ -4240,7 +4240,7 @@ var Sl = (e, t) => y(() => {
         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,
@@ -4313,7 +4313,7 @@ var Sl = (e, t) => y(() => {
     }, 16, ["skip", "class"]));
   }
 });
-const fb = /* @__PURE__ */ S({
+const mb = /* @__PURE__ */ S({
   __name: "FormControlCheckbox",
   props: /* @__PURE__ */ Q({
     label: {}
@@ -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);
     }, {
@@ -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__ */ S({
   __name: "FormControlDirectionPickerHandle",
   props: {
     pos: {},
@@ -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__ */ S({
   __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__ */ S({
   __name: "ButtonAdd",
   props: {
     label: { default: "Add" },
@@ -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,7 +5975,7 @@ 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",
@@ -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: () => {
@@ -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")) ?? {};
@@ -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(() => ({
@@ -6767,7 +6767,7 @@ const wc = { class: "form-control-dropdown-item__content" }, kc = { class: "form
       }, 8, ["label"]);
     };
   }
-}), hb = /* @__PURE__ */ z(Tc, [["__scopeId", "data-v-616a6504"]]), bb = /* @__PURE__ */ S({
+}), yb = /* @__PURE__ */ z(Tc, [["__scopeId", "data-v-616a6504"]]), _b = /* @__PURE__ */ S({
   __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 = kt(), o = n["icon-left"] ? ke(S({ render: () => n["icon-left"]() })) : void 0;
     return sn(Na, () => ({
       value: t.value,
       text: t.text,
@@ -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,
@@ -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__ */ S({
   __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__ */ S({
   __name: "FormControlDropdownEntry",
   props: {
     value: {},
@@ -7151,7 +7151,7 @@ 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 = kt(), o = n.icon ? ke(S({ render: () => n.icon() })) : void 0;
     return sn(za, () => ({
       value: t.value,
       label: t.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__ */ S({
   __name: "DisplayPalette",
   props: {
     colors: {},
@@ -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;
@@ -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__ */ S({
   __name: "FormControlPaletteEntry",
   props: {
     value: {},
@@ -7337,7 +7337,7 @@ const Oc = { class: "form-control-slider-input__row" }, Ec = {
       colors: t.colors
     })), (n, o) => M(n.$slots, "default");
   }
-}), $b = /* @__PURE__ */ S({
+}), Sb = /* @__PURE__ */ S({
   __name: "FormControlColorblindPicker",
   props: /* @__PURE__ */ Q({
     label: {},
@@ -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;
@@ -8469,7 +8469,7 @@ 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({
@@ -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__ */ S({
   __name: "DisplayDate",
   props: {
     value: {},
@@ -8503,7 +8503,7 @@ 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({
@@ -8521,7 +8521,7 @@ 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({
@@ -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__ */ S({
   __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,20 +8588,21 @@ 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;
@@ -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__ */ S({
   __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__ */ S({
   __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"
@@ -8757,7 +8772,7 @@ const Vv = {
       M(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__ */ S({
   __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, [
+        p("div", Yv, [
           M(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__ */ S({
   __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),
+    return (t, n) => (v(), g("div", qv, [
+      e.label ? (v(), g("div", jv, A(e.label), 1)) : F("", !0),
       M(t.$slots, "header", {}, void 0, !0),
-      t.$slots.default ? (v(), g("div", Wv, [
+      t.$slots.default ? (v(), g("div", Gv, [
         M(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, [
+}), Eb = /* @__PURE__ */ z(Xv, [["__scopeId", "data-v-c4970a7e"]]), Kv = {}, Zv = { class: "settings-section-description" };
+function Qv(e, t) {
+  return v(), g("p", Zv, [
     M(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, [
+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, [
     M(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__ */ S({
   __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__ */ S({
   __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)
@@ -8860,26 +8875,26 @@ const ep = /* @__PURE__ */ z(Zv, [["render", Jv], ["__scopeId", "data-v-d623ff81
           ]),
           _: 3
         })) : F("", !0),
-        t.$slots.default ? (v(), g("div", ip, [
+        t.$slots.default ? (v(), g("div", cp, [
           M(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__ */ S({
   __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__ */ S({
   __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__ */ S({
   __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__ */ S({
   __name: "FeedbackEmptyState",
   props: {
     title: {},
     message: {}
   },
   setup(e) {
-    return (t, n) => (v(), g("div", gp, [
-      t.$slots.icon ? (v(), g("span", yp, [
+    return (t, n) => (v(), g("div", wp, [
+      t.$slots.icon ? (v(), g("span", kp, [
         M(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, [
+      e.title ? (v(), g("h2", xp, A(e.title), 1)) : F("", !0),
+      e.message || t.$slots.default ? (v(), g("p", $p, [
         M(t.$slots, "default", {}, () => [
           re(A(e.message), 1)
         ])
       ])) : F("", !0),
-      t.$slots.actions ? (v(), g("div", kp, [
+      t.$slots.actions ? (v(), g("div", Cp, [
         M(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__ */ S({
   __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__ */ S({
   __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, [
+            p("div", Tp, [
               M(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__ */ S({
   __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, [
+    return (t, n) => (v(), g("div", Dp, [
+      p("div", Vp, [
+        p("h2", Rp, A(e.title), 1),
+        t.$slots.actions ? (v(), g("div", Op, [
           M(t.$slots, "actions", {}, void 0, !0)
         ])) : F("", !0)
       ]),
-      t.$slots.toolbar ? (v(), g("div", Vp, [
+      t.$slots.toolbar ? (v(), g("div", Ep, [
         M(t.$slots, "toolbar", {}, void 0, !0)
       ])) : F("", !0),
-      p("div", Rp, [
+      p("div", Hp, [
         M(t.$slots, "default", {}, void 0, !0)
       ]),
-      t.$slots.footer ? (v(), g("div", Op, [
+      t.$slots.footer ? (v(), g("div", Np, [
         M(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__ */ S({
   __name: "NavigationSegmentedControl",
   props: {
     items: {},
@@ -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__ */ S({
   __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__ */ S({
   __name: "NavigationToggle",
   props: /* @__PURE__ */ Q({
     options: { default: () => [] },
@@ -9336,7 +9351,7 @@ 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,
@@ -9348,7 +9363,7 @@ const Yb = /* @__PURE__ */ z(Hp, [["render", zp], ["__scopeId", "data-v-0ffa8b6b
       _: 3
     }, 8, ["items", "size", "icon-only"]));
   }
-}), jb = /* @__PURE__ */ S({
+}), Kb = /* @__PURE__ */ S({
   __name: "NavigationToggleOption",
   props: {
     value: {},
@@ -9367,26 +9382,26 @@ const Yb = /* @__PURE__ */ z(Hp, [["render", zp], ["__scopeId", "data-v-0ffa8b6b
       disabled: t.disabled
     })), (n, o) => M(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__ */ S({
   __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__ */ S({
   __name: "NavigationDocsBar",
   setup(e) {
-    return (t, n) => (v(), g("header", lm, [
-      t.$slots.brand ? (v(), g("div", rm, [
+    return (t, n) => (v(), g("header", sm, [
+      t.$slots.brand ? (v(), g("div", um, [
         M(t.$slots, "brand", {}, void 0, !0)
       ])) : F("", !0),
-      t.$slots.actions ? (v(), g("div", im, [
+      t.$slots.actions ? (v(), g("div", cm, [
         M(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, [
+      t.$slots["cta-primary"] ? (v(), g("div", dm, [
         M(t.$slots, "cta-primary", {}, void 0, !0)
       ])) : F("", !0),
-      t.$slots["cta-secondary"] ? (v(), g("div", um, [
+      t.$slots["cta-secondary"] ? (v(), g("div", fm, [
         M(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__ */ S({
   __name: "NavigationIconRail",
   props: /* @__PURE__ */ Q({
     items: { default: () => [] }
@@ -9464,7 +9479,7 @@ const Jl = xe({ name: "ph-magnifying-glass", render: em }), tm = ["aria-label"],
     }
     return (r, u) => {
       const s = xt;
-      return v(), g("nav", dm, [
+      return v(), g("nav", pm, [
         M(r.$slots, "default", {}, void 0, !0),
         (v(!0), g(le, null, we(c(a), (i) => (v(), V(s, {
           key: i.value,
@@ -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, [
+        r.$slots.footer ? (v(), g("div", mm, [
           M(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__ */ S({
   __name: "NavigationIconRailEntry",
   props: {
     value: {},
@@ -9501,20 +9516,20 @@ const Jl = xe({ name: "ph-magnifying-glass", render: em }), tm = ["aria-label"],
       tooltip: t.tooltip
     })), (n, o) => M(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__ */ S({
   __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__ */ S({
   __name: "NavigationMarketingBar",
   setup(e) {
-    return (t, n) => (v(), g("header", ym, [
-      p("div", _m, [
-        p("div", wm, [
+    return (t, n) => (v(), g("header", km, [
+      p("div", xm, [
+        p("div", $m, [
           M(t.$slots, "brand")
         ]),
-        t.$slots.menu ? (v(), g("nav", km, [
+        t.$slots.menu ? (v(), g("nav", Cm, [
           M(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, [
+        t.$slots.actions ? (v(), g("div", Bm, [
           M(t.$slots, "actions")
         ])) : F("", !0),
-        t.$slots["cta-secondary"] ? (v(), g("div", $m, [
+        t.$slots["cta-secondary"] ? (v(), g("div", Sm, [
           M(t.$slots, "cta-secondary")
         ])) : F("", !0),
-        t.$slots["cta-primary"] ? (v(), g("div", Cm, [
+        t.$slots["cta-primary"] ? (v(), g("div", Mm, [
           M(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__ */ S({
   __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__ */ S({
   __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__ */ S({
   __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__ */ S({
   __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, [
+      t.$slots.header ? (v(), g("div", Um, [
         M(t.$slots, "header", {}, void 0, !0)
       ])) : F("", !0),
-      p("div", Nm, [
+      p("div", Ym, [
         M(t.$slots, "default", {}, void 0, !0)
       ]),
-      t.$slots.footer ? (v(), g("div", zm, [
+      t.$slots.footer ? (v(), g("div", Wm, [
         M(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__ */ S({
   __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, [
+    return (t, n) => (v(), g("div", jm, [
+      e.eyebrow ? (v(), g("div", Gm, A(e.eyebrow), 1)) : F("", !0),
+      p("div", Xm, [
         M(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__ */ S({
   __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, [
+        p("span", Qm, [
           M(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, [
+            p("span", n0, [
               M(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__ */ S({
   __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__ */ S({
   __name: "ListItemRow",
   props: {
     label: {},
@@ -9920,24 +9935,24 @@ const er = xe({ name: "ph-arrow-square-out", render: mm }), hm = ["href", "aria-
       onClick: a[0] || (a[0] = (l) => o.$emit("click", l))
     }, [
       M(o.$slots, "leading", {}, void 0, !0),
-      p("span", f0, A(e.label), 1),
+      p("span", m0, A(e.label), 1),
       M(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__ */ S({
   __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__ */ S({
   __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",
@@ -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__ */ S({
   __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 = {
+}), fg = /* @__PURE__ */ z(S0, [["__scopeId", "data-v-816a6756"]]), M0 = ["aria-hidden"], A0 = ["data-bs-theme"], L0 = ["src"], T0 = {
   key: 2,
   class: "gallery-card__thumb__status"
-}, A0 = {
+}, P0 = {
   key: 3,
   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__ */ S({
   __name: "GalleryCard",
   props: {
     title: {},
@@ -10149,15 +10164,15 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
           src: e.thumbSrc,
           alt: "",
           class: "gallery-card__thumb__img"
-        }, null, 8, S0)) : F("", !0),
-        l.$slots.status && !e.loading ? (v(), g("div", M0, [
+        }, null, 8, L0)) : F("", !0),
+        l.$slots.status && !e.loading ? (v(), g("div", T0, [
           M(l.$slots, "status", {}, void 0, !0)
         ])) : F("", !0),
-        l.$slots.actions && !e.loading ? (v(), g("div", A0, [
+        l.$slots.actions && !e.loading ? (v(), g("div", P0, [
           M(l.$slots, "actions", {}, void 0, !0)
         ])) : F("", !0)
-      ], 8, B0),
-      p("div", L0, [
+      ], 8, A0),
+      p("div", I0, [
         e.loading ? (v(), g(le, { key: 0 }, [
           Y(gn, {
             class: "gallery-card__skeleton-line",
@@ -10169,7 +10184,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"
@@ -10181,15 +10196,15 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
             class: "gallery-card__meta__title",
             onClick: r[0] || (r[0] = (u) => 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, [
+          e.subtitle ? (v(), g("div", D0, A(e.subtitle), 1)) : F("", !0),
+          l.$slots.footer ? (v(), g("div", V0, [
             M(l.$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-8cdaf7eb"]]), O0 = /* @__PURE__ */ S({
   __name: "GalleryGrid",
   props: {
     layout: { default: "grid" }
@@ -10204,10 +10219,10 @@ const b0 = xe({ name: "ph-trash", render: h0 }), g0 = { class: "list-item-action
       M(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__ */ S({
   __name: "SceneTimelineItem",
   props: {
     name: {},
@@ -10226,12 +10241,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 +10254,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__ */ S({
   __name: "SceneTimelineControls",
   props: /* @__PURE__ */ Q({
     total: {},
@@ -10312,7 +10327,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 +10336,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 +10348,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 +10360,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__ */ S({
   __name: "SceneTimeline",
   props: /* @__PURE__ */ Q({
     scenes: {},
@@ -10367,7 +10382,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 +10394,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 +10405,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 +10414,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__ */ S({
   __name: "SceneTimelineCompact",
   props: /* @__PURE__ */ Q({
     scenes: {},
@@ -10428,7 +10443,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 +10456,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 +10471,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__ */ S({
   __name: "SceneListItem",
   props: {
     index: {},
@@ -10491,13 +10506,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 +10524,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__ */ S({
   __name: "SceneList",
   props: /* @__PURE__ */ Q({
     scenes: {},
@@ -10530,7 +10545,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 +10554,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 +10574,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__ */ S({
   __name: "ScenePlayerProgressBar",
   props: /* @__PURE__ */ Q({
     total: {},
@@ -10587,14 +10602,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 +10624,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 +10639,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__ */ S({
   __name: "ScenePlayerDotStepper",
   props: /* @__PURE__ */ Q({
     total: {},
@@ -10677,14 +10692,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 +10714,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 +10729,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 +10750,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__ */ S({
   __name: "ScenePlayerMinimalArrows",
   props: /* @__PURE__ */ Q({
     total: {},
@@ -10776,7 +10791,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 +10811,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 +10833,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 +10856,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__ */ S({
   __name: "ScenePlayerButtons",
   props: /* @__PURE__ */ Q({
     total: {},
@@ -10862,7 +10877,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 +10898,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 +10919,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
 };