@scalar/api-client 2.0.24 → 2.0.26

package/dist/components/DataTable/DataTableInput.vue2.js

@@ -1,18 +1,17 @@
-import { defineComponent as $, ref as d, computed as x, openBlock as o, createBlock as p, normalizeClass as B, withCtx as q, createElementBlock as r, renderSlot as m, createCommentVNode as s, createElementVNode as f, Fragment as C, mergeProps as S, unref as D, createVNode as _ } from "vue";
-import F from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
-import { ScalarIconButton as I } from "@scalar/components";
-import M from "./DataTableCell.vue.js";
-import O from "./DataTableInputSelect.vue.js";
-const N = {
+import { defineComponent as k, ref as i, computed as V, openBlock as o, createBlock as d, normalizeClass as b, withCtx as x, createElementBlock as r, renderSlot as p, createCommentVNode as s, createElementVNode as m, Fragment as B, mergeProps as $, unref as q } from "vue";
+import { ScalarIconButton as C } from "@scalar/components";
+import F from "./DataTableCell.vue.js";
+import I from "./DataTableInputSelect.vue.js";
+const O = {
   key: 0,
   class: "text-c-2 flex min-w-[100px] items-center border-r-1/2 pl-2 pr-0"
-}, P = { class: "row-1" }, E = ["id", "max", "min", "readOnly", "required", "type", "value"], H = {
+}, S = { class: "row-1" }, P = ["id", "max", "min", "readOnly", "required", "type", "value"], _ = {
   key: 0,
   class: "absolute centered-y right-0 pt-px pr-2 text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-focus:opacity-0"
-}, T = {
+}, D = {
   key: 1,
   class: "absolute centered-y right-7 text-orange text-xs"
-}, j = /* @__PURE__ */ $({
+}, z = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "DataTableInput",
   props: {
@@ -27,36 +26,30 @@ const N = {
     max: {}
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(v, { emit: y }) {
-    const l = v, n = y, a = d(!0), c = d(""), u = d(!1), w = () => {
-      u.value || n("inputBlur");
-    }, h = x(
+  setup(c, { emit: f }) {
+    const l = c, n = f, a = i(!0), y = i(""), v = i(!1), w = () => {
+      v.value || n("inputBlur");
+    }, g = V(
       () => l.type === "password" ? a.value ? "password" : "text" : l.type ?? "text"
-    ), V = (e) => {
+    ), h = (e) => {
       const t = e.target;
-      c.value = t.value, n("update:modelValue", t.value);
-    }, g = (e) => {
-      n("update:modelValue", e);
-    }, k = () => {
-      u.value = !0;
-    }, b = () => {
-      u.value = !1;
+      y.value = t.value, n("update:modelValue", t.value);
     };
-    return (e, t) => (o(), p(M, {
-      class: B(["relative row", e.containerClass])
+    return (e, t) => (o(), d(F, {
+      class: b(["relative row", e.containerClass])
     }, {
-      default: q(() => [
-        e.$slots.default ? (o(), r("div", N, [
-          m(e.$slots, "default", {}, void 0, !0)
+      default: x(() => [
+        e.$slots.default ? (o(), r("div", O, [
+          p(e.$slots, "default", {}, void 0, !0)
         ])) : s("", !0),
-        f("div", P, [
-          l.enum && l.enum.length ? (o(), p(O, {
+        m("div", S, [
+          l.enum && l.enum.length ? (o(), d(I, {
             key: 0,
             modelValue: l.modelValue,
             value: l.enum,
-            "onUpdate:modelValue": t[0] || (t[0] = (i) => n("update:modelValue", i))
-          }, null, 8, ["modelValue", "value"])) : (o(), r(C, { key: 1 }, [
-            f("input", S(e.$attrs, {
+            "onUpdate:modelValue": t[0] || (t[0] = (u) => n("update:modelValue", u))
+          }, null, 8, ["modelValue", "value"])) : (o(), r(B, { key: 1 }, [
+            m("input", $(e.$attrs, {
               id: e.id,
               autocomplete: "off",
               class: "border-none focus:text-c-1 text-c-2 min-w-0 w-full peer px-2 py-1.5 outline-none",
@@ -66,37 +59,31 @@ const N = {
               readOnly: e.readOnly,
               required: e.required,
               spellcheck: "false",
-              type: h.value,
+              type: g.value,
               value: e.modelValue,
               onBlur: w,
-              onFocus: t[1] || (t[1] = (i) => n("inputFocus")),
-              onInput: V
-            }), null, 16, E),
-            e.required ? (o(), r("div", H, " Required ")) : s("", !0)
+              onFocus: t[1] || (t[1] = (u) => n("inputFocus")),
+              onInput: h
+            }), null, 16, P),
+            e.required ? (o(), r("div", _, " Required ")) : s("", !0)
           ], 64))
         ]),
-        e.$slots.warning ? (o(), r("div", T, [
-          m(e.$slots, "warning", {}, void 0, !0)
+        e.$slots.warning ? (o(), r("div", D, [
+          p(e.$slots, "warning", {}, void 0, !0)
         ])) : s("", !0),
-        m(e.$slots, "icon", {}, void 0, !0),
-        e.type === "password" ? (o(), p(D(I), {
+        p(e.$slots, "icon", {}, void 0, !0),
+        e.type === "password" ? (o(), d(q(C), {
           key: 2,
           class: "-ml-.5 mr-1 h-6 w-6 self-center p-1.5",
           icon: a.value ? "Show" : "Hide",
           label: a.value ? "Show Password" : "Hide Password",
-          onClick: t[2] || (t[2] = (i) => a.value = !a.value)
-        }, null, 8, ["icon", "label"])) : s("", !0),
-        _(F, {
-          query: c.value,
-          onMousedown: k,
-          onMouseup: b,
-          onSelect: g
-        }, null, 8, ["query"])
+          onClick: t[2] || (t[2] = (u) => a.value = !a.value)
+        }, null, 8, ["icon", "label"])) : s("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  j as default
+  z as default
 };

package/dist/components/SideNav/SideNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAsIA,wBAKG"}
+{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAuIA,wBAKG"}

package/dist/components/SideNav/SideNav.vue.js

@@ -1,37 +1,40 @@
-import { defineComponent as m, openBlock as e, createElementBlock as t, createVNode as o, createElementVNode as r, Fragment as _, renderList as f, unref as i, withCtx as p, createTextVNode as u, toDisplayString as d } from "vue";
+import { defineComponent as m, openBlock as t, createElementBlock as o, createVNode as r, createElementVNode as a, Fragment as _, renderList as f, unref as c, withCtx as p, createTextVNode as u, toDisplayString as d } from "vue";
 import x from "../DarkModeToggle/DarkModeIconToggle.vue.js";
 import { ROUTES as h } from "../../constants.js";
-import { useRouter as g } from "vue-router";
-import v from "./SideNavLink.vue.js";
+import { useRouter as v } from "vue-router";
+import g from "./SideNavLink.vue.js";
 import N from "./WorkspaceProfileIcon.vue.js";
 /* empty css                          */
 const y = {
   "aria-label": "Side Navigation",
-  class: "text-c-2 w-15 flex flex-col items-center px-2 py-2",
+  class: "text-c-2 w-15 flex flex-col items-center px-2 py-2 scalar-sidenav",
   role: "navigation"
 }, S = { class: "mt-3.5 flex flex-col gap-1.5" }, k = { class: "mt-auto flex flex-col gap-2 py-1.5" }, E = { class: "flex items-center" }, L = /* @__PURE__ */ m({
   __name: "SideNav",
   setup(R) {
-    const { currentRoute: c } = g();
-    return (V, $) => (e(), t("nav", y, [
-      o(N),
-      r("ul", S, [
-        (e(!0), t(_, null, f(i(h), ({ icon: n, label: s, path: a }, l) => (e(), t("li", { key: l }, [
-          o(v, {
-            active: i(c).path.startsWith(a),
-            icon: n,
-            path: a
-          }, {
-            default: p(() => [
-              u(d(s), 1)
-            ]),
-            _: 2
-          }, 1032, ["active", "icon", "path"])
-        ]))), 128))
+    const { currentRoute: n } = v();
+    return (V, $) => (t(), o("nav", y, [
+      r(N),
+      a("ul", S, [
+        (t(!0), o(_, null, f(c(h), ({ icon: s, name: e }, l) => {
+          var i;
+          return t(), o("li", { key: l }, [
+            r(g, {
+              active: (i = c(n).name) == null ? void 0 : i.startsWith(e),
+              icon: s,
+              name: e
+            }, {
+              default: p(() => [
+                u(d(e), 1)
+              ]),
+              _: 2
+            }, 1032, ["active", "icon", "name"])
+          ]);
+        }), 128))
       ]),
-      r("ul", k, [
-        r("li", E, [
-          o(x)
+      a("ul", k, [
+        a("li", E, [
+          r(x)
         ])
       ])
     ]));

package/dist/components/SideNav/SideNavLink.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ROUTES } from '../../constants.js';
 import { ScalarIcon } from '@scalar/components';
 type IconProps = InstanceType<typeof ScalarIcon>['$props'];
 declare function __VLS_template(): {
@@ -5,11 +6,11 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     icon: IconProps["icon"];
-    path: string;
+    name: (typeof ROUTES)[number]["name"];
     active?: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     icon: IconProps["icon"];
-    path: string;
+    name: (typeof ROUTES)[number]["name"];
     active?: boolean;
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/components/SideNav/SideNavLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AA6BA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI/C,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AAe1D,iBAAS,cAAc;qBAuDO,GAAG;EAgBhC;AACD,QAAA,MAAM,eAAe;UApFb,SAAS,CAAC,MAAM,CAAC;UACjB,MAAM;aACH,OAAO;;UAFV,SAAS,CAAC,MAAM,CAAC;UACjB,MAAM;aACH,OAAO;aAwFhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI/C,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AAe1D,iBAAS,cAAc;qBAuDO,GAAG;EAgBhC;AACD,QAAA,MAAM,eAAe;UApFb,SAAS,CAAC,MAAM,CAAC;UACjB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;aAC5B,OAAO;;UAFV,SAAS,CAAC,MAAM,CAAC;UACjB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;aAC5B,OAAO;aAwFhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/SideNav/SideNavLink.vue.js

@@ -1,21 +1,21 @@
-import { defineComponent as r, resolveComponent as s, openBlock as a, createBlock as c, normalizeClass as i, unref as o, withCtx as l, createVNode as p, createElementVNode as u, renderSlot as m } from "vue";
+import { defineComponent as r, resolveComponent as a, openBlock as s, createBlock as c, normalizeClass as i, unref as o, withCtx as l, createVNode as p, createElementVNode as u, renderSlot as m } from "vue";
 import { useWorkspace as d } from "../../store/workspace.js";
 import { ScalarIcon as f } from "@scalar/components";
 const k = { class: "sr-only" }, x = /* @__PURE__ */ r({
   __name: "SideNavLink",
   props: {
     icon: {},
-    path: {},
+    name: {},
     active: { type: Boolean }
   },
   setup(v) {
     const { activeWorkspace: t } = d();
     return (e, _) => {
-      const n = s("router-link");
-      return a(), c(n, {
+      const n = a("router-link");
+      return s(), c(n, {
         activeClass: "active-link",
         class: i(["w-[37px] hover:bg-b-2 active:text-c-1 flex items-center justify-center rounded-lg p-[7px]", { "bg-b-2 transition-none hover:cursor-auto text-c-1": e.active }]),
-        to: `/workspace/${o(t).uid}${e.path}`
+        to: `/workspace/${o(t).uid}/${e.name}/default`
       }, {
         default: l(() => [
           p(o(f), {

package/dist/components/Sidebar/Sidebar.vue.d.ts

@@ -1,9 +1,13 @@
 declare function __VLS_template(): {
-    title?(_: {}): any;
+    header?(_: {}): any;
     content?(_: {}): any;
     button?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    title?: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    title?: string;
+}>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -11,4 +15,13 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 //# sourceMappingURL=Sidebar.vue.d.ts.map

package/dist/components/Sidebar/Sidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.vue"],"names":[],"mappings":"AAmCA,iBAAS,cAAc;mBAgDI,GAAG;qBACD,GAAG;oBACJ,GAAG;EAc9B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.vue"],"names":[],"mappings":"AAyCA,iBAAS,cAAc;oBAiDK,GAAG;qBACF,GAAG;oBACJ,GAAG;EAe9B;AACD,QAAA,MAAM,eAAe;YA5EW,MAAM;;YAAN,MAAM;aAkFpC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/Sidebar/Sidebar.vue.js

@@ -1,19 +1,21 @@
-import { defineComponent as l, openBlock as s, createElementBlock as o, unref as c, createElementVNode as r, renderSlot as t, createCommentVNode as i } from "vue";
-import { useWorkspace as a } from "../../store/workspace.js";
-const d = { class: "w-sidebar relative flex flex-col border-r bg-b-1" }, m = {
+import { defineComponent as l, openBlock as s, createElementBlock as o, renderSlot as t, unref as i, createElementVNode as r, toDisplayString as a, createCommentVNode as d } from "vue";
+import { useWorkspace as c } from "../../store/workspace.js";
+const m = { class: "w-sidebar relative flex flex-col border-r bg-b-1" }, p = {
   key: 0,
   class: "xl:min-h-header py-2.5 flex items-center border-b px-4 text-sm"
-}, _ = { class: "font-medium m-0 text-sm" }, p = { class: "custom-scroll sidebar-height" }, x = /* @__PURE__ */ l({
+}, h = { class: "font-medium m-0 text-sm" }, _ = { class: "custom-scroll sidebar-height" }, x = /* @__PURE__ */ l({
   __name: "Sidebar",
+  props: {
+    title: {}
+  },
   setup(f) {
-    const { isReadOnly: n } = a();
-    return (e, h) => (s(), o("aside", d, [
-      c(n) ? i("", !0) : (s(), o("div", m, [
-        r("h2", _, [
-          t(e.$slots, "title")
-        ])
-      ])),
-      r("div", p, [
+    const { isReadOnly: n } = c();
+    return (e, u) => (s(), o("aside", m, [
+      t(e.$slots, "header"),
+      !i(n) && e.title ? (s(), o("div", p, [
+        r("h2", h, a(e.title), 1)
+      ])) : d("", !0),
+      r("div", _, [
         t(e.$slots, "content")
       ]),
       t(e.$slots, "button")

package/dist/components/Sidebar/SidebarButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarButton.vue"],"names":[],"mappings":"AA+CA,iBAAS,cAAc;mBAsFI,GAAG;EAiB7B;AACD,QAAA,MAAM,eAAe;WApHZ,MAAM,IAAI;;WAAV,MAAM,IAAI;aA0HjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"SidebarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarButton.vue"],"names":[],"mappings":"AA+CA,iBAAS,cAAc;mBAuFI,GAAG;EAiB7B;AACD,QAAA,MAAM,eAAe;WArHZ,MAAM,IAAI;;WAAV,MAAM,IAAI;aA2HjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/Sidebar/SidebarButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as l, createElementBlock as s, createVNode as e, unref as a, withCtx as i, renderSlot as p } from "vue";
+import { defineComponent as n, openBlock as l, createElementBlock as i, createVNode as e, unref as a, withCtx as s, renderSlot as p } from "vue";
 import u from "../ScalarHotkey.vue.js";
 import { ScalarButton as d } from "@scalar/components";
 const f = { class: "fixed relative bottom-[50px] z-10 flex p-2" }, k = /* @__PURE__ */ n({
@@ -10,17 +10,17 @@ const f = { class: "fixed relative bottom-[50px] z-10 flex p-2" }, k = /* @__PUR
     const r = o, t = () => {
       r.click();
     };
-    return (c, m) => (l(), s("div", f, [
+    return (c, m) => (l(), i("div", f, [
       e(a(d), {
         class: "bg-b-1 text-c-1 hover:bg-b-2 group relative w-full border p-1.5 h-auto",
         icon: "Plus",
-        variant: "ghost",
+        variant: "outlined",
         onClick: t
       }, {
-        default: i(() => [
+        default: s(() => [
           p(c.$slots, "title"),
           e(u, {
-            class: "absolute right-2 group-hover:opacity-80",
+            class: "absolute right-2 group-hover:opacity-80 text-c-2",
             hotkey: "N",
             onHotkeyPressed: t
           })

package/dist/components/TopNav/TopNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";AA6NA,wBAKG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";AAkPA,wBAKG"}

package/dist/components/TopNav/TopNav.vue.js

@@ -1,7 +1,7 @@
 import o from "./TopNav.vue2.js";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-24eea304"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-31a24876"]]);
 export {
-  e as default
+  m as default
 };

package/dist/components/TopNav/TopNav.vue2.js

@@ -1,46 +1,49 @@
-import { defineComponent as _, computed as k, openBlock as l, createElementBlock as a, createElementVNode as c, unref as e, createVNode as i, toDisplayString as I, Fragment as N, renderList as x, createBlock as y } from "vue";
-import { useTopNav as b } from "../../store/topNav.js";
+import { defineComponent as k, computed as h, openBlock as c, createElementBlock as s, createElementVNode as l, unref as e, createVNode as p, toDisplayString as I, Fragment as g, renderList as b, createBlock as N, pushScopeId as x, popScopeId as y } from "vue";
+import { useTopNav as C } from "../../store/topNav.js";
 import { ScalarIcon as m } from "@scalar/components";
-import g from "./TopNavItem.vue.js";
-const h = { class: "flex h-10 t-app__top-nav" }, C = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium" }, B = {
+import S from "./TopNavItem.vue.js";
+const w = (o) => (x("data-v-31a24876"), o = o(), y(), o), B = { class: "flex h-10 t-app__top-nav" }, T = /* @__PURE__ */ w(() => /* @__PURE__ */ l("div", { class: "t-app__top-nav-draggable" }, null, -1)), V = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium relative" }, j = {
   key: 0,
   class: "flex items-center gap-1 w-full justify-center"
-}, $ = /* @__PURE__ */ _({
+}, F = /* @__PURE__ */ k({
   __name: "TopNav",
-  setup(S) {
+  setup(o) {
     const {
-      topNavItems: o,
-      addNavItem: s,
+      topNavItems: n,
+      addNavItem: i,
       activeNavItemIdx: v,
-      setNavItemIdx: p,
+      setNavItemIdx: d,
       removeNavItem: u
-    } = b(), d = k(() => v.value);
-    return (T, r) => (l(), a("nav", h, [
-      c("div", C, [
-        e(o).length === 1 ? (l(), a("div", B, [
-          i(e(m), {
-            icon: e(o)[0].icon,
-            size: "xs"
+    } = C(), _ = h(() => v.value);
+    return (z, r) => (c(), s("nav", B, [
+      T,
+      l("div", V, [
+        e(n).length === 1 ? (c(), s("div", j, [
+          p(e(m), {
+            icon: e(n)[0].icon,
+            size: "xs",
+            thickness: "2.5"
           }, null, 8, ["icon"]),
-          c("div", null, I(e(o)[0].label), 1)
-        ])) : (l(!0), a(N, { key: 1 }, x(e(o), (n, t) => (l(), y(g, {
+          l("div", null, I(e(n)[0].label), 1)
+        ])) : (c(!0), s(g, { key: 1 }, b(e(n), (a, t) => (c(), N(S, {
           key: t,
-          active: t === d.value,
+          active: t === _.value,
           hotkey: (t + 1).toString(),
-          icon: n.icon,
-          label: n.label,
-          onClick: (f) => e(p)(t),
+          icon: a.icon,
+          label: a.label,
+          onClick: (f) => e(d)(t),
           onClose: (f) => e(u)(t)
         }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose"]))), 128)),
-        c("button", {
-          class: "text-c-3 hover:bg-b-2 p-1.5 rounded-lg",
+        l("button", {
+          class: "text-c-3 hover:bg-b-2 p-1.5 rounded-lg webkit-app-no-drag",
           type: "button",
           onClick: r[0] || (r[0] = //@ts-ignore
-          (...n) => e(s) && e(s)(...n))
+          (...a) => e(i) && e(i)(...a))
         }, [
-          i(e(m), {
+          p(e(m), {
             icon: "Add",
-            size: "xs"
+            size: "xs",
+            thickness: "2.5"
           })
         ])
       ])
@@ -48,5 +51,5 @@ const h = { class: "flex h-10 t-app__top-nav" }, C = { class: "flex h-10 flex-1
   }
 });
 export {
-  $ as default
+  F as default
 };

package/dist/components/TopNav/TopNavItem.vue.d.ts

@@ -1,13 +1,17 @@
-import type { Route } from '../../constants.js';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Omit<Route, "path"> & {
+import { type Icon } from '@scalar/components';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     hotkey?: string;
     active: boolean;
+    label: string;
+    icon: Icon;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
     close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Omit<Route, "path"> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     hotkey?: string;
     active: boolean;
+    label: string;
+    icon: Icon;
 }>>> & {
     onClick?: (() => any) | undefined;
     onClose?: (() => any) | undefined;

package/dist/components/TopNav/TopNavItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AA4HA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;;aAM3B,MAAM;YACP,OAAO;;;;;aADN,MAAM;YACP,OAAO;;;;;AAoJnB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AA+HA,OAAO,EAAE,KAAK,IAAI,EAA6B,MAAM,oBAAoB,CAAA;;aAK9D,MAAM;YACP,OAAO;WACR,MAAM;UACP,IAAI;;;;;aAHD,MAAM;YACP,OAAO;WACR,MAAM;UACP,IAAI;;;;;AAoJZ,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/TopNav/TopNavItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./TopNavItem.vue2.js";
 /* empty css                */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7c0ee464"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-26cc8e34"]]);
 export {
-  r as default
+  a as default
 };

package/dist/components/TopNav/TopNavItem.vue2.js

@@ -1,56 +1,57 @@
-import { defineComponent as m, openBlock as i, createBlock as s, unref as n, withCtx as l, createElementVNode as o, normalizeClass as p, createVNode as a, toDisplayString as f, createCommentVNode as k } from "vue";
+import { defineComponent as m, openBlock as i, createBlock as s, unref as n, withCtx as a, createElementVNode as o, normalizeClass as p, createVNode as l, toDisplayString as k, createCommentVNode as f } from "vue";
 import v from "../ScalarHotkey.vue.js";
 import { ScalarTooltip as y, ScalarIcon as c } from "@scalar/components";
-const d = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" }, u = { class: "nav-item-copy text-xs" }, b = /* @__PURE__ */ m({
+const d = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" }, u = { class: "nav-item-copy text-xs" }, g = /* @__PURE__ */ m({
   __name: "TopNavItem",
   props: {
-    label: {},
-    icon: {},
     hotkey: {},
-    active: { type: Boolean }
+    active: { type: Boolean },
+    label: {},
+    icon: {}
   },
   emits: ["click", "close"],
-  setup(C) {
+  setup(h) {
     return (e, t) => (i(), s(n(y), {
       class: "scalar-client",
       delay: 500,
       resize: "",
       sideOffset: 4
     }, {
-      trigger: l(() => [
+      trigger: a(() => [
         o("div", {
-          class: p(["nav-item", { "nav-item__active": e.active }]),
+          class: p(["nav-item webkit-app-no-drag", { "nav-item__active": e.active }]),
           onClick: t[1] || (t[1] = (r) => e.$emit("click"))
         }, [
           o("div", d, [
-            a(n(c), {
+            l(n(c), {
               icon: e.icon,
-              size: "xs"
+              size: "xs",
+              thickness: "2.5"
             }, null, 8, ["icon"]),
-            o("span", u, f(e.label), 1)
+            o("span", u, k(e.label), 1)
           ]),
           o("button", {
             class: "nav-item-close",
             type: "button",
             onClick: t[0] || (t[0] = (r) => e.$emit("close"))
           }, [
-            a(n(c), {
+            l(n(c), {
               icon: "Close",
               thickness: "1.75"
             })
           ])
         ], 2)
       ]),
-      content: l(() => [
+      content: a(() => [
         e.hotkey ? (i(), s(v, {
           key: 0,
           hotkey: e.hotkey
-        }, null, 8, ["hotkey"])) : k("", !0)
+        }, null, 8, ["hotkey"])) : f("", !0)
       ]),
       _: 1
     }));
   }
 });
 export {
-  b as default
+  g as default
 };

package/dist/components/ViewLayout/ViewLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"names":[],"mappings":"AAcA,iBAAS,cAAc;qBA2BM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"names":[],"mappings":"AAcA,iBAAS,cAAc;qBA4BM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ViewLayout/ViewLayout.vue.js

@@ -1,6 +1,6 @@
 import { openBlock as o, createElementBlock as r, renderSlot as t } from "vue";
 import n from "../../_virtual/_plugin-vue_export-helper.js";
-const l = {}, d = { class: "m-1 mt-0 flex min-h-0 flex-1 rounded xl:rounded-lg xl:border xl:overflow-hidden leading-3" };
+const l = {}, d = { class: "m-1 mt-0 flex min-h-0 flex-1 rounded xl:rounded-lg xl:border xl:overflow-hidden leading-3 z-0" };
 function c(e, s) {
   return o(), r("div", d, [
     t(e.$slots, "default")

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AA+EA,iBAAS,cAAc;;;QA4IK,GAAG;;;QACD,GAAG;;;QACH,GAAG;EAkBhC;AACD,QAAA,MAAM,eAAe;kBApLH,OAAO;gBACT,MAAM;;;;;kBADJ,OAAO;gBACT,MAAM;;;;;iBADJ,OAAO;eACT,MAAM;MAyLpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AAgFA,iBAAS,cAAc;;;QA4IK,GAAG;;;QACD,GAAG;;;QACH,GAAG;EAkBhC;AACD,QAAA,MAAM,eAAe;kBApLH,OAAO;gBACT,MAAM;;;;;kBADJ,OAAO;gBACT,MAAM;;;;;iBADJ,OAAO;eACT,MAAM;MAyLpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.js

@@ -25,7 +25,8 @@ const x = { class: "flex flex-1 items-center gap-1.5" }, _ = {
             i(o(b), {
               class: "text-c-3 group-hover:text-c-1 ui-open:rotate-90 ui-not-open:rotate-0",
               icon: "ChevronRight",
-              size: "sm"
+              size: "sm",
+              thickness: "2.5"
             }),
             r("div", x, [
               l(e.$slots, "title", { open: t }),