@blueprint-chart/ui 2.10.0 → 2.11.0

package/dist/index.js

@@ -3,9 +3,9 @@ var Kl = (e, t, n) => t in e ? Xl(e, t, { enumerable: !0, configurable: !0, writ
 var We = (e, t, n) => Kl(e, typeof t != "symbol" ? t + "" : t, n);
 import { BPopover as Zl, BTooltip as Ql, BBadge as Jl, BButton as Hn } from "bootstrap-vue-next";
 import * as Ia from "vue";
-import { ref as ce, provide as nn, inject as Ie, getCurrentInstance as Mn, onMounted as Pn, watch as Se, onBeforeUnmount as uo, computed as y, shallowRef as Ce, watchEffect as er, toValue as de, effectScope as tr, getCurrentScope as nr, onScopeDispose as or, isRef as In, unref as i, readonly as Te, toRef as dt, defineComponent as T, useAttrs as Ut, openBlock as f, createBlock as R, resolveDynamicComponent as $e, mergeProps as he, withCtx as O, renderSlot as L, useSlots as ft, normalizeClass as E, createElementBlock as g, createTextVNode as le, toDisplayString as P, createCommentVNode as D, useTemplateRef as _e, useModel as ne, Fragment as ae, createVNode as q, mergeModels as Z, useId as Aa, nextTick as He, onUnmounted as Fa, h as Da, Teleport as ar, createElementVNode as p, normalizeProps as tt, guardReactiveProps as nt, Transition as co, withDirectives as kt, normalizeStyle as Ae, vShow as Oa, createSlots as ut, markRaw as we, renderList as be, vModelCheckbox as Ra, withModifiers as Vt, onActivated as lr, reactive as rr, vModelText as no, resolveComponent as fo } from "vue";
+import { ref as ce, provide as nn, inject as Ie, getCurrentInstance as Mn, onMounted as Pn, watch as Se, onBeforeUnmount as uo, computed as y, shallowRef as Ce, watchEffect as er, toValue as de, effectScope as tr, getCurrentScope as nr, onScopeDispose as or, isRef as In, unref as i, readonly as Te, toRef as dt, defineComponent as T, useAttrs as Ut, openBlock as f, createBlock as R, resolveDynamicComponent as $e, mergeProps as he, withCtx as O, renderSlot as L, useSlots as ft, normalizeClass as E, createElementBlock as g, createTextVNode as le, toDisplayString as P, createCommentVNode as D, useTemplateRef as we, useModel as ne, Fragment as ae, createVNode as q, mergeModels as Z, useId as Aa, nextTick as He, onUnmounted as Fa, h as Da, Teleport as ar, createElementVNode as p, normalizeProps as tt, guardReactiveProps as nt, Transition as co, withDirectives as kt, normalizeStyle as Ae, vShow as Oa, createSlots as ut, markRaw as ge, renderList as be, vModelCheckbox as Ra, withModifiers as Vt, onActivated as lr, reactive as rr, vModelText as no, resolveComponent as fo } from "vue";
 import { useMediaQuery as ir, onClickOutside as sr, useElementBounding as ur, useResizeObserver as cr, useEventListener as No } from "@vueuse/core";
-var dr = /* @__PURE__ */ ((e) => (e.Xxs = "2xs", e.Xs = "xs", e.Sm = "sm", e.Md = "md", e.Lg = "lg", e.Xl = "xl", e.Xxl = "2xl", e))(dr || {}), se = /* @__PURE__ */ ((e) => (e.BarVertical = "bar-vertical", e.BarHorizontal = "bar-horizontal", e.BarMulti = "bar-multi", e.ColumnStacked = "column-stacked", e.BarStacked = "bar-stacked", e.BarSplit = "bar-split", e.BarGrouped = "bar-grouped", e.Line = "line", e.LineMulti = "line-multi", e.Area = "area", e.AreaStacked = "area-stacked", e.Donut = "donut", e.Pie = "pie", e.Scatter = "scatter", e))(se || {});
+var dr = /* @__PURE__ */ ((e) => (e.Xxs = "2xs", e.Xs = "xs", e.Sm = "sm", e.Md = "md", e.Lg = "lg", e.Xl = "xl", e.Xxl = "2xl", e))(dr || {}), se = /* @__PURE__ */ ((e) => (e.BarVertical = "bar-vertical", e.BarHorizontal = "bar-horizontal", e.BarMulti = "bar-multi", e.ColumnStacked = "column-stacked", e.BarStacked = "bar-stacked", e.BarSplit = "bar-split", e.BarGrouped = "bar-grouped", e.Line = "line", e.LineMulti = "line-multi", e.Area = "area", e.AreaStacked = "area-stacked", e.Donut = "donut", e.Pie = "pie", e.Scatter = "scatter", e.DotPlot = "dot-plot", e))(se || {});
 function on(e) {
   const t = /* @__PURE__ */ new Map(), n = ce([]);
   function o() {
@@ -46,7 +46,7 @@ const Va = Symbol("ButtonGroupEntries"), Na = Symbol("DropdownEntries"), Ea = Sy
   xl: 1200,
   xxl: 1400
 };
-function Mh(e = "md") {
+function Ah(e = "md") {
   const t = typeof e == "number" ? e : vr[e];
   return { isNarrow: ir(`(max-width: ${t - 1}px)`) };
 }
@@ -690,7 +690,7 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
   }),
   emits: /* @__PURE__ */ Z(["click"], ["update:pressed"]),
   setup(e, { emit: t }) {
-    const n = Le(e, "BButton"), o = t, a = _e("_element"), l = ne(e, "pressed"), { computedLink: r, computedLinkProps: c } = ho(n, [
+    const n = Le(e, "BButton"), o = t, a = we("_element"), l = ne(e, "pressed"), { computedLink: r, computedLinkProps: c } = ho(n, [
       "activeClass",
       "exactActiveClass",
       "replace",
@@ -886,8 +886,8 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
   Pn(() => {
     var j;
     if (w = !0, !t.show && c) {
-      const ye = b("show", { cancelable: !0 });
-      if (n("show", ye), ye.defaultPrevented) {
+      const _e = b("show", { cancelable: !0 });
+      if (n("show", _e), _e.defaultPrevented) {
         n("show-prevented", b("show-prevented"));
         return;
       }
@@ -902,12 +902,12 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
   }), Ge(o, "bv-toggle", () => {
     e.value = !e.value;
   }, { passive: !0 });
-  const b = (j, ye = {}) => new Yr(j, {
+  const b = (j, _e = {}) => new Yr(j, {
     cancelable: !1,
     target: (o == null ? void 0 : o.value) || null,
     relatedTarget: null,
     trigger: null,
-    ...ye,
+    ..._e,
     componentId: a == null ? void 0 : a.value
   });
   let m, x, $, B, U;
@@ -917,8 +917,8 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
     B = new Promise((st) => {
       $ = st;
     });
-    const ye = b("show", { cancelable: !0 });
-    return n("show", ye), ye.defaultPrevented ? (n("show-prevented", b("show-prevented")), ee.value && (ee.value = !1), e.value && !v && (r = !0, He(() => {
+    const _e = b("show", { cancelable: !0 });
+    return n("show", _e), _e.defaultPrevented ? (n("show-prevented", b("show-prevented")), ee.value && (ee.value = !1), e.value && !v && (r = !0, He(() => {
       e.value = !1;
     })), $ == null || $("show-prevented"), B) : (x && (clearTimeout(x), x = void 0), u.value = !0, d.value = !0, requestAnimationFrame(() => {
       var st, bt;
@@ -938,7 +938,7 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
     }), B);
   };
   let k;
-  const S = (j, ye) => {
+  const S = (j, _e) => {
     var Je;
     if (!s.value && !m && !u.value) return Promise.resolve("");
     B || (B = new Promise((un) => {
@@ -951,15 +951,15 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
       cancelable: !0,
       trigger: j
     });
-    return j === "backdrop" && t.noCloseOnBackdrop || j === "esc" && t.noCloseOnEsc ? (n("hide-prevented", b("hide-prevented", { trigger: j })), $ == null || $("hide-prevented"), B) : (m && (clearTimeout(m), m = void 0), j && !ye && n(j, bt), n("hide", st), st.defaultPrevented || bt.defaultPrevented ? (n("hide-prevented", b("hide-prevented", { trigger: j })), e.value || He(() => {
+    return j === "backdrop" && t.noCloseOnBackdrop || j === "esc" && t.noCloseOnEsc ? (n("hide-prevented", b("hide-prevented", { trigger: j })), $ == null || $("hide-prevented"), B) : (m && (clearTimeout(m), m = void 0), j && !_e && n(j, bt), n("hide", st), st.defaultPrevented || bt.defaultPrevented ? (n("hide-prevented", b("hide-prevented", { trigger: j })), e.value || He(() => {
       r = !0, e.value = !0;
     }), $ == null || $("hide-prevented"), B) : (X.value = !1, m && (clearTimeout(m), m = void 0, _.value || (u.value = !1), d.value = !1), x = setTimeout(() => {
       var un;
       w && (x = void 0, pe.value = !0, s.value = !1, (un = l.hideFn) == null || un.call(l), e.value && (r = !0, e.value = v ? 0 : !1));
     }, h.value ? 0 : typeof t.delay == "number" ? t.delay : ((Je = t.delay) == null ? void 0 : Je.hide) || 0), B));
   }, F = /* @__PURE__ */ Ho((j) => S(j), 500), W = /* @__PURE__ */ Ho(() => I(), 500), J = (j = !1) => {
-    const ye = b("toggle", { cancelable: !0 });
-    return n("toggle", ye), ye.defaultPrevented ? (n("toggle-prevented", b("toggle-prevented")), Promise.resolve("toggle-prevented")) : s.value ? S("toggle-function", !0) : I(j);
+    const _e = b("toggle", { cancelable: !0 });
+    return n("toggle", _e), _e.defaultPrevented ? (n("toggle-prevented", b("toggle-prevented")), Promise.resolve("toggle-prevented")) : s.value ? S("toggle-function", !0) : I(j);
   }, A = () => {
     const j = b("toggle", { cancelable: !0 });
     if (n("toggle", j), j.defaultPrevented) {
@@ -967,14 +967,14 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
       return;
     }
     s.value ? S("toggle-trigger", !0) : I();
-  }, H = [], z = (j, ye) => {
+  }, H = [], z = (j, _e) => {
     H.push({
       trigger: j,
-      el: ye
-    }), ye.addEventListener(j, A), te(ye);
-  }, G = (j, ye, st = !0) => {
-    const bt = H.findIndex((Je) => (Je == null ? void 0 : Je.trigger) === j && Je.el === ye);
-    bt > -1 && (H.splice(bt, 1), ye.removeEventListener(j, A), st && (ye.removeAttribute("aria-expanded"), ye.classList.remove("collapsed"), ye.classList.remove("not-collapsed")));
+      el: _e
+    }), _e.addEventListener(j, A), te(_e);
+  }, G = (j, _e, st = !0) => {
+    const bt = H.findIndex((Je) => (Je == null ? void 0 : Je.trigger) === j && Je.el === _e);
+    bt > -1 && (H.splice(bt, 1), _e.removeEventListener(j, A), st && (_e.removeAttribute("aria-expanded"), _e.classList.remove("collapsed"), _e.classList.remove("not-collapsed")));
   }, Y = (oe = Ie(hr, null)) == null ? void 0 : oe.register({
     id: a.value,
     toggle: J,
@@ -991,8 +991,8 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
     H.forEach((j) => {
       te(j.el);
     });
-  }), Se(a, (j, ye) => {
-    Y == null || Y.updateId(j, ye);
+  }), Se(a, (j, _e) => {
+    Y == null || Y.updateId(j, _e);
   }), uo(() => {
     Y == null || Y.unregister(), H.forEach((j) => {
       j.el.removeEventListener(j.trigger, A);
@@ -1047,7 +1047,7 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
         _.value || (u.value = !1);
       }), $ == null || $(k || ""), B = void 0, $ = void 0, k = void 0;
     }
-  ], N = y(() => _.value === !0 || Ue.value === !0 || t.lazy === !1 || t.lazy === !0 && ie.value === !0 && t.unmountLazy === !1), X = ce(!1), Q = ce(!1), M = ce(!1), ge = {
+  ], N = y(() => _.value === !0 || Ue.value === !0 || t.lazy === !1 || t.lazy === !0 && ie.value === !0 && t.unmountLazy === !1), X = ce(!1), Q = ce(!1), M = ce(!1), ye = {
     ...l.transitionProps,
     onBeforeEnter: Oe,
     onEnter: xe,
@@ -1082,7 +1082,7 @@ var Ar = (e, t) => [...t].reduce((n, o) => (n[o] = e[o], n), {}), Fr = (e) => {
     transitionProps: {
       ...Wo,
       ...t.transitionProps,
-      ...ge
+      ...ye
     },
     lazyLoadCompleted: Te(ie),
     markLazyLoadCompleted: fe,
@@ -2434,7 +2434,7 @@ var $n = (e, t = Zt()) => {
     "toggle-prevented"
   ], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const o = Le(e, "BPopover"), a = n, l = ft(), r = Ut(), c = ne(e, "modelValue"), s = ct(() => o.id, "popover"), u = ce(!1), d = _e("_element"), v = _e("_content"), h = _e("_arrow"), _ = _e("_placeholder"), C = ce(null), w = ce(null), b = y(() => o.placement.startsWith("auto")), m = /* @__PURE__ */ gn(() => o.offset ?? NaN), x = y(() => Co(o.boundary) ? o.boundary : void 0), $ = y(() => xl(o.boundary) ? o.boundary : void 0), B = ce({}), U = y(() => {
+    const o = Le(e, "BPopover"), a = n, l = ft(), r = Ut(), c = ne(e, "modelValue"), s = ct(() => o.id, "popover"), u = ce(!1), d = we("_element"), v = we("_content"), h = we("_arrow"), _ = we("_placeholder"), C = ce(null), w = ce(null), b = y(() => o.placement.startsWith("auto")), m = /* @__PURE__ */ gn(() => o.offset ?? NaN), x = y(() => Co(o.boundary) ? o.boundary : void 0), $ = y(() => xl(o.boundary) ? o.boundary : void 0), B = ce({}), U = y(() => {
       if (o.floatingMiddleware !== void 0) return o.floatingMiddleware;
       const K = [hl(o.offset !== null ? m.value : o.tooltip ? 6 : 8)];
       return !o.noFlip && !b.value && K.push(gl({
@@ -2519,7 +2519,7 @@ var $n = (e, t = Zt()) => {
     const X = (K) => {
       var Fe, ht;
       const { triggerIsOutside: me, isOutside: ve } = mt(), Pe = Zt();
-      !o.noninteractive && ve && me && Pe && !((Fe = d.value) != null && Fe.contains(Pe.activeElement)) && (!ge.value.focus || !((ht = w.value) != null && ht.contains(Pe.activeElement))) || o.noninteractive && me ? H(K == null ? void 0 : K.type) : (N && clearTimeout(N), N = setTimeout(() => {
+      !o.noninteractive && ve && me && Pe && !((Fe = d.value) != null && Fe.contains(Pe.activeElement)) && (!ye.value.focus || !((ht = w.value) != null && ht.contains(Pe.activeElement))) || o.noninteractive && me ? H(K == null ? void 0 : K.type) : (N && clearTimeout(N), N = setTimeout(() => {
         X(K);
       }, 50));
     };
@@ -2534,7 +2534,7 @@ var $n = (e, t = Zt()) => {
       A.value ? H(K.type === "click" ? "click" : "toggle") : z();
     }, M = () => {
       z();
-    }, ge = y(() => o.manual ? {
+    }, ye = y(() => o.manual ? {
       hover: !1,
       focus: !1,
       click: !1
@@ -2557,13 +2557,13 @@ var $n = (e, t = Zt()) => {
         ve ? C.value = ve : console.warn("Reference element not found", o.reference);
       } else C.value = w.value;
       if (!w.value || o.manual) return;
-      const K = ge.value;
+      const K = ye.value;
       K.click && w.value.addEventListener("click", Q), K.hover && (w.value.addEventListener("pointerenter", M), w.value.addEventListener("pointerleave", X)), K.focus && (w.value.addEventListener("focus", M), w.value.addEventListener("blur", X));
     }, Be = () => {
       w.value && (w.value.removeEventListener("click", Q), w.value.removeEventListener("pointerenter", M), w.value.removeEventListener("pointerleave", X), w.value.removeEventListener("focus", M), w.value.removeEventListener("blur", X));
     };
     Za(d, () => {
-      A.value && ge.value.click && !o.noAutoClose && !o.manual && H("click-outside");
+      A.value && ye.value.click && !o.noAutoClose && !o.manual && H("click-outside");
     }, { ignore: [w] }), Se([
       () => o.click,
       () => o.hover,
@@ -2794,7 +2794,7 @@ var $n = (e, t = Zt()) => {
         noninteractive: d !== void 0 ? d : !u,
         ...v
       };
-    }), s = _e("_popover");
+    }), s = we("_popover");
     return t({
       hide: () => {
         var u;
@@ -3080,7 +3080,7 @@ function ls(e, t) {
     }, null, -1)
   ])]);
 }
-const rs = we({ name: "ph-circle-notch", render: ls }), is = {
+const rs = ge({ name: "ph-circle-notch", render: ls }), is = {
   key: 1,
   class: "button-icon__label"
 }, ss = /* @__PURE__ */ T({
@@ -3122,7 +3122,7 @@ const rs = we({ name: "ph-circle-notch", render: ls }), is = {
   emits: ["click:icon-right"],
   setup(e, { emit: t }) {
     let n = 0;
-    const o = Ie("variant", "action"), a = Ie("size", "md"), l = _e("element"), r = e, c = t;
+    const o = Ie("variant", "action"), a = Ie("size", "md"), l = we("element"), r = e, c = t;
     function s(I) {
       c(`click:${I}`);
     }
@@ -3225,7 +3225,7 @@ function cs(e, t) {
     }, null, -1)
   ])]);
 }
-const ds = we({ name: "ph-copy", render: cs }), fs = {
+const ds = ge({ name: "ph-copy", render: cs }), fs = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -3238,7 +3238,7 @@ function vs(e, t) {
     }, null, -1)
   ])]);
 }
-const $l = we({ name: "ph-check", render: vs }), Ph = /* @__PURE__ */ T({
+const $l = ge({ name: "ph-check", render: vs }), Fh = /* @__PURE__ */ T({
   __name: "ActionCopyButton",
   props: {
     text: {},
@@ -3287,7 +3287,7 @@ const $l = we({ name: "ph-check", render: vs }), Ph = /* @__PURE__ */ T({
       L(l.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), Ih = /* @__PURE__ */ V(ps, [["__scopeId", "data-v-f5f17f04"]]), ms = {
+}), Dh = /* @__PURE__ */ V(ps, [["__scopeId", "data-v-f5f17f04"]]), ms = {
   width: "0",
   height: "0",
   style: { position: "absolute" },
@@ -3295,7 +3295,7 @@ const $l = we({ name: "ph-check", render: vs }), Ph = /* @__PURE__ */ T({
 }, hs = ["id"], bs = ["baseFrequency", "seed"], gs = {
   in: "na",
   result: "nm"
-}, ys = ["amplitude", "exponent"], Ah = /* @__PURE__ */ T({
+}, ys = ["amplitude", "exponent"], Oh = /* @__PURE__ */ T({
   __name: "StippleDefs",
   setup(e) {
     const t = [
@@ -3414,7 +3414,7 @@ const $l = we({ name: "ph-check", render: vs }), Ph = /* @__PURE__ */ T({
       ])
     ], 2));
   }
-}), Fh = /* @__PURE__ */ V($s, [["__scopeId", "data-v-0cc2eca8"]]);
+}), Rh = /* @__PURE__ */ V($s, [["__scopeId", "data-v-0cc2eca8"]]);
 var kl = (e, t) => y(() => {
   const n = de(e), o = de(t);
   return n === !0 ? "true" : typeof n == "string" ? n : o === !1 ? "true" : n === !1 ? "false" : void 0;
@@ -3953,7 +3953,7 @@ var kl = (e, t) => y(() => {
         Y = Number.isNaN(te) ? 0 : te, Y = Y > 0 ? Y : !1;
       }
       return Y && (G === "xs" ? z[typeof Y == "boolean" ? "col" : "cols"] = Y : z[G || (typeof Y == "boolean" ? "col" : "cols")] = Y), z;
-    }, {}), u = _e("_content"), d = y(() => s(n, "content")), v = y(() => ((A, H) => c.reduce((z, G) => {
+    }, {}), u = we("_content"), d = y(() => s(n, "content")), v = y(() => ((A, H) => c.reduce((z, G) => {
       const Y = A[la(G === "xs" ? "" : G, `${H}Align`)] || null;
       return Y && (G === "xs" ? z.push(`text-${Y}`) : z.push(`text-${G}-${Y}`)), z;
     }, []))(n, "label")), h = y(() => s(n, "label")), _ = y(() => Object.keys(d.value).length > 0 || Object.keys(h.value).length > 0), C = So(a), w = kl(() => n.ariaInvalid, a), b = (A) => {
@@ -4240,7 +4240,7 @@ var kl = (e, t) => y(() => {
         wrapperClass: H,
         inputAttrs: z
       };
-    }), s = ct(() => n.id, "form-check"), u = Ie(mr, null), d = _e("_input"), { focused: v } = Qa(d, { initialValue: n.autofocus }), h = y(() => !el(o.default)), _ = {
+    }), s = ct(() => n.id, "form-check"), u = Ie(mr, null), d = we("_input"), { focused: v } = Qa(d, { initialValue: n.autofocus }), h = y(() => !el(o.default)), _ = {
       plain: !1,
       button: !1,
       inline: !1,
@@ -4313,7 +4313,7 @@ var kl = (e, t) => y(() => {
     }, 16, ["skip", "class"]));
   }
 });
-const Dh = /* @__PURE__ */ T({
+const Vh = /* @__PURE__ */ T({
   __name: "FormControlCheckbox",
   props: /* @__PURE__ */ Z({
     label: {}
@@ -4731,7 +4731,7 @@ const nu = {
       ArrowRight: [1, 0],
       ArrowUp: [0, 1],
       ArrowDown: [0, -1]
-    }), o = ne(e, "modelValue"), a = t, l = Object.freeze({ h: 0, s: 0, v: 0 }), r = ma(o.value), c = ce(r ? ra(r) : l), s = _e("area");
+    }), o = ne(e, "modelValue"), a = t, l = Object.freeze({ h: 0, s: 0, v: 0 }), r = ma(o.value), c = ce(r ? ra(r) : l), s = we("area");
     function u(k) {
       const S = ma(k);
       if (!S || Xn(c.value) === S)
@@ -4839,7 +4839,7 @@ const nu = {
   }),
   emits: ["update:modelValue", "update:open"],
   setup(e) {
-    const t = ne(e, "modelValue"), n = e, o = ne(e, "open"), a = _e("contentRef");
+    const t = ne(e, "modelValue"), n = e, o = ne(e, "open"), a = we("contentRef");
     return sr(a, () => {
       n.manual && (o.value = !1);
     }, {
@@ -4882,7 +4882,7 @@ const nu = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ne(e, "modelValue"), n = _e("swatchRef"), { onHexInput: o, onHexChange: a } = Ml(t);
+    const t = ne(e, "modelValue"), n = we("swatchRef"), { onHexInput: o, onHexChange: a } = Ml(t);
     return (l, r) => {
       const c = Pl, s = rt;
       return f(), R(s, {
@@ -4919,7 +4919,7 @@ const nu = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), Oh = /* @__PURE__ */ V(gu, [["__scopeId", "data-v-acfb201d"]]), yu = ["data-d", "title"], _u = /* @__PURE__ */ T({
+}), Nh = /* @__PURE__ */ V(gu, [["__scopeId", "data-v-acfb201d"]]), yu = ["data-d", "title"], _u = /* @__PURE__ */ T({
   __name: "FormControlDirectionPickerHandle",
   props: {
     pos: {},
@@ -5014,7 +5014,7 @@ const nu = {
       }, 8, ["label"]);
     };
   }
-}), Rh = /* @__PURE__ */ V(Cu, [["__scopeId", "data-v-061e1227"]]), Bu = /* @__PURE__ */ T({
+}), Eh = /* @__PURE__ */ V(Cu, [["__scopeId", "data-v-061e1227"]]), Bu = /* @__PURE__ */ T({
   __name: "DisplayColorSwatch",
   props: {
     color: {},
@@ -5044,7 +5044,7 @@ function Lu(e, t) {
     }, null, -1)
   ])]);
 }
-const Tu = we({ name: "ph-plus", render: Lu }), Mu = /* @__PURE__ */ T({
+const Tu = ge({ name: "ph-plus", render: Lu }), Mu = /* @__PURE__ */ T({
   __name: "ButtonAdd",
   props: {
     label: { default: "Add" },
@@ -5081,7 +5081,7 @@ const Tu = we({ name: "ph-plus", render: Lu }), Mu = /* @__PURE__ */ T({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ne(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 = _e("addBtnRef"), r = Ce("#4e79a7"), c = Ce(-1), s = ce(null), u = ce(null), d = Ce(!1), v = y(() => c.value >= 0 ? "bottom-start" : "bottom");
+    const t = ne(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 = we("addBtnRef"), r = Ce("#4e79a7"), c = Ce(-1), s = ce(null), u = ce(null), d = Ce(!1), v = y(() => c.value >= 0 ? "bottom-start" : "bottom");
     Se(() => t.value[c.value], (b) => {
       c.value >= 0 && b !== r.value && (d.value = !1);
     });
@@ -5160,7 +5160,7 @@ const Tu = we({ name: "ph-plus", render: Lu }), Mu = /* @__PURE__ */ T({
       }, 8, ["label", "label-for"]);
     };
   }
-}), Vh = /* @__PURE__ */ V(Du, [["__scopeId", "data-v-62b955a6"]]);
+}), Hh = /* @__PURE__ */ V(Du, [["__scopeId", "data-v-62b955a6"]]);
 var Ou = { class: "visually-hidden" }, Ru = [
   "id",
   "aria-labelledby",
@@ -5284,7 +5284,7 @@ var Ou = { class: "visually-hidden" }, Ru = [
     "toggle-prevented"
   ], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const o = Le(e, "BDropdown"), a = n, l = ct(() => o.id, "dropdown"), r = ne(e, "modelValue"), c = Ie(ja, !1), s = Ie(Ga, !1), u = /* @__PURE__ */ gn(y(() => typeof o.offset == "string" || typeof o.offset == "number" ? o.offset : NaN)), d = _e("_floating"), v = _e("_button"), h = _e("_splitButton"), _ = y(() => Co(o.boundary) ? o.boundary : void 0), C = y(() => xl(o.boundary) ? o.boundary : void 0), w = y(() => o.split ? v.value : h.value);
+    const o = Le(e, "BDropdown"), a = n, l = ct(() => o.id, "dropdown"), r = ne(e, "modelValue"), c = Ie(ja, !1), s = Ie(Ga, !1), u = /* @__PURE__ */ gn(y(() => typeof o.offset == "string" || typeof o.offset == "number" ? o.offset : NaN)), d = we("_floating"), v = we("_button"), h = we("_splitButton"), _ = y(() => Co(o.boundary) ? o.boundary : void 0), C = y(() => xl(o.boundary) ? o.boundary : void 0), w = y(() => o.split ? v.value : h.value);
     let b;
     const { showRef: m, renderRef: x, hide: $, show: B, toggle: U, computedNoAnimation: I, transitionProps: k, contentShowing: S, isVisible: F, isActive: W } = nl(r, o, a, w, l, {
       showFn: () => {
@@ -5314,15 +5314,15 @@ var Ou = { class: "visually-hidden" }, Ru = [
       if ((qe = d.value) != null && qe.contains((Re = ee.target) == null ? void 0 : Re.closest("form")) || /input|select|option|textarea|form/i.test((mt = ee.target) == null ? void 0 : mt.tagName)) return;
       if (ee.preventDefault(), !m.value) {
         B();
-        const ge = setInterval(() => {
-          F.value && (clearInterval(ge), He(() => A(ee, Oe)));
+        const ye = setInterval(() => {
+          F.value && (clearInterval(ye), He(() => A(ee, Oe)));
         }, 16);
         return;
       }
       const xe = (N = d.value) == null ? void 0 : N.querySelectorAll(".dropdown-item:not(.disabled):not(:disabled)"), Ye = Zt();
       if (!(!xe || !Ye))
         if ((X = d.value) != null && X.contains(Ye.activeElement)) {
-          const ge = d.value.querySelector(".dropdown-item:focus"), oe = Array.prototype.indexOf.call(xe, ge) + Oe;
+          const ye = d.value.querySelector(".dropdown-item:focus"), oe = Array.prototype.indexOf.call(xe, ye) + Oe;
           oe >= 0 && oe < (xe == null ? void 0 : xe.length) && ((Q = xe[oe]) == null || Q.focus());
         } else (M = xe[Oe === -1 ? xe.length - 1 : 0]) == null || M.focus();
     };
@@ -5756,7 +5756,7 @@ const Hu = { class: "form-control-dropdown-item__content" }, zu = { class: "form
   setup(e) {
     const t = ne(e, "modelValue"), n = e, { entries: o } = on(Na), a = y(() => n.size === "md" ? void 0 : n.size), l = y(
       () => o.value.length > 0 ? o.value : n.options
-    ), r = _e("elementRef"), c = ur(r), s = _e("dropdownRef");
+    ), r = we("elementRef"), c = ur(r), s = we("dropdownRef");
     function u() {
       var b, m;
       const { id: C = null } = ((m = (b = s.value) == null ? void 0 : b.$el) == null ? void 0 : m.querySelector(".dropdown-toggle")) ?? {};
@@ -5859,7 +5859,7 @@ const Hu = { class: "form-control-dropdown-item__content" }, zu = { class: "form
   setup(e) {
     const t = ne(e, "modelValue"), n = e, { entries: o } = on(Va), a = y(
       () => o.value.length > 0 ? o.value : n.options
-    ), l = _e("containerRef"), r = Ce(!1), c = y(() => ({
+    ), l = we("containerRef"), r = Ce(!1), c = y(() => ({
       "form-control-button-group__container--block": n.block,
       "form-control-button-group__container--collapsed": r.value
     })), s = y(() => ({
@@ -5952,7 +5952,7 @@ const Hu = { class: "form-control-dropdown-item__content" }, zu = { class: "form
       }, 8, ["label"]);
     };
   }
-}), Nh = /* @__PURE__ */ V(Zu, [["__scopeId", "data-v-616a6504"]]), Eh = /* @__PURE__ */ T({
+}), zh = /* @__PURE__ */ V(Zu, [["__scopeId", "data-v-616a6504"]]), Uh = /* @__PURE__ */ T({
   __name: "FormControlButtonGroupEntry",
   props: {
     value: {},
@@ -5963,7 +5963,7 @@ const Hu = { class: "form-control-dropdown-item__content" }, zu = { class: "form
     icon: {}
   },
   setup(e) {
-    const t = e, n = ft(), o = n["icon-left"] ? we(T({ render: () => n["icon-left"]() })) : void 0;
+    const t = e, n = ft(), o = n["icon-left"] ? ge(T({ render: () => n["icon-left"]() })) : void 0;
     return an(Va, () => ({
       value: t.value,
       text: t.text,
@@ -6147,7 +6147,7 @@ var tc = (e, t) => {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = Le(e, "BFormInput"), [o, a] = ne(e, "modelValue", { set: (m) => tc(m, a) }), l = _e("_input"), r = Ie(ja, !1), { computedId: c, computedAriaInvalid: s, onInput: u, onChange: d, onBlur: v, stateClass: h, focus: _, blur: C, isDisabled: w } = nc(n, l, o, a), b = y(() => {
+    const n = Le(e, "BFormInput"), [o, a] = ne(e, "modelValue", { set: (m) => tc(m, a) }), l = we("_input"), r = Ie(ja, !1), { computedId: c, computedAriaInvalid: s, onInput: u, onChange: d, onBlur: v, stateClass: h, focus: _, blur: C, isDisabled: w } = nc(n, l, o, a), b = y(() => {
       const m = n.type === "range", x = n.type === "color";
       return [h.value, {
         "form-range": m,
@@ -6240,7 +6240,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), Hh = /* @__PURE__ */ V(rc, [["__scopeId", "data-v-7277a268"]]), ic = { class: "form-control-units-input__row" }, sc = { class: "form-control-units-input__row__group" }, uc = /* @__PURE__ */ T({
+}), Yh = /* @__PURE__ */ V(rc, [["__scopeId", "data-v-7277a268"]]), ic = { class: "form-control-units-input__row" }, sc = { class: "form-control-units-input__row__group" }, uc = /* @__PURE__ */ T({
   __name: "FormControlUnitsInput",
   props: /* @__PURE__ */ Z({
     label: {},
@@ -6326,7 +6326,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), zh = /* @__PURE__ */ V(uc, [["__scopeId", "data-v-28a7083b"]]), Uh = /* @__PURE__ */ T({
+}), qh = /* @__PURE__ */ V(uc, [["__scopeId", "data-v-28a7083b"]]), Wh = /* @__PURE__ */ T({
   __name: "FormControlDropdownEntry",
   props: {
     value: {},
@@ -6336,7 +6336,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
     icon: {}
   },
   setup(e) {
-    const t = e, n = ft(), o = n.icon ? we(T({ render: () => n.icon() })) : void 0;
+    const t = e, n = ft(), o = n.icon ? ge(T({ render: () => n.icon() })) : void 0;
     return an(Na, () => ({
       value: t.value,
       label: t.label,
@@ -6385,7 +6385,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), Yh = /* @__PURE__ */ V(fc, [["__scopeId", "data-v-1748b9a2"]]), vc = { class: "display-palette" }, pc = /* @__PURE__ */ T({
+}), jh = /* @__PURE__ */ V(fc, [["__scopeId", "data-v-1748b9a2"]]), vc = { class: "display-palette" }, pc = /* @__PURE__ */ T({
   __name: "DisplayPalette",
   props: {
     colors: {},
@@ -6422,7 +6422,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
       var C;
       const { group: h } = d, _ = (C = a.value[v - 1]) == null ? void 0 : C.group;
       return { ...d, group: h, header: !!h && h !== _ };
-    })), r = _e("dropdownRef");
+    })), r = we("dropdownRef");
     function c() {
       var _;
       const d = (_ = r.value) == null ? void 0 : _.$el;
@@ -6507,7 +6507,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
       }, 8, ["label", "label-for"]);
     };
   }
-}), qh = /* @__PURE__ */ V(_c, [["__scopeId", "data-v-73b4dca1"]]), Wh = /* @__PURE__ */ T({
+}), Gh = /* @__PURE__ */ V(_c, [["__scopeId", "data-v-73b4dca1"]]), Xh = /* @__PURE__ */ T({
   __name: "FormControlPaletteEntry",
   props: {
     value: {},
@@ -6522,7 +6522,7 @@ const ac = { class: "form-control-slider-input__row" }, lc = {
       colors: t.colors
     })), (n, o) => L(n.$slots, "default");
   }
-}), jh = /* @__PURE__ */ T({
+}), Kh = /* @__PURE__ */ T({
   __name: "FormControlColorblindPicker",
   props: /* @__PURE__ */ Z({
     label: {},
@@ -6921,7 +6921,7 @@ const Ic = { class: "form-control-number-format__popover" }, Ac = { class: "form
       }, 8, ["id", "modelValue", "label", "block"]);
     };
   }
-}), Gh = /* @__PURE__ */ V(Wc, [["__scopeId", "data-v-fd094681"]]), Qn = /* @__PURE__ */ new Date(), Jn = /* @__PURE__ */ new Date();
+}), Zh = /* @__PURE__ */ V(Wc, [["__scopeId", "data-v-fd094681"]]), Qn = /* @__PURE__ */ new Date(), Jn = /* @__PURE__ */ new Date();
 function it(e, t, n, o) {
   function a(l) {
     return e(l = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+l)), l;
@@ -7141,16 +7141,16 @@ function ad(e) {
   $.x = I(n, $), $.X = I(o, $), $.c = I(t, $), B.x = I(n, B), B.X = I(o, B), B.c = I(t, B);
   function I(N, X) {
     return function(Q) {
-      var M = [], ge = -1, oe = 0, Be = N.length, ke, K, me;
-      for (Q instanceof Date || (Q = /* @__PURE__ */ new Date(+Q)); ++ge < Be; )
-        N.charCodeAt(ge) === 37 && (M.push(N.slice(oe, ge)), (K = wa[ke = N.charAt(++ge)]) != null ? ke = N.charAt(++ge) : K = ke === "e" ? " " : "0", (me = X[ke]) && (ke = me(Q, K)), M.push(ke), oe = ge + 1);
-      return M.push(N.slice(oe, ge)), M.join("");
+      var M = [], ye = -1, oe = 0, Be = N.length, ke, K, me;
+      for (Q instanceof Date || (Q = /* @__PURE__ */ new Date(+Q)); ++ye < Be; )
+        N.charCodeAt(ye) === 37 && (M.push(N.slice(oe, ye)), (K = wa[ke = N.charAt(++ye)]) != null ? ke = N.charAt(++ye) : K = ke === "e" ? " " : "0", (me = X[ke]) && (ke = me(Q, K)), M.push(ke), oe = ye + 1);
+      return M.push(N.slice(oe, ye)), M.join("");
     };
   }
   function k(N, X) {
     return function(Q) {
-      var M = Gt(1900, void 0, 1), ge = S(M, N, Q += "", 0), oe, Be;
-      if (ge != Q.length) return null;
+      var M = Gt(1900, void 0, 1), ye = S(M, N, Q += "", 0), oe, Be;
+      if (ye != Q.length) return null;
       if ("Q" in M) return new Date(M.Q);
       if ("s" in M) return new Date(M.s * 1e3 + ("L" in M ? M.L : 0));
       if (X && !("Z" in M) && (M.Z = 0), "p" in M && (M.H = M.H % 12 + M.p * 12), M.m === void 0 && (M.m = "q" in M ? M.q : 0), "V" in M) {
@@ -7161,10 +7161,10 @@ function ad(e) {
     };
   }
   function S(N, X, Q, M) {
-    for (var ge = 0, oe = X.length, Be = Q.length, ke, K; ge < oe; ) {
+    for (var ye = 0, oe = X.length, Be = Q.length, ke, K; ye < oe; ) {
       if (M >= Be) return -1;
-      if (ke = X.charCodeAt(ge++), ke === 37) {
-        if (ke = X.charAt(ge++), K = U[ke in wa ? X.charAt(ge++) : ke], !K || (M = K(N, Q, M)) < 0) return -1;
+      if (ke = X.charCodeAt(ye++), ke === 37) {
+        if (ke = X.charAt(ye++), K = U[ke in wa ? X.charAt(ye++) : ke], !K || (M = K(N, Q, M)) < 0) return -1;
       } else if (ke != Q.charCodeAt(M++))
         return -1;
     }
@@ -7654,7 +7654,7 @@ const cf = { class: "form-control-date-format__popover" }, df = { class: "form-c
       }, 8, ["id", "modelValue", "label", "block"]);
     };
   }
-}), Xh = /* @__PURE__ */ V(_f, [["__scopeId", "data-v-3ca99c6e"]]), wf = { class: "display-value__text" }, xf = {
+}), Qh = /* @__PURE__ */ V(_f, [["__scopeId", "data-v-3ca99c6e"]]), wf = { class: "display-value__text" }, xf = {
   key: 0,
   class: "display-value__unit"
 }, $f = /* @__PURE__ */ T({
@@ -7675,7 +7675,7 @@ const cf = { class: "form-control-date-format__popover" }, df = { class: "form-c
       e.unit ? (f(), g("span", xf, P(e.unit), 1)) : D("", !0)
     ], 2));
   }
-}), Kh = /* @__PURE__ */ V($f, [["__scopeId", "data-v-d11c1e64"]]), kf = { class: "display-date" }, Cf = /* @__PURE__ */ T({
+}), Jh = /* @__PURE__ */ V($f, [["__scopeId", "data-v-d11c1e64"]]), kf = { class: "display-date" }, Cf = /* @__PURE__ */ T({
   __name: "DisplayDate",
   props: {
     value: {},
@@ -7688,7 +7688,7 @@ const cf = { class: "form-control-date-format__popover" }, df = { class: "form-c
     });
     return (o, a) => (f(), g("span", kf, P(i(n)), 1));
   }
-}), Zh = /* @__PURE__ */ V(Cf, [["__scopeId", "data-v-8d8eab36"]]), Bf = { class: "display-range" }, Sf = { class: "display-range__text" }, Lf = { class: "display-range__text" }, Tf = {
+}), eb = /* @__PURE__ */ V(Cf, [["__scopeId", "data-v-8d8eab36"]]), Bf = { class: "display-range" }, Sf = { class: "display-range__text" }, Lf = { class: "display-range__text" }, Tf = {
   key: 0,
   class: "display-range__unit"
 }, Mf = /* @__PURE__ */ T({
@@ -7706,7 +7706,7 @@ const cf = { class: "form-control-date-format__popover" }, df = { class: "form-c
       e.unit ? (f(), g("span", Tf, P(e.unit), 1)) : D("", !0)
     ]));
   }
-}), Qh = /* @__PURE__ */ V(Mf, [["__scopeId", "data-v-500dac2f"]]), Pf = { class: "display-number" }, If = { class: "display-number__text" }, Af = {
+}), tb = /* @__PURE__ */ V(Mf, [["__scopeId", "data-v-500dac2f"]]), Pf = { class: "display-number" }, If = { class: "display-number__text" }, Af = {
   key: 0,
   class: "display-number__unit"
 }, Ff = /* @__PURE__ */ T({
@@ -7723,7 +7723,7 @@ const cf = { class: "form-control-date-format__popover" }, df = { class: "form-c
       e.unit ? (f(), g("span", Af, P(e.unit), 1)) : D("", !0)
     ]));
   }
-}), Jh = /* @__PURE__ */ V(Ff, [["__scopeId", "data-v-0bb9515b"]]), Df = {
+}), nb = /* @__PURE__ */ V(Ff, [["__scopeId", "data-v-0bb9515b"]]), Df = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -7736,14 +7736,14 @@ function Of(e, t) {
     }, null, -1)
   ])]);
 }
-const Rf = we({ name: "ph-info", render: Of }), Vf = { class: "display-contrast-badge__ratio" }, Nf = /* @__PURE__ */ T({
+const Rf = ge({ name: "ph-info", render: Of }), Vf = { class: "display-contrast-badge__ratio" }, Nf = /* @__PURE__ */ T({
   __name: "DisplayContrastBadge",
   props: {
     level: {},
     ratio: {}
   },
   setup(e) {
-    const t = e, n = _e("badgeRef"), o = y(() => ({
+    const t = e, n = we("badgeRef"), o = y(() => ({
       "display-contrast-badge--aaa": t.level === "AAA",
       "display-contrast-badge--aa": t.level === "AA",
       "display-contrast-badge--fail": t.level === "Fail"
@@ -7773,21 +7773,22 @@ const Rf = we({ name: "ph-info", render: Of }), Vf = { class: "display-contrast-
       }, null, 8, ["target", "title"])
     ], 2));
   }
-}), eb = /* @__PURE__ */ V(Nf, [["__scopeId", "data-v-0c7d4e75"]]), Ef = {
+}), ob = /* @__PURE__ */ V(Nf, [["__scopeId", "data-v-0c7d4e75"]]), Ef = {
   [se.BarVertical]: "Columns",
   [se.BarHorizontal]: "Bars",
-  [se.BarMulti]: "Grouped Columns",
-  [se.ColumnStacked]: "Stacked Columns",
-  [se.BarStacked]: "Stacked Bars",
-  [se.BarSplit]: "Split Bars",
-  [se.BarGrouped]: "Grouped Bars",
+  [se.BarMulti]: "Grouped columns",
+  [se.ColumnStacked]: "Stacked columns",
+  [se.BarStacked]: "Stacked bars",
+  [se.BarSplit]: "Split bars",
+  [se.BarGrouped]: "Grouped bars",
   [se.Line]: "Line",
   [se.LineMulti]: "Lines",
   [se.Area]: "Area",
   [se.AreaStacked]: "Areas",
   [se.Donut]: "Donut",
   [se.Pie]: "Pie",
-  [se.Scatter]: "Scatter"
+  [se.Scatter]: "Scatter",
+  [se.DotPlot]: "Dot plot"
 };
 function ql(e) {
   return Ef[e] ?? e;
@@ -7801,7 +7802,7 @@ const Hf = { class: "display-chart-type" }, zf = /* @__PURE__ */ T({
     const t = e, n = y(() => ql(t.chartType));
     return (o, a) => (f(), g("span", Hf, P(i(n)), 1));
   }
-}), tb = /* @__PURE__ */ V(zf, [["__scopeId", "data-v-0f586baf"]]), Uf = {
+}), ab = /* @__PURE__ */ V(zf, [["__scopeId", "data-v-0f586baf"]]), Uf = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -7814,7 +7815,7 @@ function Yf(e, t) {
     }, null, -1)
   ])]);
 }
-const pn = we({ name: "ph-chart-bar", render: Yf }), qf = {
+const pn = ge({ name: "ph-chart-bar", render: Yf }), qf = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -7827,7 +7828,7 @@ function Wf(e, t) {
     }, null, -1)
   ])]);
 }
-const mn = we({ name: "ph-chart-bar-horizontal", render: Wf }), jf = {
+const mn = ge({ name: "ph-chart-bar-horizontal", render: Wf }), jf = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -7840,7 +7841,7 @@ function Gf(e, t) {
     }, null, -1)
   ])]);
 }
-const hn = we({ name: "ph-chart-line-up", render: Gf }), Xf = {
+const hn = ge({ name: "ph-chart-line-up", render: Gf }), Xf = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -7853,7 +7854,7 @@ function Kf(e, t) {
     }, null, -1)
   ])]);
 }
-const Zf = we({ name: "ph-chart-pie-slice", render: Kf }), Qf = {
+const Zf = ge({ name: "ph-chart-pie-slice", render: Kf }), Qf = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -7866,7 +7867,7 @@ function Jf(e, t) {
     }, null, -1)
   ])]);
 }
-const ev = we({ name: "ph-chart-donut", render: Jf }), tv = {
+const ev = ge({ name: "ph-chart-donut", render: Jf }), tv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
@@ -7879,7 +7880,20 @@ function nv(e, t) {
     }, null, -1)
   ])]);
 }
-const ov = we({ name: "ph-chart-scatter", render: nv }), av = /* @__PURE__ */ T({
+const ov = ge({ name: "ph-chart-scatter", render: nv }), av = {
+  viewBox: "0 0 256 256",
+  width: "1.2em",
+  height: "1.2em"
+};
+function lv(e, t) {
+  return f(), g("svg", av, [...t[0] || (t[0] = [
+    p("path", {
+      fill: "currentColor",
+      d: "M128 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16M48 96a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16m160-48a32 32 0 1 0 32 32a32 32 0 0 0-32-32m0 48a16 16 0 1 1 16-16a16 16 0 0 1-16 16"
+    }, null, -1)
+  ])]);
+}
+const rv = ge({ name: "ph-dots-three-outline", render: lv }), iv = /* @__PURE__ */ T({
   __name: "DisplayChartTypeBadge",
   props: {
     chartType: {},
@@ -7900,7 +7914,8 @@ const ov = we({ name: "ph-chart-scatter", render: nv }), av = /* @__PURE__ */ T(
       [se.AreaStacked]: hn,
       [se.Donut]: ev,
       [se.Pie]: Zf,
-      [se.Scatter]: ov
+      [se.Scatter]: ov,
+      [se.DotPlot]: rv
     }, l = y(() => a[t.chartType] ?? pn);
     return (r, c) => (f(), R(i(Jl), {
       variant: i(o),
@@ -7914,8 +7929,8 @@ const ov = we({ name: "ph-chart-scatter", render: nv }), av = /* @__PURE__ */ T(
       _: 1
     }, 8, ["variant"]));
   }
-}), nb = /* @__PURE__ */ V(av, [["__scopeId", "data-v-4fcba416"]]);
-function ob(e) {
+}), lb = /* @__PURE__ */ V(iv, [["__scopeId", "data-v-e6681379"]]);
+function rb(e) {
   const t = document.createElement("style");
   t.textContent = "*,*::before,*::after{transition:none!important}", document.head.appendChild(t);
   try {
@@ -7924,10 +7939,10 @@ function ob(e) {
     globalThis.requestAnimationFrame(() => t.remove());
   }
 }
-const lv = {
+const sv = {
   key: 0,
   class: "section-title-block"
-}, rv = { class: "section-title__eyebrow bc-eyebrow" }, iv = /* @__PURE__ */ T({
+}, uv = { class: "section-title__eyebrow bc-eyebrow" }, cv = /* @__PURE__ */ T({
   __name: "SectionTitle",
   props: {
     flush: { type: Boolean, default: !1 },
@@ -7937,8 +7952,8 @@ const lv = {
     const t = e, n = y(() => ({
       "section-title--flush": t.flush
     }));
-    return (o, a) => e.eyebrow ? (f(), g("div", lv, [
-      p("div", rv, [
+    return (o, a) => e.eyebrow ? (f(), g("div", sv, [
+      p("div", uv, [
         a[0] || (a[0] = p("span", {
           class: "bc-eyebrow__hash",
           "aria-hidden": "true"
@@ -7957,7 +7972,7 @@ const lv = {
       L(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), sv = /* @__PURE__ */ V(iv, [["__scopeId", "data-v-6703538c"]]), uv = { class: "section-group" }, cv = { class: "section-group__body" }, dv = /* @__PURE__ */ T({
+}), dv = /* @__PURE__ */ V(cv, [["__scopeId", "data-v-6703538c"]]), fv = { class: "section-group" }, vv = { class: "section-group__body" }, pv = /* @__PURE__ */ T({
   __name: "SectionGroup",
   props: {
     title: {},
@@ -7965,53 +7980,53 @@ const lv = {
   },
   setup(e) {
     return (t, n) => {
-      const o = sv;
-      return f(), g("section", uv, [
+      const o = dv;
+      return f(), g("section", fv, [
         q(o, { flush: e.flush }, {
           default: O(() => [
             le(P(e.title), 1)
           ]),
           _: 1
         }, 8, ["flush"]),
-        p("div", cv, [
+        p("div", vv, [
           L(t.$slots, "default", {}, void 0, !0)
         ])
       ]);
     };
   }
-}), ab = /* @__PURE__ */ V(dv, [["__scopeId", "data-v-c95cceae"]]), fv = { class: "section-card" }, vv = {
+}), ib = /* @__PURE__ */ V(pv, [["__scopeId", "data-v-c95cceae"]]), mv = { class: "section-card" }, hv = {
   key: 0,
   class: "section-card__label"
-}, pv = {
+}, bv = {
   key: 1,
   class: "section-card__body"
-}, mv = /* @__PURE__ */ T({
+}, gv = /* @__PURE__ */ T({
   __name: "SectionCard",
   props: {
     label: {}
   },
   setup(e) {
-    return (t, n) => (f(), g("div", fv, [
-      e.label ? (f(), g("div", vv, P(e.label), 1)) : D("", !0),
+    return (t, n) => (f(), g("div", mv, [
+      e.label ? (f(), g("div", hv, P(e.label), 1)) : D("", !0),
       L(t.$slots, "header", {}, void 0, !0),
-      t.$slots.default ? (f(), g("div", pv, [
+      t.$slots.default ? (f(), g("div", bv, [
         L(t.$slots, "default", {}, void 0, !0)
       ])) : D("", !0)
     ]));
   }
-}), lb = /* @__PURE__ */ V(mv, [["__scopeId", "data-v-c4970a7e"]]), hv = {}, bv = { class: "settings-section-description" };
-function gv(e, t) {
-  return f(), g("p", bv, [
+}), sb = /* @__PURE__ */ V(gv, [["__scopeId", "data-v-c4970a7e"]]), yv = {}, _v = { class: "settings-section-description" };
+function wv(e, t) {
+  return f(), g("p", _v, [
     L(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const yv = /* @__PURE__ */ V(hv, [["render", gv], ["__scopeId", "data-v-305c0b8f"]]), _v = {}, wv = { class: "settings-section-title" };
-function xv(e, t) {
-  return f(), g("h6", wv, [
+const xv = /* @__PURE__ */ V(yv, [["render", wv], ["__scopeId", "data-v-305c0b8f"]]), $v = {}, kv = { class: "settings-section-title" };
+function Cv(e, t) {
+  return f(), g("h6", kv, [
     L(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const $v = /* @__PURE__ */ V(_v, [["render", xv], ["__scopeId", "data-v-d623ff81"]]), kv = { class: "settings-section-icon" }, Cv = /* @__PURE__ */ T({
+const Bv = /* @__PURE__ */ V($v, [["render", Cv], ["__scopeId", "data-v-d623ff81"]]), Sv = { class: "settings-section-icon" }, Lv = /* @__PURE__ */ T({
   __name: "SettingsSectionIcon",
   props: {
     icon: {}
@@ -8019,15 +8034,15 @@ const $v = /* @__PURE__ */ V(_v, [["render", xv], ["__scopeId", "data-v-d623ff81
   setup(e) {
     return (t, n) => {
       const o = Vn;
-      return f(), g("div", kv, [
+      return f(), g("div", Sv, [
         q(o, { name: e.icon }, null, 8, ["name"])
       ]);
     };
   }
-}), Bv = /* @__PURE__ */ V(Cv, [["__scopeId", "data-v-6ff90dee"]]), Sv = { class: "settings-section" }, Lv = { class: "settings-section__header" }, Tv = { class: "settings-section__header__text" }, Mv = {
+}), Tv = /* @__PURE__ */ V(Lv, [["__scopeId", "data-v-6ff90dee"]]), Mv = { class: "settings-section" }, Pv = { class: "settings-section__header" }, Iv = { class: "settings-section__header__text" }, Av = {
   key: 1,
   class: "settings-section__body"
-}, Pv = /* @__PURE__ */ T({
+}, Fv = /* @__PURE__ */ T({
   __name: "SettingsSection",
   props: {
     title: {},
@@ -8036,14 +8051,14 @@ const $v = /* @__PURE__ */ V(_v, [["render", xv], ["__scopeId", "data-v-d623ff81
   },
   setup(e) {
     return (t, n) => {
-      const o = Bv, a = $v, l = yv;
-      return f(), g("section", Sv, [
-        p("div", Lv, [
+      const o = Tv, a = Bv, l = xv;
+      return f(), g("section", Mv, [
+        p("div", Pv, [
           e.icon ? (f(), R(o, {
             key: 0,
             icon: e.icon
           }, null, 8, ["icon"])) : D("", !0),
-          p("div", Tv, [
+          p("div", Iv, [
             q(a, null, {
               default: O(() => [
                 le(P(e.title), 1)
@@ -8060,26 +8075,26 @@ const $v = /* @__PURE__ */ V(_v, [["render", xv], ["__scopeId", "data-v-d623ff81
           ]),
           _: 3
         })) : D("", !0),
-        t.$slots.default ? (f(), g("div", Mv, [
+        t.$slots.default ? (f(), g("div", Av, [
           L(t.$slots, "default", {}, void 0, !0)
         ])) : D("", !0)
       ]);
     };
   }
-}), rb = /* @__PURE__ */ V(Pv, [["__scopeId", "data-v-11c0f809"]]), Iv = {
+}), ub = /* @__PURE__ */ V(Fv, [["__scopeId", "data-v-11c0f809"]]), Dv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function Av(e, t) {
-  return f(), g("svg", Iv, [...t[0] || (t[0] = [
+function Ov(e, t) {
+  return f(), g("svg", Dv, [...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 Wl = we({ name: "ph-x", render: Av }), Fv = /* @__PURE__ */ T({
+const Wl = ge({ name: "ph-x", render: Ov }), Rv = /* @__PURE__ */ T({
   __name: "ButtonClose",
   emits: ["click"],
   setup(e) {
@@ -8097,20 +8112,20 @@ const Wl = we({ name: "ph-x", render: Av }), Fv = /* @__PURE__ */ T({
       }, null, 8, ["icon-left"]);
     };
   }
-}), ib = /* @__PURE__ */ V(Fv, [["__scopeId", "data-v-93ccc528"]]), Dv = {
+}), cb = /* @__PURE__ */ V(Rv, [["__scopeId", "data-v-93ccc528"]]), Vv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function Ov(e, t) {
-  return f(), g("svg", Dv, [...t[0] || (t[0] = [
+function Nv(e, t) {
+  return f(), g("svg", Vv, [...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 Rv = we({ name: "ph-arrow-clockwise", render: Ov }), sb = /* @__PURE__ */ T({
+const Ev = ge({ name: "ph-arrow-clockwise", render: Nv }), db = /* @__PURE__ */ T({
   __name: "ButtonRedo",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -8120,7 +8135,7 @@ const Rv = we({ name: "ph-arrow-clockwise", render: Ov }), sb = /* @__PURE__ */
     return (t, n) => {
       const o = _t;
       return f(), R(o, {
-        "icon-left": i(Rv),
+        "icon-left": i(Ev),
         label: "Redo",
         "hide-label": "",
         square: "",
@@ -8131,20 +8146,20 @@ const Rv = we({ name: "ph-arrow-clockwise", render: Ov }), sb = /* @__PURE__ */
       }, null, 8, ["icon-left", "disabled"]);
     };
   }
-}), Vv = {
+}), Hv = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function Nv(e, t) {
-  return f(), g("svg", Vv, [...t[0] || (t[0] = [
+function zv(e, t) {
+  return f(), g("svg", Hv, [...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 Ev = we({ name: "ph-arrow-counter-clockwise", render: Nv }), ub = /* @__PURE__ */ T({
+const Uv = ge({ name: "ph-arrow-counter-clockwise", render: zv }), fb = /* @__PURE__ */ T({
   __name: "ButtonUndo",
   props: {
     disabled: { type: Boolean, default: !1 }
@@ -8154,7 +8169,7 @@ const Ev = we({ name: "ph-arrow-counter-clockwise", render: Nv }), ub = /* @__PU
     return (t, n) => {
       const o = _t;
       return f(), R(o, {
-        "icon-left": i(Ev),
+        "icon-left": i(Uv),
         label: "Undo",
         "hide-label": "",
         square: "",
@@ -8165,42 +8180,42 @@ const Ev = we({ name: "ph-arrow-counter-clockwise", render: Nv }), ub = /* @__PU
       }, null, 8, ["icon-left", "disabled"]);
     };
   }
-}), Hv = { class: "feedback-empty-state" }, zv = {
+}), Yv = { class: "feedback-empty-state" }, qv = {
   key: 0,
   class: "feedback-empty-state__icon",
   "aria-hidden": "true"
-}, Uv = {
+}, Wv = {
   key: 1,
   class: "feedback-empty-state__title"
-}, Yv = {
+}, jv = {
   key: 2,
   class: "feedback-empty-state__message"
-}, qv = {
+}, Gv = {
   key: 3,
   class: "feedback-empty-state__actions"
-}, Wv = /* @__PURE__ */ T({
+}, Xv = /* @__PURE__ */ T({
   __name: "FeedbackEmptyState",
   props: {
     title: {},
     message: {}
   },
   setup(e) {
-    return (t, n) => (f(), g("div", Hv, [
-      t.$slots.icon ? (f(), g("span", zv, [
+    return (t, n) => (f(), g("div", Yv, [
+      t.$slots.icon ? (f(), g("span", qv, [
         L(t.$slots, "icon")
       ])) : D("", !0),
-      e.title ? (f(), g("h2", Uv, P(e.title), 1)) : D("", !0),
-      e.message || t.$slots.default ? (f(), g("p", Yv, [
+      e.title ? (f(), g("h2", Wv, P(e.title), 1)) : D("", !0),
+      e.message || t.$slots.default ? (f(), g("p", jv, [
         L(t.$slots, "default", {}, () => [
           le(P(e.message), 1)
         ])
       ])) : D("", !0),
-      t.$slots.actions ? (f(), g("div", qv, [
+      t.$slots.actions ? (f(), g("div", Gv, [
         L(t.$slots, "actions")
       ])) : D("", !0)
     ]));
   }
-}), cb = /* @__PURE__ */ V(Wv, [["__scopeId", "data-v-4baf71e7"]]), jv = /* @__PURE__ */ T({
+}), vb = /* @__PURE__ */ V(Xv, [["__scopeId", "data-v-4baf71e7"]]), Kv = /* @__PURE__ */ T({
   __name: "FeedbackSkeleton",
   props: {
     width: { default: "100%" },
@@ -8224,10 +8239,10 @@ const Ev = we({ name: "ph-arrow-counter-clockwise", render: Nv }), ub = /* @__PU
       "aria-hidden": "true"
     }, null, 6));
   }
-}), bn = /* @__PURE__ */ V(jv, [["__scopeId", "data-v-9f2dd72f"]]), Gv = ["aria-label"], Xv = { class: "layout-bottom-drawer__header" }, Kv = {
+}), bn = /* @__PURE__ */ V(Kv, [["__scopeId", "data-v-9f2dd72f"]]), Zv = ["aria-label"], Qv = { class: "layout-bottom-drawer__header" }, Jv = {
   key: 0,
   class: "layout-bottom-drawer__header__title"
-}, Zv = { class: "layout-bottom-drawer__body" }, Qv = 80, Jv = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', ep = /* @__PURE__ */ T({
+}, ep = { class: "layout-bottom-drawer__body" }, tp = 80, np = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', op = /* @__PURE__ */ T({
   __name: "LayoutBottomDrawer",
   props: /* @__PURE__ */ Z({
     title: {}
@@ -8237,11 +8252,11 @@ const Ev = we({ name: "ph-arrow-counter-clockwise", render: Nv }), ub = /* @__PU
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = ne(e, "modelValue"), n = Ce(0), o = Ce(!1), a = _e("drawerRef"), l = _e("closeRef");
+    const t = ne(e, "modelValue"), n = Ce(0), o = Ce(!1), a = we("drawerRef"), l = we("closeRef");
     let r = null;
     function c() {
       var b;
-      return [...((b = a.value) == null ? void 0 : b.querySelectorAll(Jv)) ?? []].filter((m) => m.offsetParent !== null || m === l.value);
+      return [...((b = a.value) == null ? void 0 : b.querySelectorAll(np)) ?? []].filter((m) => m.offsetParent !== null || m === l.value);
     }
     function s(b) {
       if (b.key === "Escape") {
@@ -8278,7 +8293,7 @@ const Ev = we({ name: "ph-arrow-counter-clockwise", render: Nv }), ub = /* @__PU
       !o.value && Math.abs(m) > 4 && (o.value = !0), o.value && (v = !0, n.value = Math.max(0, m));
     }
     function C() {
-      document.removeEventListener("pointermove", _), document.removeEventListener("pointercancel", C), o.value && n.value >= Qv ? t.value = !1 : v || (t.value = !1), n.value = 0, o.value = !1;
+      document.removeEventListener("pointermove", _), document.removeEventListener("pointercancel", C), o.value && n.value >= tp ? t.value = !1 : v || (t.value = !1), n.value = 0, o.value = !1;
     }
     const w = y(
       () => n.value > 0 ? { transform: `translateY(${n.value}px)` } : {}
@@ -8304,8 +8319,8 @@ const Ev = we({ name: "ph-arrow-counter-clockwise", render: Nv }), ub = /* @__PU
             }, [...m[2] || (m[2] = [
               p("div", { class: "layout-bottom-drawer__handle__bar" }, null, -1)
             ])], 32),
-            p("div", Xv, [
-              e.title ? (f(), g("h2", Kv, P(e.title), 1)) : D("", !0),
+            p("div", Qv, [
+              e.title ? (f(), g("h2", Jv, P(e.title), 1)) : D("", !0),
               p("button", {
                 ref_key: "closeRef",
                 ref: l,
@@ -8315,10 +8330,10 @@ const Ev = we({ name: "ph-arrow-counter-clockwise", render: Nv }), ub = /* @__PU
                 onClick: m[0] || (m[0] = (x) => t.value = !1)
               }, " × ", 512)
             ]),
-            p("div", Zv, [
+            p("div", ep, [
               L(b.$slots, "default", {}, void 0, !0)
             ])
-          ], 46, Gv)) : D("", !0)
+          ], 46, Zv)) : D("", !0)
         ]),
         _: 3
       }),
@@ -8330,48 +8345,48 @@ const Ev = we({ name: "ph-arrow-counter-clockwise", render: Nv }), ub = /* @__PU
       })) : D("", !0)
     ], 64));
   }
-}), db = /* @__PURE__ */ V(ep, [["__scopeId", "data-v-3bc338aa"]]), tp = { class: "layout-panel" }, np = { class: "layout-panel__header" }, op = { class: "layout-panel__header__title" }, ap = {
+}), pb = /* @__PURE__ */ V(op, [["__scopeId", "data-v-3bc338aa"]]), ap = { class: "layout-panel" }, lp = { class: "layout-panel__header" }, rp = { class: "layout-panel__header__title" }, ip = {
   key: 0,
   class: "layout-panel__header__actions"
-}, lp = {
+}, sp = {
   key: 0,
   class: "layout-panel__toolbar"
-}, rp = { class: "layout-panel__body" }, ip = {
+}, up = { class: "layout-panel__body" }, cp = {
   key: 1,
   class: "layout-panel__footer"
-}, sp = /* @__PURE__ */ T({
+}, dp = /* @__PURE__ */ T({
   __name: "LayoutPanel",
   props: {
     title: {}
   },
   setup(e) {
-    return (t, n) => (f(), g("div", tp, [
-      p("div", np, [
-        p("h2", op, P(e.title), 1),
-        t.$slots.actions ? (f(), g("div", ap, [
+    return (t, n) => (f(), g("div", ap, [
+      p("div", lp, [
+        p("h2", rp, P(e.title), 1),
+        t.$slots.actions ? (f(), g("div", ip, [
           L(t.$slots, "actions", {}, void 0, !0)
         ])) : D("", !0)
       ]),
-      t.$slots.toolbar ? (f(), g("div", lp, [
+      t.$slots.toolbar ? (f(), g("div", sp, [
         L(t.$slots, "toolbar", {}, void 0, !0)
       ])) : D("", !0),
-      p("div", rp, [
+      p("div", up, [
         L(t.$slots, "default", {}, void 0, !0)
       ]),
-      t.$slots.footer ? (f(), g("div", ip, [
+      t.$slots.footer ? (f(), g("div", cp, [
         L(t.$slots, "footer", {}, void 0, !0)
       ])) : D("", !0)
     ]));
   }
-}), fb = /* @__PURE__ */ V(sp, [["__scopeId", "data-v-b22d9466"]]), up = {}, cp = {
+}), mb = /* @__PURE__ */ V(dp, [["__scopeId", "data-v-b22d9466"]]), fp = {}, vp = {
   class: "layout-toolbar-separator",
   role: "separator",
   "aria-orientation": "vertical"
 };
-function dp(e, t) {
-  return f(), g("div", cp);
+function pp(e, t) {
+  return f(), g("div", vp);
 }
-const vb = /* @__PURE__ */ V(up, [["render", dp], ["__scopeId", "data-v-0ffa8b6b"]]), fp = ["aria-label"], vp = ["disabled", "title", "aria-label", "aria-current", "onClick"], pp = { class: "navigation-segmented-control__option__label" }, mp = /* @__PURE__ */ T({
+const hb = /* @__PURE__ */ V(fp, [["render", pp], ["__scopeId", "data-v-0ffa8b6b"]]), mp = ["aria-label"], hp = ["disabled", "title", "aria-label", "aria-current", "onClick"], bp = { class: "navigation-segmented-control__option__label" }, gp = /* @__PURE__ */ T({
   __name: "NavigationSegmentedControl",
   props: {
     items: {},
@@ -8407,19 +8422,19 @@ const vb = /* @__PURE__ */ V(up, [["render", dp], ["__scopeId", "data-v-0ffa8b6b
           key: 0,
           class: "navigation-segmented-control__option__icon"
         })) : D("", !0),
-        p("span", pp, P(s.text), 1)
-      ], 10, vp))), 128))
-    ], 10, fp));
+        p("span", bp, P(s.text), 1)
+      ], 10, hp))), 128))
+    ], 10, mp));
   }
-}), hp = /* @__PURE__ */ V(mp, [["__scopeId", "data-v-a0100eb0"]]), bp = ["aria-selected", "aria-disabled", "tabindex", "title", "onClick", "onKeydown"], gp = {
+}), yp = /* @__PURE__ */ V(gp, [["__scopeId", "data-v-a0100eb0"]]), _p = ["aria-selected", "aria-disabled", "tabindex", "title", "onClick", "onKeydown"], wp = {
   key: 0,
   class: "navigation-stepper-tabs__step__icon",
   "aria-hidden": "true"
-}, yp = { class: "navigation-stepper-tabs__step__label" }, _p = {
+}, xp = { class: "navigation-stepper-tabs__step__label" }, $p = {
   key: 0,
   class: "navigation-stepper-tabs__sep",
   "aria-hidden": "true"
-}, wp = /* @__PURE__ */ T({
+}, kp = /* @__PURE__ */ T({
   __name: "NavigationStepperTabs",
   props: /* @__PURE__ */ Z({
     steps: {},
@@ -8500,16 +8515,16 @@ const vb = /* @__PURE__ */ V(up, [["render", dp], ["__scopeId", "data-v-0ffa8b6b
           onClick: (h) => r(v),
           onKeydown: (h) => c(h, v)
         }, [
-          l(d, v) ? (f(), g("span", gp, [
+          l(d, v) ? (f(), g("span", wp, [
             (f(), R($e(l(d, v))))
           ])) : D("", !0),
-          p("span", yp, P(d.label), 1)
-        ], 42, bp),
-        e.layout === "inline" && e.separator && v < e.steps.length - 1 ? (f(), g("span", _p, "›")) : D("", !0)
+          p("span", xp, P(d.label), 1)
+        ], 42, _p),
+        e.layout === "inline" && e.separator && v < e.steps.length - 1 ? (f(), g("span", $p, "›")) : D("", !0)
       ], 64))), 128))
     ], 2));
   }
-}), pb = /* @__PURE__ */ V(wp, [["__scopeId", "data-v-53d9c572"]]), mb = /* @__PURE__ */ T({
+}), bb = /* @__PURE__ */ V(kp, [["__scopeId", "data-v-53d9c572"]]), gb = /* @__PURE__ */ T({
   __name: "NavigationToggle",
   props: /* @__PURE__ */ Z({
     options: { default: () => [] },
@@ -8536,7 +8551,7 @@ const vb = /* @__PURE__ */ V(up, [["render", dp], ["__scopeId", "data-v-0ffa8b6b
     function r(c) {
       t.value = c;
     }
-    return (c, s) => (f(), R(hp, {
+    return (c, s) => (f(), R(yp, {
       items: i(l),
       size: e.size,
       "icon-only": e.iconOnly,
@@ -8548,7 +8563,7 @@ const vb = /* @__PURE__ */ V(up, [["render", dp], ["__scopeId", "data-v-0ffa8b6b
       _: 3
     }, 8, ["items", "size", "icon-only"]));
   }
-}), hb = /* @__PURE__ */ T({
+}), yb = /* @__PURE__ */ T({
   __name: "NavigationToggleOption",
   props: {
     value: {},
@@ -8567,26 +8582,26 @@ const vb = /* @__PURE__ */ V(up, [["render", dp], ["__scopeId", "data-v-0ffa8b6b
       disabled: t.disabled
     })), (n, o) => L(n.$slots, "default");
   }
-}), xp = {
+}), Cp = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function $p(e, t) {
-  return f(), g("svg", xp, [...t[0] || (t[0] = [
+function Bp(e, t) {
+  return f(), g("svg", Cp, [...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 = we({ name: "ph-magnifying-glass", render: $p }), kp = ["aria-label"], Cp = {
+const jl = ge({ name: "ph-magnifying-glass", render: Bp }), Sp = ["aria-label"], Lp = {
   key: 0,
   class: "navigation-command-bar__placeholder"
-}, Bp = {
+}, Tp = {
   key: 1,
   class: "navigation-command-bar__kbd"
-}, Sp = /* @__PURE__ */ T({
+}, Mp = /* @__PURE__ */ T({
   __name: "NavigationCommandBar",
   props: {
     placeholder: {},
@@ -8605,48 +8620,48 @@ const jl = we({ name: "ph-magnifying-glass", render: $p }), kp = ["aria-label"],
         class: "navigation-command-bar__icon",
         "aria-hidden": "true"
       }),
-      e.collapsed ? D("", !0) : (f(), g("span", Cp, P(e.placeholder), 1)),
-      e.shortcutLabel && !e.collapsed ? (f(), g("span", Bp, P(e.shortcutLabel), 1)) : D("", !0)
-    ], 10, kp));
+      e.collapsed ? D("", !0) : (f(), g("span", Lp, P(e.placeholder), 1)),
+      e.shortcutLabel && !e.collapsed ? (f(), g("span", Tp, P(e.shortcutLabel), 1)) : D("", !0)
+    ], 10, Sp));
   }
-}), bb = /* @__PURE__ */ V(Sp, [["__scopeId", "data-v-c85cba9f"]]), Lp = {
+}), _b = /* @__PURE__ */ V(Mp, [["__scopeId", "data-v-c85cba9f"]]), Pp = {
   class: "navigation-docs-bar",
   "aria-label": "Docs navigation"
-}, Tp = {
+}, Ip = {
   key: 0,
   class: "navigation-docs-bar__brand"
-}, Mp = {
+}, Ap = {
   key: 1,
   class: "navigation-docs-bar__actions"
-}, Pp = {
+}, Fp = {
   key: 2,
   class: "navigation-docs-bar__cta-primary"
-}, Ip = {
+}, Dp = {
   key: 3,
   class: "navigation-docs-bar__cta-secondary"
-}, Ap = /* @__PURE__ */ T({
+}, Op = /* @__PURE__ */ T({
   __name: "NavigationDocsBar",
   setup(e) {
-    return (t, n) => (f(), g("header", Lp, [
-      t.$slots.brand ? (f(), g("div", Tp, [
+    return (t, n) => (f(), g("header", Pp, [
+      t.$slots.brand ? (f(), g("div", Ip, [
         L(t.$slots, "brand", {}, void 0, !0)
       ])) : D("", !0),
-      t.$slots.actions ? (f(), g("div", Mp, [
+      t.$slots.actions ? (f(), g("div", Ap, [
         L(t.$slots, "actions", {}, void 0, !0)
       ])) : D("", !0),
       n[0] || (n[0] = p("div", { class: "navigation-docs-bar__spacer" }, null, -1)),
-      t.$slots["cta-primary"] ? (f(), g("div", Pp, [
+      t.$slots["cta-primary"] ? (f(), g("div", Fp, [
         L(t.$slots, "cta-primary", {}, void 0, !0)
       ])) : D("", !0),
-      t.$slots["cta-secondary"] ? (f(), g("div", Ip, [
+      t.$slots["cta-secondary"] ? (f(), g("div", Dp, [
         L(t.$slots, "cta-secondary", {}, void 0, !0)
       ])) : D("", !0)
     ]));
   }
-}), gb = /* @__PURE__ */ V(Ap, [["__scopeId", "data-v-39d43fc1"]]), Fp = { class: "navigation-icon-rail" }, Dp = {
+}), wb = /* @__PURE__ */ V(Op, [["__scopeId", "data-v-39d43fc1"]]), Rp = { class: "navigation-icon-rail" }, Vp = {
   key: 0,
   class: "navigation-icon-rail__footer"
-}, Op = /* @__PURE__ */ T({
+}, Np = /* @__PURE__ */ T({
   __name: "NavigationIconRail",
   props: /* @__PURE__ */ Z({
     items: { default: () => [] }
@@ -8664,7 +8679,7 @@ const jl = we({ name: "ph-magnifying-glass", render: $p }), kp = ["aria-label"],
     }
     return (r, c) => {
       const s = _t;
-      return f(), g("nav", Fp, [
+      return f(), g("nav", Rp, [
         L(r.$slots, "default", {}, void 0, !0),
         (f(!0), g(ae, null, be(i(a), (u) => (f(), R(s, {
           key: u.value,
@@ -8680,13 +8695,13 @@ const jl = we({ name: "ph-magnifying-glass", render: $p }), kp = ["aria-label"],
           onClick: (d) => t.value = u.value
         }, null, 8, ["icon-left", "label", "class", "aria-pressed", "onClick"]))), 128)),
         c[0] || (c[0] = p("div", { class: "navigation-icon-rail__spacer" }, null, -1)),
-        r.$slots.footer ? (f(), g("div", Dp, [
+        r.$slots.footer ? (f(), g("div", Vp, [
           L(r.$slots, "footer", {}, void 0, !0)
         ])) : D("", !0)
       ]);
     };
   }
-}), yb = /* @__PURE__ */ V(Op, [["__scopeId", "data-v-b72933d6"]]), _b = /* @__PURE__ */ T({
+}), xb = /* @__PURE__ */ V(Np, [["__scopeId", "data-v-b72933d6"]]), $b = /* @__PURE__ */ T({
   __name: "NavigationIconRailEntry",
   props: {
     value: {},
@@ -8701,20 +8716,20 @@ const jl = we({ name: "ph-magnifying-glass", render: $p }), kp = ["aria-label"],
       tooltip: t.tooltip
     })), (n, o) => L(n.$slots, "default");
   }
-}), Rp = {
+}), Ep = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function Vp(e, t) {
-  return f(), g("svg", Rp, [...t[0] || (t[0] = [
+function Hp(e, t) {
+  return f(), g("svg", Ep, [...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 Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-current", "onClick"], Ep = { class: "navigation-link__label" }, Hp = /* @__PURE__ */ T({
+const Gl = ge({ name: "ph-arrow-square-out", render: Hp }), zp = ["href", "aria-current", "onClick"], Up = { class: "navigation-link__label" }, Yp = /* @__PURE__ */ T({
   __name: "NavigationLink",
   props: {
     to: {},
@@ -8743,65 +8758,65 @@ const Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-
             "aria-current": u || e.active ? "page" : void 0,
             onClick: c
           }, [
-            p("span", Ep, P(e.label), 1),
+            p("span", Up, P(e.label), 1),
             e.external ? (f(), R(l, {
               key: 0,
               class: "navigation-link__external-icon",
               "aria-hidden": "true"
             })) : D("", !0)
-          ], 10, Np)
+          ], 10, zp)
         ]),
         _: 1
       }, 8, ["to"]);
     };
   }
-}), wb = /* @__PURE__ */ V(Hp, [["__scopeId", "data-v-cdc9d7f0"]]), zp = {
+}), kb = /* @__PURE__ */ V(Yp, [["__scopeId", "data-v-cdc9d7f0"]]), qp = {
   class: "navigation-marketing-bar",
   "aria-label": "Marketing navigation"
-}, Up = { class: "navigation-marketing-bar__inner" }, Yp = { class: "navigation-marketing-bar__brand" }, qp = {
+}, Wp = { class: "navigation-marketing-bar__inner" }, jp = { class: "navigation-marketing-bar__brand" }, Gp = {
   key: 0,
   class: "navigation-marketing-bar__menu",
   "aria-label": "Sections"
-}, Wp = {
+}, Xp = {
   key: 1,
   class: "navigation-marketing-bar__actions"
-}, jp = {
+}, Kp = {
   key: 2,
   class: "navigation-marketing-bar__cta-secondary"
-}, Gp = {
+}, Zp = {
   key: 3,
   class: "navigation-marketing-bar__cta-primary"
-}, Xp = /* @__PURE__ */ T({
+}, Qp = /* @__PURE__ */ T({
   __name: "NavigationMarketingBar",
   setup(e) {
-    return (t, n) => (f(), g("header", zp, [
-      p("div", Up, [
-        p("div", Yp, [
+    return (t, n) => (f(), g("header", qp, [
+      p("div", Wp, [
+        p("div", jp, [
           L(t.$slots, "brand")
         ]),
-        t.$slots.menu ? (f(), g("nav", qp, [
+        t.$slots.menu ? (f(), g("nav", Gp, [
           L(t.$slots, "menu")
         ])) : D("", !0),
         n[0] || (n[0] = p("div", { class: "navigation-marketing-bar__spacer" }, null, -1)),
-        t.$slots.actions ? (f(), g("div", Wp, [
+        t.$slots.actions ? (f(), g("div", Xp, [
           L(t.$slots, "actions")
         ])) : D("", !0),
-        t.$slots["cta-secondary"] ? (f(), g("div", jp, [
+        t.$slots["cta-secondary"] ? (f(), g("div", Kp, [
           L(t.$slots, "cta-secondary")
         ])) : D("", !0),
-        t.$slots["cta-primary"] ? (f(), g("div", Gp, [
+        t.$slots["cta-primary"] ? (f(), g("div", Zp, [
           L(t.$slots, "cta-primary")
         ])) : D("", !0)
       ])
     ]));
   }
-}), xb = /* @__PURE__ */ V(Xp, [["__scopeId", "data-v-b3114aae"]]), Kp = ["aria-keyshortcuts", "aria-label"], Zp = {
+}), Cb = /* @__PURE__ */ V(Qp, [["__scopeId", "data-v-b3114aae"]]), Jp = ["aria-keyshortcuts", "aria-label"], em = {
   key: 0,
   class: "navigation-search-pill__text"
-}, Qp = {
+}, tm = {
   key: 1,
   class: "navigation-search-pill__kbd"
-}, Jp = /* @__PURE__ */ T({
+}, nm = /* @__PURE__ */ T({
   __name: "NavigationSearchPill",
   props: {
     placeholder: {},
@@ -8830,12 +8845,12 @@ const Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-
           class: "navigation-search-pill__icon",
           "aria-hidden": "true"
         }),
-        e.compact ? D("", !0) : (f(), g("span", Zp, P(e.placeholder), 1)),
-        e.compact ? D("", !0) : (f(), g("kbd", Qp, P(e.shortcutLabel), 1))
-      ], 10, Kp);
+        e.compact ? D("", !0) : (f(), g("span", em, P(e.placeholder), 1)),
+        e.compact ? D("", !0) : (f(), g("kbd", tm, P(e.shortcutLabel), 1))
+      ], 10, Jp);
     };
   }
-}), $b = /* @__PURE__ */ V(Jp, [["__scopeId", "data-v-abb2e414"]]), em = ["aria-label"], tm = ["href", "aria-current"], nm = /* @__PURE__ */ T({
+}), Bb = /* @__PURE__ */ V(nm, [["__scopeId", "data-v-abb2e414"]]), om = ["aria-label"], am = ["href", "aria-current"], lm = /* @__PURE__ */ T({
   __name: "NavigationSectionTabs",
   props: {
     sections: {},
@@ -8852,14 +8867,14 @@ const Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-
         href: o.link,
         class: E(["navigation-section-tabs__tab", { "navigation-section-tabs__tab--active": o.link === e.activeLink }]),
         "aria-current": o.link === e.activeLink ? "page" : void 0
-      }, P(o.text), 11, tm))), 128))
-    ], 8, em));
+      }, P(o.text), 11, am))), 128))
+    ], 8, om));
   }
-}), kb = /* @__PURE__ */ V(nm, [["__scopeId", "data-v-cb039809"]]), om = ["aria-expanded"], am = { class: "navigation-section-dropdown__label" }, lm = {
+}), Sb = /* @__PURE__ */ V(lm, [["__scopeId", "data-v-cb039809"]]), rm = ["aria-expanded"], im = { class: "navigation-section-dropdown__label" }, sm = {
   key: 0,
   class: "navigation-section-dropdown__panel",
   role: "menu"
-}, rm = ["href", "aria-current"], im = /* @__PURE__ */ T({
+}, um = ["href", "aria-current"], cm = /* @__PURE__ */ T({
   __name: "NavigationSectionDropdown",
   props: {
     sections: {},
@@ -8899,7 +8914,7 @@ const Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-
         "aria-haspopup": "menu",
         onClick: r
       }, [
-        p("span", am, P(l.value), 1),
+        p("span", im, P(l.value), 1),
         (f(), g("svg", {
           class: E(["navigation-section-dropdown__caret", { "navigation-section-dropdown__caret--open": n.value }]),
           width: "12",
@@ -8916,8 +8931,8 @@ const Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-
             "stroke-linejoin": "round"
           }, null, -1)
         ])], 2))
-      ], 8, om),
-      n.value ? (f(), g("menu", lm, [
+      ], 8, rm),
+      n.value ? (f(), g("menu", sm, [
         (f(!0), g(ae, null, be(e.sections, (d) => (f(), g("a", {
           key: d.link,
           href: d.link,
@@ -8925,17 +8940,17 @@ const Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-
           class: E(["navigation-section-dropdown__item", { "navigation-section-dropdown__item--active": d.link === e.activeLink }]),
           "aria-current": d.link === e.activeLink ? "page" : void 0,
           onClick: c
-        }, P(d.text), 11, rm))), 128))
+        }, P(d.text), 11, um))), 128))
       ])) : D("", !0)
     ], 512));
   }
-}), Cb = /* @__PURE__ */ V(im, [["__scopeId", "data-v-6d5d021e"]]), sm = ["aria-label"], um = {
+}), Lb = /* @__PURE__ */ V(cm, [["__scopeId", "data-v-6d5d021e"]]), dm = ["aria-label"], fm = {
   key: 0,
   class: "navigation-sidebar__header"
-}, cm = { class: "navigation-sidebar__body" }, dm = {
+}, vm = { class: "navigation-sidebar__body" }, pm = {
   key: 1,
   class: "navigation-sidebar__footer"
-}, fm = /* @__PURE__ */ T({
+}, mm = /* @__PURE__ */ T({
   __name: "NavigationSidebar",
   props: {
     ariaLabel: { default: "Sidebar" }
@@ -8945,40 +8960,40 @@ const Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-
       class: "navigation-sidebar",
       "aria-label": e.ariaLabel
     }, [
-      t.$slots.header ? (f(), g("div", um, [
+      t.$slots.header ? (f(), g("div", fm, [
         L(t.$slots, "header", {}, void 0, !0)
       ])) : D("", !0),
-      p("div", cm, [
+      p("div", vm, [
         L(t.$slots, "default", {}, void 0, !0)
       ]),
-      t.$slots.footer ? (f(), g("div", dm, [
+      t.$slots.footer ? (f(), g("div", pm, [
         L(t.$slots, "footer", {}, void 0, !0)
       ])) : D("", !0)
-    ], 8, sm));
+    ], 8, dm));
   }
-}), Bb = /* @__PURE__ */ V(fm, [["__scopeId", "data-v-d8566e6f"]]), vm = { class: "navigation-sidebar-group" }, pm = {
+}), Tb = /* @__PURE__ */ V(mm, [["__scopeId", "data-v-d8566e6f"]]), hm = { class: "navigation-sidebar-group" }, bm = {
   key: 0,
   class: "navigation-sidebar-group__eyebrow"
-}, mm = { class: "navigation-sidebar-group__items" }, hm = /* @__PURE__ */ T({
+}, gm = { class: "navigation-sidebar-group__items" }, ym = /* @__PURE__ */ T({
   __name: "NavigationSidebarGroup",
   props: {
     eyebrow: {}
   },
   setup(e) {
-    return (t, n) => (f(), g("div", vm, [
-      e.eyebrow ? (f(), g("div", pm, P(e.eyebrow), 1)) : D("", !0),
-      p("div", mm, [
+    return (t, n) => (f(), g("div", hm, [
+      e.eyebrow ? (f(), g("div", bm, P(e.eyebrow), 1)) : D("", !0),
+      p("div", gm, [
         L(t.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), Sb = /* @__PURE__ */ V(hm, [["__scopeId", "data-v-e90a3cc0"]]), bm = ["href"], gm = { class: "navigation-sidebar-item__icon" }, ym = { class: "navigation-sidebar-item__label" }, _m = {
+}), Mb = /* @__PURE__ */ V(ym, [["__scopeId", "data-v-e90a3cc0"]]), _m = ["href"], wm = { class: "navigation-sidebar-item__icon" }, xm = { class: "navigation-sidebar-item__label" }, $m = {
   class: "navigation-sidebar-item__external",
   "aria-hidden": "true"
-}, wm = ["href", "aria-current", "onClick"], xm = { class: "navigation-sidebar-item__icon" }, $m = { class: "navigation-sidebar-item__label" }, km = {
+}, km = ["href", "aria-current", "onClick"], Cm = { class: "navigation-sidebar-item__icon" }, Bm = { class: "navigation-sidebar-item__label" }, Sm = {
   key: 0,
   class: "navigation-sidebar-item__count"
-}, Cm = /* @__PURE__ */ T({
+}, Lm = /* @__PURE__ */ T({
   __name: "NavigationSidebarItem",
   props: {
     to: { default: void 0 },
@@ -9008,14 +9023,14 @@ const Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-
         target: "_blank",
         rel: "noopener noreferrer"
       }, [
-        p("span", gm, [
+        p("span", wm, [
           L(a.$slots, "icon", {}, void 0, !0)
         ]),
-        p("span", ym, P(e.label), 1),
-        p("span", _m, [
+        p("span", xm, P(e.label), 1),
+        p("span", $m, [
           q(i(Gl))
         ])
-      ], 10, bm)) : (f(), R(r, {
+      ], 10, _m)) : (f(), R(r, {
         key: 1,
         to: e.to,
         custom: ""
@@ -9027,32 +9042,32 @@ const Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-
             "aria-current": u || e.active ? "page" : void 0,
             onClick: c
           }, [
-            p("span", xm, [
+            p("span", Cm, [
               L(a.$slots, "icon", {}, void 0, !0)
             ]),
-            p("span", $m, P(e.label), 1),
-            e.count !== void 0 ? (f(), g("span", km, P(e.count), 1)) : D("", !0)
-          ], 10, wm)
+            p("span", Bm, P(e.label), 1),
+            e.count !== void 0 ? (f(), g("span", Sm, P(e.count), 1)) : D("", !0)
+          ], 10, km)
         ]),
         _: 3
       }, 8, ["to"]));
     };
   }
-}), Lb = /* @__PURE__ */ V(Cm, [["__scopeId", "data-v-d3d1438c"]]), Bm = ["href", "aria-label", "onClick"], Sm = ["src", "alt"], Lm = {
+}), Pb = /* @__PURE__ */ V(Lm, [["__scopeId", "data-v-d3d1438c"]]), Tm = ["href", "aria-label", "onClick"], Mm = ["src", "alt"], Pm = {
   key: 1,
   class: "navigation-workspace-switcher__badge navigation-workspace-switcher__badge--accent",
   "aria-hidden": "true"
-}, Tm = {
+}, Im = {
   key: 2,
   class: "navigation-workspace-switcher__name"
-}, Mm = ["aria-label"], Pm = ["src", "alt"], Im = {
+}, Am = ["aria-label"], Fm = ["src", "alt"], Dm = {
   key: 1,
   class: "navigation-workspace-switcher__badge navigation-workspace-switcher__badge--accent",
   "aria-hidden": "true"
-}, Am = {
+}, Om = {
   key: 2,
   class: "navigation-workspace-switcher__name"
-}, Fm = /* @__PURE__ */ T({
+}, Rm = /* @__PURE__ */ T({
   __name: "NavigationWorkspaceSwitcher",
   props: {
     name: {},
@@ -9082,9 +9097,9 @@ const Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-
               src: e.logoSrc,
               alt: e.name,
               class: "navigation-workspace-switcher__logo"
-            }, null, 8, Sm)) : (f(), g("span", Lm, P(n.value), 1)),
-            e.hideName ? D("", !0) : (f(), g("span", Tm, P(e.name), 1))
-          ], 8, Bm)
+            }, null, 8, Mm)) : (f(), g("span", Pm, P(n.value), 1)),
+            e.hideName ? D("", !0) : (f(), g("span", Im, P(e.name), 1))
+          ], 8, Tm)
         ]),
         _: 1
       }, 8, ["to"])) : (f(), g("button", {
@@ -9099,12 +9114,12 @@ const Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-
           src: e.logoSrc,
           alt: e.name,
           class: "navigation-workspace-switcher__logo"
-        }, null, 8, Pm)) : (f(), g("span", Im, P(n.value), 1)),
-        e.hideName ? D("", !0) : (f(), g("span", Am, P(e.name), 1))
-      ], 8, Mm));
+        }, null, 8, Fm)) : (f(), g("span", Dm, P(n.value), 1)),
+        e.hideName ? D("", !0) : (f(), g("span", Om, P(e.name), 1))
+      ], 8, Am));
     };
   }
-}), Tb = /* @__PURE__ */ V(Fm, [["__scopeId", "data-v-820be3f4"]]), Dm = { class: "list-item-row__label" }, Om = /* @__PURE__ */ T({
+}), Ib = /* @__PURE__ */ V(Rm, [["__scopeId", "data-v-820be3f4"]]), Vm = { class: "list-item-row__label" }, Nm = /* @__PURE__ */ T({
   __name: "ListItemRow",
   props: {
     label: {},
@@ -9120,24 +9135,24 @@ const Gl = we({ name: "ph-arrow-square-out", render: Vp }), Np = ["href", "aria-
       onClick: a[0] || (a[0] = (l) => o.$emit("click", l))
     }, [
       L(o.$slots, "leading", {}, void 0, !0),
-      p("span", Dm, P(e.label), 1),
+      p("span", Vm, P(e.label), 1),
       L(o.$slots, "actions", {}, void 0, !0)
     ], 2));
   }
-}), Rm = /* @__PURE__ */ V(Om, [["__scopeId", "data-v-daff2016"]]), Vm = {
+}), Em = /* @__PURE__ */ V(Nm, [["__scopeId", "data-v-daff2016"]]), Hm = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function Nm(e, t) {
-  return f(), g("svg", Vm, [...t[0] || (t[0] = [
+function zm(e, t) {
+  return f(), g("svg", Hm, [...t[0] || (t[0] = [
     p("path", {
       fill: "currentColor",
       d: "M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16M96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0m48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0"
     }, null, -1)
   ])]);
 }
-const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-actions" }, zm = /* @__PURE__ */ T({
+const Um = ge({ name: "ph-trash", render: zm }), Ym = { class: "list-item-actions" }, qm = /* @__PURE__ */ T({
   __name: "ListItemActions",
   props: {
     actions: { default: () => ["duplicate", "remove"] }
@@ -9146,7 +9161,7 @@ const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-action
   setup(e) {
     return (t, n) => {
       const o = yn, a = Vn;
-      return f(), g("div", Hm, [
+      return f(), g("div", Ym, [
         e.actions.includes("duplicate") ? (f(), R(o, {
           key: 0,
           variant: "link",
@@ -9169,14 +9184,14 @@ const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-action
           onClick: n[1] || (n[1] = Vt((l) => t.$emit("remove"), ["stop"]))
         }, {
           default: O(() => [
-            q(a, { name: i(Em) }, null, 8, ["name"])
+            q(a, { name: i(Um) }, null, 8, ["name"])
           ]),
           _: 1
         })) : D("", !0)
       ]);
     };
   }
-}), Mb = /* @__PURE__ */ V(zm, [["__scopeId", "data-v-739b2aec"]]), Um = { class: "border rounded overflow-hidden bg-body-tertiary p-2" }, Ym = { class: "d-flex gap-1 mb-2" }, Pb = /* @__PURE__ */ T({
+}), Ab = /* @__PURE__ */ V(qm, [["__scopeId", "data-v-739b2aec"]]), Wm = { class: "border rounded overflow-hidden bg-body-tertiary p-2" }, jm = { class: "d-flex gap-1 mb-2" }, Fb = /* @__PURE__ */ T({
   __name: "ListSelectPanel",
   props: /* @__PURE__ */ Z({
     items: {},
@@ -9205,9 +9220,9 @@ const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-action
       t.value = n.items.filter((s) => !t.value.includes(s));
     }
     return (s, u) => {
-      const d = Rm;
-      return f(), g("div", Um, [
-        p("div", Ym, [
+      const d = Em;
+      return f(), g("div", Wm, [
+        p("div", jm, [
           q(i(Hn), {
             variant: "primary",
             size: "sm",
@@ -9273,7 +9288,7 @@ const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-action
       ]);
     };
   }
-}), qm = { class: "list-series-row" }, Wm = { class: "list-series-row__name" }, jm = /* @__PURE__ */ T({
+}), Gm = { class: "list-series-row" }, Xm = { class: "list-series-row__name" }, Km = /* @__PURE__ */ T({
   __name: "ListSeriesRow",
   props: /* @__PURE__ */ Z({
     color: {},
@@ -9287,9 +9302,9 @@ const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-action
     const t = ne(e, "modelValue");
     return (n, o) => {
       const a = Bl;
-      return f(), g("div", qm, [
+      return f(), g("div", Gm, [
         q(To, { color: e.color }, null, 8, ["color"]),
-        p("span", Wm, P(e.name), 1),
+        p("span", Xm, P(e.name), 1),
         q(a, {
           switch: "",
           "model-value": t.value,
@@ -9299,19 +9314,19 @@ const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-action
       ]);
     };
   }
-}), Ib = /* @__PURE__ */ V(jm, [["__scopeId", "data-v-816a6756"]]), Gm = ["aria-hidden"], Xm = ["data-bs-theme"], Km = ["src"], Zm = {
+}), Db = /* @__PURE__ */ V(Km, [["__scopeId", "data-v-816a6756"]]), Zm = ["aria-hidden"], Qm = ["data-bs-theme"], Jm = ["src"], e0 = {
   key: 3,
   class: "gallery-card__thumb__status"
-}, Qm = {
+}, t0 = {
   key: 4,
   class: "gallery-card__thumb__actions"
-}, Jm = { class: "gallery-card__meta" }, e0 = { class: "gallery-card__meta__footer" }, t0 = {
+}, n0 = { class: "gallery-card__meta" }, o0 = { class: "gallery-card__meta__footer" }, a0 = {
   key: 0,
   class: "gallery-card__meta__subtitle"
-}, n0 = {
+}, l0 = {
   key: 1,
   class: "gallery-card__meta__footer"
-}, o0 = /* @__PURE__ */ T({
+}, r0 = /* @__PURE__ */ T({
   __name: "GalleryCard",
   props: {
     title: {},
@@ -9351,15 +9366,15 @@ const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-action
           src: e.thumbSrc,
           alt: "",
           class: "gallery-card__thumb__img"
-        }, null, 8, Km)) : D("", !0),
-        c.$slots.status && !e.loading ? (f(), g("div", Zm, [
+        }, null, 8, Jm)) : D("", !0),
+        c.$slots.status && !e.loading ? (f(), g("div", e0, [
           L(c.$slots, "status", {}, void 0, !0)
         ])) : D("", !0),
-        c.$slots.actions && !e.loading ? (f(), g("div", Qm, [
+        c.$slots.actions && !e.loading ? (f(), g("div", t0, [
           L(c.$slots, "actions", {}, void 0, !0)
         ])) : D("", !0)
-      ], 10, Xm),
-      p("div", Jm, [
+      ], 10, Qm),
+      p("div", n0, [
         e.loading ? (f(), g(ae, { key: 0 }, [
           q(bn, {
             class: "gallery-card__skeleton-line",
@@ -9371,7 +9386,7 @@ const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-action
             width: "45%",
             height: "0.7rem"
           }),
-          p("div", e0, [
+          p("div", o0, [
             q(bn, {
               width: "30%",
               height: "0.7rem"
@@ -9383,15 +9398,15 @@ const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-action
             class: "gallery-card__meta__title",
             onClick: s[0] || (s[0] = (u) => o("click"))
           }, P(e.title), 1),
-          e.subtitle ? (f(), g("div", t0, P(e.subtitle), 1)) : D("", !0),
-          c.$slots.footer ? (f(), g("div", n0, [
+          e.subtitle ? (f(), g("div", a0, P(e.subtitle), 1)) : D("", !0),
+          c.$slots.footer ? (f(), g("div", l0, [
             L(c.$slots, "footer", {}, void 0, !0)
           ])) : D("", !0)
         ], 64))
       ])
-    ], 10, Gm));
+    ], 10, Zm));
   }
-}), Ab = /* @__PURE__ */ V(o0, [["__scopeId", "data-v-659c1d98"]]), a0 = /* @__PURE__ */ T({
+}), Ob = /* @__PURE__ */ V(r0, [["__scopeId", "data-v-659c1d98"]]), i0 = /* @__PURE__ */ T({
   __name: "GalleryGrid",
   props: {
     layout: { default: "grid" }
@@ -9406,10 +9421,10 @@ const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-action
       L(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Fb = /* @__PURE__ */ V(a0, [["__scopeId", "data-v-ac3d4b02"]]), l0 = { class: "scene-timeline-item__select__label" }, r0 = ["innerHTML"], i0 = {
+}), Rb = /* @__PURE__ */ V(i0, [["__scopeId", "data-v-ac3d4b02"]]), s0 = { class: "scene-timeline-item__select__label" }, u0 = ["innerHTML"], c0 = {
   key: 0,
   class: "scene-timeline-item__select__name"
-}, s0 = ["aria-label"], u0 = /* @__PURE__ */ T({
+}, d0 = ["aria-label"], f0 = /* @__PURE__ */ T({
   __name: "SceneTimelineItem",
   props: {
     name: {},
@@ -9428,12 +9443,12 @@ const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-action
         type: "button",
         onClick: n[0] || (n[0] = (o) => t.$emit("select"))
       }, [
-        p("span", l0, "Scene " + P(e.index + 1), 1),
+        p("span", s0, "Scene " + P(e.index + 1), 1),
         p("span", {
           class: "scene-timeline-item__select__preview",
           innerHTML: e.thumbnail
-        }, null, 8, r0),
-        e.name ? (f(), g("span", i0, P(e.name), 1)) : D("", !0)
+        }, null, 8, u0),
+        e.name ? (f(), g("span", c0, P(e.name), 1)) : D("", !0)
       ]),
       e.removable ? (f(), g("button", {
         key: 0,
@@ -9441,65 +9456,65 @@ const Em = we({ name: "ph-trash", render: Nm }), Hm = { class: "list-item-action
         type: "button",
         "aria-label": `Remove scene ${e.index + 1}`,
         onClick: n[1] || (n[1] = (o) => t.$emit("remove"))
-      }, " × ", 8, s0)) : D("", !0)
+      }, " × ", 8, d0)) : D("", !0)
     ], 2));
   }
-}), c0 = /* @__PURE__ */ V(u0, [["__scopeId", "data-v-07929b0d"]]), d0 = {
+}), v0 = /* @__PURE__ */ V(f0, [["__scopeId", "data-v-07929b0d"]]), p0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function f0(e, t) {
-  return f(), g("svg", d0, [...t[0] || (t[0] = [
+function m0(e, t) {
+  return f(), g("svg", p0, [...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 v0 = we({ name: "ph-play-fill", render: f0 }), p0 = {
+const h0 = ge({ name: "ph-play-fill", render: m0 }), b0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function m0(e, t) {
-  return f(), g("svg", p0, [...t[0] || (t[0] = [
+function g0(e, t) {
+  return f(), g("svg", b0, [...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 h0 = we({ name: "ph-pause-fill", render: m0 }), b0 = {
+const y0 = ge({ name: "ph-pause-fill", render: g0 }), _0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function g0(e, t) {
-  return f(), g("svg", b0, [...t[0] || (t[0] = [
+function w0(e, t) {
+  return f(), g("svg", _0, [...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 y0 = we({ name: "ph-caret-left", render: g0 }), _0 = {
+const x0 = ge({ name: "ph-caret-left", render: w0 }), $0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function w0(e, t) {
-  return f(), g("svg", _0, [...t[0] || (t[0] = [
+function k0(e, t) {
+  return f(), g("svg", $0, [...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 x0 = we({ name: "ph-caret-right", render: w0 }), $0 = { class: "scene-timeline-controls" }, k0 = ["disabled"], C0 = ["aria-label", "disabled"], B0 = ["disabled"], S0 = {
+const C0 = ge({ name: "ph-caret-right", render: k0 }), B0 = { class: "scene-timeline-controls" }, S0 = ["disabled"], L0 = ["aria-label", "disabled"], T0 = ["disabled"], M0 = {
   key: 0,
   class: "scene-timeline-controls__counter"
-}, L0 = /* @__PURE__ */ T({
+}, P0 = /* @__PURE__ */ T({
   __name: "SceneTimelineControls",
   props: /* @__PURE__ */ Z({
     total: {},
@@ -9514,7 +9529,7 @@ const x0 = we({ name: "ph-caret-right", render: w0 }), $0 = { class: "scene-time
     const t = ne(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 (c, s) => {
       const u = Vn;
-      return f(), g("div", $0, [
+      return f(), g("div", B0, [
         p("button", {
           class: "scene-timeline-controls__nav-btn",
           type: "button",
@@ -9523,10 +9538,10 @@ const x0 = we({ name: "ph-caret-right", render: w0 }), $0 = { class: "scene-time
           onClick: s[0] || (s[0] = (d) => t.value = i(l))
         }, [
           q(u, {
-            name: i(y0),
+            name: i(x0),
             size: "1em"
           }, null, 8, ["name"])
-        ], 8, k0),
+        ], 8, S0),
         p("button", {
           class: "scene-timeline-controls__play-btn",
           type: "button",
@@ -9535,10 +9550,10 @@ const x0 = we({ name: "ph-caret-right", render: w0 }), $0 = { class: "scene-time
           onClick: s[1] || (s[1] = (d) => e.playing ? c.$emit("pause") : c.$emit("play"))
         }, [
           q(u, {
-            name: e.playing ? i(h0) : i(v0),
+            name: e.playing ? i(y0) : i(h0),
             size: "1em"
           }, null, 8, ["name"])
-        ], 8, C0),
+        ], 8, L0),
         p("button", {
           class: "scene-timeline-controls__nav-btn",
           type: "button",
@@ -9547,15 +9562,15 @@ const x0 = we({ name: "ph-caret-right", render: w0 }), $0 = { class: "scene-time
           onClick: s[2] || (s[2] = (d) => t.value = i(r))
         }, [
           q(u, {
-            name: i(x0),
+            name: i(C0),
             size: "1em"
           }, null, 8, ["name"])
-        ], 8, B0),
-        !i(o) && !e.hideCounter ? (f(), g("span", S0, P(i(a)) + " / " + P(e.total), 1)) : D("", !0)
+        ], 8, T0),
+        !i(o) && !e.hideCounter ? (f(), g("span", M0, P(i(a)) + " / " + P(e.total), 1)) : D("", !0)
       ]);
     };
   }
-}), Ro = /* @__PURE__ */ V(L0, [["__scopeId", "data-v-e68ff3c9"]]), T0 = { class: "scene-timeline__items" }, M0 = { class: "scene-timeline__items__add" }, P0 = /* @__PURE__ */ T({
+}), Ro = /* @__PURE__ */ V(P0, [["__scopeId", "data-v-e68ff3c9"]]), I0 = { class: "scene-timeline__items" }, A0 = { class: "scene-timeline__items__add" }, F0 = /* @__PURE__ */ T({
   __name: "SceneTimeline",
   props: /* @__PURE__ */ Z({
     scenes: {},
@@ -9569,7 +9584,7 @@ const x0 = we({ name: "ph-caret-right", render: w0 }), $0 = { class: "scene-time
   setup(e) {
     const t = ne(e, "activeIndex");
     return (n, o) => {
-      const a = Ro, l = c0, r = Il;
+      const a = Ro, l = v0, r = Il;
       return f(), g("div", {
         class: E(["scene-timeline", { "scene-timeline--floating": e.floating }])
       }, [
@@ -9581,7 +9596,7 @@ const x0 = we({ name: "ph-caret-right", render: w0 }), $0 = { class: "scene-time
           onPlay: o[1] || (o[1] = (c) => n.$emit("play")),
           onPause: o[2] || (o[2] = (c) => n.$emit("pause"))
         }, null, 8, ["active-index", "total", "playing"]),
-        p("div", T0, [
+        p("div", I0, [
           (f(!0), g(ae, null, be(e.scenes, (c) => (f(), R(l, {
             key: c.index,
             name: c.name,
@@ -9592,7 +9607,7 @@ const x0 = we({ name: "ph-caret-right", render: w0 }), $0 = { class: "scene-time
             onSelect: (s) => t.value = c.index,
             onRemove: (s) => n.$emit("remove", c.index)
           }, null, 8, ["name", "index", "active", "thumbnail", "removable", "onSelect", "onRemove"]))), 128)),
-          p("div", M0, [
+          p("div", A0, [
             q(r, {
               onClick: o[3] || (o[3] = (c) => n.$emit("add"))
             })
@@ -9601,20 +9616,20 @@ const x0 = we({ name: "ph-caret-right", render: w0 }), $0 = { class: "scene-time
       ], 2);
     };
   }
-}), Db = /* @__PURE__ */ V(P0, [["__scopeId", "data-v-1bfc1669"]]), I0 = {
+}), Vb = /* @__PURE__ */ V(F0, [["__scopeId", "data-v-1bfc1669"]]), D0 = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function A0(e, t) {
-  return f(), g("svg", I0, [...t[0] || (t[0] = [
+function O0(e, t) {
+  return f(), g("svg", D0, [...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 F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timeline-compact" }, O0 = ["title"], R0 = { class: "scene-timeline-compact__counter" }, V0 = /* @__PURE__ */ T({
+const R0 = ge({ name: "ph-caret-up", render: O0 }), V0 = { class: "scene-timeline-compact" }, N0 = ["title"], E0 = { class: "scene-timeline-compact__counter" }, H0 = /* @__PURE__ */ T({
   __name: "SceneTimelineCompact",
   props: /* @__PURE__ */ Z({
     scenes: {},
@@ -9630,7 +9645,7 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
       var c;
       return ((c = o.value) == null ? void 0 : c.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 (c, s) => (f(), g("div", D0, [
+    return (c, s) => (f(), g("div", V0, [
       q(Ro, {
         "active-index": t.value,
         "onUpdate:activeIndex": s[0] || (s[0] = (u) => t.value = u),
@@ -9643,11 +9658,11 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
       p("div", {
         class: "scene-timeline-compact__name",
         title: i(a)
-      }, P(i(a)), 9, O0),
-      p("div", R0, P(i(r)) + " of " + P(i(l)), 1),
+      }, P(i(a)), 9, N0),
+      p("div", E0, P(i(r)) + " of " + P(i(l)), 1),
       q(_t, {
         class: "scene-timeline-compact__expand",
-        "icon-left": i(F0),
+        "icon-left": i(R0),
         label: "Show scenes",
         "hide-label": "",
         square: "",
@@ -9658,17 +9673,17 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
       }, null, 8, ["icon-left", "aria-expanded"])
     ]));
   }
-}), Ob = /* @__PURE__ */ V(V0, [["__scopeId", "data-v-ad3a10b4"]]), N0 = ["aria-current"], E0 = ["innerHTML"], H0 = {
+}), Nb = /* @__PURE__ */ V(H0, [["__scopeId", "data-v-ad3a10b4"]]), z0 = ["aria-current"], U0 = ["innerHTML"], Y0 = {
   key: 1,
   class: "scene-list-item__thumb scene-list-item__thumb--empty",
   "aria-hidden": "true"
-}, z0 = { class: "scene-list-item__body" }, U0 = { class: "scene-list-item__label" }, Y0 = {
+}, q0 = { class: "scene-list-item__body" }, W0 = { class: "scene-list-item__label" }, j0 = {
   key: 0,
   class: "scene-list-item__name"
-}, q0 = {
+}, G0 = {
   key: 1,
   class: "scene-list-item__hint"
-}, W0 = /* @__PURE__ */ T({
+}, X0 = /* @__PURE__ */ T({
   __name: "SceneListItem",
   props: {
     index: {},
@@ -9693,13 +9708,13 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
           key: 0,
           class: "scene-list-item__thumb",
           innerHTML: e.thumbnail
-        }, null, 8, E0)) : (f(), g("span", H0)),
-        p("span", z0, [
-          p("span", U0, "SCENE " + P(e.index), 1),
-          e.name ? (f(), g("span", Y0, P(e.name), 1)) : D("", !0),
-          e.hint ? (f(), g("span", q0, P(e.hint), 1)) : D("", !0)
+        }, null, 8, U0)) : (f(), g("span", Y0)),
+        p("span", q0, [
+          p("span", W0, "SCENE " + P(e.index), 1),
+          e.name ? (f(), g("span", j0, P(e.name), 1)) : D("", !0),
+          e.hint ? (f(), g("span", G0, P(e.hint), 1)) : D("", !0)
         ])
-      ], 10, N0),
+      ], 10, z0),
       e.removable ? (f(), g("button", {
         key: 0,
         type: "button",
@@ -9711,10 +9726,10 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
       ])) : D("", !0)
     ], 2));
   }
-}), j0 = /* @__PURE__ */ V(W0, [["__scopeId", "data-v-a1a6304b"]]), G0 = { class: "scene-list" }, X0 = {
+}), K0 = /* @__PURE__ */ V(X0, [["__scopeId", "data-v-a1a6304b"]]), Z0 = { class: "scene-list" }, Q0 = {
   class: "scene-list__items",
   role: "list"
-}, K0 = /* @__PURE__ */ T({
+}, J0 = /* @__PURE__ */ T({
   __name: "SceneList",
   props: /* @__PURE__ */ Z({
     scenes: {},
@@ -9732,7 +9747,7 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
     function l(r) {
       o("remove", r);
     }
-    return (r, c) => (f(), g("div", G0, [
+    return (r, c) => (f(), g("div", Z0, [
       q(Ro, {
         "active-index": n.value,
         "onUpdate:activeIndex": c[0] || (c[0] = (s) => n.value = s),
@@ -9741,8 +9756,8 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
         onPlay: c[1] || (c[1] = (s) => r.$emit("play")),
         onPause: c[2] || (c[2] = (s) => r.$emit("pause"))
       }, null, 8, ["active-index", "total", "playing"]),
-      p("ul", X0, [
-        (f(!0), g(ae, null, be(e.scenes, (s) => (f(), R(j0, {
+      p("ul", Q0, [
+        (f(!0), g(ae, null, be(e.scenes, (s) => (f(), R(K0, {
           key: s.index,
           index: s.index,
           name: s.name,
@@ -9761,22 +9776,22 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
       }, " + Add scene ")
     ]));
   }
-}), Rb = /* @__PURE__ */ V(K0, [["__scopeId", "data-v-c8be8ec7"]]), Z0 = {
+}), Eb = /* @__PURE__ */ V(J0, [["__scopeId", "data-v-c8be8ec7"]]), eh = {
   class: "bc-scene-player bc-scene-player--progress-bar",
   "data-scene-player": ""
-}, Q0 = ["aria-label"], J0 = {
+}, th = ["aria-label"], nh = {
   key: 0,
   width: "10",
   height: "10",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, eh = {
+}, oh = {
   key: 1,
   width: "10",
   height: "10",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, th = { class: "bc-scene-player__segments" }, nh = ["aria-label", "aria-current", "onClick"], oh = { class: "bc-scene-player__counter" }, ah = /* @__PURE__ */ T({
+}, ah = { class: "bc-scene-player__segments" }, lh = ["aria-label", "aria-current", "onClick"], rh = { class: "bc-scene-player__counter" }, ih = /* @__PURE__ */ T({
   __name: "ScenePlayerProgressBar",
   props: /* @__PURE__ */ Z({
     total: {},
@@ -9789,14 +9804,14 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
   emits: /* @__PURE__ */ Z(["play", "pause"], ["update:current"]),
   setup(e) {
     const t = ne(e, "current");
-    return (n, o) => (f(), g("div", Z0, [
+    return (n, o) => (f(), g("div", eh, [
       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 ? (f(), g("svg", J0, [...o[1] || (o[1] = [
+        e.playing ? (f(), g("svg", nh, [...o[1] || (o[1] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -9811,11 +9826,11 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (f(), g("svg", eh, [...o[2] || (o[2] = [
+        ])])) : (f(), g("svg", oh, [...o[2] || (o[2] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, Q0),
-      p("div", th, [
+      ], 8, th),
+      p("div", ah, [
         (f(!0), g(ae, null, be(e.total, (a) => (f(), g("button", {
           key: a,
           type: "button",
@@ -9826,24 +9841,24 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { 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, lh))), 128))
       ]),
-      p("span", oh, P(t.value) + "/" + P(e.total), 1)
+      p("span", rh, P(t.value) + "/" + P(e.total), 1)
     ]));
   }
-}), Vb = /* @__PURE__ */ V(ah, [["__scopeId", "data-v-813c075e"]]), lh = ["disabled"], rh = ["aria-label"], ih = {
+}), Hb = /* @__PURE__ */ V(ih, [["__scopeId", "data-v-813c075e"]]), sh = ["disabled"], uh = ["aria-label"], ch = {
   key: 0,
   width: "11",
   height: "11",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, sh = {
+}, dh = {
   key: 1,
   width: "11",
   height: "11",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, uh = { class: "bc-scene-player__dots" }, ch = ["aria-label", "aria-current", "onClick"], dh = ["disabled"], fh = /* @__PURE__ */ T({
+}, fh = { class: "bc-scene-player__dots" }, vh = ["aria-label", "aria-current", "onClick"], ph = ["disabled"], mh = /* @__PURE__ */ T({
   __name: "ScenePlayerDotStepper",
   props: /* @__PURE__ */ Z({
     total: {},
@@ -9879,14 +9894,14 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
         }, [
           p("path", { d: "M6.5 2L3.5 5l3 3" })
         ], -1)
-      ])], 8, lh),
+      ])], 8, sh),
       p("button", {
         type: "button",
         class: "bc-scene-player__play-btn",
         "aria-label": e.playing ? "Pause" : "Play",
         onClick: o[1] || (o[1] = (a) => e.playing ? n.$emit("pause") : n.$emit("play"))
       }, [
-        e.playing ? (f(), g("svg", ih, [...o[4] || (o[4] = [
+        e.playing ? (f(), g("svg", ch, [...o[4] || (o[4] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -9901,11 +9916,11 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (f(), g("svg", sh, [...o[5] || (o[5] = [
+        ])])) : (f(), g("svg", dh, [...o[5] || (o[5] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, rh),
-      p("div", uh, [
+      ], 8, uh),
+      p("div", fh, [
         (f(!0), g(ae, null, be(e.total, (a) => (f(), g("button", {
           key: a,
           type: "button",
@@ -9916,7 +9931,7 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { 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, ch))), 128))
+        }, null, 10, vh))), 128))
       ]),
       p("button", {
         type: "button",
@@ -9937,28 +9952,28 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
         }, [
           p("path", { d: "M3.5 2L6.5 5l-3 3" })
         ], -1)
-      ])], 8, dh)
+      ])], 8, ph)
     ], 2));
   }
-}), Nb = /* @__PURE__ */ V(fh, [["__scopeId", "data-v-c88e4367"]]), vh = {
+}), zb = /* @__PURE__ */ V(mh, [["__scopeId", "data-v-c88e4367"]]), hh = {
   key: 0,
   class: "bc-scene-player__counter"
-}, ph = ["disabled"], mh = ["aria-label"], hh = {
+}, bh = ["disabled"], gh = ["aria-label"], yh = {
   key: 0,
   width: "9",
   height: "9",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, bh = {
+}, _h = {
   key: 1,
   width: "9",
   height: "9",
   viewBox: "0 0 12 12",
   fill: "currentColor"
-}, gh = ["disabled"], yh = {
+}, wh = ["disabled"], xh = {
   key: 1,
   class: "bc-scene-player__counter bc-scene-player__counter--end"
-}, _h = /* @__PURE__ */ T({
+}, $h = /* @__PURE__ */ T({
   __name: "ScenePlayerMinimalArrows",
   props: /* @__PURE__ */ Z({
     total: {},
@@ -9978,7 +9993,7 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
       class: E(["bc-scene-player bc-scene-player--minimal-arrows", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
-      e.showCounter && e.order === "counter-first" ? (f(), g("span", vh, P(t.value) + "/" + P(e.total), 1)) : D("", !0),
+      e.showCounter && e.order === "counter-first" ? (f(), g("span", hh, P(t.value) + "/" + P(e.total), 1)) : D("", !0),
       p("button", {
         type: "button",
         class: "bc-scene-player__nav-btn",
@@ -9998,14 +10013,14 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
         }, [
           p("path", { d: "M6.5 2L3.5 5l3 3" })
         ], -1)
-      ])], 8, ph),
+      ])], 8, bh),
       p("button", {
         type: "button",
         class: "bc-scene-player__play-btn",
         "aria-label": e.playing ? "Pause" : "Play",
         onClick: o[1] || (o[1] = (a) => e.playing ? n.$emit("pause") : n.$emit("play"))
       }, [
-        e.playing ? (f(), g("svg", hh, [...o[4] || (o[4] = [
+        e.playing ? (f(), g("svg", yh, [...o[4] || (o[4] = [
           p("rect", {
             x: "1.5",
             y: "1",
@@ -10020,10 +10035,10 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
             height: "10",
             rx: "0.8"
           }, null, -1)
-        ])])) : (f(), g("svg", bh, [...o[5] || (o[5] = [
+        ])])) : (f(), g("svg", _h, [...o[5] || (o[5] = [
           p("path", { d: "M2.5 1v10l8-5z" }, null, -1)
         ])]))
-      ], 8, mh),
+      ], 8, gh),
       p("button", {
         type: "button",
         class: "bc-scene-player__nav-btn",
@@ -10043,11 +10058,11 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
         }, [
           p("path", { d: "M3.5 2L6.5 5l-3 3" })
         ], -1)
-      ])], 8, gh),
-      e.showCounter && e.order === "controls-first" ? (f(), g("span", yh, P(t.value) + "/" + P(e.total), 1)) : D("", !0)
+      ])], 8, wh),
+      e.showCounter && e.order === "controls-first" ? (f(), g("span", xh, P(t.value) + "/" + P(e.total), 1)) : D("", !0)
     ], 2));
   }
-}), Eb = /* @__PURE__ */ V(_h, [["__scopeId", "data-v-e289332d"]]), wh = { class: "bc-scene-player__btn-group" }, xh = ["disabled"], $h = ["disabled"], kh = { class: "bc-scene-player__counter" }, Ch = /* @__PURE__ */ T({
+}), Ub = /* @__PURE__ */ V($h, [["__scopeId", "data-v-e289332d"]]), kh = { class: "bc-scene-player__btn-group" }, Ch = ["disabled"], Bh = ["disabled"], Sh = { class: "bc-scene-player__counter" }, Lh = /* @__PURE__ */ T({
   __name: "ScenePlayerButtons",
   props: /* @__PURE__ */ Z({
     total: {},
@@ -10064,7 +10079,7 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
       class: E(["bc-scene-player bc-scene-player--buttons", `bc-scene-player--${e.position}`]),
       "data-scene-player": ""
     }, [
-      p("div", wh, [
+      p("div", kh, [
         p("button", {
           type: "button",
           class: E(["bc-scene-player__btn-group__btn", { "bc-scene-player__btn-group__btn--disabled": t.value <= 1 }]),
@@ -10085,7 +10100,7 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
             p("path", { d: "M5.5 1.5L1.5 6l4 4.5" })
           ], -1),
           le(" Back ", -1)
-        ])], 10, xh),
+        ])], 10, Ch),
         p("button", {
           type: "button",
           class: E(["bc-scene-player__btn-group__btn bc-scene-player__btn-group__btn--next", { "bc-scene-player__btn-group__btn--disabled": t.value >= e.total }]),
@@ -10106,110 +10121,110 @@ const F0 = we({ name: "ph-caret-up", render: A0 }), D0 = { class: "scene-timelin
           }, [
             p("path", { d: "M2.5 1.5L6.5 6l-4 4.5" })
           ], -1)
-        ])], 10, $h)
+        ])], 10, Bh)
       ]),
-      p("span", kh, P(t.value) + " / " + P(e.total), 1)
+      p("span", Sh, P(t.value) + " / " + P(e.total), 1)
     ], 2));
   }
-}), Hb = /* @__PURE__ */ V(Ch, [["__scopeId", "data-v-e3b3a1d7"]]);
+}), Yb = /* @__PURE__ */ V(Lh, [["__scopeId", "data-v-e3b3a1d7"]]);
 export {
-  Ph as ActionCopyButton,
+  Fh as ActionCopyButton,
   Vn as AppIcon,
-  Ih as AppIconLayers,
+  Dh as AppIconLayers,
   vr as BOOTSTRAP_BREAKPOINTS,
-  Fh as BcRing,
+  Rh as BcRing,
   Il as ButtonAdd,
-  ib as ButtonClose,
+  cb as ButtonClose,
   Va as ButtonGroupEntriesKey,
   _t as ButtonIcon,
   ns as ButtonIconCounter,
-  sb as ButtonRedo,
-  ub as ButtonUndo,
+  db as ButtonRedo,
+  fb as ButtonUndo,
   se as ChartType,
   fr as ColorSwatchGroupsKey,
-  tb as DisplayChartType,
-  nb as DisplayChartTypeBadge,
+  ab as DisplayChartType,
+  lb as DisplayChartTypeBadge,
   To as DisplayColorSwatch,
-  eb as DisplayContrastBadge,
-  Zh as DisplayDate,
-  Jh as DisplayNumber,
+  ob as DisplayContrastBadge,
+  eb as DisplayDate,
+  nb as DisplayNumber,
   mc as DisplayPalette,
-  Qh as DisplayRange,
-  Kh as DisplayValue,
+  tb as DisplayRange,
+  Jh as DisplayValue,
   Na as DropdownEntriesKey,
-  cb as FeedbackEmptyState,
+  vb as FeedbackEmptyState,
   bn as FeedbackSkeleton,
-  Nh as FormControlButtonGroup,
-  Eh as FormControlButtonGroupEntry,
-  Dh as FormControlCheckbox,
-  Oh as FormControlColorInput,
+  zh as FormControlButtonGroup,
+  Uh as FormControlButtonGroupEntry,
+  Vh as FormControlCheckbox,
+  Nh as FormControlColorInput,
   pu as FormControlColorInputPicker,
   Pl as FormControlColorInputPopover,
-  jh as FormControlColorblindPicker,
-  Vh as FormControlColorsInput,
-  Xh as FormControlDateFormat,
-  Rh as FormControlDirectionPicker,
+  Kh as FormControlColorblindPicker,
+  Hh as FormControlColorsInput,
+  Qh as FormControlDateFormat,
+  Eh as FormControlDirectionPicker,
   En as FormControlDropdown,
-  Uh as FormControlDropdownEntry,
+  Wh as FormControlDropdownEntry,
   Wu as FormControlDropdownItem,
-  Gh as FormControlNumberFormat,
-  qh as FormControlPalette,
-  Wh as FormControlPaletteEntry,
-  Hh as FormControlSliderInput,
-  Yh as FormControlTextInput,
-  zh as FormControlUnitsInput,
-  Ab as GalleryCard,
-  Fb as GalleryGrid,
+  Zh as FormControlNumberFormat,
+  Gh as FormControlPalette,
+  Xh as FormControlPaletteEntry,
+  Yh as FormControlSliderInput,
+  jh as FormControlTextInput,
+  qh as FormControlUnitsInput,
+  Ob as GalleryCard,
+  Rb as GalleryGrid,
   Ha as IconRailEntriesKey,
   dr as IconSize,
-  db as LayoutBottomDrawer,
-  fb as LayoutPanel,
-  vb as LayoutToolbarSeparator,
-  Mb as ListItemActions,
-  Rm as ListItemRow,
-  Pb as ListSelectPanel,
-  Ib as ListSeriesRow,
-  bb as NavigationCommandBar,
-  gb as NavigationDocsBar,
-  yb as NavigationIconRail,
-  _b as NavigationIconRailEntry,
-  wb as NavigationLink,
-  xb as NavigationMarketingBar,
-  $b as NavigationSearchPill,
-  Cb as NavigationSectionDropdown,
-  kb as NavigationSectionTabs,
-  hp as NavigationSegmentedControl,
-  Bb as NavigationSidebar,
-  Sb as NavigationSidebarGroup,
-  Lb as NavigationSidebarItem,
-  pb as NavigationStepperTabs,
-  mb as NavigationToggle,
-  hb as NavigationToggleOption,
-  Tb as NavigationWorkspaceSwitcher,
+  pb as LayoutBottomDrawer,
+  mb as LayoutPanel,
+  hb as LayoutToolbarSeparator,
+  Ab as ListItemActions,
+  Em as ListItemRow,
+  Fb as ListSelectPanel,
+  Db as ListSeriesRow,
+  _b as NavigationCommandBar,
+  wb as NavigationDocsBar,
+  xb as NavigationIconRail,
+  $b as NavigationIconRailEntry,
+  kb as NavigationLink,
+  Cb as NavigationMarketingBar,
+  Bb as NavigationSearchPill,
+  Lb as NavigationSectionDropdown,
+  Sb as NavigationSectionTabs,
+  yp as NavigationSegmentedControl,
+  Tb as NavigationSidebar,
+  Mb as NavigationSidebarGroup,
+  Pb as NavigationSidebarItem,
+  bb as NavigationStepperTabs,
+  gb as NavigationToggle,
+  yb as NavigationToggleOption,
+  Ib as NavigationWorkspaceSwitcher,
   Ea as PaletteEntriesKey,
-  Rb as SceneList,
-  j0 as SceneListItem,
-  Hb as ScenePlayerButtons,
-  Nb as ScenePlayerDotStepper,
-  Eb as ScenePlayerMinimalArrows,
-  Vb as ScenePlayerProgressBar,
-  Db as SceneTimeline,
-  Ob as SceneTimelineCompact,
+  Eb as SceneList,
+  K0 as SceneListItem,
+  Yb as ScenePlayerButtons,
+  zb as ScenePlayerDotStepper,
+  Ub as ScenePlayerMinimalArrows,
+  Hb as ScenePlayerProgressBar,
+  Vb as SceneTimeline,
+  Nb as SceneTimelineCompact,
   Ro as SceneTimelineControls,
-  c0 as SceneTimelineItem,
-  lb as SectionCard,
-  ab as SectionGroup,
-  sv as SectionTitle,
-  rb as SettingsSection,
-  yv as SettingsSectionDescription,
-  Bv as SettingsSectionIcon,
-  $v as SettingsSectionTitle,
-  Ah as StippleDefs,
+  v0 as SceneTimelineItem,
+  sb as SectionCard,
+  ib as SectionGroup,
+  dv as SectionTitle,
+  ub as SettingsSection,
+  xv as SettingsSectionDescription,
+  Tv as SettingsSectionIcon,
+  Bv as SettingsSectionTitle,
+  Oh as StippleDefs,
   za as ToggleEntriesKey,
   ql as getChartTypeLabel,
   Tl as isHexColor,
-  Mh as useBreakpoint,
+  Ah as useBreakpoint,
   on as useChildEntriesProvider,
   an as useChildEntry,
-  ob as withoutTransitions
+  rb as withoutTransitions
 };