@voidzero-dev/vitepress-theme 0.1.33 → 0.1.35

package/dist/index41.js

@@ -1,28 +1,86 @@
-import { defineComponent as p, onMounted as l, onUnmounted as o, createElementBlock as r, openBlock as i, createElementVNode as c } from "vue";
-import d from "./index94.js";
-const m = { class: "font-mono text-sm text-white leading-[1.5rem]" }, f = /* @__PURE__ */ p({
-  __name: "TerminalAnimation1",
+import { createContext as f } from "./index96.js";
+import { useDirection as m } from "./index100.js";
+import { useForwardExpose as c } from "./index101.js";
+import { useId as v } from "./index103.js";
+import { Primitive as V } from "./index109.js";
+import { defineComponent as _, toRefs as b, ref as y, createBlock as h, openBlock as q, unref as o, withCtx as C, renderSlot as R } from "vue";
+import { useVModel as T } from "./index102.js";
+const [O, g] = f("TabsRoot");
+var M = /* @__PURE__ */ _({
+  __name: "TabsRoot",
   props: {
-    onAnimationComplete: { type: Function }
+    defaultValue: {
+      type: null,
+      required: !1
+    },
+    orientation: {
+      type: String,
+      required: !1,
+      default: "horizontal"
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    activationMode: {
+      type: String,
+      required: !1,
+      default: "automatic"
+    },
+    modelValue: {
+      type: null,
+      required: !1
+    },
+    unmountOnHide: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
   },
-  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)
-    ])]));
+  emits: ["update:modelValue"],
+  setup(l, { emit: d }) {
+    const e = l, u = d, { orientation: r, unmountOnHide: s, dir: n } = b(e), i = m(n);
+    c();
+    const a = T(e, "modelValue", u, {
+      defaultValue: e.defaultValue,
+      passive: e.modelValue === void 0
+    }), p = y();
+    return g({
+      modelValue: a,
+      changeModelValue: (t) => {
+        a.value = t;
+      },
+      orientation: r,
+      dir: i,
+      unmountOnHide: s,
+      activationMode: e.activationMode,
+      baseId: v(void 0, "reka-tabs"),
+      tabsList: p
+    }), (t, x) => (q(), h(o(V), {
+      dir: o(i),
+      "data-orientation": o(r),
+      "as-child": t.asChild,
+      as: t.as
+    }, {
+      default: C(() => [R(t.$slots, "default", { modelValue: o(a) })]),
+      _: 3
+    }, 8, [
+      "dir",
+      "data-orientation",
+      "as-child",
+      "as"
+    ]));
   }
-});
+}), j = M;
 export {
-  f as default
+  j as TabsRoot_default,
+  O as injectTabsRootContext
 };

package/dist/index42.js

@@ -1,32 +1,68 @@
-import { defineComponent as c, onMounted as m, onUnmounted as d, createElementBlock as u, openBlock as g, createElementVNode as x } from "vue";
-import f from "./index94.js";
-const v = { class: "font-mono text-sm text-white leading-[1.5rem]" }, h = /* @__PURE__ */ c({
-  __name: "TerminalAnimation2",
+import { useForwardExpose as p } from "./index101.js";
+import { Presence_default as c } from "./index107.js";
+import { Primitive as v } from "./index109.js";
+import { injectTabsRootContext as b } from "./index41.js";
+import { makeTriggerId as _, makeContentId as y } from "./index115.js";
+import { defineComponent as C, computed as n, ref as h, onMounted as g, createBlock as I, openBlock as k, unref as t, withCtx as u, createVNode as q, normalizeStyle as T, renderSlot as B, createCommentVNode as M } from "vue";
+var S = /* @__PURE__ */ C({
+  __name: "TabsContent",
   props: {
-    onAnimationComplete: { type: Function }
+    value: {
+      type: [String, Number],
+      required: !0
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
   },
-  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)
-    ])]));
+  setup(d) {
+    const o = d, { forwardRef: s } = p(), e = b(), m = n(() => _(e.baseId, o.value)), f = n(() => y(e.baseId, o.value)), r = n(() => o.value === e.modelValue.value), i = h(r.value);
+    return g(() => {
+      requestAnimationFrame(() => {
+        i.value = !1;
+      });
+    }), (a, w) => (k(), I(t(c), {
+      present: a.forceMount || r.value,
+      "force-mount": ""
+    }, {
+      default: u(({ present: l }) => [q(t(v), {
+        id: f.value,
+        ref: t(s),
+        "as-child": a.asChild,
+        as: a.as,
+        role: "tabpanel",
+        "data-state": r.value ? "active" : "inactive",
+        "data-orientation": t(e).orientation.value,
+        "aria-labelledby": m.value,
+        hidden: !l,
+        tabindex: "0",
+        style: T({ animationDuration: i.value ? "0s" : void 0 })
+      }, {
+        default: u(() => [!t(e).unmountOnHide.value || l ? B(a.$slots, "default", { key: 0 }) : M("v-if", !0)]),
+        _: 2
+      }, 1032, [
+        "id",
+        "as-child",
+        "as",
+        "data-state",
+        "data-orientation",
+        "aria-labelledby",
+        "hidden",
+        "style"
+      ])]),
+      _: 3
+    }, 8, ["present"]));
   }
-});
+}), F = S;
 export {
-  h as default
+  F as TabsContent_default
 };

package/dist/index43.js

@@ -1,28 +1,55 @@
-import { defineComponent as i, onMounted as o, onUnmounted as p, createElementBlock as l, openBlock as r, createElementVNode as c } from "vue";
-import m from "./index94.js";
-const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, g = /* @__PURE__ */ i({
-  __name: "TerminalAnimation3",
+import { useForwardExpose as u } from "./index101.js";
+import { Primitive as p } from "./index109.js";
+import { RovingFocusGroup_default as d } from "./index113.js";
+import { injectTabsRootContext as f } from "./index41.js";
+import { defineComponent as c, toRefs as m, createBlock as _, openBlock as v, unref as e, withCtx as r, createVNode as h, renderSlot as b } from "vue";
+var C = /* @__PURE__ */ c({
+  __name: "TabsList",
   props: {
-    onAnimationComplete: { type: Function }
+    loop: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
   },
   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)
-    ])]));
+    const i = a, { loop: s } = m(i), { forwardRef: n, currentElement: l } = u(), t = f();
+    return t.tabsList = l, (o, y) => (v(), _(e(d), {
+      "as-child": "",
+      orientation: e(t).orientation.value,
+      dir: e(t).dir.value,
+      loop: e(s)
+    }, {
+      default: r(() => [h(e(p), {
+        ref: e(n),
+        role: "tablist",
+        "as-child": o.asChild,
+        as: o.as,
+        "aria-orientation": e(t).orientation.value
+      }, {
+        default: r(() => [b(o.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "as-child",
+        "as",
+        "aria-orientation"
+      ])]),
+      _: 3
+    }, 8, [
+      "orientation",
+      "dir",
+      "loop"
+    ]));
   }
-});
+}), w = C;
 export {
-  g as default
+  w as TabsList_default
 };

package/dist/index44.js

@@ -1,28 +1,78 @@
-import { defineComponent as p, onMounted as l, onUnmounted as c, createElementBlock as i, openBlock as o, createElementVNode as r } from "vue";
-import m from "./index94.js";
-const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, g = /* @__PURE__ */ p({
-  __name: "TerminalAnimation4",
+import { useForwardExpose as p } from "./index101.js";
+import { Primitive as b } from "./index109.js";
+import { RovingFocusItem_default as m } from "./index114.js";
+import { injectTabsRootContext as c } from "./index41.js";
+import { makeTriggerId as g, makeContentId as y } from "./index115.js";
+import { defineComponent as T, computed as d, createBlock as w, openBlock as C, unref as t, withCtx as s, createVNode as I, withKeys as h, withModifiers as M, renderSlot as V } from "vue";
+var k = /* @__PURE__ */ T({
+  __name: "TabsTrigger",
   props: {
-    onAnimationComplete: { type: Function }
+    value: {
+      type: [String, Number],
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    }
   },
-  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)
-    ])]));
+  setup(u) {
+    const r = u, { forwardRef: n } = p(), a = c(), f = d(() => g(a.baseId, r.value)), v = d(() => y(a.baseId, r.value)), i = d(() => r.value === a.modelValue.value);
+    return (e, o) => (C(), w(t(m), {
+      "as-child": "",
+      focusable: !e.disabled,
+      active: i.value
+    }, {
+      default: s(() => [I(t(b), {
+        id: f.value,
+        ref: t(n),
+        role: "tab",
+        type: e.as === "button" ? "button" : void 0,
+        as: e.as,
+        "as-child": e.asChild,
+        "aria-selected": i.value ? "true" : "false",
+        "aria-controls": v.value,
+        "data-state": i.value ? "active" : "inactive",
+        disabled: e.disabled,
+        "data-disabled": e.disabled ? "" : void 0,
+        "data-orientation": t(a).orientation.value,
+        onMousedown: o[0] || (o[0] = M((l) => {
+          !e.disabled && l.ctrlKey === !1 ? t(a).changeModelValue(e.value) : l.preventDefault();
+        }, ["left"])),
+        onKeydown: o[1] || (o[1] = h((l) => t(a).changeModelValue(e.value), ["enter", "space"])),
+        onFocus: o[2] || (o[2] = () => {
+          const l = t(a).activationMode !== "manual";
+          !i.value && !e.disabled && l && t(a).changeModelValue(e.value);
+        })
+      }, {
+        default: s(() => [V(e.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "id",
+        "type",
+        "as",
+        "as-child",
+        "aria-selected",
+        "aria-controls",
+        "data-state",
+        "disabled",
+        "data-disabled",
+        "data-orientation"
+      ])]),
+      _: 3
+    }, 8, ["focusable", "active"]));
   }
-});
+}), A = k;
 export {
-  g as default
+  A as TabsTrigger_default
 };

package/dist/index45.js

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

package/dist/index46.js

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

package/dist/index47.js

@@ -1,4 +1,28 @@
-const C = "data:image/svg+xml,%3csvg%20viewBox='0%200%2091%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M27.3271%200C33.439%202.66469e-05%2036.6504%202.56908%2036.6504%207.5C36.6503%2012.4308%2033.4389%2015%2027.3271%2015C21.2156%2014.9999%2018.0245%2012.4307%2018.0244%207.5C18.0244%202.56914%2021.2155%209.51756e-05%2027.3271%200ZM70.0195%200C67.0714%204.22099%2067.0541%2010.7638%2070.0195%2015H68.0273C65.0612%2010.7638%2065.0785%204.22098%2068.0273%200H70.0195ZM88.2852%200C91.2333%204.22097%2091.2506%2010.7638%2088.2852%2015H86.293C89.2591%2010.7638%2089.2418%204.22099%2086.293%200H88.2852ZM78.1562%200.0205078C82.2875%200.0205671%2085.6357%203.36945%2085.6357%207.5C85.6357%2011.6306%2082.2868%2014.9794%2078.1562%2014.9795C74.0257%2014.9795%2070.6768%2011.6306%2070.6768%207.5C70.6768%203.36943%2074.0257%200.0205323%2078.1562%200.0205078ZM9.13672%2010.6904L12.9072%200.249023H18.0664L12.3477%2014.751H5.71777L0%200.249023H5.30371L9.13672%2010.6904ZM43.5293%2014.751H38.5566V0.249023H43.5293V14.751ZM55.166%200.249023C60.2005%200.249035%2063.0801%202.52763%2063.0801%207.5C63.08%2012.4722%2060.1798%2014.7509%2055.1455%2014.751H46.0498V0.249023H55.166ZM82.7119%204.3584C82.6014%204.11078%2082.27%204.06433%2082.0986%204.27441L75.6289%2012.209C75.4742%2012.3996%2075.5485%2012.6852%2075.7764%2012.7764C76.4463%2013.0443%2077.2391%2013.1768%2078.1562%2013.1768C81.5506%2013.1767%2083.2676%2011.3536%2083.2676%207.5C83.2676%206.23413%2083.0814%205.18989%2082.7119%204.3584ZM27.3271%203.56348C24.4475%203.56357%2023.1006%204.80673%2023.1006%207.5C23.1006%2010.1931%2024.4476%2011.4159%2027.3271%2011.416C30.2069%2011.416%2031.5537%2010.2139%2031.5537%207.5C31.5537%204.78594%2030.2069%203.5635%2027.3271%203.56348ZM51.0225%2011.2295H54.4619C56.8234%2011.2294%2057.9834%2010.2138%2057.9834%207.5C57.9834%204.78608%2056.8235%203.77064%2054.4619%203.77051H51.0225V11.2295ZM78.1562%201.84375C74.7426%201.84377%2073.0449%203.66711%2073.0449%207.5C73.0449%208.77075%2073.2304%209.82088%2073.6006%2010.6572C73.7106%2010.9054%2074.0426%2010.9515%2074.2139%2010.7412L80.6719%202.80566C80.8271%202.61506%2080.752%202.32972%2080.5234%202.23926C79.8556%201.97478%2079.0664%201.84376%2078.1562%201.84375Z'%20fill='%2308060D'/%3e%3c/svg%3e";
+import { defineComponent as i, onMounted as o, onUnmounted as p, createElementBlock as l, openBlock as r, createElementVNode as c } from "vue";
+import m from "./index121.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 {
-  C as default
+  g as default
 };

package/dist/index48.js

@@ -1,4 +1,28 @@
-const C = "data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M16%202.66699C14.2491%202.66699%2012.5152%203.01187%2010.8976%203.68193C9.2799%204.35199%207.81004%205.33412%206.57193%206.57224C4.07144%209.07272%202.66669%2012.4641%202.66669%2016.0003C2.66669%2021.8937%206.49335%2026.8937%2011.7867%2028.667C12.4534%2028.7737%2012.6667%2028.3603%2012.6667%2028.0003V25.747C8.97335%2026.547%208.18669%2023.9603%208.18669%2023.9603C7.57335%2022.4137%206.70669%2022.0003%206.70669%2022.0003C5.49335%2021.1737%206.80002%2021.2003%206.80002%2021.2003C8.13335%2021.2937%208.84002%2022.5737%208.84002%2022.5737C10%2024.6003%2011.96%2024.0003%2012.72%2023.6803C12.84%2022.8137%2013.1867%2022.227%2013.56%2021.8937C10.6%2021.5603%207.49335%2020.4137%207.49335%2015.3337C7.49335%2013.8537%208.00002%2012.667%208.86669%2011.7203C8.73335%2011.387%208.26669%2010.0003%209.00002%208.20033C9.00002%208.20033%2010.12%207.84033%2012.6667%209.56033C13.72%209.26699%2014.8667%209.12033%2016%209.12033C17.1334%209.12033%2018.28%209.26699%2019.3334%209.56033C21.88%207.84033%2023%208.20033%2023%208.20033C23.7334%2010.0003%2023.2667%2011.387%2023.1334%2011.7203C24%2012.667%2024.5067%2013.8537%2024.5067%2015.3337C24.5067%2020.427%2021.3867%2021.547%2018.4134%2021.8803C18.8934%2022.2937%2019.3334%2023.107%2019.3334%2024.347V28.0003C19.3334%2028.3603%2019.5467%2028.787%2020.2267%2028.667C25.52%2026.8803%2029.3334%2021.8937%2029.3334%2016.0003C29.3334%2014.2494%2028.9885%2012.5156%2028.3184%2010.8979C27.6484%209.2802%2026.6662%207.81035%2025.4281%206.57224C24.19%205.33412%2022.7201%204.35199%2021.1025%203.68193C19.4848%203.01187%2017.751%202.66699%2016%202.66699Z'%20fill='%23111213'/%3e%3c/svg%3e";
+import { defineComponent as p, onMounted as l, onUnmounted as c, createElementBlock as i, openBlock as o, createElementVNode as r } from "vue";
+import m from "./index121.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 {
-  C as default
+  g as default
 };

package/dist/index49.js

@@ -1,4 +1,28 @@
-const c = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Created%20with%20Inkscape%20(http://www.inkscape.org/)%20by%20Marsupilami%20--%3e%3csvg%20xmlns:svg='http://www.w3.org/2000/svg'%20xmlns='http://www.w3.org/2000/svg'%20id='svg103'%20version='1.1'%20width='1024'%20height='304'%20viewBox='-5.1991497%20-5.1991497%20618.5983094%20183.7032894'%3e%3cdefs%20id='defs100'%20/%3e%3cpath%20id='path69'%20d='m%20130.7,32.604995%20c%20-0.1,-0.9%20-0.9,-1.3%20-1.5,-1.4%20-0.6,-0.1%20-12.6,-0.2%20-12.6,-0.2%200,0%20-10.1,-9.799999%20-11.1,-10.799999%20-1,-1%20-2.9,-0.7%20-3.7,-0.5%200,0%20-1.9,0.6%20-5.1,1.6%20-0.5,-1.7%20-1.3,-3.8%20-2.4,-5.9%20C%2090.7,8.5049959%2085.5,4.9049963%2079.1,4.9049963%20c%20-0.4,0%20-0.9,0%20-1.3,0.1%20-0.2,-0.2%20-0.4,-0.4%20-0.6,-0.7%20-2.8,-3%20-6.3,-4.4%20-10.5,-4.3%20-8.2,0.2%20-16.3,6.0999996%20-23,16.6999997%20-4.7,7.4%20-8.2,16.699999%20-9.2,23.899999%20-9.4,2.9%20-16,4.9%20-16.1,5%20-4.7,1.5%20-4.9,1.6%20-5.5,6.1%20C%2012.4,55.004995%200,151.105%200,151.105%20l%20104.1,18%2045.1,-11.2%20c%200,0%20-18.4,-124.500005%20-18.5,-125.300005%20z%20M%2091.5,22.904996%20c%20-2.4,0.7%20-5.1,1.6%20-8.1,2.499999%20-0.1,-4.099999%20-0.6,-9.899999%20-2.5,-14.899999%206.3,1.2%209.3,8.2%2010.6,12.4%20z%20M%2078,27.104995%20c%20-5.5,1.7%20-11.4,3.5%20-17.4,5.4%201.7,-6.4%204.9,-12.799999%208.8,-16.999999%201.5,-1.6%203.5,-3.3%205.9,-4.3%202.3,4.7%202.7,11.4%202.7,15.899999%20z%20M%2066.8,5.5049959%20c%201.9,0%203.5,0.4%204.9,1.3%20-2.2,1.1%20-4.4,2.8%20-6.4,5.0000001%20-5.2,5.6%20-9.2,14.199999%20-10.8,22.599999%20-5,1.5%20-9.8,3%20-14.3,4.4%203,-13.2%2014,-32.8999991%2026.6,-33.2999991%20z'%20style='fill:%2395bf47'%20/%3e%3cpath%20id='path71'%20d='m%20129.2,31.204995%20c%20-0.6,-0.1%20-12.6,-0.2%20-12.6,-0.2%200,0%20-10.1,-9.799999%20-11.1,-10.799999%20-0.4,-0.4%20-0.9,-0.6%20-1.4,-0.6%20V%20169.105%20l%2045.1,-11.2%20c%200,0%20-18.4,-124.400005%20-18.5,-125.300005%20-0.2,-0.9%20-0.9,-1.3%20-1.5,-1.4%20z'%20style='fill:%235e8e3e'%20/%3e%3cpath%20id='path73'%20d='m%2079.1,54.404995%20-5.2,19.6%20c%200,0%20-5.8,-2.7%20-12.8,-2.2%20-10.2,0.6%20-10.3,7%20-10.2,8.7%200.6,8.8%2023.6,10.7%2024.9,31.200005%201,16.2%20-8.6,27.2%20-22.4,28.1%20-16.6,1%20-25.7,-8.7%20-25.7,-8.7%20l%203.5,-14.9%20c%200,0%209.2,6.9%2016.5,6.5%204.8,-0.3%206.5,-4.2%206.3,-7%20-0.7,-11.4%20-19.5,-10.8%20-20.7,-29.500005%20-1,-15.8%209.4,-31.8%2032.3,-33.3%209,-0.8%2013.5,1.5%2013.5,1.5%20z'%20style='fill:%23ffffff'%20/%3e%3cpath%20d='m%20210.3,96.204995%20c%20-5.2,-2.8%20-7.9,-5.2%20-7.9,-8.5%200,-4.2%203.7,-6.9%209.6,-6.9%206.8,0%2012.8,2.8%2012.8,2.8%20l%204.8,-14.6%20c%200,0%20-4.4,-3.4%20-17.3,-3.4%20-18,0%20-30.5,10.3%20-30.5,24.8%200,8.2%205.8,14.500005%2013.6,19.000005%206.3,3.6%208.5,6.1%208.5,9.9%200,3.9%20-3.1,7%20-9,7%20-8.7,0%20-16.9,-4.5%20-16.9,-4.5%20l%20-5.1,14.6%20c%200,0%207.6,5.1%2020.3,5.1%2018.5,0%2031.8,-9.1%2031.8,-25.5%200.1,-8.9%20-6.6,-15.2%20-14.7,-19.800005%20z%20m%2073.8,-30.8%20c%20-9.1,0%20-16.3,4.3%20-21.8,10.9%20l%20-0.3,-0.1%207.9,-41.4%20H%20249.3%20L%20229.3,140.105%20h%2020.6%20l%206.9,-36%20c%202.7,-13.600005%209.7,-22.000005%2016.3,-22.000005%204.6,0%206.4,3.1%206.4,7.6%200,2.8%20-0.3,6.3%20-0.9,9.1%20L%20270.8,140.005%20h%2020.6%20l%208.1,-42.600005%20c%200.9,-4.5%201.5,-9.9%201.5,-13.4%200,-11.5%20-6.2,-18.6%20-16.9,-18.6%20z%20m%2063.5,0%20c%20-24.8,0%20-41.2,22.4%20-41.2,47.400005%200,16%209.9,28.8%2028.4,28.8%2024.3,0%2040.8,-21.8%2040.8,-47.400005%20-0.1,-14.7%20-8.8,-28.8%20-28,-28.8%20z%20M%20337.4,125.805%20c%20-7,0%20-10,-6%20-10,-13.4%200,-11.8%206.1,-31.100005%2017.3,-31.100005%207.3,0%209.7,6.3%209.7,12.4%200,12.700005%20-6.1,32.100005%20-17,32.100005%20z%20m%2090.8,-60.400005%20c%20-13.9,0%20-21.8,12.2%20-21.8,12.2%20h%20-0.3%20l%201.2,-11.1%20h%20-18.2%20c%20-0.9,7.5%20-2.5,18.8%20-4.2,27.3%20L%20370.6,169.205%20h%2020.6%20l%205.7,-30.5%20h%200.4%20c%200,0%204.2,2.7%2012.1,2.7%2024.2,0%2040,-24.8%2040,-49.900005%200.1,-13.7%20-6.1,-26.1%20-21.2,-26.1%20z%20M%20408.5,126.105%20c%20-5.4,0%20-8.5,-3%20-8.5,-3%20l%203.4,-19.3%20c%202.4,-12.800005%209.1,-21.400005%2016.3,-21.400005%206.3,0%208.2,5.8%208.2,11.4%20C%20427.9,107.105%20420,126.105%20408.5,126.105%20Z%20m%2070.4,-90.200005%20c%20-6.6,0%20-11.8,5.2%20-11.8,12%200,6.1%203.9,10.3%209.7,10.3%20h%200.3%20c%206.4,0%2012,-4.3%2012.1,-12%200,-6%20-4,-10.3%20-10.3,-10.3%20z%20M%20450.1,140.105%20h%2020.6%20l%2014,-73.000005%20h%20-20.8%20z%20m%2087,-73.200005%20h%20-14.3%20l%200.7,-3.4%20c%201.2,-7%205.4,-13.3%2012.2,-13.3%203.7,0%206.6,1%206.6,1%20l%204,-16.1%20c%200,0%20-3.6,-1.8%20-11.2,-1.8%20-7.3,0%20-14.6,2.1%20-20.2,6.9%20-7,6%20-10.3,14.6%20-12,23.3%20l%20-0.6,3.4%20h%20-9.6%20l%20-3,15.5%20h%209.6%20L%20488.4,140.105%20H%20509%20l%2010.9,-57.700005%20h%2014.2%20z%20m%2049.6,0.2%20c%200,0%20-12.9,32.5%20-18.7,50.200005%20h%20-0.3%20c%20-0.4,-5.7%20-5.1,-50.200005%20-5.1,-50.200005%20H%20541%20L%20553.4,134.205%20c%200.3,1.5%200.1,2.4%20-0.4,3.4%20-2.4,4.6%20-6.4,9.1%20-11.2,12.4%20-3.9,2.8%20-8.2,4.6%20-11.7,5.8%20l%205.7,17.5%20c%204.2,-0.9%2012.8,-4.3%2020.2,-11.2%209.4,-8.8%2018.1,-22.4%2027,-40.9%20l%2025.2,-54.100005%20z'%20id='path75'%20/%3e%3c/svg%3e%3c!--%20version:%2020171223,%20original%20size:%20608.20001%20173.30499,%20border:%203%25%20--%3e";
+import { defineComponent as p, onMounted as l, onUnmounted as o, createElementBlock as i, openBlock as r, createElementVNode as c } from "vue";
+import m from "./index121.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 {
-  c as default
+  x as default
 };