@voidzero-dev/vitepress-theme 0.0.1

package/dist/_virtual/_/plugin-vue/export-helper.js

@@ -0,0 +1,9 @@
+//#region \0/plugin-vue/export-helper
+var export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+
+//#endregion
+export { export_helper_default as default };

package/dist/index.css

@@ -0,0 +1,346 @@
+/**
+ * Shared theme styles
+ *
+ * NOTE: This file does NOT import Tailwind itself.
+ * The consuming project must import Tailwind first, then this file.
+ */
+
+@plugin "@tailwindcss/typography";
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+/* Fonts */
+@font-face {
+    font-family: 'APK Protocol';
+    font-weight: 500;
+    src: url('../fonts/APK-Protocol-Medium.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'KH Teka';
+    font-weight: 400;
+    src: url('../fonts/KHTeka-Regular.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'KH Teka';
+    font-weight: 500;
+    src: url('../fonts/KHTeka-Medium.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'KH Teka Mono';
+    font-weight: 400;
+    src: url('../fonts/KHTekaMono-Regular.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'KH Teka Mono';
+    font-weight: 500;
+    src: url('../fonts/KHTekaMono-Medium.woff2') format('woff2');
+}
+
+@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
+
+@theme {
+    --font-*: initial;
+    --font-heading: 'APK Protocol', sans-serif;
+    --font-sans: 'KH Teka', sans-serif;
+    --font-mono: 'KH Teka Mono', monospace;
+
+    --color-*: initial;
+    --color-white: #FFFFFF;
+    --color-primary: #08060D;
+    --color-beige: #F4F3EC;
+    --color-nickel: #3B3440;
+    --color-grey: #827A89;
+    --color-stroke: #E5E4E7;
+    --color-midnight: #0C0912;
+    --color-slate: #14121A;
+    --color-ruby: #863BFF;
+    --color-wine: #140033;
+    --color-violet: #140033;
+    --color-plum: #1D0033;
+    --color-electric: #6C3BFF;
+    --color-vite: #b39aff;
+    --color-space: #110033;
+    --color-zest: #22FF73;
+    --color-forest: #002611;
+    --color-fire: #FF5500;
+    --color-rust: #260001;
+    --color-aqua: #32F3E9;
+    --color-sea: #002624;
+}
+
+@layer base {
+
+    h1 {
+        @apply text-5xl md:text-6xl font-medium font-heading text-balance text-primary md:leading-[4.2rem] tracking-tighter;
+    }
+
+    h2 {
+        @apply text-3xl md:text-5xl font-medium font-heading tracking-tight text-balance text-primary;
+    }
+
+    h3 {
+        @apply text-3xl md:text-4xl font-medium font-heading text-balance text-primary;
+    }
+
+    h4 {
+        @apply text-xl md:text-3xl font-medium font-heading text-balance text-primary;
+    }
+
+    h5 {
+        @apply text-lg md:text-2xl font-medium font-heading md:leading-7 text-balance text-primary;
+    }
+
+    h6 {
+        @apply text-base md:text-xl font-medium font-heading md:leading-7 text-balance text-primary;
+    }
+
+    p, li {
+        @apply text-base md:text-lg text-grey;
+    }
+
+    code {
+        @apply font-mono text-space text-base px-1.5 py-0.5 outline outline-stroke rounded dark:outline-grey dark:text-white;
+    }
+
+}
+
+@layer components {
+
+    .wrapper {
+        @apply max-w-[calc(100vw-2rem)] xl:max-w-[80rem] mx-auto border-l border-r border-stroke dark:border-nickel divide-stroke dark:divide-nickel relative overflow-x-clip;
+    }
+
+    .wrapper--ticks::before, .tick-left::before {
+        content: '';
+        position: absolute;
+        top: -5px;
+        left: 0;
+        width: 0;
+        height: 0;
+        border-top: 5px solid transparent;
+        border-right: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        border-left: 5px solid var(--color-stroke);
+    }
+
+    .wrapper--ticks::after, .tick-right::after {
+        content: '';
+        position: absolute;
+        top: -5px;
+        right: 0;
+        width: 0;
+        height: 0;
+        border-top: 5px solid transparent;
+        border-right: 5px solid var(--color-stroke);
+        border-bottom: 5px solid transparent;
+        border-left: 5px solid transparent;
+    }
+
+    [data-theme=dark] .wrapper--ticks::before, [data-theme=dark] .tick-left::before {
+        border-left-color: var(--color-nickel);
+    }
+
+    [data-theme=dark] .wrapper--ticks::after, [data-theme=dark] .tick-right::after {
+        border-right-color: var(--color-nickel);
+    }
+
+    .button {
+        @apply select-none py-2 px-4 rounded-lg outline outline-stroke inline-flex items-center gap-2 overflow-hidden justify-center text-primary dark:text-white bg-white dark:bg-transparent dark:outline-nickel font-medium hover:shadow-md dark:hover:bg-white dark:hover:text-primary hover:scale-105 transition-all;
+
+        &.button--sm{
+            @apply text-base py-1.5 px-3 rounded;
+        }
+
+        &.button--primary {
+            @apply text-white relative overflow-visible outline-none transition-colors transform-gpu hover:scale-105 transition-transform;
+
+            &:hover {
+
+                &::before {
+                    filter: brightness(130%);
+                    transform: scaleX(1.0125) scaleY(1.025);
+                }
+
+                &::after {
+                    transform: scaleX(0.98) scaleY(0.96);
+                }
+            }
+
+            &::before {
+                content: '';
+                position: absolute;
+                top: -3px;
+                left: -3px;
+                right: -3px;
+                bottom: -3px;
+                background-color: #CCCCCC;
+                background-image: url('../assets/primary-button-background.jpg');
+                background-size: 150% 150%;
+                background-position: center;
+                border-radius: calc(0.5rem + 3px);
+                z-index: -2;
+                animation: move-background 16s ease-in-out infinite;
+                transition: all 200ms ease-in-out;
+            }
+
+            &::after {
+                content: '';
+                position: absolute;
+                inset: 0;
+                background: var(--color-primary);
+                z-index: -1;
+                border-radius: 0.5rem;
+                transition: all 300ms ease-in-out;
+            }
+
+            &.button--white {
+                @apply text-primary;
+
+                &::after {
+                    background: var(--color-white);
+                }
+            }
+
+
+        }
+    }
+
+    @keyframes move-background {
+        0%, 100% {
+            background-position: 40% 40%;
+        }
+        50% {
+            background-position: 60% 60%;
+        }
+    }
+
+    .stacked-blocks {
+        @apply flex items-center justify-start;
+
+        > *:not(:first-child) {
+            @apply -ml-2;
+        }
+
+        li, a {
+            @apply size-12 sm:size-14 relative bg-[#F9F8F5] rounded-xl outline-[3px] outline-offset-[-3px] outline-white overflow-hidden p-4 flex items-center justify-center;
+            transition: transform 0.2s ease;
+
+            &:hover {
+                transform: translateY(-4px);
+            }
+        }
+
+        > *:nth-child(1) {
+            &:hover, &:hover li, &:hover a {
+                transform: translateY(-4px) rotate(-5deg);
+            }
+        }
+
+        > *:nth-child(2) {
+            &:hover, &:hover li, &:hover a {
+                transform: translateY(-4px) rotate(5deg);
+            }
+        }
+
+        > *:nth-child(3) {
+            &:hover, &:hover li, &:hover a {
+                transform: translateY(-4px) rotate(-5deg);
+            }
+        }
+
+        > *:nth-child(4) {
+            &:hover, &:hover li, &:hover a {
+                transform: translateY(-4px) rotate(5deg);
+            }
+        }
+    }
+
+    .checkmark-list {
+        @apply list-none flex flex-col gap-3;
+
+        li {
+            @apply text-white text-base tracking-tight relative pl-8;
+
+            &::before {
+                content: '';
+                position: absolute;
+                left: 0;
+                top: 50%;
+                transform: translateY(-50%);
+                width: 20px;
+                height: 20px;
+                background-image: url('../assets/checkmark.svg');
+                background-size: contain;
+                background-repeat: no-repeat;
+                background-position: center;
+            }
+        }
+    }
+
+    .project-icon {
+        @apply flex items-center gap-2;
+
+        figcaption {
+            @apply text-white text-base tracking-tight;
+        }
+    }
+
+    ul.nav {
+        @apply flex items-center gap-10;
+
+        li {
+            a {
+                @apply !text-primary text-base;
+            }
+        }
+    }
+
+    /* Reka UI tabs styling */
+    [role="tablist"] {
+        [data-reka-collection-item] {
+            @apply px-1.5 sm:px-2.5 py-1 rounded text-sm font-mono tracking-tight text-grey cursor-pointer hover:text-white transition-colors duration-75 select-none;
+        }
+
+        [data-reka-collection-item][data-state='active'] {
+            @apply bg-white text-primary;
+        }
+    }
+
+}
+
+html {
+    overflow-x: clip;
+    font-size: 16px;
+    color: var(--color-nickel);
+
+    [data-theme=dark] {
+        color: var(--color-white);
+    }
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    position: relative;
+    overflow-x: clip;
+    text-rendering: optimizeLegibility;
+    image-rendering: high-quality;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+
+    &::-webkit-scrollbar {
+        width: 10px;
+    }
+
+    &::-webkit-scrollbar-track {
+        background-color: #efefef;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-color: #000;
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import { VPTheme } from "./vitepress/index.js";
+export { VPTheme, VPTheme as default };

package/dist/index.js

@@ -0,0 +1,3 @@
+import vitepress_default, { VPTheme } from "./vitepress/index.js";
+
+export { VPTheme, vitepress_default as default };

package/dist/vitepress/components/Eyebrow.js

@@ -0,0 +1,7 @@
+import Eyebrow_vue_vue_type_script_setup_true_lang_default from "./Eyebrow.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/vitepress/components/Eyebrow.vue
+var Eyebrow_default = Eyebrow_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { Eyebrow_default as default };

package/dist/vitepress/components/Eyebrow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString } from "vue";
+
+//#region src/vitepress/components/Eyebrow.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "wrapper wrapper--ticks border-t p-5 pl-10" };
+const _hoisted_2 = { class: "text-nickel dark:text-white text-xs font-medium font-mono uppercase tracking-wide" };
+var Eyebrow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Eyebrow",
+	props: { title: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(__props.title), 1)]);
+		};
+	}
+});
+
+//#endregion
+export { Eyebrow_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vitepress/components/Footer.js

@@ -0,0 +1,7 @@
+import Footer_vue_vue_type_script_setup_true_lang_default from "./Footer.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/vitepress/components/Footer.vue
+var Footer_default = Footer_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { Footer_default as default };

package/dist/vitepress/components/Footer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import VZIconGitHub_default from "./icons/VZIconGitHub.js";
+import VZIconBluesky_default from "./icons/VZIconBluesky.js";
+import VZIconTwitter_default from "./icons/VZIconTwitter.js";
+import { createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString } from "vue";
+
+//#region src/vitepress/components/Footer.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	class: "bg-primary",
+	"data-theme": "dark"
+};
+const _hoisted_2 = { class: "wrapper" };
+const _hoisted_3 = { class: "px-5 md:px-24 pt-10 md:pt-16 pb-16 md:pb-30 flex flex-col md:flex-row gap-10 md:gap-0 md:justify-between" };
+const _hoisted_4 = { class: "flex flex-col gap-3" };
+const _hoisted_5 = {
+	href: "https://github.com/voidzero-dev",
+	target: "_blank",
+	rel: "noopener noreferrer",
+	class: "text-white text-base flex gap-3 items-center"
+};
+const _hoisted_6 = {
+	href: "https://web-cdn.bsky.app/profile/voidzero.dev",
+	target: "_blank",
+	rel: "noopener noreferrer",
+	class: "text-white text-base flex gap-3 items-center"
+};
+const _hoisted_7 = {
+	href: "https://x.com/voidzerodev",
+	target: "_blank",
+	rel: "noopener noreferrer",
+	class: "text-white text-base flex gap-3 items-center"
+};
+const _hoisted_8 = { class: "wrapper wrapper--ticks border-t py-5 px-5 md:px-24" };
+const _hoisted_9 = { class: "text-sm" };
+var Footer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Footer",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("footer", _hoisted_1, [createElementVNode("section", _hoisted_2, [_cache[5] || (_cache[5] = createStaticVNode("<div class=\"bg-wine bg-[url(../assets/cta-background.jpg)] bg-cover py-16 md:py-30 px-5 md:px-0 overflow-clip flex flex-col items-center justify-center gap-8 md:gap-12\"><h2 class=\"text-white w-full md:w-2xl text-center text-balance\">Take your team&#39;s productivity to the next level with Vite+</h2><div class=\"flex items-center gap-5\"><a href=\"https://tally.so/r/nGWebL\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button\">Register your interest</a><a href=\"https://voidzero.dev/posts/announcing-vite-plus?utm_source=viteplusdev&amp;utm_content=bottom_learn_more\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button\"> Learn more </a></div></div>", 1)), createElementVNode("div", _hoisted_3, [_cache[4] || (_cache[4] = createStaticVNode("<div><p class=\"text-grey text-xs font-mono uppercase tracking-wide mb-8\">Company</p><ul class=\"flex flex-col gap-3\"><li><a href=\"https://voidzero.dev/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-white text-base\">VoidZero</a></li><li><a href=\"https://vite.dev/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-white text-base\">Vite</a></li><li><a href=\"https://rolldown.rs/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-white text-base\">Rolldown</a></li><li><a href=\"https://vitest.dev/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-white text-base\">Vitest</a></li><li><a href=\"https://oxc.rs/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-white text-base\">Oxc</a></li></ul></div>", 1)), createElementVNode("div", null, [_cache[3] || (_cache[3] = createElementVNode("p", { class: "text-grey text-xs font-mono uppercase tracking-wide mb-8" }, "Social", -1)), createElementVNode("ul", _hoisted_4, [
+				createElementVNode("li", null, [createElementVNode("a", _hoisted_5, [createVNode(VZIconGitHub_default, {
+					class: "size-5",
+					"aria-label": "GitHub"
+				}), _cache[0] || (_cache[0] = createTextVNode("GitHub", -1))])]),
+				createElementVNode("li", null, [createElementVNode("a", _hoisted_6, [createVNode(VZIconBluesky_default, {
+					class: "size-5",
+					"aria-label": "Bluesky"
+				}), _cache[1] || (_cache[1] = createTextVNode("Bluesky", -1))])]),
+				createElementVNode("li", null, [createElementVNode("a", _hoisted_7, [createVNode(VZIconTwitter_default, {
+					class: "size-5",
+					"aria-label": "Twitter"
+				}), _cache[2] || (_cache[2] = createTextVNode("X.com", -1))])])
+			])])])]), createElementVNode("section", _hoisted_8, [createElementVNode("p", _hoisted_9, [createTextVNode("© " + toDisplayString((/* @__PURE__ */ new Date()).getFullYear()) + " VoidZero Inc. ", 1), _cache[6] || (_cache[6] = createElementVNode("span", { class: "hidden sm:inline" }, "All Rights Reserved.", -1))])])]);
+		};
+	}
+});
+
+//#endregion
+export { Footer_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vitepress/components/Header.js

@@ -0,0 +1,7 @@
+import Header_vue_vue_type_script_setup_true_lang_default from "./Header.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/vitepress/components/Header.vue
+var Header_default = Header_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { Header_default as default };

package/dist/vitepress/components/Header.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import VZIconLogo_default from "./icons/VZIconLogo.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref } from "vue";
+import { useData, useRoute } from "vitepress";
+
+//#region src/vitepress/components/Header.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "wrapper px-6 py-7 flex items-center justify-between" };
+const _hoisted_2 = { class: "flex items-center gap-10" };
+const _hoisted_3 = { href: "/" };
+const _hoisted_4 = { class: "nav" };
+const _hoisted_5 = ["href"];
+const _hoisted_6 = { class: "flex items-center gap-6" };
+var Header_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Header",
+	setup(__props) {
+		const { site, theme } = useData();
+		const nav = theme.value.nav;
+		const route = useRoute();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("a", _hoisted_3, [createVNode(VZIconLogo_default, {
+				class: "h-4",
+				"aria-label": unref(site).title
+			}, null, 8, ["aria-label"])]), createElementVNode("ul", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(nav), (navItem) => {
+				return openBlock(), createElementBlock("li", { key: navItem.link }, [createElementVNode("a", {
+					class: normalizeClass({ active: unref(route).path === navItem.link }),
+					href: navItem.link
+				}, toDisplayString(navItem.text), 11, _hoisted_5)]);
+			}), 128))])]), createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "right-side", {}, () => [createCommentVNode(" Right-aligned links / calls-to-action ")])])]);
+		};
+	}
+});
+
+//#endregion
+export { Header_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vitepress/components/RiveAnimation.js

@@ -0,0 +1,7 @@
+import RiveAnimation_vue_vue_type_script_setup_true_lang_default from "./RiveAnimation.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/vitepress/components/RiveAnimation.vue
+var RiveAnimation_default = RiveAnimation_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { RiveAnimation_default as default };

package/dist/vitepress/components/RiveAnimation.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,110 @@
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref } from "vue";
+import * as rive from "@rive-app/canvas";
+
+//#region src/vitepress/components/RiveAnimation.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["width", "height"];
+var RiveAnimation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RiveAnimation",
+	props: {
+		desktopSrc: {},
+		mobileSrc: {},
+		breakpoint: { default: 768 },
+		stateMachines: { default: "State Machine 1" },
+		canvasClass: { default: "w-full" },
+		desktopWidth: {},
+		desktopHeight: {},
+		mobileWidth: {},
+		mobileHeight: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const canvasRef = ref(null);
+		const containerRef = ref(null);
+		let riveInstance = null;
+		let hasStarted = ref(false);
+		let observer = null;
+		const isMobile = ref(false);
+		const checkMobile = () => {
+			isMobile.value = window.innerWidth < props.breakpoint;
+		};
+		const getCurrentSrc = () => {
+			return isMobile.value && props.mobileSrc ? props.mobileSrc : props.desktopSrc;
+		};
+		const currentWidth = computed(() => {
+			return isMobile.value && props.mobileWidth ? props.mobileWidth : props.desktopWidth;
+		});
+		const currentHeight = computed(() => {
+			return isMobile.value && props.mobileHeight ? props.mobileHeight : props.desktopHeight;
+		});
+		const loadAnimation = () => {
+			if (!canvasRef.value || riveInstance) return;
+			const src = getCurrentSrc();
+			riveInstance = new rive.Rive({
+				src,
+				canvas: canvasRef.value,
+				autoplay: false,
+				stateMachines: props.stateMachines,
+				onLoad: () => {
+					riveInstance?.resizeDrawingSurfaceToCanvas();
+				}
+			});
+		};
+		const playAnimation = () => {
+			if (riveInstance) riveInstance.play();
+		};
+		const cleanupAnimation = () => {
+			if (riveInstance) {
+				riveInstance.cleanup();
+				riveInstance = null;
+			}
+		};
+		const handleResize = () => {
+			const wasMobile = isMobile.value;
+			checkMobile();
+			if (wasMobile !== isMobile.value) {
+				const wasPlaying = hasStarted.value;
+				cleanupAnimation();
+				loadAnimation();
+				if (wasPlaying) playAnimation();
+			}
+		};
+		onMounted(() => {
+			checkMobile();
+			loadAnimation();
+			observer = new IntersectionObserver((entries) => {
+				entries.forEach((entry) => {
+					if (entry.isIntersecting && !hasStarted.value) {
+						hasStarted.value = true;
+						playAnimation();
+					}
+				});
+			}, { threshold: .1 });
+			if (containerRef.value) observer.observe(containerRef.value);
+			window.addEventListener("resize", handleResize);
+		});
+		onUnmounted(() => {
+			cleanupAnimation();
+			if (observer && containerRef.value) {
+				observer.unobserve(containerRef.value);
+				observer.disconnect();
+			}
+			window.removeEventListener("resize", handleResize);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "containerRef",
+				ref: containerRef,
+				class: "pointer-events-none touch-none select-none"
+			}, [createElementVNode("canvas", {
+				ref_key: "canvasRef",
+				ref: canvasRef,
+				width: currentWidth.value,
+				height: currentHeight.value,
+				class: normalizeClass(__props.canvasClass)
+			}, null, 10, _hoisted_1)], 512);
+		};
+	}
+});
+
+//#endregion
+export { RiveAnimation_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vitepress/components/Terminal.js

@@ -0,0 +1,7 @@
+import Terminal_vue_vue_type_script_setup_true_lang_default from "./Terminal.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/vitepress/components/Terminal.vue
+var Terminal_default = Terminal_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { Terminal_default as default };

package/dist/vitepress/components/Terminal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,152 @@
+import TerminalAnimation1_default from "./terminal-animations/TerminalAnimation1.js";
+import TerminalAnimation2_default from "./terminal-animations/TerminalAnimation2.js";
+import TerminalAnimation3_default from "./terminal-animations/TerminalAnimation3.js";
+import TerminalAnimation4_default from "./terminal-animations/TerminalAnimation4.js";
+import TerminalAnimation5_default from "./terminal-animations/TerminalAnimation5.js";
+import TerminalAnimation6_default from "./terminal-animations/TerminalAnimation6.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, unref, withCtx } from "vue";
+import { TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
+
+//#region src/vitepress/components/Terminal.vue?vue&type=script&setup=true&lang.ts
+const AUTO_ADVANCE_DELAY = 1500;
+var Terminal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Terminal",
+	setup(__props) {
+		const activeTab = ref("tab1");
+		const autoPlayEnabled = ref(true);
+		let autoAdvanceTimeout = null;
+		const sectionRef = ref(null);
+		const isVisible = ref(false);
+		let observer = null;
+		const tabSequence = [
+			"tab1",
+			"tab2",
+			"tab3",
+			"tab4",
+			"tab5",
+			"tab6"
+		];
+		const goToNextTab = () => {
+			activeTab.value = tabSequence[(tabSequence.indexOf(activeTab.value) + 1) % tabSequence.length];
+		};
+		const onAnimationComplete = () => {
+			if (!autoPlayEnabled.value) return;
+			if (autoAdvanceTimeout) clearTimeout(autoAdvanceTimeout);
+			autoAdvanceTimeout = setTimeout(() => {
+				goToNextTab();
+			}, AUTO_ADVANCE_DELAY);
+		};
+		const onTabChange = () => {
+			autoPlayEnabled.value = false;
+			if (autoAdvanceTimeout) {
+				clearTimeout(autoAdvanceTimeout);
+				autoAdvanceTimeout = null;
+			}
+		};
+		onMounted(() => {
+			if (!sectionRef.value) return;
+			observer = new IntersectionObserver((entries) => {
+				entries.forEach((entry) => {
+					if (entry.isIntersecting && !isVisible.value) {
+						isVisible.value = true;
+						observer?.disconnect();
+					}
+				});
+			}, {
+				threshold: .2,
+				rootMargin: "0px"
+			});
+			observer.observe(sectionRef.value);
+		});
+		onUnmounted(() => {
+			if (autoAdvanceTimeout) clearTimeout(autoAdvanceTimeout);
+			if (observer) observer.disconnect();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", {
+				ref_key: "sectionRef",
+				ref: sectionRef,
+				class: "wrapper border-t h-[40rem] bg-wine bg-[url(../assets/terminal-background.jpg)] bg-cover bg-top flex justify-center pt-28 overflow-clip"
+			}, [createElementVNode("div", {
+				class: normalizeClass([
+					"self-stretch px-4 sm:px-8 py-5 sm:py-7 relative bg-primary rounded-tl-lg rounded-tr-lg inline-flex flex-col justify-start items-start gap-2 overflow-hidden w-[62rem] outline-1 outline-offset-[3px] outline-white/30",
+					"transition-transform duration-1000",
+					isVisible.value ? "translate-y-0" : "translate-y-24"
+				]),
+				style: { "transition-timing-function": "cubic-bezier(0.16, 1, 0.3, 1)" }
+			}, [isVisible.value ? (openBlock(), createBlock(unref(TabsRoot), {
+				key: 0,
+				modelValue: activeTab.value,
+				"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => activeTab.value = $event), onTabChange]
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(TabsList), {
+						"aria-label": "features",
+						class: normalizeClass([
+							"absolute bottom-6 left-1/2 -translate-x-1/2 flex items-center p-1 rounded-md border border-white/10",
+							"transition-transform duration-700 delay-300",
+							isVisible.value ? "translate-y-0" : "translate-y-12"
+						]),
+						style: { "transition-timing-function": "cubic-bezier(0.16, 1, 0.3, 1)" }
+					}, {
+						default: withCtx(() => [
+							createVNode(unref(TabsTrigger), { value: "tab1" }, {
+								default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" new ", -1)])]),
+								_: 1
+							}),
+							createVNode(unref(TabsTrigger), { value: "tab2" }, {
+								default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" dev ", -1)])]),
+								_: 1
+							}),
+							createVNode(unref(TabsTrigger), { value: "tab3" }, {
+								default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" lint ", -1)])]),
+								_: 1
+							}),
+							createVNode(unref(TabsTrigger), { value: "tab4" }, {
+								default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" fmt ", -1)])]),
+								_: 1
+							}),
+							createVNode(unref(TabsTrigger), { value: "tab5" }, {
+								default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" test ", -1)])]),
+								_: 1
+							}),
+							createVNode(unref(TabsTrigger), { value: "tab6" }, {
+								default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" build ", -1)])]),
+								_: 1
+							})
+						]),
+						_: 1
+					}, 8, ["class"]),
+					createVNode(unref(TabsContent), { value: "tab1" }, {
+						default: withCtx(() => [createVNode(TerminalAnimation1_default, { "on-animation-complete": onAnimationComplete })]),
+						_: 1
+					}),
+					createVNode(unref(TabsContent), { value: "tab2" }, {
+						default: withCtx(() => [createVNode(TerminalAnimation2_default, { "on-animation-complete": onAnimationComplete })]),
+						_: 1
+					}),
+					createVNode(unref(TabsContent), { value: "tab3" }, {
+						default: withCtx(() => [createVNode(TerminalAnimation3_default, { "on-animation-complete": onAnimationComplete })]),
+						_: 1
+					}),
+					createVNode(unref(TabsContent), { value: "tab4" }, {
+						default: withCtx(() => [createVNode(TerminalAnimation4_default, { "on-animation-complete": onAnimationComplete })]),
+						_: 1
+					}),
+					createVNode(unref(TabsContent), { value: "tab5" }, {
+						default: withCtx(() => [createVNode(TerminalAnimation5_default, { "on-animation-complete": onAnimationComplete })]),
+						_: 1
+					}),
+					createVNode(unref(TabsContent), { value: "tab6" }, {
+						default: withCtx(() => [createVNode(TerminalAnimation6_default, { "on-animation-complete": onAnimationComplete })]),
+						_: 1
+					})
+				]),
+				_: 1
+			}, 8, ["modelValue"])) : createCommentVNode("v-if", true)], 2)], 512);
+		};
+	}
+});
+
+//#endregion
+export { Terminal_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vitepress/components/icons/VZIconBluesky.js

@@ -0,0 +1,21 @@
+import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.js";
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+
+//#region src/vitepress/components/icons/VZIconBluesky.vue
+const _sfc_main = {};
+const _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true",
+	focusable: "false",
+	viewBox: "0 0 24 24"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "currentColor",
+		d: "M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037c-.856 3.061-3.978 3.842-6.755 3.37c4.854.826 6.089 3.562 3.422 6.299c-5.065 5.196-7.28-1.304-7.847-2.97c-.104-.305-.152-.448-.153-.327c0-.121-.05.022-.153.327c-.568 1.666-2.782 8.166-7.847 2.97c-2.667-2.737-1.432-5.473 3.422-6.3c-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"
+	}, null, -1)])]);
+}
+var VZIconBluesky_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
+
+//#endregion
+export { VZIconBluesky_default as default };

package/dist/vitepress/components/icons/VZIconGitHub.js

@@ -0,0 +1,21 @@
+import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.js";
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+
+//#region src/vitepress/components/icons/VZIconGitHub.vue
+const _sfc_main = {};
+const _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true",
+	focusable: "false",
+	viewBox: "0 0 24 24"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "currentColor",
+		d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
+	}, null, -1)])]);
+}
+var VZIconGitHub_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
+
+//#endregion
+export { VZIconGitHub_default as default };

package/dist/vitepress/components/icons/VZIconLogo.js

@@ -0,0 +1,24 @@
+import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.js";
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+
+//#region src/vitepress/components/icons/VZIconLogo.vue
+const _sfc_main = {};
+const _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true",
+	focusable: "false",
+	viewBox: "0 0 200 40",
+	fill: "white"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("text", {
+		x: "10",
+		y: "30",
+		"font-family": "monospace",
+		"font-size": "24"
+	}, "LOGO", -1)])]);
+}
+var VZIconLogo_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
+
+//#endregion
+export { VZIconLogo_default as default };

package/dist/vitepress/components/icons/VZIconTwitter.js

@@ -0,0 +1,21 @@
+import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.js";
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+
+//#region src/vitepress/components/icons/VZIconTwitter.vue
+const _sfc_main = {};
+const _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true",
+	focusable: "false",
+	viewBox: "0 0 24 24"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "currentColor",
+		d: "M22.46 6c-.77.35-1.6.58-2.46.69c.88-.53 1.56-1.37 1.88-2.38c-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29c0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15c0 1.49.75 2.81 1.91 3.56c-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.2 4.2 0 0 1-1.93.07a4.28 4.28 0 0 0 4 2.98a8.52 8.52 0 0 1-5.33 1.84q-.51 0-1.02-.06C3.44 20.29 5.7 21 8.12 21C16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56c.84-.6 1.56-1.36 2.14-2.23"
+	}, null, -1)])]);
+}
+var VZIconTwitter_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
+
+//#endregion
+export { VZIconTwitter_default as default };

package/dist/vitepress/components/terminal-animations/TerminalAnimation1.js

@@ -0,0 +1,7 @@
+import TerminalAnimation1_vue_vue_type_script_setup_true_lang_default from "./TerminalAnimation1.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/vitepress/components/terminal-animations/TerminalAnimation1.vue
+var TerminalAnimation1_default = TerminalAnimation1_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { TerminalAnimation1_default as default };

package/dist/vitepress/components/terminal-animations/TerminalAnimation1.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
+import Typewriter from "typewriter-effect/dist/core";
+
+//#region src/vitepress/components/terminal-animations/TerminalAnimation1.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
+var TerminalAnimation1_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TerminalAnimation1",
+	props: { onAnimationComplete: { type: Function } },
+	setup(__props) {
+		const props = __props;
+		let typewriter;
+		onMounted(() => {
+			typewriter = new Typewriter(document.getElementById("terminal-code"), {
+				loop: false,
+				delay: 1
+			});
+			typewriter.typeString(`<span>$ vite new vite-plus-demo --template react-ts</span>`).pauseFor(500).pasteString(`<span class="block w-full h-[1rem]"></span>`).pasteString(`<span class="text-aqua">◇  Scaffolding project in ~/vite-plus-demo</span>`).pauseFor(500).pasteString(`<span class="text-grey block">|</span>`).pasteString(`<span class="text-zest block">└  Done.</span>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).pauseFor(500).pasteString(`<span class="block"><span class="text-zest">✓</span> Installing dependencies using default package manager: <span class="text-vite">pnpm@v10.16.1</span></span>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).pasteString(`<div class="block"><span class="text-grey">Progress:</span> resolved 1, reused 0, downloaded 0, added 0</div>`).pasteString(`<div class="block"><span class="text-grey">Packages:</span> <span class="text-vite">+31</span></div>`).typeString(`<span class="text-grey block">++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>`).pasteString(`<div class="block"><span class="text-grey">Progress:</span> resolved 31, reused 31, downloaded 0, added 31, <span class="text-zest">done</span></div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).callFunction(() => {
+				if (props.onAnimationComplete) props.onAnimationComplete();
+			}).start();
+		});
+		onUnmounted(() => {
+			if (typewriter) typewriter.stop();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
+		};
+	}
+});
+
+//#endregion
+export { TerminalAnimation1_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vitepress/components/terminal-animations/TerminalAnimation2.js

@@ -0,0 +1,7 @@
+import TerminalAnimation2_vue_vue_type_script_setup_true_lang_default from "./TerminalAnimation2.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/vitepress/components/terminal-animations/TerminalAnimation2.vue
+var TerminalAnimation2_default = TerminalAnimation2_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { TerminalAnimation2_default as default };

package/dist/vitepress/components/terminal-animations/TerminalAnimation2.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,38 @@
+import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
+import Typewriter from "typewriter-effect/dist/core";
+
+//#region src/vitepress/components/terminal-animations/TerminalAnimation2.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
+var TerminalAnimation2_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TerminalAnimation2",
+	props: { onAnimationComplete: { type: Function } },
+	setup(__props) {
+		const props = __props;
+		let typewriter;
+		onMounted(() => {
+			const now = /* @__PURE__ */ new Date();
+			let hours = now.getHours();
+			const minutes = now.getMinutes().toString().padStart(2, "0");
+			const seconds = now.getSeconds().toString().padStart(2, "0");
+			const ampm = hours >= 12 ? "pm" : "am";
+			hours = hours % 12 || 12;
+			const currentTime = `${hours}:${minutes}:${seconds} ${ampm}`;
+			typewriter = new Typewriter(document.getElementById("terminal-code"), {
+				loop: false,
+				delay: 1
+			});
+			typewriter.typeString(`<span>$ vite dev</span>`).pauseFor(200).pasteString(`<span class="block w-full h-[1rem]"></span>`).pasteString(`<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> ready in <span class="text-white font-medium">65</span> ms</div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).pauseFor(500).pasteString(`<div class="block"><span class="text-vite">  →  Local:   </span><span class="text-aqua">http://localhost:5173/</span></div>`).pasteString(`<div class="block text-grey">→  Network: use <span class="text-white font-medium">--host</span> to expose</div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).pauseFor(1500).pasteString(`<div class="block text-grey">${currentTime} <span class="text-aqua">[vite]</span> (client) <span class="text-vite">hmr update</span> /src/App.tsx</div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).callFunction(() => {
+				if (props.onAnimationComplete) props.onAnimationComplete();
+			}).start();
+		});
+		onUnmounted(() => {
+			if (typewriter) typewriter.stop();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
+		};
+	}
+});
+
+//#endregion
+export { TerminalAnimation2_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vitepress/components/terminal-animations/TerminalAnimation3.js

@@ -0,0 +1,7 @@
+import TerminalAnimation3_vue_vue_type_script_setup_true_lang_default from "./TerminalAnimation3.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/vitepress/components/terminal-animations/TerminalAnimation3.vue
+var TerminalAnimation3_default = TerminalAnimation3_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { TerminalAnimation3_default as default };

package/dist/vitepress/components/terminal-animations/TerminalAnimation3.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
+import Typewriter from "typewriter-effect/dist/core";
+
+//#region src/vitepress/components/terminal-animations/TerminalAnimation3.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
+var TerminalAnimation3_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TerminalAnimation3",
+	props: { onAnimationComplete: { type: Function } },
+	setup(__props) {
+		const props = __props;
+		let typewriter;
+		onMounted(() => {
+			typewriter = new Typewriter(document.getElementById("terminal-code"), {
+				loop: false,
+				delay: 1
+			});
+			typewriter.typeString(`<span>$ vite lint</span>`).pauseFor(200).pasteString(`<span class="block w-full h-[1rem]"></span>`).pasteString(`<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">lint</span></div>`).pauseFor(500).pasteString(`<div class="block text-grey">Found <span class="text-white">0 warnings</span> and <span class="text-white">0 errors</span>.</div>`).pasteString(`<div class="block text-grey"><span class="text-zest">✓</span> Finished in  <span class="text-white">1ms</span> on <span class="text-white">3 files</span> with <span class="text-white">88 rules</span> using <span class="text-white">10 threads</span>.</div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).callFunction(() => {
+				if (props.onAnimationComplete) props.onAnimationComplete();
+			}).start();
+		});
+		onUnmounted(() => {
+			if (typewriter) typewriter.stop();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
+		};
+	}
+});
+
+//#endregion
+export { TerminalAnimation3_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vitepress/components/terminal-animations/TerminalAnimation4.js

@@ -0,0 +1,7 @@
+import TerminalAnimation4_vue_vue_type_script_setup_true_lang_default from "./TerminalAnimation4.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/vitepress/components/terminal-animations/TerminalAnimation4.vue
+var TerminalAnimation4_default = TerminalAnimation4_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { TerminalAnimation4_default as default };

package/dist/vitepress/components/terminal-animations/TerminalAnimation4.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
+import Typewriter from "typewriter-effect/dist/core";
+
+//#region src/vitepress/components/terminal-animations/TerminalAnimation4.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
+var TerminalAnimation4_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TerminalAnimation4",
+	props: { onAnimationComplete: { type: Function } },
+	setup(__props) {
+		const props = __props;
+		let typewriter;
+		onMounted(() => {
+			typewriter = new Typewriter(document.getElementById("terminal-code"), {
+				loop: false,
+				delay: 1
+			});
+			typewriter.typeString(`<span>$ vite fmt</span>`).pauseFor(200).pasteString(`<span class="block w-full h-[1rem]"></span>`).pasteString(`<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">fmt</span></div>`).pauseFor(500).pasteString(`<div class="block">src/App.css <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>`).pasteString(`<div class="block">src/App.tsx <span class="text-aqua">1ms</span></div>`).pasteString(`<div class="block">src/index.css <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>`).pasteString(`<div class="block">src/main.tsx <span class="text-aqua">1ms</span></div>`).pasteString(`<div class="block">src/vite-env.d.ts <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>`).pasteString(`<div class="block"><span class="text-zest">✓</span> Formatted <span class="text-aqua">2 files</span> in <span class="text-aqua">2ms</span>.</div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).callFunction(() => {
+				if (props.onAnimationComplete) props.onAnimationComplete();
+			}).start();
+		});
+		onUnmounted(() => {
+			if (typewriter) typewriter.stop();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
+		};
+	}
+});
+
+//#endregion
+export { TerminalAnimation4_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vitepress/components/terminal-animations/TerminalAnimation5.js

@@ -0,0 +1,7 @@
+import TerminalAnimation5_vue_vue_type_script_setup_true_lang_default from "./TerminalAnimation5.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/vitepress/components/terminal-animations/TerminalAnimation5.vue
+var TerminalAnimation5_default = TerminalAnimation5_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { TerminalAnimation5_default as default };

package/dist/vitepress/components/terminal-animations/TerminalAnimation5.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
+import Typewriter from "typewriter-effect/dist/core";
+
+//#region src/vitepress/components/terminal-animations/TerminalAnimation5.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
+var TerminalAnimation5_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TerminalAnimation5",
+	props: { onAnimationComplete: { type: Function } },
+	setup(__props) {
+		const props = __props;
+		let typewriter;
+		onMounted(() => {
+			typewriter = new Typewriter(document.getElementById("terminal-code"), {
+				loop: false,
+				delay: 1
+			});
+			typewriter.typeString(`<span>$ vite test</span>`).pauseFor(200).pasteString(`<span class="block w-full h-[1rem]"></span>`).pasteString(`<div class="block"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">test</span> RUN ~/vite-plus-demo</div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).pauseFor(300).pasteString(`<div class="block"><span class="text-zest">✓</span> test/hello.spec.ts <span class="text-grey">(1 test)</span> <span class="text-zest">1ms</span></div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).pasteString(`<div class="block text-grey">Test Files <span class="text-zest">1 passed</span> <span class="text-grey">(1)</span></div>`).pasteString(`<div class="block text-grey">Tests <span class="text-zest">1 passed</span> <span class="text-grey">(1)</span></div>`).pasteString(`<div class="block text-grey">Start at <span class="text-white">00:13:44</span></div>`).pasteString(`<div class="block text-grey">Duration <span class="text-white">199ms</span> <span class="text-grey">(transform 13ms, setup 0ms, collect 8ms, tests 1ms, environment 0ms, prepare 33ms)</span></div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).callFunction(() => {
+				if (props.onAnimationComplete) props.onAnimationComplete();
+			}).start();
+		});
+		onUnmounted(() => {
+			if (typewriter) typewriter.stop();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
+		};
+	}
+});
+
+//#endregion
+export { TerminalAnimation5_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vitepress/components/terminal-animations/TerminalAnimation6.js

@@ -0,0 +1,7 @@
+import TerminalAnimation6_vue_vue_type_script_setup_true_lang_default from "./TerminalAnimation6.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/vitepress/components/terminal-animations/TerminalAnimation6.vue
+var TerminalAnimation6_default = TerminalAnimation6_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { TerminalAnimation6_default as default };

package/dist/vitepress/components/terminal-animations/TerminalAnimation6.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
+import Typewriter from "typewriter-effect/dist/core";
+
+//#region src/vitepress/components/terminal-animations/TerminalAnimation6.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
+var TerminalAnimation6_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TerminalAnimation6",
+	props: { onAnimationComplete: { type: Function } },
+	setup(__props) {
+		const props = __props;
+		let typewriter;
+		onMounted(() => {
+			typewriter = new Typewriter(document.getElementById("terminal-code"), {
+				loop: false,
+				delay: 1
+			});
+			typewriter.typeString(`<span>$ vite build</span>`).pauseFor(200).pasteString(`<span class="block w-full h-[1rem]"></span>`).pasteString(`<div class="block"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">building for production</span></div>`).pauseFor(100).pasteString(`<div class="block">transforming...</div>`).pauseFor(400).pasteString(`<div class="block"><span class="text-zest">✓</span> <span class="text-grey">32 modules transformed...</span></div>`).pauseFor(300).pasteString(`<div class="block">rendering chunks...</div>`).pasteString(`<div class="block">computing gzip size...</div>`).pasteString(`<div class="block text-grey"><span class="w-72 inline-block">dist/<span class="text-white">index.html</span></span>&nbsp;&nbsp;0.46 kB | gzip:  0.30 kB</div>`).pasteString(`<div class="block text-grey"><span class="w-72 inline-block">dist/assets/<span class="text-vite">react-CHdo91hT.svg</span></span>&nbsp;&nbsp;4.13 kB | gzip:  2.05 kB</div>`).pasteString(`<div class="block text-grey"><span class="w-72 inline-block">dist/assets/<span class="text-electric">index-D8b4DHJx.css</span></span>&nbsp;&nbsp;1.39 kB | gzip:  0.71 kB</div>`).pasteString(`<div class="block text-grey"><span class="w-72 inline-block">dist/assets/<span class="text-aqua">index-CAl1KfkQ.js</span></span>188.06 kB | gzip: 59.21 kB</div>`).pasteString(`<div class="block"><span class="text-zest">✓ built in 308ms</span></div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).callFunction(() => {
+				if (props.onAnimationComplete) props.onAnimationComplete();
+			}).start();
+		});
+		onUnmounted(() => {
+			if (typewriter) typewriter.stop();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
+		};
+	}
+});
+
+//#endregion
+export { TerminalAnimation6_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vitepress/index.d.ts

@@ -0,0 +1,33 @@
+import * as vitepress0 from "vitepress";
+
+//#region src/vitepress/index.d.ts
+
+/**
+ * @voidzerodev/vitepress-theme
+ *
+ * Shared VitePress theme providing base styles, fonts, and design tokens
+ * for VoidZero projects.
+ *
+ * Usage:
+ * Extend this theme in your project's VitePress theme.
+ *
+ * @example
+ * ```ts
+ * // In your-project/.vitepress/theme/index.ts
+ * import Theme from '@voidzerodev/vitepress-theme'
+ * import './overrides.css' // Your project-specific styles
+ *
+ * export default {
+ *   extends: Theme,
+ *   Layout: YourLayout
+ * }
+ * ```
+ */
+declare const VPTheme: {
+  Layout: () => null;
+  enhanceApp({
+    app
+  }: vitepress0.EnhanceAppContext): void;
+};
+//#endregion
+export { VPTheme };

package/dist/vitepress/index.js

@@ -0,0 +1,21 @@
+import Footer_default from "./components/Footer.js";
+import Header_default from "./components/Header.js";
+import Terminal_default from "./components/Terminal.js";
+import Eyebrow_default from "./components/Eyebrow.js";
+import RiveAnimation_default from "./components/RiveAnimation.js";
+
+//#region src/vitepress/index.ts
+const VPTheme = {
+	Layout: () => null,
+	enhanceApp({ app }) {
+		app.component("Footer", Footer_default);
+		app.component("Header", Header_default);
+		app.component("Terminal", Terminal_default);
+		app.component("Eyebrow", Eyebrow_default);
+		app.component("RiveAnimation", RiveAnimation_default);
+	}
+};
+var vitepress_default = VPTheme;
+
+//#endregion
+export { VPTheme, vitepress_default as default };

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@voidzero-dev/vitepress-theme",
+  "version": "0.0.1",
+  "description": "Shared VitePress theme for VoidZero projects",
+  "type": "module",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./index.css": "./dist/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "vitepress": "^2.0.0-alpha.12",
+    "vue": "^3.5.0"
+  },
+  "dependencies": {
+    "@rive-app/canvas": "^2.31.6",
+    "@tailwindcss/typography": "^0.5.19",
+    "@tailwindcss/vite": "^4.1.13",
+    "reka-ui": "^2.5.1",
+    "tailwindcss": "^4.1.13",
+    "typewriter-effect": "^2.22.0"
+  },
+  "devDependencies": {
+    "tsdown": "^0.15.11",
+    "typescript": "^5.9.3",
+    "unplugin-vue": "^7.0.3",
+    "vue-tsc": "^3.1.2"
+  },
+  "scripts": {
+    "build": "tsdown"
+  }
+}