@vue/devtools-electron 7.7.7 → 8.0.0

package/client/pages-DzlmtyA2.js

@@ -0,0 +1,360 @@
+import { d as M, c as l, o as a, b as n, w as v, u as e, a6 as U, s as k, i as b, a7 as B, e as w, t as E, y, F as $, x as N, n as V, E as F, a as _, a8 as O, M as j, H as T, a9 as A, aa as z, Y as J, ab as I, f as K, Z as Y, ac as H, a0 as L, g as D, $ as P, ad as W, A as X, ae as Z, af as S } from "./index-1gPbFyyc.js";
+import { _ as q } from "./SectionBlock-CVoN8mOT.js";
+const G = { "p-2": "" }, Q = { class: "flex items-center justify-between" }, ee = /* @__PURE__ */ M({
+  __name: "RouteMetaDetail",
+  props: {
+    meta: {}
+  },
+  emits: ["close"],
+  setup(R) {
+    return (r, i) => (a(), l("div", G, [
+      n("div", Q, [
+        i[1] || (i[1] = n("span", { class: "font-500" }, "Route meta detail", -1)),
+        n("div", {
+          class: "i-carbon-close cursor-pointer p1 $ui-text",
+          onClick: i[0] || (i[0] = (h) => r.$emit("close"))
+        })
+      ]),
+      v(e(U), {
+        code: JSON.stringify(r.meta, null, 2),
+        lang: "json",
+        lines: ""
+      }, null, 8, ["code"])
+    ]));
+  }
+}), te = {
+  block: "",
+  "cursor-pointer": ""
+}, ne = { p2: "" }, oe = ["onSubmit"], ae = {
+  flex: "~",
+  "items-center": "",
+  p2: "",
+  "text-sm": "",
+  "font-mono": ""
+}, se = { key: 1 }, le = /* @__PURE__ */ M({
+  __name: "RoutePathItem",
+  props: {
+    route: {}
+  },
+  emits: ["navigate"],
+  setup(R, { emit: r }) {
+    const i = R, h = r;
+    function m(t) {
+      return t.split(/(:\w+[?*+]?(?:\([^)]*\))?[?*+]?)/).filter(Boolean);
+    }
+    const d = k([]), c = b(() => m(i.route.path));
+    B(() => {
+      d.value = Array.from({ length: c.value.length }, () => "");
+    });
+    const u = b(() => c.value.map((t, o) => t[0] === ":" ? d.value[o] : t).join("").replace(/\/+/g, "/")), s = b(() => i.route.path.includes(":"));
+    function p() {
+      h("navigate", u.value);
+    }
+    return (t, o) => e(s) ? (a(), w(e(A), { key: 1 }, {
+      popper: y(({ hide: f }) => [
+        n("div", ne, [
+          n("form", {
+            flex: "~ col",
+            onSubmit: F(() => {
+              p(), f();
+            }, ["prevent"])
+          }, [
+            e(s) ? (a(), l($, { key: 0 }, [
+              o[0] || (o[0] = n("div", {
+                px2: "",
+                "text-sm": "",
+                op50: ""
+              }, " Fill params and navigate: ", -1)),
+              n("div", ae, [
+                (a(!0), l($, null, N(e(c), (g, C) => (a(), l($, { key: C }, [
+                  g[0] === ":" ? (a(), w(e(O), {
+                    key: 0,
+                    modelValue: e(d)[C],
+                    "onUpdate:modelValue": (x) => e(d)[C] = x,
+                    "n-sm": "",
+                    "w-20": "",
+                    placeholder: g.slice(1)
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (a(), l("span", se, E(g), 1))
+                ], 64))), 128))
+              ])
+            ], 64)) : _("", !0),
+            v(e(j), {
+              block: "",
+              type: "primary"
+            }, {
+              default: y(() => o[1] || (o[1] = [
+                T(" Navigate ", -1)
+              ])),
+              _: 1,
+              __: [1]
+            })
+          ], 40, oe)
+        ])
+      ]),
+      default: y(() => [
+        n("code", te, [
+          (a(!0), l($, null, N(e(c), (f, g) => (a(), l("span", {
+            key: g,
+            class: V(f[0] === ":" ? "text-gray border border-dashed rounded border-gray:50 px1" : "")
+          }, E(f[0] === ":" ? f.slice(1) : f), 3))), 128))
+        ])
+      ]),
+      _: 1
+    })) : (a(), l("button", {
+      key: 0,
+      onClick: p
+    }, [
+      n("code", null, E(t.route.path), 1)
+    ]));
+  }
+}), re = { "w-full": "" }, ie = {
+  border: "b base",
+  "px-3": ""
+}, ue = {
+  key: 0,
+  "text-left": ""
+}, de = {
+  "w-20": "",
+  "pr-1": ""
+}, ce = {
+  flex: "",
+  "items-center": "",
+  "justify-end": ""
+}, pe = { "text-sm": "" }, me = {
+  flex: "inline gap3",
+  "items-center": ""
+}, fe = {
+  op0: "",
+  "group-hover:op100": "",
+  flex: "~ gap1"
+}, ve = ["onClick"], _e = {
+  "w-0": "",
+  "ws-nowrap": "",
+  "pr-1": "",
+  "text-left": "",
+  "text-sm": "",
+  "font-mono": "",
+  op50: ""
+}, he = {
+  key: 0,
+  "w-50": "",
+  "ws-nowrap": "",
+  "pr-1": "",
+  "text-left": "",
+  "text-sm": "",
+  "font-mono": "",
+  op50: "",
+  hover: "text-primary op100"
+}, ge = ["title", "onClick"], ye = /* @__PURE__ */ M({
+  __name: "RoutesTable",
+  props: {
+    pages: {},
+    matched: {},
+    matchedPending: {}
+  },
+  emits: ["navigate", "selectMeta"],
+  setup(R) {
+    const r = R, i = b(() => [...r.pages].sort((u, s) => u.path.localeCompare(s.path))), h = b(() => z.value), m = J();
+    function d(u, s = 0) {
+      const p = JSON.stringify(u, null, s);
+      return p === "{}" ? "-" : p;
+    }
+    const c = b(() => i.value.some((u) => Object.keys(u.meta)?.length));
+    return (u, s) => {
+      const p = le;
+      return a(), l("div", null, [
+        n("table", re, [
+          n("thead", ie, [
+            n("tr", null, [
+              s[1] || (s[1] = n("th", { "text-left": "" }, null, -1)),
+              s[2] || (s[2] = n("th", { "text-left": "" }, " Route Path ", -1)),
+              s[3] || (s[3] = n("th", { "text-left": "" }, " Name ", -1)),
+              e(c) ? (a(), l("th", ue, " Route Meta ")) : _("", !0)
+            ])
+          ]),
+          n("tbody", null, [
+            (a(!0), l($, null, N(e(i), (t) => (a(), l("tr", {
+              key: t.name,
+              class: "group",
+              "h-7": "",
+              border: "b dashed transparent hover:base"
+            }, [
+              n("td", de, [
+                n("div", ce, [
+                  u.matched.find((o) => o.name === t.name) ? (a(), w(e(I), {
+                    key: 0,
+                    "bg-green-400:10": "",
+                    "text-green-400": "",
+                    title: "active",
+                    textContent: "active"
+                  })) : u.matchedPending.find((o) => o.name === t.name) ? (a(), w(e(I), {
+                    key: 1,
+                    "bg-teal-400:10": "",
+                    "text-teal-400": "",
+                    title: "next",
+                    textContent: "next"
+                  })) : _("", !0)
+                ])
+              ]),
+              n("td", pe, [
+                n("div", me, [
+                  v(p, {
+                    route: t,
+                    class: V(u.matched.find((o) => o.name === t.name) ? "text-primary-400" : u.matchedPending.find((o) => o.name === t.name) ? "text-teal" : ""),
+                    onNavigate: s[0] || (s[0] = (o) => u.$emit("navigate", o))
+                  }, null, 8, ["route", "class"]),
+                  n("div", fe, [
+                    t.meta?.file && e(m).vitePluginDetected.value && e(h) ? (a(), l("button", {
+                      key: 0,
+                      "text-sm": "",
+                      op40: "",
+                      hover: "op100 text-primary-400",
+                      title: "Open in editor",
+                      onClick: (o) => e(K)(t.meta?.file)
+                    }, s[4] || (s[4] = [
+                      n("div", { "i-carbon-script-reference": "" }, null, -1)
+                    ]), 8, ve)) : _("", !0)
+                  ])
+                ])
+              ]),
+              n("td", _e, E(t.name), 1),
+              e(c) ? (a(), l("td", he, [
+                n("span", {
+                  "inline-block": "",
+                  "w-50": "",
+                  "cursor-pointer": "",
+                  "overflow-hidden": "",
+                  "text-ellipsis": "",
+                  title: d(t.meta, 2),
+                  onClick: () => u.$emit("selectMeta", t.meta)
+                }, E(d(t.meta)), 9, ge)
+              ])) : _("", !0)
+            ]))), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+}), be = {
+  block: "",
+  "h-screen": "",
+  "of-auto": ""
+}, xe = {
+  "h-full": "",
+  class: "grid grid-rows-[auto_1fr]"
+}, ke = {
+  border: "b base",
+  flex: "~ col gap1",
+  px4: "",
+  py3: ""
+}, $e = {
+  key: 1,
+  op50: ""
+}, we = {
+  key: 0,
+  "text-orange": "",
+  op75: ""
+}, Re = {
+  key: 1,
+  op50: ""
+}, Ee = /* @__PURE__ */ M({
+  __name: "pages",
+  setup(R) {
+    const r = k(""), i = k(null), h = k([]), m = b(() => r.value === i.value?.path ? [] : h.value), d = k([]), c = k();
+    function u(t) {
+      d.value = t.routes, i.value = t.currentRoute, r.value = i.value?.path ?? "/";
+    }
+    function s() {
+      m.value.length && p(r.value);
+    }
+    function p(t) {
+      D.value.navigate(t);
+    }
+    return Y(() => {
+      D.value.getRouterInfo().then((t) => {
+        u(t);
+      }), D.functions.on(P.ROUTER_INFO_UPDATED, u);
+    }), H(r, () => {
+      r.value !== i.value?.path && D.value.getMatchedRoutes(r.value).then((t) => {
+        h.value = t;
+      });
+    }), L(() => {
+      D.functions.off(P.ROUTER_INFO_UPDATED, u);
+    }), (t, o) => {
+      const f = ye, g = q, C = ee;
+      return a(), l("div", be, [
+        n("div", xe, [
+          n("div", ke, [
+            n("div", null, [
+              (a(), l("span", $e, "Current route"))
+            ]),
+            v(e(O), {
+              modelValue: e(r),
+              "onUpdate:modelValue": o[0] || (o[0] = (x) => X(r) ? r.value = x : null),
+              "left-icon": "i-carbon-direction-right-01 scale-y--100",
+              class: V(e(i)?.path === e(r) ? "" : e(m).length ? "text-green!" : "text-orange!"),
+              onKeydown: W(s, ["enter"])
+            }, null, 8, ["modelValue", "class"]),
+            n("div", null, [
+              e(i)?.path !== e(r) ? (a(), l($, { key: 0 }, [
+                o[6] || (o[6] = n("span", null, [
+                  T("Press "),
+                  n("b", { "font-bold": "" }, "Enter"),
+                  T(" to navigate")
+                ], -1)),
+                e(m).length ? _("", !0) : (a(), l("span", we, " (no match)"))
+              ], 64)) : (a(), l("span", Re, "Edit path above to navigate"))
+            ])
+          ]),
+          v(e(Z), { class: "of-hidden" }, {
+            default: y(() => [
+              v(e(S), {
+                size: "70",
+                class: "of-auto!"
+              }, {
+                default: y(() => [
+                  v(g, {
+                    icon: "i-carbon-tree-view-alt",
+                    text: "All Routes",
+                    description: `${e(d).length} routes registered in your application`,
+                    padding: !1
+                  }, {
+                    default: y(() => [
+                      e(d).length ? (a(), w(f, {
+                        key: 0,
+                        pages: e(d),
+                        matched: e(i)?.matched ?? [],
+                        "matched-pending": e(m),
+                        onNavigate: p,
+                        onSelectMeta: o[1] || (o[1] = (x) => c.value = x)
+                      }, null, 8, ["pages", "matched", "matched-pending"])) : _("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["description"])
+                ]),
+                _: 1
+              }),
+              e(c) ? (a(), w(e(S), {
+                key: 0,
+                size: "30",
+                class: "of-auto!"
+              }, {
+                default: y(() => [
+                  v(C, {
+                    meta: e(c),
+                    onClose: o[2] || (o[2] = (x) => c.value = void 0)
+                  }, null, 8, ["meta"])
+                ]),
+                _: 1
+              })) : _("", !0)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  Ee as default
+};

package/client/pinia-D_f90X-a.js

@@ -0,0 +1,11 @@
+import { d as e, e as a, u as o, v as n, o as r } from "./index-1gPbFyyc.js";
+/* empty css               */
+const i = /* @__PURE__ */ e({
+  __name: "pinia",
+  setup(s) {
+    return (t, p) => (r(), a(o(n)));
+  }
+});
+export {
+  i as default
+};

package/client/router-Co--FDag.js

@@ -0,0 +1,12 @@
+import { d as n, h as c, i as o, e as u, u as t, m as p, o as d } from "./index-1gPbFyyc.js";
+/* empty css               */
+const f = /* @__PURE__ */ n({
+  __name: "router",
+  setup(i) {
+    const { registeredInspector: r } = c(), s = o(() => r.value?.find((e) => e.packageName === "vue-router")), a = o(() => s.value?.id);
+    return (e, m) => (d(), u(t(p), { id: t(a) }, null, 8, ["id"]));
+  }
+});
+export {
+  f as default
+};

package/client/{settings-DTrnopyF.js → settings-WVpvn2wJ.js}

@@ -1,5 +1,5 @@
-import { d as ee, y as le, z as B, A as te, B as E, C as oe, i as ne, c as m, l as a, b as l, F as x, D as $, u as t, a as U, q as d, E as O, M as F, G as p, H as se, I as ae, o as r, e as R, t as I, J as h, n as z, K as ie, L as D, N as ue, x as j, O as H, P as V, Q as de } from "./index-C7XPmmLS.js";
-import { _ as re } from "./IconTitle.vue_vue_type_script_setup_true_lang-CzNAudTz.js";
+import { d as ee, j as le, k as P, l as te, q as B, s as oe, i as ne, c as m, w as a, b as l, F as x, x as E, u as t, a as _, y as d, z as U, M as $, A as p, B as se, C as ae, o as r, e as j, t as I, D as F, n as O, _ as ie, E as z, G as ue, H as R, I as h, J as V, K as de } from "./index-1gPbFyyc.js";
+import { _ as re } from "./IconTitle.vue_vue_type_script_setup_true_lang-BUuVJmL3.js";
 const pe = {
   "h-full": "",
   "w-full": "",
@@ -24,10 +24,10 @@ const pe = {
   "justify-start": "",
   "pr-4": "",
   "text-sm": ""
-}, ce = ["onClick"], be = ["onClick"], ye = ["onClick"], Ve = { flex: "~ col gap-2" }, ke = { flex: "~ gap2" }, Ce = { class: "flex items-center gap2 text-sm" }, we = { class: "flex items-center gap2 text-sm" }, Se = { class: "flex items-center gap2 text-sm" }, Te = { class: "flex items-center gap2 text-sm" }, Ue = { flex: "~ gap-2" }, De = /* @__PURE__ */ ee({
+}, ce = ["onClick"], be = ["onClick"], ye = ["onClick"], Ve = { flex: "~ col gap-2" }, ke = { flex: "~ gap2" }, Ce = { class: "flex items-center gap2 text-sm" }, we = { class: "flex items-center gap2 text-sm" }, Se = { class: "flex items-center gap2 text-sm" }, Te = { class: "flex items-center gap2 text-sm" }, _e = { flex: "~ gap-2" }, ze = /* @__PURE__ */ ee({
   __name: "settings",
-  setup(Oe) {
-    const { categorizedTabs: _ } = le(), L = ae(), q = L === "iframe" || L === "separate-window", { scale: k, interactionCloseOnOutsideClick: C, showPanel: w, minimizePanelInteractive: g, expandSidebar: S, scrollableSidebar: T, reduceMotion: G } = B(te(E)), J = [
+  setup(Ue) {
+    const { categorizedTabs: H } = le(), D = ae(), q = D === "iframe" || D === "separate-window", { scale: k, interactionCloseOnOutsideClick: C, showPanel: w, minimizePanelInteractive: g, expandSidebar: S, scrollableSidebar: T, reduceMotion: G } = P(te(B)), J = [
       ["Tiny", 12 / 15],
       ["Small", 14 / 15],
       ["Normal", 1],
@@ -40,35 +40,32 @@ const pe = {
       ["5s", 5e3],
       ["10s", 1e4],
       ["Never", -1]
-    ], { hiddenTabCategories: c, hiddenTabs: b, pinnedTabs: i } = B(E.value.tabSettings);
-    function Q(n, e) {
-      e ? b.value = b.value.filter((u) => u !== n) : b.value.push(n);
+    ], { hiddenTabCategories: c, hiddenTabs: b, pinnedTabs: i } = P(B.value.tabSettings);
+    function Q(s, e) {
+      e ? b.value = b.value.filter((u) => u !== s) : b.value.push(s);
     }
-    function W(n, e) {
-      e ? c.value = c.value.filter((u) => u !== n) : c.value.push(n);
+    function W(s, e) {
+      e ? c.value = c.value.filter((u) => u !== s) : c.value.push(s);
     }
-    function X(n) {
-      i.value.includes(n) ? i.value = i.value.filter((e) => e !== n) : i.value.push(n);
+    function X(s) {
+      i.value.includes(s) ? i.value = i.value.filter((e) => e !== s) : i.value.push(s);
     }
-    function N(n, e) {
-      const u = i.value.indexOf(n);
+    function A(s, e) {
+      const u = i.value.indexOf(s);
       if (u === -1)
         return;
       const v = u + e;
       if (v < 0 || v >= i.value.length)
         return;
       const o = [...i.value];
-      o.splice(u, 1), o.splice(v, 0, n), i.value = o;
+      o.splice(u, 1), o.splice(v, 0, s), i.value = o;
     }
     const y = oe(!1);
     async function Y() {
       de(), window.location.reload();
     }
-    const P = K.map(([n, e]) => ({ label: n, value: e })), Z = ne(() => {
-      const n = P.find((e) => e.value === g.value);
-      return `${(n == null ? void 0 : n.label) ?? "Select..."}`;
-    });
-    return (n, e) => {
+    const L = K.map(([s, e]) => ({ label: s, value: e })), Z = ne(() => `${L.find((e) => e.value === g.value)?.label ?? "Select..."}`);
+    return (s, e) => {
       const u = re, v = ie;
       return r(), m("div", pe, [
         a(u, {
@@ -79,18 +76,18 @@ const pe = {
         l("div", me, [
           l("div", ve, [
             e[12] || (e[12] = l("h3", { "text-lg": "" }, " Tabs ", -1)),
-            (r(!0), m(x, null, $(t(_), ([{ name: o, hidden: f }, A]) => (r(), m(x, { key: o }, [
-              A.length ? (r(), R(t(O), {
+            (r(!0), m(x, null, E(t(H), ([{ name: o, hidden: f }, M]) => (r(), m(x, { key: o }, [
+              M.length ? (r(), j(t(U), {
                 key: 0,
                 p3: "",
                 flex: "~ col gap-1",
-                class: z(f ? "op50 grayscale" : "")
+                class: O(f ? "op50 grayscale" : "")
               }, {
                 default: d(() => [
-                  a(t(h), {
+                  a(t(F), {
                     "model-value": !t(c).includes(o),
-                    class: "row-reverse flex hover:bg-active py1 pl2 pr1",
-                    "onUpdate:modelValue": (s) => W(o, s)
+                    class: "row-reverse flex py1 pl2 pr1 hover:bg-active",
+                    "onUpdate:modelValue": (n) => W(o, n)
                   }, {
                     default: d(() => [
                       l("div", fe, [
@@ -106,46 +103,46 @@ const pe = {
                     border: "b base",
                     op75: ""
                   }, null, -1)),
-                  (r(!0), m(x, null, $(A, (s) => (r(), R(t(h), {
-                    key: s.name,
-                    class: z(["row-reverse n-primary flex hover:bg-active py1 pl2 pr1", s.hidden ? "op35" : ""]),
-                    "model-value": !t(b).includes(s.name),
-                    "onUpdate:modelValue": (M) => Q(s.name, M)
+                  (r(!0), m(x, null, E(M, (n) => (r(), j(t(F), {
+                    key: n.name,
+                    class: O(["row-reverse n-primary flex py1 pl2 pr1 hover:bg-active", n.hidden ? "op35" : ""]),
+                    "model-value": !t(b).includes(n.name),
+                    "onUpdate:modelValue": (N) => Q(n.name, N)
                   }, {
                     default: d(() => [
                       l("div", ge, [
                         a(v, {
                           "text-xl": "",
-                          icon: s.icon,
-                          fallback: s.fallbackIcon,
-                          title: s.title
+                          icon: n.icon,
+                          fallback: n.fallbackIcon,
+                          title: n.title
                         }, null, 8, ["icon", "fallback", "title"]),
-                        l("span", null, I(s.title), 1),
+                        l("span", null, I(n.title), 1),
                         e[10] || (e[10] = l("div", { "flex-auto": "" }, null, -1)),
-                        t(i).includes(s.name) ? (r(), m(x, { key: 0 }, [
+                        t(i).includes(n.name) ? (r(), m(x, { key: 0 }, [
                           l("button", {
-                            class: "flex items-center hover:bg-active hover:op100 px1 py1 text-sm op65",
-                            onClick: D(() => {
-                              t(i).indexOf(s.name) !== 0 && N(s.name, -1);
+                            class: "flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",
+                            onClick: z(() => {
+                              t(i).indexOf(n.name) !== 0 && A(n.name, -1);
                             }, ["stop"])
                           }, e[8] || (e[8] = [
                             l("div", { class: "i-carbon-caret-up" }, null, -1)
                           ]), 8, ce),
                           l("button", {
-                            class: "flex items-center hover:bg-active hover:op100 px1 py1 text-sm op65",
-                            onClick: D(() => {
-                              t(i).indexOf(s.name) !== t(i).length - 1 && N(s.name, 1);
+                            class: "flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",
+                            onClick: z(() => {
+                              t(i).indexOf(n.name) !== t(i).length - 1 && A(n.name, 1);
                             }, ["stop"])
                           }, e[9] || (e[9] = [
                             l("div", { class: "i-carbon-caret-down" }, null, -1)
                           ]), 8, be)
-                        ], 64)) : U("", !0),
+                        ], 64)) : _("", !0),
                         l("button", {
-                          class: "flex items-center hover:bg-active hover:op100 px1 py1 text-sm op65",
-                          onClick: D((M) => X(s.name), ["stop"])
+                          class: "flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",
+                          onClick: z((N) => X(n.name), ["stop"])
                         }, [
                           l("div", {
-                            class: z(t(i).includes(s.name) ? " i-carbon-pin-filled rotate--45" : " i-carbon-pin op45")
+                            class: O(t(i).includes(n.name) ? " i-carbon-pin-filled rotate--45" : " i-carbon-pin op45")
                           }, null, 2)
                         ], 8, ye)
                       ])
@@ -153,13 +150,14 @@ const pe = {
                     _: 2
                   }, 1032, ["model-value", "class", "onUpdate:modelValue"]))), 128))
                 ]),
-                _: 2
-              }, 1032, ["class"])) : U("", !0)
+                _: 2,
+                __: [11]
+              }, 1032, ["class"])) : _("", !0)
             ], 64))), 128))
           ]),
           l("div", Ve, [
             e[25] || (e[25] = l("h3", { "text-lg": "" }, " Appearance ", -1)),
-            a(t(O), {
+            a(t(U), {
               p4: "",
               flex: "~ col gap-2"
             }, {
@@ -169,7 +167,7 @@ const pe = {
                     animation: !t(G)
                   }, {
                     default: d(({ isDark: o, toggle: f }) => [
-                      a(t(F), {
+                      a(t($), {
                         outlined: "",
                         type: "primary",
                         onClick: f
@@ -180,9 +178,10 @@ const pe = {
                             "dark:i-carbon-moon": "",
                             "translate-y--1px": ""
                           }, null, -1)),
-                          j(" " + I(o ? "Dark" : "Light"), 1)
+                          R(" " + I(o ? "Dark" : "Light"), 1)
                         ]),
-                        _: 2
+                        _: 2,
+                        __: [13]
                       }, 1032, ["onClick"])
                     ]),
                     _: 1
@@ -197,7 +196,7 @@ const pe = {
                 }, null, -1)),
                 e[17] || (e[17] = l("p", null, "UI Scale", -1)),
                 l("div", null, [
-                  a(t(H), {
+                  a(t(h), {
                     modelValue: t(k),
                     "onUpdate:modelValue": e[0] || (e[0] = (o) => p(k) ? k.value = o : null),
                     options: J.map(([o, f]) => ({ label: o, value: f })),
@@ -226,14 +225,15 @@ const pe = {
                   e[15] || (e[15] = l("span", { op75: "" }, "Scrollable Sidebar", -1))
                 ])
               ]),
-              _: 1
+              _: 1,
+              __: [16, 17, 18]
             }),
             t(q) ? (r(), m(x, { key: 0 }, [
               e[23] || (e[23] = l("h3", {
                 mt2: "",
                 "text-lg": ""
               }, " Features ", -1)),
-              a(t(O), {
+              a(t(U), {
                 p4: "",
                 flex: "~ col gap-2"
               }, {
@@ -261,33 +261,35 @@ const pe = {
                   }, null, -1)),
                   e[22] || (e[22] = l("p", null, "Minimize floating panel on inactive", -1)),
                   l("div", null, [
-                    a(t(H), {
+                    a(t(h), {
                       modelValue: t(g),
                       "onUpdate:modelValue": e[5] || (e[5] = (o) => p(g) ? g.value = o : null),
                       "button-props": { outlined: !0 },
-                      options: t(P),
+                      options: t(L),
                       placeholder: t(Z)
                     }, null, 8, ["modelValue", "options", "placeholder"])
                   ])
                 ]),
-                _: 1
+                _: 1,
+                __: [21, 22]
               })
-            ], 64)) : U("", !0),
+            ], 64)) : _("", !0),
             e[26] || (e[26] = l("h3", {
               mt2: "",
               "text-lg": ""
             }, " Debug ", -1)),
-            l("div", Ue, [
-              a(t(F), {
+            l("div", _e, [
+              a(t($), {
                 outlined: "",
                 type: "warning",
                 onClick: e[6] || (e[6] = (o) => y.value = !0)
               }, {
                 default: d(() => e[24] || (e[24] = [
                   l("div", { "i-carbon-breaking-change": "" }, null, -1),
-                  j(" Reset Local Settings & State ")
+                  R(" Reset Local Settings & State ", -1)
                 ])),
-                _: 1
+                _: 1,
+                __: [24]
               }),
               a(t(se), {
                 modelValue: t(y),
@@ -306,5 +308,5 @@ const pe = {
   }
 });
 export {
-  De as default
+  ze as default
 };