@scalar/api-reference 1.38.1 → 1.39.0

package/dist/components/GettingStarted.vue2.js

@@ -1,14 +1,21 @@
-import { defineComponent as f, createElementBlock as o, openBlock as i, createElementVNode as e, createStaticVNode as r, createVNode as c, unref as l, withCtx as n, createTextVNode as d, Fragment as w, renderList as y, normalizeClass as A, toDisplayString as C } from "vue";
-import { ScalarButton as p } from "@scalar/components";
-import { themeLabels as v } from "@scalar/themes";
-const S = { class: "start custom-scroll" }, x = { class: "start-copy" }, b = { class: "start-cta" }, k = { class: "start-row" }, Z = { class: "start-section start-section-colors" }, _ = ["onClick"], P = /* @__PURE__ */ f({
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createStaticVNode, createVNode, unref, withCtx, createTextVNode, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
+import { ScalarButton } from "@scalar/components";
+import { themeLabels } from "@scalar/themes";
+const _hoisted_1 = { class: "start custom-scroll" };
+const _hoisted_2 = { class: "start-copy" };
+const _hoisted_3 = { class: "start-cta" };
+const _hoisted_4 = { class: "start-row" };
+const _hoisted_5 = { class: "start-section start-section-colors" };
+const _hoisted_6 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "GettingStarted",
   props: {
     theme: {}
   },
   emits: ["changeTheme", "loadSwaggerFile", "linkSwaggerFile", "updateContent"],
-  setup(E, { emit: g }) {
-    const m = g, h = [
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const themeIds = [
       "default",
       "alternate",
       "moon",
@@ -20,54 +27,56 @@ const S = { class: "start custom-scroll" }, x = { class: "start-copy" }, b = { c
       "mars",
       "deepSpace"
     ];
-    async function u() {
-      const s = await fetch(
+    async function fetchExampleSpecification() {
+      const response = await fetch(
         "https://registry.scalar.com/@scalar/apis/galaxy/latest?format=yaml"
       );
-      m("updateContent", await s.text());
+      emits("updateContent", await response.text());
     }
-    return (s, a) => (i(), o("div", S, [
-      e("div", x, [
-        a[3] || (a[3] = r('<div class="start-logo" data-v-87962c91><svg height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><path d="M18 0a18 18 0 1 1 0 36 18 18 0 0 1 0-36Zm11.2 6.5c-3.3-3.3-11.1-1-17.4 5.3-6.2 6.3-8.6 14-5.3 17.4 3.3 3.3 11 .9 17.3-5.4 6.3-6.2 8.7-14 5.4-17.3ZM17.6 12a6.3 6.3 0 1 1 0 12.7 6.3 6.3 0 0 1 0-12.7Z" fill="currentColor" fill-rule="evenodd" data-v-87962c91></path></svg></div><h1 class="start-h1" data-v-87962c91>Swagger Editor</h1><p class="start-p" data-v-87962c91> Welcome to the Scalar API References + Swagger Editor, a Free &amp; Open-Source tool that takes your Swagger/OAS file and generates Beautiful API references. </p>', 3)),
-        e("div", b, [
-          c(l(p), {
-            class: "w-full",
-            onClick: u
-          }, {
-            default: n(() => a[1] || (a[1] = [
-              d(" Show Example ")
-            ])),
-            _: 1,
-            __: [1]
-          }),
-          c(l(p), {
-            class: "w-full",
-            variant: "outlined",
-            onClick: a[0] || (a[0] = (t) => s.$emit("loadSwaggerFile"))
-          }, {
-            default: n(() => a[2] || (a[2] = [
-              d(" Upload File ")
-            ])),
-            _: 1,
-            __: [2]
-          })
-        ])
-      ]),
-      e("div", k, [
-        a[5] || (a[5] = r('<div class="start-section start-section-integrations" data-v-87962c91><div class="start-h2" data-v-87962c91>INTEGRATIONS</div><a class="start-item" href="https://github.com/scalar/scalar/tree/main/integrations/fastify#readme" target="_blank" data-v-87962c91><svg fill="currentColor" height="16" viewBox="0 0 19 16" width="19" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><path d="m18.2 3.1.8-2V.9l-4.7 1.3C15.2 1 15 0 15 0s-2.5 1.6-4.3 1.5c-2 0-3.6.8-4 1-1.8 1.2-2.5 3.3-3.2 3.8L0 8.9 2.3 8l-2 2.5c.2.3 1.2 1.6 2.1 1.3l.4-.1 1.6.5-.7-1 .2-.2.9.3-.1-.8.9.3-.1-.8.3-.1 1-3.5 3.7-2.6-.3.7A4 4 0 0 1 8 7l-.6.2c-.5.5-.7.7-.8 2.5a2 2 0 0 1 1 0c1.6.4 2.2 2.3 1.7 2.9l-.7.6H8v.6h-.7v.5l-.2.2c-.7 0-1.4-.6-1.4-.6 0 .5.4 1.3.4 1.3s1.7 1.1 2.7.7c1-.4.7-2.3 2.8-3.2l3.3-.9.8-2.2-1.7.5v-2l2.5-.6.9-2.2-3.4.9v-2l4.2-1.1Z" fill="currentColor" fill-rule="nonzero" data-v-87962c91></path></svg><span data-v-87962c91>Fastify</span></a><a class="start-item" href="https://github.com/scalar/scalar/blob/main/documentation/integrations/html-js.md#html" target="_blank" data-v-87962c91><svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><g data-v-87962c91><path d="M22.5 1.5h-21A1.5 1.5 0 0 0 0 3v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 6V3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3A1.25 1.25 0 1 1 4.5 5.75 1.25 1.25 0 0 1 3.25 4.5ZM8.5 5.75A1.25 1.25 0 1 1 9.75 4.5 1.25 1.25 0 0 1 8.5 5.75Z" fill="currentColor" data-v-87962c91></path><path d="M22.5 9h-21A1.5 1.5 0 0 0 0 10.5v3A1.5 1.5 0 0 0 1.5 15h21a1.5 1.5 0 0 0 1.5-1.5v-3A1.5 1.5 0 0 0 22.5 9ZM3.25 12a1.25 1.25 0 1 1 1.25 1.25A1.25 1.25 0 0 1 3.25 12Zm5.25 1.25A1.25 1.25 0 1 1 9.75 12a1.25 1.25 0 0 1-1.25 1.25Z" fill="currentColor" data-v-87962c91></path><path d="M22.5 16.5h-21A1.5 1.5 0 0 0 0 18v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 21v-3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3a1.25 1.25 0 1 1 1.25 1.25 1.25 1.25 0 0 1-1.25-1.25Zm5.25 1.25a1.25 1.25 0 1 1 1.25-1.25 1.25 1.25 0 0 1-1.25 1.25Z" fill="currentColor" data-v-87962c91></path></g></svg><span data-v-87962c91>CDN</span></a><a class="start-item" href="https://github.com/scalar/scalar/blob/main/packages/api-reference/README.md#vuejs" target="_blank" data-v-87962c91><svg height="170" viewBox="0 0 196.3 170" width="196.3" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><g fill="currentColor" fill-rule="nonzero" data-v-87962c91><polygon points="39.23 0 0 0 2.9450761 5.1010782 98.16 170.02 196.32 0 157.06 0 98.16 102.01 42.175701 5.0991171" data-v-87962c91></polygon><polygon points="75.5 2.009956e-14 0 2.009956e-14 2.94 5.1 78.44871 5.1 98.16 39.26 117.87937 5.1 193.38 5.1 196.325 0 120.82 7.8065636e-15 114.97322 2.009956e-14 98.16 29.037153 81.35 2.009956e-14" data-v-87962c91></polygon></g></svg><span data-v-87962c91>Vue</span></a><a class="start-item" href="https://github.com/scalar/scalar/blob/main/packages/api-reference-react/README.md#usage" target="_blank" data-v-87962c91><svg height="23.3" viewBox="0 0 22 23.3" width="22" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><g fill="none" fill-rule="evenodd" data-v-87962c91><circle cx="11" cy="11.6" fill="currentColor" fill-rule="nonzero" r="2" data-v-87962c91></circle><g stroke="currentColor" data-v-87962c91><ellipse cx="11" cy="11.6" rx="11" ry="4.2" data-v-87962c91></ellipse><ellipse cx="11" cy="11.6" rx="11" ry="4.2" transform="rotate(60 11 11.6)" data-v-87962c91></ellipse><ellipse cx="11" cy="11.6" rx="11" ry="4.2" transform="rotate(120 11 11.6)" data-v-87962c91></ellipse></g></g></svg><span data-v-87962c91>React</span></a></div>', 1)),
-        e("div", Z, [
-          a[4] || (a[4] = e("p", { class: "start-h2" }, "THEMING", -1)),
-          (i(), o(w, null, y(h, (t) => e("div", {
-            key: t,
-            class: A(["start-item", { "start-item-active": t === s.theme }]),
-            onClick: (F) => s.$emit("changeTheme", { id: t, label: l(v)[t] })
-          }, C(l(v)[t]), 11, _)), 64))
-        ])
-      ]),
-      a[6] || (a[6] = r('<p class="start-h1" data-v-87962c91>Features</p><ul class="start-ul" data-v-87962c91><li data-v-87962c91><p class="start-h3" data-v-87962c91>Customize</p> Bring your typography &amp; color palettes, or use our themes! </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>Testing</p> A deeply integrated Rest API Client (Also Free &amp; Open-Source) </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>Search</p> Fully integrated Search (Using fuse.js) </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>Hosting</p> Free subdomain hosting on https://apidocumentation.com </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>OpenAPI &amp; Swagger</p> Support for OpenAPI 3.1, OpenAPI 3.0, and Swagger 2.0 </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>Code Samples</p> Code samples to show off your API in most popular languages </li></ul>', 2))
-    ]));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[3] || (_cache[3] = createStaticVNode('<div class="start-logo" data-v-87962c91><svg height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><path d="M18 0a18 18 0 1 1 0 36 18 18 0 0 1 0-36Zm11.2 6.5c-3.3-3.3-11.1-1-17.4 5.3-6.2 6.3-8.6 14-5.3 17.4 3.3 3.3 11 .9 17.3-5.4 6.3-6.2 8.7-14 5.4-17.3ZM17.6 12a6.3 6.3 0 1 1 0 12.7 6.3 6.3 0 0 1 0-12.7Z" fill="currentColor" fill-rule="evenodd" data-v-87962c91></path></svg></div><h1 class="start-h1" data-v-87962c91>Swagger Editor</h1><p class="start-p" data-v-87962c91> Welcome to the Scalar API References + Swagger Editor, a Free &amp; Open-Source tool that takes your Swagger/OAS file and generates Beautiful API references. </p>', 3)),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(ScalarButton), {
+              class: "w-full",
+              onClick: fetchExampleSpecification
+            }, {
+              default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                createTextVNode(" Show Example ", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(unref(ScalarButton), {
+              class: "w-full",
+              variant: "outlined",
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("loadSwaggerFile"))
+            }, {
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createTextVNode(" Upload File ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          _cache[5] || (_cache[5] = createStaticVNode('<div class="start-section start-section-integrations" data-v-87962c91><div class="start-h2" data-v-87962c91>INTEGRATIONS</div><a class="start-item" href="https://github.com/scalar/scalar/tree/main/integrations/fastify#readme" target="_blank" data-v-87962c91><svg fill="currentColor" height="16" viewBox="0 0 19 16" width="19" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><path d="m18.2 3.1.8-2V.9l-4.7 1.3C15.2 1 15 0 15 0s-2.5 1.6-4.3 1.5c-2 0-3.6.8-4 1-1.8 1.2-2.5 3.3-3.2 3.8L0 8.9 2.3 8l-2 2.5c.2.3 1.2 1.6 2.1 1.3l.4-.1 1.6.5-.7-1 .2-.2.9.3-.1-.8.9.3-.1-.8.3-.1 1-3.5 3.7-2.6-.3.7A4 4 0 0 1 8 7l-.6.2c-.5.5-.7.7-.8 2.5a2 2 0 0 1 1 0c1.6.4 2.2 2.3 1.7 2.9l-.7.6H8v.6h-.7v.5l-.2.2c-.7 0-1.4-.6-1.4-.6 0 .5.4 1.3.4 1.3s1.7 1.1 2.7.7c1-.4.7-2.3 2.8-3.2l3.3-.9.8-2.2-1.7.5v-2l2.5-.6.9-2.2-3.4.9v-2l4.2-1.1Z" fill="currentColor" fill-rule="nonzero" data-v-87962c91></path></svg><span data-v-87962c91>Fastify</span></a><a class="start-item" href="https://github.com/scalar/scalar/blob/main/documentation/integrations/html-js.md#html" target="_blank" data-v-87962c91><svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><g data-v-87962c91><path d="M22.5 1.5h-21A1.5 1.5 0 0 0 0 3v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 6V3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3A1.25 1.25 0 1 1 4.5 5.75 1.25 1.25 0 0 1 3.25 4.5ZM8.5 5.75A1.25 1.25 0 1 1 9.75 4.5 1.25 1.25 0 0 1 8.5 5.75Z" fill="currentColor" data-v-87962c91></path><path d="M22.5 9h-21A1.5 1.5 0 0 0 0 10.5v3A1.5 1.5 0 0 0 1.5 15h21a1.5 1.5 0 0 0 1.5-1.5v-3A1.5 1.5 0 0 0 22.5 9ZM3.25 12a1.25 1.25 0 1 1 1.25 1.25A1.25 1.25 0 0 1 3.25 12Zm5.25 1.25A1.25 1.25 0 1 1 9.75 12a1.25 1.25 0 0 1-1.25 1.25Z" fill="currentColor" data-v-87962c91></path><path d="M22.5 16.5h-21A1.5 1.5 0 0 0 0 18v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 21v-3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3a1.25 1.25 0 1 1 1.25 1.25 1.25 1.25 0 0 1-1.25-1.25Zm5.25 1.25a1.25 1.25 0 1 1 1.25-1.25 1.25 1.25 0 0 1-1.25 1.25Z" fill="currentColor" data-v-87962c91></path></g></svg><span data-v-87962c91>CDN</span></a><a class="start-item" href="https://github.com/scalar/scalar/blob/main/packages/api-reference/README.md#vuejs" target="_blank" data-v-87962c91><svg height="170" viewBox="0 0 196.3 170" width="196.3" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><g fill="currentColor" fill-rule="nonzero" data-v-87962c91><polygon points="39.23 0 0 0 2.9450761 5.1010782 98.16 170.02 196.32 0 157.06 0 98.16 102.01 42.175701 5.0991171" data-v-87962c91></polygon><polygon points="75.5 2.009956e-14 0 2.009956e-14 2.94 5.1 78.44871 5.1 98.16 39.26 117.87937 5.1 193.38 5.1 196.325 0 120.82 7.8065636e-15 114.97322 2.009956e-14 98.16 29.037153 81.35 2.009956e-14" data-v-87962c91></polygon></g></svg><span data-v-87962c91>Vue</span></a><a class="start-item" href="https://github.com/scalar/scalar/blob/main/packages/api-reference-react/README.md#usage" target="_blank" data-v-87962c91><svg height="23.3" viewBox="0 0 22 23.3" width="22" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><g fill="none" fill-rule="evenodd" data-v-87962c91><circle cx="11" cy="11.6" fill="currentColor" fill-rule="nonzero" r="2" data-v-87962c91></circle><g stroke="currentColor" data-v-87962c91><ellipse cx="11" cy="11.6" rx="11" ry="4.2" data-v-87962c91></ellipse><ellipse cx="11" cy="11.6" rx="11" ry="4.2" transform="rotate(60 11 11.6)" data-v-87962c91></ellipse><ellipse cx="11" cy="11.6" rx="11" ry="4.2" transform="rotate(120 11 11.6)" data-v-87962c91></ellipse></g></g></svg><span data-v-87962c91>React</span></a></div>', 1)),
+          createElementVNode("div", _hoisted_5, [
+            _cache[4] || (_cache[4] = createElementVNode("p", { class: "start-h2" }, "THEMING", -1)),
+            (openBlock(), createElementBlock(Fragment, null, renderList(themeIds, (themeId) => {
+              return createElementVNode("div", {
+                key: themeId,
+                class: normalizeClass(["start-item", { "start-item-active": themeId === _ctx.theme }]),
+                onClick: ($event) => _ctx.$emit("changeTheme", { id: themeId, label: unref(themeLabels)[themeId] })
+              }, toDisplayString(unref(themeLabels)[themeId]), 11, _hoisted_6);
+            }), 64))
+          ])
+        ]),
+        _cache[6] || (_cache[6] = createStaticVNode('<p class="start-h1" data-v-87962c91>Features</p><ul class="start-ul" data-v-87962c91><li data-v-87962c91><p class="start-h3" data-v-87962c91>Customize</p> Bring your typography &amp; color palettes, or use our themes! </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>Testing</p> A deeply integrated Rest API Client (Also Free &amp; Open-Source) </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>Search</p> Fully integrated Search (Using fuse.js) </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>Hosting</p> Free subdomain hosting on https://apidocumentation.com </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>OpenAPI &amp; Swagger</p> Support for OpenAPI 3.1, OpenAPI 3.0, and Swagger 2.0 </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>Code Samples</p> Code samples to show off your API in most popular languages </li></ul>', 2))
+      ]);
+    };
   }
 });
 export {
-  P as default
+  _sfc_main as default
 };

package/dist/components/HttpMethod/HttpMethod.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as a, computed as r, createBlock as s, openBlock as l, resolveDynamicComponent as m, normalizeStyle as d, withCtx as c, renderSlot as h, createTextVNode as i, toDisplayString as u } from "vue";
-import { getHttpMethodInfo as f } from "@scalar/helpers/http/http-info";
-import { normalizeHttpMethod as y } from "@scalar/helpers/http/normalize-http-method";
-const z = /* @__PURE__ */ a({
+import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { getHttpMethodInfo } from "@scalar/helpers/http/http-info";
+import { normalizeHttpMethod } from "@scalar/helpers/http/normalize-http-method";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HttpMethod",
   props: {
     as: {},
@@ -9,22 +9,26 @@ const z = /* @__PURE__ */ a({
     short: { type: Boolean },
     method: {}
   },
-  setup(p) {
-    const t = p, e = r(
-      () => f(String(t.method || ""))
-    ), n = r(() => y(t.method));
-    return (o, v) => (l(), s(m(o.as ?? "span"), {
-      class: "uppercase",
-      style: d({ [o.property || "color"]: e.value.colorVar })
-    }, {
-      default: c(() => [
-        h(o.$slots, "default"),
-        i(" " + u(o.short ? e.value.short : n.value), 1)
-      ]),
-      _: 3
-    }, 8, ["style"]));
+  setup(__props) {
+    const props = __props;
+    const httpMethodInfo = computed(
+      () => getHttpMethodInfo(String(props.method || ""))
+    );
+    const normalized = computed(() => normalizeHttpMethod(props.method));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.as ?? "span"), {
+        class: "uppercase",
+        style: normalizeStyle({ [_ctx.property || "color"]: httpMethodInfo.value.colorVar })
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default"),
+          createTextVNode(" " + toDisplayString(_ctx.short ? httpMethodInfo.value.short : normalized.value), 1)
+        ]),
+        _: 3
+      }, 8, ["style"]);
+    };
   }
 });
 export {
-  z as default
+  _sfc_main as default
 };

package/dist/components/HttpMethod/HttpMethod.vue2.js

@@ -1,4 +1,4 @@
-import f from "./HttpMethod.vue.js";
+import _sfc_main from "./HttpMethod.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };

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

@@ -7,9 +7,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    intersecting: () => any;
+    intersecting: (id: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onIntersecting?: (() => any) | undefined;
+    onIntersecting?: ((id: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/components/IntersectionObserver.vue.js

@@ -1,43 +1,55 @@
-import { defineComponent as f, ref as l, onMounted as p, createBlock as d, openBlock as h, resolveDynamicComponent as u, withCtx as m, renderSlot as g } from "vue";
-import { useIntersectionObserver as v } from "@vueuse/core";
-const x = /* @__PURE__ */ f({
+import { defineComponent, ref, onMounted, createBlock, openBlock, resolveDynamicComponent, withCtx, renderSlot } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IntersectionObserver",
   props: {
     id: {},
     is: {}
   },
   emits: ["intersecting"],
-  setup(o, { emit: r }) {
-    const i = o, s = r, n = l(), c = (e) => {
-      const t = e.offsetHeight;
-      return `${t / 2}px 0px ${t / 2}px 0px`;
-    }, a = (e) => e.offsetHeight < window.innerHeight ? 0.8 : 0.5;
-    return p(() => {
-      if (n.value) {
-        const e = {
-          rootMargin: c(n.value),
-          threshold: a(n.value)
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const intersectionObserverRef = ref();
+    const calculateRootMargin = (element) => {
+      const height = element.offsetHeight;
+      return `${height / 2}px 0px ${height / 2}px 0px`;
+    };
+    const calculateThreshold = (element) => {
+      const height = element.offsetHeight;
+      return height < window.innerHeight ? 0.8 : 0.5;
+    };
+    onMounted(() => {
+      if (intersectionObserverRef.value) {
+        const options = {
+          rootMargin: calculateRootMargin(intersectionObserverRef.value),
+          threshold: calculateThreshold(intersectionObserverRef.value)
         };
-        v(
-          n,
-          ([{ isIntersecting: t }]) => {
-            t && i.id && s("intersecting");
+        useIntersectionObserver(
+          intersectionObserverRef,
+          ([entry]) => {
+            if (entry?.isIntersecting && props.id) {
+              emit("intersecting", props.id);
+            }
           },
-          e
+          options
         );
       }
-    }), (e, t) => (h(), d(u(e.is ?? "div"), {
-      id: e.id,
-      ref_key: "intersectionObserverRef",
-      ref: n
-    }, {
-      default: m(() => [
-        g(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["id"]));
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.is ?? "div"), {
+        id: _ctx.id,
+        ref_key: "intersectionObserverRef",
+        ref: intersectionObserverRef
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["id"]);
+    };
   }
 });
 export {
-  x as default
+  _sfc_main as default
 };

package/dist/components/IntersectionObserver.vue2.js

@@ -1,4 +1,4 @@
-import f from "./IntersectionObserver.vue.js";
+import _sfc_main from "./IntersectionObserver.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };

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

@@ -1,8 +1,5 @@
 type __VLS_Props = {
-    id?: string;
-    isLazy?: boolean;
-    lazyTimeout?: number;
-    prev?: boolean;
+    id: string;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1 +1 @@
-{"version":3,"file":"Lazy.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Lazy/Lazy.vue"],"names":[],"mappings":"AAqFA,KAAK,WAAW,GAAG;IAEjB,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AA8DF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAmB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Lazy.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Lazy/Lazy.vue"],"names":[],"mappings":"AAiCA,KAAK,WAAW,GAAG;IAEjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAC;AAkBF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAmB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Lazy/Lazy.vue.js

@@ -1,4 +1,17 @@
-import f from "./Lazy.vue2.js";
+import { defineComponent, renderSlot, createCommentVNode, unref } from "vue";
+import { useLazyBus } from "../../helpers/lazy-bus.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Lazy",
+  props: {
+    id: {}
+  },
+  setup(__props) {
+    const { isReady } = useLazyBus(__props.id);
+    return (_ctx, _cache) => {
+      return unref(isReady) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true);
+    };
+  }
+});
 export {
-  f as default
+  _sfc_main as default
 };

package/dist/components/Lazy/Lazy.vue2.js

@@ -1,26 +1,4 @@
-import { defineComponent as o, ref as u, nextTick as a, renderSlot as f, createCommentVNode as m } from "vue";
-import { lazyBus as d } from "./lazyBus.js";
-const s = 300, T = /* @__PURE__ */ o({
-  __name: "Lazy",
-  props: {
-    id: {},
-    isLazy: { type: Boolean, default: !0 },
-    lazyTimeout: { default: 0 },
-    prev: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const i = e.prev || !e.isLazy, n = (t) => {
-      typeof window > "u" || ("requestIdleCallback" in window ? setTimeout(() => window.requestIdleCallback(t), e.lazyTimeout) : setTimeout(() => {
-        a(() => {
-          t();
-        });
-      }, e.lazyTimeout ?? s));
-    }, l = u(!e.isLazy);
-    return d.emit({ loading: e.id, save: i }), e.isLazy ? n(() => {
-      l.value = !0, e.id && a(() => d.emit({ loaded: e.id, save: i }));
-    }) : e.id && a(() => d.emit({ loaded: e.id, save: i })), (t, y) => l.value ? f(t.$slots, "default", { key: 0 }) : m("", !0);
-  }
-});
+import _sfc_main from "./Lazy.vue.js";
 export {
-  T as default
+  _sfc_main as default
 };

package/dist/components/LinkList/LinkList.vue.js

@@ -1,7 +1,7 @@
-import o from "./LinkList.vue2.js";
+import _sfc_main from "./LinkList.vue2.js";
 /* empty css              */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0939d4d9"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const LinkList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0939d4d9"]]);
 export {
-  p as default
+  LinkList as default
 };

package/dist/components/LinkList/LinkList.vue2.js

@@ -1,32 +1,48 @@
-import { defineComponent as i, ref as s, onMounted as a, onUnmounted as c, createElementBlock as u, openBlock as d, normalizeClass as f, renderSlot as m } from "vue";
-const w = /* @__PURE__ */ i({
+import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LinkList",
-  setup(v) {
-    const e = s(), r = s(!1), n = () => {
-      if (!e.value)
+  setup(__props) {
+    const containerRef = ref();
+    const needsScroll = ref(false);
+    const checkScrollability = () => {
+      if (!containerRef.value) {
         return;
-      const { scrollWidth: o, clientWidth: l } = e.value;
-      r.value = o > l;
+      }
+      const { scrollWidth, clientWidth } = containerRef.value;
+      needsScroll.value = scrollWidth > clientWidth;
+    };
+    let mutationObserver = null;
+    onMounted(() => {
+      checkScrollability();
+      window.addEventListener("resize", checkScrollability);
+      if (containerRef.value) {
+        mutationObserver = new MutationObserver(() => {
+          checkScrollability();
+        });
+        mutationObserver.observe(containerRef.value, {
+          childList: true,
+          subtree: true
+        });
+      }
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", checkScrollability);
+      if (mutationObserver) {
+        mutationObserver.disconnect();
+        mutationObserver = null;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: normalizeClass([{ "icons-only": needsScroll.value }, "custom-scroll mb-3 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-xs whitespace-nowrap xl:mb-1.5"])
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
     };
-    let t = null;
-    return a(() => {
-      n(), window.addEventListener("resize", n), e.value && (t = new MutationObserver(() => {
-        n();
-      }), t.observe(e.value, {
-        childList: !0,
-        subtree: !0
-      }));
-    }), c(() => {
-      window.removeEventListener("resize", n), t && (t.disconnect(), t = null);
-    }), (o, l) => (d(), u("div", {
-      ref_key: "containerRef",
-      ref: e,
-      class: f([{ "icons-only": r.value }, "custom-scroll mb-3 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-xs whitespace-nowrap xl:mb-1.5"])
-    }, [
-      m(o.$slots, "default", {}, void 0, !0)
-    ], 2));
   }
 });
 export {
-  w as default
+  _sfc_main as default
 };

package/dist/components/LoadingSkeleton.vue.js

@@ -1,7 +1,7 @@
-import o from "./LoadingSkeleton.vue2.js";
+import _sfc_main from "./LoadingSkeleton.vue2.js";
 /* empty css                     */
-import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8e0226d7"]]);
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const LoadingSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e0226d7"]]);
 export {
-  m as default
+  LoadingSkeleton as default
 };

package/dist/components/LoadingSkeleton.vue2.js

@@ -1,16 +1,20 @@
-import { defineComponent as s, createElementBlock as n, openBlock as l, Fragment as o, renderList as t, normalizeClass as a } from "vue";
-const m = /* @__PURE__ */ s({
+import { defineComponent, createElementBlock, openBlock, Fragment, renderList, normalizeClass } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LoadingSkeleton",
   props: {
     lines: { default: 1 }
   },
-  setup(i) {
-    return (e, p) => (l(!0), n(o, null, t([...Array(e.lines).keys()], (r) => (l(), n("div", {
-      key: r,
-      class: a(["loading", { "single-line": e.lines === 1 }])
-    }, null, 2))), 128));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList([...Array(_ctx.lines).keys()], (idx) => {
+        return openBlock(), createElementBlock("div", {
+          key: idx,
+          class: normalizeClass(["loading", { "single-line": _ctx.lines === 1 }])
+        }, null, 2);
+      }), 128);
+    };
   }
 });
 export {
-  m as default
+  _sfc_main as default
 };

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

@@ -1,11 +1,20 @@
 type __VLS_Props = {
     breadcrumb: string;
+    isSidebarOpen: boolean;
+    showSidebar: boolean;
 };
-declare var __VLS_9: {};
-type __VLS_Slots = {} & {
-    actions?: (props: typeof __VLS_9) => any;
+type __VLS_Slots = {
+    actions?(): never;
+    sidebar?(props: {
+        sidebarClasses: string;
+    }): never;
+    search?(): never;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    toggleSidebar: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggleSidebar?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"MobileHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/MobileHeader.vue"],"names":[],"mappings":"AAsEA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC;AA4DF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAuB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"MobileHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/MobileHeader.vue"],"names":[],"mappings":"AAmFA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAC;AAQF,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,IAAI,KAAK,CAAA;IACjB,OAAO,CAAC,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;IAClD,MAAM,CAAC,IAAI,KAAK,CAAA;CACjB,CAAC;AAkIF,QAAA,MAAM,eAAe;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/MobileHeader.vue.js

@@ -1,7 +1,60 @@
-import o from "./MobileHeader.vue2.js";
-/* empty css                  */
-import r from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-12742423"]]);
+import { defineComponent, renderSlot, createElementBlock, unref, normalizeProps, mergeProps, openBlock, normalizeClass, createElementVNode, createCommentVNode, createBlock, toDisplayString } from "vue";
+import { cva, ScalarIconButton } from "@scalar/components";
+import { ScalarIconX, ScalarIconList } from "@scalar/icons";
+import { useBreakpoints } from "@scalar/use-hooks/useBreakpoints";
+const _hoisted_1 = { class: "flex h-[var(--scalar-header-height)] w-full items-center border-b bg-inherit px-2" };
+const _hoisted_2 = {
+  key: 1,
+  class: "flex-1 text-sm font-medium whitespace-nowrap"
+};
+const _hoisted_3 = { class: "flex h-6 items-center gap-1 pl-1" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MobileHeader",
+  props: {
+    breadcrumb: {},
+    isSidebarOpen: { type: Boolean },
+    showSidebar: { type: Boolean }
+  },
+  emits: ["toggleSidebar"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { mediaQueries } = useBreakpoints();
+    const variants = cva({
+      base: "items-center bg-b-1 sticky top-0 z-1000",
+      variants: {
+        open: {
+          true: "max-h-dvh h-dvh custom-scrollbar flex flex-col"
+        },
+        lg: {
+          true: "hidden [grid-area:header]"
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return unref(mediaQueries).lg.value ? renderSlot(_ctx.$slots, "sidebar", normalizeProps(mergeProps({ key: 0 }, { sidebarClasses: "sticky top-0 h-dvh [grid-area:navigation]" }))) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(["t-doc__header", unref(variants)({ open: _ctx.isSidebarOpen, lg: unref(mediaQueries).lg.value })])
+      }, [
+        createElementVNode("header", _hoisted_1, [
+          _ctx.showSidebar ? (openBlock(), createBlock(unref(ScalarIconButton), {
+            key: 0,
+            icon: _ctx.isSidebarOpen ? unref(ScalarIconX) : unref(ScalarIconList),
+            label: _ctx.isSidebarOpen ? "Close Menu" : "Open Menu",
+            size: "md",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("toggleSidebar"))
+          }, null, 8, ["icon", "label"])) : createCommentVNode("", true),
+          _ctx.showSidebar ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.breadcrumb), 1)) : renderSlot(_ctx.$slots, "search", { key: 2 }),
+          createElementVNode("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "actions")
+          ])
+        ]),
+        _ctx.isSidebarOpen ? renderSlot(_ctx.$slots, "sidebar", normalizeProps(mergeProps({ key: 0 }, {
+          sidebarClasses: "overflow-y-auto custom-scrollbar min-h-0 flex-1 w-full border-none"
+        }))) : createCommentVNode("", true)
+      ], 2));
+    };
+  }
+});
 export {
-  m as default
+  _sfc_main as default
 };