@voidzero-dev/vitepress-theme 0.0.17 → 0.1.32

package/dist/index4.js

@@ -0,0 +1,157 @@
+import { defineComponent as w, ref as d, onMounted as V, onUnmounted as C, createElementBlock as k, openBlock as _, createElementVNode as A, normalizeClass as x, createBlock as E, createCommentVNode as N, unref as a, withCtx as n, createVNode as e, createTextVNode as r } from "vue";
+import { TabsRoot as $, TabsList as I, TabsTrigger as i, TabsContent as u } from "reka-ui";
+import z from "./index40.js";
+import B from "./index41.js";
+import O from "./index42.js";
+import R from "./index43.js";
+import U from "./index44.js";
+import j from "./index45.js";
+const D = 1500, J = /* @__PURE__ */ w({
+  __name: "Terminal",
+  setup(L) {
+    const f = d("tab1"), v = d(!0);
+    let o = null;
+    const b = d(null), s = d(!1);
+    let m = null;
+    const c = ["tab1", "tab2", "tab3", "tab4", "tab5", "tab6"], T = () => {
+      const t = (c.indexOf(f.value) + 1) % c.length;
+      f.value = c[t];
+    }, l = () => {
+      v.value && (o && clearTimeout(o), o = setTimeout(() => {
+        T();
+      }, D));
+    }, g = () => {
+      v.value = !1, o && (clearTimeout(o), o = null);
+    };
+    return V(() => {
+      b.value && (m = new IntersectionObserver(
+        (p) => {
+          p.forEach((t) => {
+            t.isIntersecting && !s.value && (s.value = !0, m?.disconnect());
+          });
+        },
+        {
+          threshold: 0.2,
+          // Trigger when 20% of the element is visible
+          rootMargin: "0px"
+        }
+      ), m.observe(b.value));
+    }), C(() => {
+      o && clearTimeout(o), m && m.disconnect();
+    }), (p, t) => (_(), k("section", {
+      ref_key: "sectionRef",
+      ref: b,
+      class: "wrapper border-t h-[40rem] bg-wine terminal-background flex justify-center pt-28 overflow-clip"
+    }, [
+      A("div", {
+        class: x([
+          "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",
+          s.value ? "translate-y-0" : "translate-y-24"
+        ]),
+        style: { "transition-timing-function": "cubic-bezier(0.16, 1, 0.3, 1)" }
+      }, [
+        s.value ? (_(), E(a($), {
+          key: 0,
+          modelValue: f.value,
+          "onUpdate:modelValue": [
+            t[0] || (t[0] = (y) => f.value = y),
+            g
+          ]
+        }, {
+          default: n(() => [
+            e(a(I), {
+              "aria-label": "features",
+              class: x([
+                "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",
+                s.value ? "translate-y-0" : "translate-y-12"
+              ]),
+              style: { "transition-timing-function": "cubic-bezier(0.16, 1, 0.3, 1)" }
+            }, {
+              default: n(() => [
+                e(a(i), { value: "tab1" }, {
+                  default: n(() => [...t[1] || (t[1] = [
+                    r(" new ", -1)
+                  ])]),
+                  _: 1
+                }),
+                e(a(i), { value: "tab2" }, {
+                  default: n(() => [...t[2] || (t[2] = [
+                    r(" dev ", -1)
+                  ])]),
+                  _: 1
+                }),
+                e(a(i), { value: "tab3" }, {
+                  default: n(() => [...t[3] || (t[3] = [
+                    r(" lint ", -1)
+                  ])]),
+                  _: 1
+                }),
+                e(a(i), { value: "tab4" }, {
+                  default: n(() => [...t[4] || (t[4] = [
+                    r(" fmt ", -1)
+                  ])]),
+                  _: 1
+                }),
+                e(a(i), { value: "tab5" }, {
+                  default: n(() => [...t[5] || (t[5] = [
+                    r(" test ", -1)
+                  ])]),
+                  _: 1
+                }),
+                e(a(i), { value: "tab6" }, {
+                  default: n(() => [...t[6] || (t[6] = [
+                    r(" build ", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["class"]),
+            e(a(u), { value: "tab1" }, {
+              default: n(() => [
+                e(z, { "on-animation-complete": l })
+              ]),
+              _: 1
+            }),
+            e(a(u), { value: "tab2" }, {
+              default: n(() => [
+                e(B, { "on-animation-complete": l })
+              ]),
+              _: 1
+            }),
+            e(a(u), { value: "tab3" }, {
+              default: n(() => [
+                e(O, { "on-animation-complete": l })
+              ]),
+              _: 1
+            }),
+            e(a(u), { value: "tab4" }, {
+              default: n(() => [
+                e(R, { "on-animation-complete": l })
+              ]),
+              _: 1
+            }),
+            e(a(u), { value: "tab5" }, {
+              default: n(() => [
+                e(U, { "on-animation-complete": l })
+              ]),
+              _: 1
+            }),
+            e(a(u), { value: "tab6" }, {
+              default: n(() => [
+                e(j, { "on-animation-complete": l })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : N("", !0)
+      ], 2)
+    ], 512));
+  }
+});
+export {
+  J as default
+};

package/dist/index40.js

@@ -0,0 +1,28 @@
+import { defineComponent as p, onMounted as l, onUnmounted as o, createElementBlock as r, openBlock as i, createElementVNode as c } from "vue";
+import d from "./index81.js";
+const m = { class: "font-mono text-sm text-white leading-[1.5rem]" }, f = /* @__PURE__ */ p({
+  __name: "TerminalAnimation1",
+  props: {
+    onAnimationComplete: { type: Function }
+  },
+  setup(a) {
+    const s = a;
+    let e;
+    return l(() => {
+      const t = document.getElementById("terminal-code");
+      e = new d(t, {
+        loop: !1,
+        delay: 1
+      }), e.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(() => {
+        s.onAnimationComplete && s.onAnimationComplete();
+      }).start();
+    }), o(() => {
+      e && e.stop();
+    }), (t, n) => (i(), r("p", m, [...n[0] || (n[0] = [
+      c("span", { id: "terminal-code" }, null, -1)
+    ])]));
+  }
+});
+export {
+  f as default
+};

package/dist/index41.js

@@ -0,0 +1,32 @@
+import { defineComponent as c, onMounted as m, onUnmounted as d, createElementBlock as u, openBlock as g, createElementVNode as x } from "vue";
+import f from "./index81.js";
+const v = { class: "font-mono text-sm text-white leading-[1.5rem]" }, h = /* @__PURE__ */ c({
+  __name: "TerminalAnimation2",
+  props: {
+    onAnimationComplete: { type: Function }
+  },
+  setup(a) {
+    const n = a;
+    let e;
+    return m(() => {
+      const s = /* @__PURE__ */ new Date();
+      let t = s.getHours();
+      const o = s.getMinutes().toString().padStart(2, "0"), p = s.getSeconds().toString().padStart(2, "0"), i = t >= 12 ? "pm" : "am";
+      t = t % 12 || 12;
+      const l = `${t}:${o}:${p} ${i}`, r = document.getElementById("terminal-code");
+      e = new f(r, {
+        loop: !1,
+        delay: 1
+      }), e.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">${l} <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(() => {
+        n.onAnimationComplete && n.onAnimationComplete();
+      }).start();
+    }), d(() => {
+      e && e.stop();
+    }), (s, t) => (g(), u("p", v, [...t[0] || (t[0] = [
+      x("span", { id: "terminal-code" }, null, -1)
+    ])]));
+  }
+});
+export {
+  h as default
+};

package/dist/index42.js

@@ -0,0 +1,28 @@
+import { defineComponent as i, onMounted as o, onUnmounted as p, createElementBlock as l, openBlock as r, createElementVNode as c } from "vue";
+import m from "./index81.js";
+const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, g = /* @__PURE__ */ i({
+  __name: "TerminalAnimation3",
+  props: {
+    onAnimationComplete: { type: Function }
+  },
+  setup(a) {
+    const e = a;
+    let t;
+    return o(() => {
+      const n = document.getElementById("terminal-code");
+      t = new m(n, {
+        loop: !1,
+        delay: 1
+      }), t.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(() => {
+        e.onAnimationComplete && e.onAnimationComplete();
+      }).start();
+    }), p(() => {
+      t && t.stop();
+    }), (n, s) => (r(), l("p", d, [...s[0] || (s[0] = [
+      c("span", { id: "terminal-code" }, null, -1)
+    ])]));
+  }
+});
+export {
+  g as default
+};

package/dist/index43.js

@@ -0,0 +1,28 @@
+import { defineComponent as p, onMounted as l, onUnmounted as c, createElementBlock as i, openBlock as o, createElementVNode as r } from "vue";
+import m from "./index81.js";
+const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, g = /* @__PURE__ */ p({
+  __name: "TerminalAnimation4",
+  props: {
+    onAnimationComplete: { type: Function }
+  },
+  setup(e) {
+    const t = e;
+    let s;
+    return l(() => {
+      const a = document.getElementById("terminal-code");
+      s = new m(a, {
+        loop: !1,
+        delay: 1
+      }), s.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(() => {
+        t.onAnimationComplete && t.onAnimationComplete();
+      }).start();
+    }), c(() => {
+      s && s.stop();
+    }), (a, n) => (o(), i("p", d, [...n[0] || (n[0] = [
+      r("span", { id: "terminal-code" }, null, -1)
+    ])]));
+  }
+});
+export {
+  g as default
+};

package/dist/index44.js

@@ -0,0 +1,28 @@
+import { defineComponent as p, onMounted as l, onUnmounted as o, createElementBlock as i, openBlock as r, createElementVNode as c } from "vue";
+import m from "./index81.js";
+const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, x = /* @__PURE__ */ p({
+  __name: "TerminalAnimation5",
+  props: {
+    onAnimationComplete: { type: Function }
+  },
+  setup(n) {
+    const t = n;
+    let s;
+    return l(() => {
+      const e = document.getElementById("terminal-code");
+      s = new m(e, {
+        loop: !1,
+        delay: 1
+      }), s.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(() => {
+        t.onAnimationComplete && t.onAnimationComplete();
+      }).start();
+    }), o(() => {
+      s && s.stop();
+    }), (e, a) => (r(), i("p", d, [...a[0] || (a[0] = [
+      c("span", { id: "terminal-code" }, null, -1)
+    ])]));
+  }
+});
+export {
+  x as default
+};

package/dist/index45.js

@@ -0,0 +1,28 @@
+import { defineComponent as i, onMounted as p, onUnmounted as l, createElementBlock as o, openBlock as c, createElementVNode as r } from "vue";
+import d from "./index81.js";
+const m = { class: "font-mono text-sm text-white leading-[1.5rem]" }, b = /* @__PURE__ */ i({
+  __name: "TerminalAnimation6",
+  props: {
+    onAnimationComplete: { type: Function }
+  },
+  setup(a) {
+    const t = a;
+    let s;
+    return p(() => {
+      const n = document.getElementById("terminal-code");
+      s = new d(n, {
+        loop: !1,
+        delay: 1
+      }), s.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(() => {
+        t.onAnimationComplete && t.onAnimationComplete();
+      }).start();
+    }), l(() => {
+      s && s.stop();
+    }), (n, e) => (c(), o("p", m, [...e[0] || (e[0] = [
+      r("span", { id: "terminal-code" }, null, -1)
+    ])]));
+  }
+});
+export {
+  b as default
+};

package/dist/index46.js

@@ -0,0 +1,4 @@
+import f from "./index40.js";
+export {
+  f as default
+};

package/dist/index47.js

@@ -0,0 +1,4 @@
+import f from "./index41.js";
+export {
+  f as default
+};

package/dist/index48.js

@@ -0,0 +1,4 @@
+import f from "./index42.js";
+export {
+  f as default
+};

package/dist/index49.js

@@ -0,0 +1,4 @@
+import f from "./index43.js";
+export {
+  f as default
+};

package/dist/index5.js

@@ -0,0 +1,15 @@
+import { defineComponent as t, createElementBlock as o, openBlock as n, createElementVNode as r, toDisplayString as s } from "vue";
+const c = { class: "wrapper wrapper--ticks border-t p-5 pl-10" }, p = { class: "text-nickel dark:text-white text-xs font-medium font-mono uppercase tracking-wide" }, m = /* @__PURE__ */ t({
+  __name: "Eyebrow",
+  props: {
+    title: {}
+  },
+  setup(e) {
+    return (a, i) => (n(), o("section", c, [
+      r("span", p, s(e.title), 1)
+    ]));
+  }
+});
+export {
+  m as default
+};

package/dist/index50.js

@@ -0,0 +1,4 @@
+import f from "./index44.js";
+export {
+  f as default
+};

package/dist/index51.js

@@ -0,0 +1,4 @@
+import f from "./index45.js";
+export {
+  f as default
+};