vitepress-theme-trito 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025-2026 Hesprs (Hēsperus)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,127 @@
+<h1 align="center">
+    <img src="assets/logo.svg" alt="JSON Canvas Viewer logo" width="280px">
+    <br />
+    Trito
+    <br />
+</h1>
+
+<h4 align="center">Visually refurbished VitePress default theme</h4>
+
+<p align="center">
+    <a href="https://www.npmjs.com/package/json-canvas-viewer">
+        <img src="https://img.shields.io/npm/v/vitepress-theme-trito?logo=npm&labelColor=red&logoColor=white&color=333333" alt="npm package">
+    </a>
+    <a href="https://github.com/hesprs/json-canvas-viewer/actions">
+        <img src="https://img.shields.io/github/actions/workflow/status/hesprs/vitepress-theme-trito/ci.yml?style=flat&logo=github&logoColor=white&label=CI&labelColor=d4ab00&color=333333" alt="ci">
+    </a>
+    <img src="https://img.shields.io/badge/Types-Strict-333333?logo=typescript&labelColor=blue&logoColor=white" alt="TypeScript">
+    <img src="https://img.shields.io/badge/%F0%9F%96%90%EF%B8%8F%20Made%20by-Humans-333333?labelColor=25C260" alt="Made by Humans">
+</p>
+
+<img align="center" src="./assets/preview1.png" alt="preview image of the hero page with light and dark theme">
+
+<img align="center" src="./assets/preview2.png" alt="preview image of the documentation page with light and dark theme">
+
+<p align="center">
+    <a href="#sites-using-trito">
+        <strong>Demo</strong>
+    </a> • 
+    <a href="https://vitepress.dev/">
+        <strong>About VitePress</strong>
+    </a>
+</p>
+
+## ❓ What is Trito?
+
+Trito (pronounced as try-toe) is a [VitePress](https://vitepress.dev/) theme, which determines the look and feel of a VitePress generated site.
+
+Trito titles itself as **"visually refurbished VitePress default theme"**, thus it does exactly **no more than** the functionalities achieved by the default theme. What makes it differs from the default one is pure UI/UX improvements.
+
+Trito is designed to be a **drop-in replacement** to the default theme. If you want to make your site different from all other VitePress websites, please choose Trito 🌊. Don't forget to add a star ⭐!
+
+## 🚀 How to use it?
+
+Firstly install it using your favorite package manager, choose `devDependency` or not based on your use case, here we take `npm` as an example:
+
+```sh
+npm add vitepress-theme-trito
+```
+
+Then modify your `.vitepress/theme/index.ts` or `.vitepress/theme/index.js` to be like this:
+
+```JavaScript
+import Trito from 'vitepress-theme-trito';
+export default Trito;
+```
+
+Specifically for TypeScript, go to `.vitepress/config.ts` and do the modifications below:
+
+```TypeScript
+// ... some other imports
+import { ThemeConfig } from 'vitepress-theme-trito';
+import { defineConfig } from 'vitepress';
+
+export default defineConfig<ThemeConfig>({ // the type parameter is critical
+    // ... your config
+})
+```
+
+The extension of the theme is exactly the same as the default theme, refer to [how to extend the theme](https://vitepress.dev/guide/extending-default-theme) and [how to use the a custom theme](https://vitepress.dev/guide/custom-theme#consuming-a-custom-theme) in the official documentation for more detail.
+
+## 🛠 Configuration
+
+Trito keeps minimal intrusion to the default theme APIs.
+
+If you want to stylize the styles, you can see all configurable CSS variables in [this file](https://github.com/hesprs/vitepress-theme-trito/blob/main/src/styles/vars.scss). For how to extend the styles, consult [this official page](https://vitepress.dev/guide/extending-default-theme#customizing-css).
+
+The theme configuration is **almost identical** to the default theme's, which is documented well at the [reference page](https://vitepress.dev/reference/site-config). But some options do differ in nuances, see below:
+
+### Home Page (the `index.md` at your site pages root)
+
+Frontmatter option `hero.image`: removed, which is replaced by [`logoLarge` theme config](#logolarge)
+
+### Common Markdown Page (including `Home`)
+
+New frontmatter option `unstyled: boolean`: by setting it to `true`, pre-made styles will not be applied to the text content of the page.
+
+### Theme Config
+
+#### New Option `logoLarge`
+
+- Type: [`ThemeableImage`](https://vitepress.dev/reference/default-theme-config#logo)
+- It determines the hero image and the image in loading view, replacing `hero.image` in home frontmatter.
+
+#### Removed `outline.label`
+
+- Handled by internal i18n utility.
+- Now `outline` **directly configures the outline level**, refer to [official docs](https://vitepress.dev/reference/default-theme-config#outline).
+
+#### Removed `editLink.text`
+
+- Handled by internal i18n utility.
+- Now `editLink` directly sets the link pattern, refer to [official docs](https://vitepress.dev/reference/default-theme-edit-link).
+
+#### Removed `lastUpdated.text`
+
+- Handled by internal i18n utility.
+- Now `lastUpdated` directly sets the date format, refer to [official docs](https://vitepress.dev/reference/default-theme-last-updated).
+
+#### Removed `carbonads`
+
+- It downgrades UX and the UI has no room for it.
+
+#### Removed `darkModeSwitchLabel`, `lightModeSwitchTitle`, `darkModeSwitchTitle`, `sidebarMenuLabel`, `returnToTopLabel`, `langMenuLabel`
+
+- All handled by internal i18n utility.
+
+## 🌐 Sites Using Trito
+
+- [Pointeract documentation](https://pointeract.consensia.cc)
+- [Hēsperus' portfolio](https://hesprs.github.io)
+- ... Missing yours? Add here!
+
+Disclaimer: `vitepress-theme-trito` is not related to, or effected by, the content of any of the sites above.
+
+## 📝 Copyright & License
+
+Copyright ©️ 2025-2026 Hesprs (Hēsperus) | [MIT License](https://mit-license.org/)

package/dist/Layout.d.vue.ts

@@ -0,0 +1,73 @@
+declare var __VLS_1: {}, __VLS_20: {}, __VLS_23: {}, __VLS_26: {}, __VLS_29: {}, __VLS_32: {}, __VLS_35: {}, __VLS_44: {}, __VLS_47: {}, __VLS_56: {}, __VLS_59: {}, __VLS_62: {}, __VLS_65: {}, __VLS_68: {}, __VLS_71: {}, __VLS_74: {}, __VLS_77: {}, __VLS_80: {}, __VLS_83: {}, __VLS_86: {}, __VLS_89: {}, __VLS_92: {}, __VLS_95: {}, __VLS_98: {}, __VLS_101: {}, __VLS_104: {}, __VLS_107: {}, __VLS_110: {}, __VLS_113: {}, __VLS_116: {}, __VLS_123: {};
+type __VLS_Slots = {} & {
+    'layout-top'?: (props: typeof __VLS_1) => any;
+} & {
+    'nav-bar-title-before'?: (props: typeof __VLS_20) => any;
+} & {
+    'nav-bar-title-after'?: (props: typeof __VLS_23) => any;
+} & {
+    'nav-bar-content-before'?: (props: typeof __VLS_26) => any;
+} & {
+    'nav-bar-content-after'?: (props: typeof __VLS_29) => any;
+} & {
+    'nav-screen-content-before'?: (props: typeof __VLS_32) => any;
+} & {
+    'nav-screen-content-after'?: (props: typeof __VLS_35) => any;
+} & {
+    'sidebar-nav-before'?: (props: typeof __VLS_44) => any;
+} & {
+    'sidebar-nav-after'?: (props: typeof __VLS_47) => any;
+} & {
+    'page-top'?: (props: typeof __VLS_56) => any;
+} & {
+    'page-bottom'?: (props: typeof __VLS_59) => any;
+} & {
+    'not-found'?: (props: typeof __VLS_62) => any;
+} & {
+    'home-hero-before'?: (props: typeof __VLS_65) => any;
+} & {
+    'home-hero-info-before'?: (props: typeof __VLS_68) => any;
+} & {
+    'home-hero-info'?: (props: typeof __VLS_71) => any;
+} & {
+    'home-hero-info-after'?: (props: typeof __VLS_74) => any;
+} & {
+    'home-hero-actions-after'?: (props: typeof __VLS_77) => any;
+} & {
+    'home-hero-image'?: (props: typeof __VLS_80) => any;
+} & {
+    'home-hero-after'?: (props: typeof __VLS_83) => any;
+} & {
+    'home-features-before'?: (props: typeof __VLS_86) => any;
+} & {
+    'home-features-after'?: (props: typeof __VLS_89) => any;
+} & {
+    'doc-footer-before'?: (props: typeof __VLS_92) => any;
+} & {
+    'doc-before'?: (props: typeof __VLS_95) => any;
+} & {
+    'doc-after'?: (props: typeof __VLS_98) => any;
+} & {
+    'doc-top'?: (props: typeof __VLS_101) => any;
+} & {
+    'doc-bottom'?: (props: typeof __VLS_104) => any;
+} & {
+    'aside-top'?: (props: typeof __VLS_107) => any;
+} & {
+    'aside-bottom'?: (props: typeof __VLS_110) => any;
+} & {
+    'aside-outline-before'?: (props: typeof __VLS_113) => any;
+} & {
+    'aside-outline-after'?: (props: typeof __VLS_116) => any;
+} & {
+    'layout-bottom'?: (props: typeof __VLS_123) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Layout.vue

@@ -0,0 +1,75 @@
+<script setup>
+import { computed, provide, useSlots } from "vue";
+import Background from "./components/VPBackground.vue";
+import ContextMenu from "./components/VPContextMenu.vue";
+import LoadingView from "./components/VPLoadingView.vue";
+import VPContent from "./components/VPContent.vue";
+import VPFooter from "./components/VPFooter.vue";
+import VPNav from "./components/VPNav.vue";
+import VPSidebar from "./components/VPSidebar.vue";
+import { useData } from "./composables/data.js";
+import { layoutInfoInjectionKey, registerWatchers } from "./composables/layout.js";
+import { setupRouteChange } from "./composables/route-change.js";
+import setupTransition from "./composables/theme-toggle-transition.js";
+const { frontmatter, isDark } = useData();
+setupTransition(isDark);
+const slots = useSlots();
+const heroImageSlotExists = computed(() => !!slots["home-hero-image"]);
+registerWatchers();
+setupRouteChange();
+provide(layoutInfoInjectionKey, { heroImageSlotExists });
+</script>
+
+<template>
+	<div v-if="frontmatter.layout !== false" class="Layout" :class="frontmatter.pageClass">
+		<slot name="layout-top" />
+		<ContextMenu />
+		<LoadingView />
+		<VPNav>
+			<template #nav-bar-title-before><slot name="nav-bar-title-before" /></template>
+			<template #nav-bar-title-after><slot name="nav-bar-title-after" /></template>
+			<template #nav-bar-content-before><slot name="nav-bar-content-before" /></template>
+			<template #nav-bar-content-after><slot name="nav-bar-content-after" /></template>
+			<template #nav-screen-content-before>
+				<slot name="nav-screen-content-before" />
+			</template>
+			<template #nav-screen-content-after><slot name="nav-screen-content-after" /></template>
+		</VPNav>
+		<VPSidebar>
+			<template #sidebar-nav-before><slot name="sidebar-nav-before" /></template>
+			<template #sidebar-nav-after><slot name="sidebar-nav-after" /></template>
+		</VPSidebar>
+		<VPContent>
+			<template #page-top><slot name="page-top" /></template>
+			<template #page-bottom><slot name="page-bottom" /></template>
+			<template #not-found><slot name="not-found" /></template>
+			<template #home-hero-before><slot name="home-hero-before" /></template>
+			<template #home-hero-info-before><slot name="home-hero-info-before" /></template>
+			<template #home-hero-info><slot name="home-hero-info" /></template>
+			<template #home-hero-info-after><slot name="home-hero-info-after" /></template>
+			<template #home-hero-actions-after><slot name="home-hero-actions-after" /></template>
+			<template #home-hero-image><slot name="home-hero-image" /></template>
+			<template #home-hero-after><slot name="home-hero-after" /></template>
+			<template #home-features-before><slot name="home-features-before" /></template>
+			<template #home-features-after><slot name="home-features-after" /></template>
+			<template #doc-footer-before><slot name="doc-footer-before" /></template>
+			<template #doc-before><slot name="doc-before" /></template>
+			<template #doc-after><slot name="doc-after" /></template>
+			<template #doc-top><slot name="doc-top" /></template>
+			<template #doc-bottom><slot name="doc-bottom" /></template>
+			<template #aside-top><slot name="aside-top" /></template>
+			<template #aside-bottom><slot name="aside-bottom" /></template>
+			<template #aside-outline-before><slot name="aside-outline-before" /></template>
+			<template #aside-outline-after><slot name="aside-outline-after" /></template>
+		</VPContent>
+
+		<VPFooter />
+		<slot name="layout-bottom" />
+		<Background />
+	</div>
+	<Content v-else />
+</template>
+
+<style scoped>
+.Layout{display:flex;flex-direction:column;min-height:100vh}
+</style>

package/dist/Layout.vue.d.ts

@@ -0,0 +1,73 @@
+declare var __VLS_1: {}, __VLS_20: {}, __VLS_23: {}, __VLS_26: {}, __VLS_29: {}, __VLS_32: {}, __VLS_35: {}, __VLS_44: {}, __VLS_47: {}, __VLS_56: {}, __VLS_59: {}, __VLS_62: {}, __VLS_65: {}, __VLS_68: {}, __VLS_71: {}, __VLS_74: {}, __VLS_77: {}, __VLS_80: {}, __VLS_83: {}, __VLS_86: {}, __VLS_89: {}, __VLS_92: {}, __VLS_95: {}, __VLS_98: {}, __VLS_101: {}, __VLS_104: {}, __VLS_107: {}, __VLS_110: {}, __VLS_113: {}, __VLS_116: {}, __VLS_123: {};
+type __VLS_Slots = {} & {
+    'layout-top'?: (props: typeof __VLS_1) => any;
+} & {
+    'nav-bar-title-before'?: (props: typeof __VLS_20) => any;
+} & {
+    'nav-bar-title-after'?: (props: typeof __VLS_23) => any;
+} & {
+    'nav-bar-content-before'?: (props: typeof __VLS_26) => any;
+} & {
+    'nav-bar-content-after'?: (props: typeof __VLS_29) => any;
+} & {
+    'nav-screen-content-before'?: (props: typeof __VLS_32) => any;
+} & {
+    'nav-screen-content-after'?: (props: typeof __VLS_35) => any;
+} & {
+    'sidebar-nav-before'?: (props: typeof __VLS_44) => any;
+} & {
+    'sidebar-nav-after'?: (props: typeof __VLS_47) => any;
+} & {
+    'page-top'?: (props: typeof __VLS_56) => any;
+} & {
+    'page-bottom'?: (props: typeof __VLS_59) => any;
+} & {
+    'not-found'?: (props: typeof __VLS_62) => any;
+} & {
+    'home-hero-before'?: (props: typeof __VLS_65) => any;
+} & {
+    'home-hero-info-before'?: (props: typeof __VLS_68) => any;
+} & {
+    'home-hero-info'?: (props: typeof __VLS_71) => any;
+} & {
+    'home-hero-info-after'?: (props: typeof __VLS_74) => any;
+} & {
+    'home-hero-actions-after'?: (props: typeof __VLS_77) => any;
+} & {
+    'home-hero-image'?: (props: typeof __VLS_80) => any;
+} & {
+    'home-hero-after'?: (props: typeof __VLS_83) => any;
+} & {
+    'home-features-before'?: (props: typeof __VLS_86) => any;
+} & {
+    'home-features-after'?: (props: typeof __VLS_89) => any;
+} & {
+    'doc-footer-before'?: (props: typeof __VLS_92) => any;
+} & {
+    'doc-before'?: (props: typeof __VLS_95) => any;
+} & {
+    'doc-after'?: (props: typeof __VLS_98) => any;
+} & {
+    'doc-top'?: (props: typeof __VLS_101) => any;
+} & {
+    'doc-bottom'?: (props: typeof __VLS_104) => any;
+} & {
+    'aside-top'?: (props: typeof __VLS_107) => any;
+} & {
+    'aside-bottom'?: (props: typeof __VLS_110) => any;
+} & {
+    'aside-outline-before'?: (props: typeof __VLS_113) => any;
+} & {
+    'aside-outline-after'?: (props: typeof __VLS_116) => any;
+} & {
+    'layout-bottom'?: (props: typeof __VLS_123) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/NotFound.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/NotFound.vue

@@ -0,0 +1,32 @@
+<script setup>
+import { withBase } from "vitepress";
+import { useLangs } from "./composables/langs.js";
+import { useData } from "./composables/data.js";
+import { useI18n } from "./composables/i18n.js";
+const i18n = useI18n();
+const { theme } = useData();
+const { currentLang } = useLangs();
+</script>
+
+<template>
+	<div class="NotFound">
+		<p class="code">{{ theme.notFound?.code ?? "404" }}</p>
+		<h1 class="title">{{ theme.notFound?.title ?? i18n.notFound.title }}</h1>
+		<div class="divider" />
+		<blockquote class="quote">{{ theme.notFound?.quote ?? i18n.notFound.quote }}</blockquote>
+
+		<div class="action">
+			<a
+				class="link"
+				:href="withBase(theme.notFound?.link ?? currentLang.link)"
+				:aria-label="theme.notFound?.linkText ?? i18n.notFound.linkText"
+			>
+				{{ theme.notFound?.linkText ?? i18n.notFound.linkText }}
+			</a>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.NotFound{padding:64px 24px 96px;text-align:center}@media (min-width:768px){.NotFound{padding:96px 32px 168px}}.code{font-size:64px;font-weight:600;line-height:64px}.title{font-size:20px;font-weight:700;letter-spacing:2px;line-height:20px;padding-top:12px}.divider{background-color:var(--vp-c-divider);height:1px;margin:24px auto 18px;width:64px}.quote{color:var(--vp-c-text-2);font-size:14px;font-weight:500;margin:0 auto;max-width:256px}.action{padding-top:20px}.link{border:1px solid var(--vp-c-brand-1);border-radius:16px;color:var(--vp-c-brand-1);display:inline-block;font-size:14px;font-weight:500;padding:3px 16px;transition:border-color .25s,color .25s}.link:hover{border-color:var(--vp-c-brand-2);color:var(--vp-c-brand-2)}
+</style>

package/dist/NotFound.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,7 @@
+import type { TritoTheme } from '../shared/index.js';
+type __VLS_Props = {
+    algolia: TritoTheme.AlgoliaSearchOptions;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/components/VPAlgoliaSearchBox.vue

@@ -0,0 +1,72 @@
+<script setup>
+import docsearch, {} from "@docsearch/js";
+import { useRouter } from "vitepress";
+import { nextTick, onMounted, watch } from "vue";
+import { useData } from "../composables/data.js";
+const props = defineProps({
+  algolia: { type: Object, required: true }
+});
+const router = useRouter();
+const { site, localeIndex, lang } = useData();
+onMounted(update);
+watch(localeIndex, update);
+async function update() {
+  await nextTick();
+  const options = {
+    ...props.algolia,
+    ...props.algolia.locales?.[localeIndex.value]
+  };
+  const rawFacetFilters = options.searchParameters?.facetFilters ?? [];
+  const facetFilters = [
+    ...(Array.isArray(rawFacetFilters) ? rawFacetFilters : [rawFacetFilters]).filter(
+      (f) => !f.startsWith("lang:")
+    ),
+    `lang:${lang.value}`
+  ];
+  const askAiProp = options.askAi;
+  const isAskAiString = typeof askAiProp === "string";
+  const askAi = askAiProp ? {
+    indexName: isAskAiString ? options.indexName : askAiProp.indexName,
+    apiKey: isAskAiString ? options.apiKey : askAiProp.apiKey,
+    appId: isAskAiString ? options.appId : askAiProp.appId,
+    assistantId: isAskAiString ? askAiProp : askAiProp.assistantId,
+    // Re-use the merged facetFilters from the search parameters so that
+    // Ask AI uses the same language filtering as the regular search.
+    searchParameters: facetFilters.length ? { facetFilters } : void 0
+  } : void 0;
+  initialize({
+    ...options,
+    searchParameters: {
+      ...options.searchParameters,
+      facetFilters
+    },
+    askAi
+  });
+}
+function initialize(userOptions) {
+  const options = Object.assign({}, userOptions, {
+    container: "#docsearch",
+    navigator: {
+      navigate(item) {
+        router.go(item.itemUrl);
+      }
+    },
+    transformItems(items) {
+      return items.map((item) => {
+        return Object.assign({}, item, {
+          url: getRelativePath(item.url)
+        });
+      });
+    }
+  });
+  docsearch(options);
+}
+function getRelativePath(url) {
+  const { pathname, hash } = new URL(url, location.origin);
+  return pathname.replace(/\.html$/, site.value.cleanUrls ? "" : ".html") + hash;
+}
+</script>
+
+<template>
+	<div id="docsearch" />
+</template>

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

@@ -0,0 +1,7 @@
+import type { TritoTheme } from '../shared/index.js';
+type __VLS_Props = {
+    algolia: TritoTheme.AlgoliaSearchOptions;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    show: boolean;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/components/VPBackdrop.vue

@@ -0,0 +1,15 @@
+<script setup>
+defineProps({
+  show: { type: Boolean, required: true }
+});
+</script>
+
+<template>
+	<transition name="fade">
+		<div v-if="show" class="VPBackdrop" />
+	</transition>
+</template>
+
+<style scoped>
+.VPBackdrop{background:var(--vp-backdrop-bg-color);bottom:0;left:0;position:fixed;right:0;top:0;transition:opacity .5s;z-index:var(--vp-z-index-backdrop)}.VPBackdrop.fade-enter-from,.VPBackdrop.fade-leave-to{opacity:0}.VPBackdrop.fade-leave-active{transition-duration:.25s}@media (min-width:1280px){.VPBackdrop{display:none}}
+</style>

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

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    show: boolean;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/VPBackground.vue

@@ -0,0 +1,18 @@
+<template>
+	<div class="background" />
+</template>
+
+<style scoped>
+.background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: -2;
+  background-image: var(--vp-bg-image);
+}
+</style>

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,19 @@
+interface Props {
+    text?: string;
+    type?: 'info' | 'tip' | 'warning' | 'danger';
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    type: "info" | "tip" | "warning" | "danger";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VPBadge.vue

@@ -0,0 +1,16 @@
+<script setup>
+defineProps({
+  text: { type: String, required: false },
+  type: { type: String, required: false, default: "tip" }
+});
+</script>
+
+<template>
+	<span class="VPBadge" :class="type">
+		<slot>{{ text }}</slot>
+	</span>
+</template>
+
+<style>
+.VPBadge{border:1px solid transparent;border-radius:12px;box-shadow:var(--vp-shadow-1);display:inline-block;font-size:12px;font-weight:500;line-height:22px;margin-left:2px;padding:0 10px;transform:translateY(-2px);white-space:nowrap}.VPBadge.small{font-size:10px;line-height:18px;padding:0 6px;transform:translateY(-8px)}.VPDocFooter .VPBadge{display:none}.vp-doc h1>.VPBadge{margin-top:4px;vertical-align:top}.vp-doc h2>.VPBadge{margin-top:3px;padding:0 8px;vertical-align:top}.vp-doc h3>.VPBadge{vertical-align:middle}.vp-doc h4>.VPBadge,.vp-doc h5>.VPBadge,.vp-doc h6>.VPBadge{line-height:18px;vertical-align:middle}.VPBadge.info{background-color:var(--vp-badge-info-bg);border-color:var(--vp-badge-info-border);color:var(--vp-badge-info-text)}.VPBadge.tip{background-color:var(--vp-badge-tip-bg);border-color:var(--vp-badge-tip-border);color:var(--vp-badge-tip-text)}.VPBadge.warning{background-color:var(--vp-badge-warning-bg);border-color:var(--vp-badge-warning-border);color:var(--vp-badge-warning-text)}.VPBadge.danger{background-color:var(--vp-badge-danger-bg);border-color:var(--vp-badge-danger-border);color:var(--vp-badge-danger-text)}
+</style>

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

@@ -0,0 +1,19 @@
+interface Props {
+    text?: string;
+    type?: 'info' | 'tip' | 'warning' | 'danger';
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    type: "info" | "tip" | "warning" | "danger";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,25 @@
+interface Props {
+    tag?: string;
+    size?: 'medium' | 'big';
+    theme?: 'brand' | 'alt' | 'sponsor';
+    text?: string;
+    href?: string;
+    target?: string;
+    rel?: string;
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    theme: "brand" | "alt" | "sponsor";
+    size: "medium" | "big";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};