@voidzero-dev/vitepress-theme 0.1.36 → 0.1.38

package/dist/index27.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, createElementBlock as d, openBlock as r, createStaticVNode as i, createVNode as n, unref as t } from "vue";
 import l from "./index6.js";
-import a from "./index84.js";
+import a from "./index70.js";
 const p = { class: "wrapper flex flex-col justify-start items-center gap-6 pt-20 pb-10" }, x = /* @__PURE__ */ s({
   __name: "Hero",
   setup(o) {

package/dist/index3.js

@@ -1,7 +1,7 @@
 import { defineComponent as o, createElementBlock as l, openBlock as a, createElementVNode as e, createStaticVNode as i, createVNode as s, createTextVNode as r, toDisplayString as n } from "vue";
-import p from "./index40.js";
-import d from "./index41.js";
-import c from "./index42.js";
+import p from "./index67.js";
+import d from "./index68.js";
+import c from "./index69.js";
 const x = {
   class: "bg-primary",
   "data-theme": "dark"

package/dist/index34.js

@@ -1,17 +1,17 @@
 import { defineComponent as _, ref as h, onMounted as y, onUnmounted as k, createElementBlock as c, openBlock as d, createElementVNode as t, Fragment as j, renderList as V, normalizeClass as i, createTextVNode as C, toDisplayString as z, createVNode as m, createCommentVNode as x } from "vue";
-import u from "./index45.js";
+import u from "./index73.js";
 import I from "./index6.js";
-import A from "./index46.js";
-import E from "./index47.js";
-import R from "./index48.js";
-import T from "./index49.js";
-import S from "./index50.js";
-import N from "./index51.js";
-import O from "./index52.js";
-import J from "./index53.js";
-import P from "./index54.js";
-import B from "./index55.js";
-import X from "./index56.js";
+import A from "./index55.js";
+import E from "./index56.js";
+import R from "./index57.js";
+import T from "./index58.js";
+import S from "./index74.js";
+import N from "./index75.js";
+import O from "./index76.js";
+import J from "./index77.js";
+import P from "./index78.js";
+import B from "./index79.js";
+import X from "./index80.js";
 const $ = { class: "wrapper wrapper--ticks border-t flex" }, D = { class: "w-72 p-10 sticky top-0 self-start hidden md:flex flex-col" }, H = { class: "flex flex-col gap-4" }, M = ["onClick"], F = ["src", "alt"], L = { class: "w-full md:border-l border-nickel" }, U = { class: "flex flex-col p-10 justify-between gap-20" }, q = { class: "flex flex-col gap-5 max-w-[20rem]" }, G = ["href"], K = { class: "flex flex-col min-h-[22rem] sm:min-h-[30rem]" }, Q = { class: "relative pl-10 h-full flex flex-col justify-center overflow-clip" }, W = ["src"], Y = { class: "flex flex-col p-10 justify-between gap-20" }, Z = { class: "flex flex-col gap-5 max-w-[20rem]" }, tt = ["href"], et = { class: "flex flex-col min-h-[22rem] sm:min-h-[30rem]" }, ot = { class: "relative pl-10 h-full flex flex-col justify-end overflow-clip pt-10 sm:pt-0" }, st = ["src"], lt = { class: "flex flex-col p-10 justify-between gap-20" }, it = { class: "flex flex-col gap-5 max-w-[20rem]" }, rt = ["href"], nt = { class: "flex flex-col min-h-[22rem] sm:min-h-[30rem]" }, at = { class: "relative pl-10 h-full flex flex-col justify-center overflow-clip py-10 sm:py-0" }, ct = ["src"], dt = { class: "flex flex-col p-10 justify-between gap-20" }, mt = { class: "flex flex-col gap-5 max-w-[20rem]" }, ft = ["href"], ut = { class: "flex flex-col min-h-[22rem] sm:min-h-[30rem]" }, pt = { class: "relative pl-10 h-full flex flex-col justify-center overflow-clip" }, Et = /* @__PURE__ */ _({
   __name: "OpenSourceSectionProjects",
   setup(xt) {

package/dist/index36.js

@@ -1,11 +1,11 @@
 import { defineComponent as I, ref as v, onMounted as M, onUnmounted as A, createElementBlock as o, openBlock as s, createElementVNode as e, Fragment as m, renderList as p, normalizeClass as _, toDisplayString as g, createCommentVNode as V } from "vue";
-import f from "./index85.js";
-import B from "./index86.js";
-import c from "./index87.js";
-import y from "./index46.js";
-import w from "./index47.js";
-import x from "./index48.js";
-import k from "./index49.js";
+import f from "./index52.js";
+import B from "./index53.js";
+import c from "./index54.js";
+import y from "./index55.js";
+import w from "./index56.js";
+import x from "./index57.js";
+import k from "./index58.js";
 const F = { class: "wrapper" }, L = { class: "bg-wine case-study-background" }, D = { class: "flex py-20" }, H = ["src", "alt"], P = { class: "text-white text-balance max-w-[20rem] pt-5" }, j = { class: "absolute bottom-0 left-0 right-0 flex gap-4 px-10 py-4 border-t border-slate items-center" }, z = ["href"], O = { class: "project-icon" }, $ = ["src", "alt"], E = {
   key: 0,
   class: "text-grey text-xs font-mono uppercase tracking-wide"

package/dist/index38.js

@@ -1,11 +1,11 @@
 import { defineComponent as x, ref as l, computed as g, onMounted as y, onUnmounted as h, createElementBlock as w, openBlock as b, Fragment as k, createElementVNode as t, createStaticVNode as c, createTextVNode as C, createVNode as S, unref as f } from "vue";
-import _ from "./index77.js";
-import "./index78.js";
-import "./index79.js";
-import A from "./index80.js";
-import B from "./index81.js";
-import { Chart as F } from "./index82.js";
-import { continuous as N } from "./index83.js";
+import _ from "./index81.js";
+import "./index82.js";
+import "./index83.js";
+import A from "./index84.js";
+import B from "./index85.js";
+import { Chart as F } from "./index86.js";
+import { continuous as N } from "./index87.js";
 const P = { class: "wrapper wrapper--ticks border-t grid grid-cols-2 divide-x divide-ceramic" }, T = { class: "p-10 flex flex-col justify-between" }, z = /* @__PURE__ */ x({
   __name: "Statistics",
   props: {

package/dist/index4.js

@@ -1,14 +1,14 @@
 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_default as $ } from "./index67.js";
-import { TabsContent_default as i } from "./index68.js";
-import { TabsList_default as I } from "./index69.js";
-import { TabsTrigger_default as u } from "./index70.js";
-import z from "./index71.js";
-import B from "./index72.js";
-import O from "./index73.js";
-import R from "./index74.js";
-import U from "./index75.js";
-import j from "./index76.js";
+import { TabsRoot_default as $ } from "./index40.js";
+import { TabsContent_default as i } from "./index41.js";
+import { TabsList_default as I } from "./index42.js";
+import { TabsTrigger_default as u } from "./index43.js";
+import z from "./index44.js";
+import B from "./index45.js";
+import O from "./index46.js";
+import R from "./index47.js";
+import U from "./index48.js";
+import j from "./index49.js";
 const D = 1500, W = /* @__PURE__ */ w({
   __name: "Terminal",
   setup(L) {

package/dist/index40.js

@@ -1,20 +1,86 @@
-import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-import r from "./index29.js";
-const n = {}, s = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "aria-hidden": "true",
-  focusable: "false",
-  viewBox: "0 0 24 24"
-};
-function l(f, c) {
-  return t(), e("svg", s, [...c[0] || (c[0] = [
-    o("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)
-  ])]);
-}
-const d = /* @__PURE__ */ r(n, [["render", l]]);
+import { createContext as f } from "./index99.js";
+import { useDirection as m } from "./index103.js";
+import { useForwardExpose as c } from "./index104.js";
+import { useId as v } from "./index106.js";
+import { Primitive as V } from "./index112.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 "./index105.js";
+const [O, g] = f("TabsRoot");
+var M = /* @__PURE__ */ _({
+  __name: "TabsRoot",
+  props: {
+    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
+    }
+  },
+  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 {
-  d as default
+  j as TabsRoot_default,
+  O as injectTabsRootContext
 };

package/dist/index41.js

@@ -1,20 +1,68 @@
-import { createElementBlock as c, openBlock as o, createElementVNode as t } from "vue";
-import r from "./index29.js";
-const n = {}, l = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "aria-hidden": "true",
-  focusable: "false",
-  viewBox: "0 0 24 24"
-};
-function s(f, e) {
-  return o(), c("svg", l, [...e[0] || (e[0] = [
-    t("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)
-  ])]);
-}
-const d = /* @__PURE__ */ r(n, [["render", s]]);
+import { useForwardExpose as p } from "./index104.js";
+import { Presence_default as c } from "./index110.js";
+import { Primitive as v } from "./index112.js";
+import { injectTabsRootContext as b } from "./index40.js";
+import { makeTriggerId as _, makeContentId as y } from "./index118.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: {
+    value: {
+      type: [String, Number],
+      required: !0
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !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 {
-  d as default
+  F as TabsContent_default
 };

package/dist/index42.js

@@ -1,20 +1,55 @@
-import { createElementBlock as c, openBlock as t, createElementVNode as o } from "vue";
-import r from "./index29.js";
-const n = {}, l = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "aria-hidden": "true",
-  focusable: "false",
-  viewBox: "0 0 24 24"
-};
-function s(a, e) {
-  return t(), c("svg", l, [...e[0] || (e[0] = [
-    o("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)
-  ])]);
-}
-const d = /* @__PURE__ */ r(n, [["render", s]]);
+import { useForwardExpose as u } from "./index104.js";
+import { Primitive as p } from "./index112.js";
+import { RovingFocusGroup_default as d } from "./index116.js";
+import { injectTabsRootContext as f } from "./index40.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: {
+    loop: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(a) {
+    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 {
-  d as default
+  w as TabsList_default
 };

package/dist/index43.js

@@ -1,27 +1,78 @@
-import { getDefaultExportFromCjs as n } from "./index96.js";
-import { __require as s } from "./index88.js";
-function u(t, a) {
-  for (var o = 0; o < a.length; o++) {
-    const e = a[o];
-    if (typeof e != "string" && !Array.isArray(e)) {
-      for (const r in e)
-        if (r !== "default" && !(r in t)) {
-          const i = Object.getOwnPropertyDescriptor(e, r);
-          i && Object.defineProperty(t, r, i.get ? i : {
-            enumerable: !0,
-            get: () => e[r]
-          });
-        }
+import { useForwardExpose as p } from "./index104.js";
+import { Primitive as b } from "./index112.js";
+import { RovingFocusItem_default as m } from "./index117.js";
+import { injectTabsRootContext as c } from "./index40.js";
+import { makeTriggerId as g, makeContentId as y } from "./index118.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: {
+    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(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"]));
   }
-  return Object.freeze(Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }));
-}
-var f = s();
-const c = /* @__PURE__ */ n(f), g = /* @__PURE__ */ u({
-  __proto__: null,
-  default: c
-}, [f]);
+}), A = k;
 export {
-  c as default,
-  g as r
+  A as TabsTrigger_default
 };

package/dist/index44.js

@@ -1,4 +1,28 @@
-const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%20103%2015'%3e%3cpath%20fill='%2308060d'%20d='M9.137%2010.691%2012.907.249h5.16l-5.72%2014.503h-6.63L0%20.249h5.304zm15.622%204.06h-4.973V.25h4.973zM42.817%203.813h-5.573v10.94h-4.971V3.812h-5.574V.25h16.118zm16.257-.04h-9.343v1.946h9.199v3.418h-9.2v2.093h9.614v3.523H44.759V.249h14.315zm10.934%201.946h5.573v3.418h-5.573v5.616h-3.564V9.136h-5.573V5.718h5.573V.248h3.564z'/%3e%3cpath%20fill='%236254fe'%20d='M91.184%2014.654a.363.363%200%200%201-.648-.224v-3.303c0-.4-.324-.725-.725-.725h-3.647c-.295%200-.467-.334-.295-.573l2.398-3.357a.725.725%200%200%200-.59-1.147h-4.414c-.295%200-.467-.334-.295-.574L86.076.4a.36.36%200%200%201%20.295-.152h9.263c.295%200%20.467.334.295.573l-2.398%203.358a.725.725%200%200%200%20.59%201.147h3.648c.302%200%20.472.348.285.587z'/%3e%3cmask%20id='a'%20width='17'%20height='15'%20x='82'%20y='0'%20maskUnits='userSpaceOnUse'%20style='mask-type:alpha'%3e%3cpath%20fill='%23833bff'%20d='M91.184%2014.654a.363.363%200%200%201-.648-.224v-3.303c0-.4-.324-.725-.725-.725h-3.647c-.295%200-.467-.334-.295-.573l2.398-3.357a.725.725%200%200%200-.59-1.147h-4.414c-.295%200-.467-.334-.295-.574L86.076.4a.36.36%200%200%201%20.295-.152h9.263c.295%200%20.467.334.295.573l-2.398%203.358a.725.725%200%200%200%20.59%201.147h3.648c.302%200%20.472.348.285.587z'/%3e%3c/mask%3e%3cg%20mask='url(%23a)'%3e%3cg%20filter='url(%23b)'%3e%3cellipse%20cx='1.766'%20cy='4.714'%20fill='%23ede6ff'%20rx='1.766'%20ry='4.714'%20transform='rotate(89.814%2035.524%2046.024)scale(1%20-1)'/%3e%3c/g%3e%3cg%20filter='url(%23c)'%3e%3cellipse%20cx='3.334'%20cy='9.57'%20fill='%23ede6ff'%20rx='3.334'%20ry='9.57'%20transform='rotate(89.814%2033.737%2036.63)scale(1%20-1)'/%3e%3c/g%3e%3cg%20filter='url(%23d)'%3e%3cellipse%20cx='1.766'%20cy='9.774'%20fill='%234e14ff'%20rx='1.766'%20ry='9.774'%20transform='rotate(89.814%2033.002%2036.998)scale(1%20-1)'/%3e%3c/g%3e%3cg%20filter='url(%23e)'%3e%3cellipse%20cx='1.766'%20cy='9.81'%20fill='%234e14ff'%20rx='1.766'%20ry='9.81'%20transform='rotate(89.814%2030.844%2040.622)scale(1%20-1)'/%3e%3c/g%3e%3cg%20filter='url(%23f)'%3e%3cellipse%20cx='1.766'%20cy='9.81'%20fill='%234e14ff'%20rx='1.766'%20ry='9.81'%20transform='rotate(89.814%2030.904%2041.053)scale(1%20-1)'/%3e%3c/g%3e%3cg%20filter='url(%23g)'%3e%3cellipse%20cx='4.511'%20cy='7.078'%20fill='%23ede6ff'%20rx='4.511'%20ry='7.078'%20transform='rotate(93.35%2049.173%2054.748)scale(-1%201)'/%3e%3c/g%3e%3cg%20filter='url(%23h)'%3e%3cellipse%20cx='1.113'%20cy='6.893'%20fill='%234e14ff'%20rx='1.113'%20ry='6.893'%20transform='rotate(89.009%2050.51%2057.537)scale(-1%201)'/%3e%3c/g%3e%3cg%20filter='url(%23i)'%3e%3cellipse%20cx='1.113'%20cy='6.893'%20fill='%234e14ff'%20rx='1.113'%20ry='6.893'%20transform='rotate(89.009%2050.51%2057.537)scale(-1%201)'/%3e%3c/g%3e%3cg%20filter='url(%23j)'%3e%3cellipse%20cx='82.99'%20cy='3.123'%20fill='%234e14ff'%20rx='1.413'%20ry='9.332'%20transform='rotate(39.51%2082.99%203.123)'/%3e%3c/g%3e%3cg%20filter='url(%23k)'%3e%3cellipse%20cx='98.102'%20cy='-1.706'%20fill='%234e14ff'%20rx='1.413'%20ry='9.332'%20transform='rotate(37.892%2098.102%20-1.706)'/%3e%3c/g%3e%3cg%20filter='url(%23l)'%3e%3cellipse%20cx='95.97'%20cy='3.395'%20fill='%232bfdd2'%20rx='2.655'%20ry='4.005'%20transform='rotate(37.892%2095.97%203.395)'/%3e%3c/g%3e%3cg%20filter='url(%23m)'%3e%3cellipse%20cx='82.264'%20cy='12.536'%20fill='%234e14ff'%20rx='1.413'%20ry='9.332'%20transform='rotate(37.892%2082.264%2012.536)'/%3e%3c/g%3e%3cg%20filter='url(%23n)'%3e%3cellipse%20cx='82.264'%20cy='12.536'%20fill='%234e14ff'%20rx='1.413'%20ry='9.332'%20transform='rotate(37.892%2082.264%2012.536)'/%3e%3c/g%3e%3cg%20filter='url(%23o)'%3e%3cellipse%20cx='94.226'%20cy='9.781'%20fill='%234e14ff'%20rx='1.501'%20ry='9.332'%20transform='rotate(37.892%2094.226%209.78)'/%3e%3c/g%3e%3cg%20filter='url(%23p)'%3e%3cellipse%20cx='95.66'%20cy='10.827'%20fill='%232bfdd2'%20rx='2.578'%20ry='6.754'%20transform='rotate(37.892%2095.66%2010.827)'/%3e%3c/g%3e%3c/g%3e%3cpath%20fill='%2308060d'%20d='M80.53%200c-2.949%204.221-2.966%2010.764%200%2015h1.993c-2.966-4.236-2.949-10.779%200-15zM100.543%200H98.55c2.949%204.221%202.966%2010.764%200%2015h1.993c2.965-4.236%202.948-10.779%200-15'/%3e%3cdefs%3e%3cfilter%20id='b'%20width='19.25'%20height='13.354'%20x='76.528'%20y='5.425'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='2.455'/%3e%3c/filter%3e%3cfilter%20id='c'%20width='28.962'%20height='16.49'%20x='65.358'%20y='-2.168'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='2.455'/%3e%3c/filter%3e%3cfilter%20id='d'%20width='25.441'%20height='9.425'%20x='66.952'%20y='.898'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='1.473'/%3e%3c/filter%3e%3cfilter%20id='e'%20width='25.513'%20height='9.425'%20x='68.425'%20y='6.668'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='1.473'/%3e%3c/filter%3e%3cfilter%20id='f'%20width='25.513'%20height='9.425'%20x='68.916'%20y='7.037'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='1.473'/%3e%3c/filter%3e%3cfilter%20id='g'%20width='23.964'%20height='18.867'%20x='87.917'%20y='-5.492'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='2.455'/%3e%3c/filter%3e%3cfilter%20id='h'%20width='19.677'%20height='8.131'%20x='90.415'%20y='.979'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='1.473'/%3e%3c/filter%3e%3cfilter%20id='i'%20width='19.677'%20height='8.131'%20x='90.415'%20y='.979'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='1.473'/%3e%3c/filter%3e%3cfilter%20id='j'%20width='17.968'%20height='20.405'%20x='74.006'%20y='-7.079'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='1.473'/%3e%3c/filter%3e%3cfilter%20id='k'%20width='17.573'%20height='20.725'%20x='89.315'%20y='-12.068'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='1.473'/%3e%3c/filter%3e%3cfilter%20id='l'%20width='12.356'%20height='13.008'%20x='89.792'%20y='-3.109'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='1.473'/%3e%3c/filter%3e%3cfilter%20id='m'%20width='17.573'%20height='20.725'%20x='73.477'%20y='2.174'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='1.473'/%3e%3c/filter%3e%3cfilter%20id='n'%20width='17.573'%20height='20.725'%20x='73.477'%20y='2.174'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='1.473'/%3e%3c/filter%3e%3cfilter%20id='o'%20width='17.601'%20height='20.738'%20x='85.425'%20y='-.588'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='1.473'/%3e%3c/filter%3e%3cfilter%20id='p'%20width='15.135'%20height='17.016'%20x='88.092'%20y='2.319'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_318_41192'%20stdDeviation='1.473'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e";
+import { defineComponent as p, onMounted as l, onUnmounted as o, createElementBlock as r, openBlock as i, createElementVNode as c } from "vue";
+import d from "./index120.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 {
-  e as default
+  f as default
 };

package/dist/index45.js

@@ -1,36 +1,32 @@
-import { defineComponent as n, createElementBlock as r, openBlock as o, createElementVNode as t, toDisplayString as i } from "vue";
-import a from "./index58.js";
-const l = { class: "flex gap-4 divide-nickel items-center bg-slate px-3 py-1 w-fit rounded-sm" }, c = ["href"], m = { class: "flex gap-1 items-baseline" }, d = { class: "text-white font-medium tracking-tight" }, g = { class: "flex gap-1 items-baseline" }, f = { class: "text-white text-lg font-medium tracking-tight" }, b = /* @__PURE__ */ n({
-  __name: "GitHubStats",
+import { defineComponent as c, onMounted as m, onUnmounted as d, createElementBlock as u, openBlock as g, createElementVNode as x } from "vue";
+import f from "./index120.js";
+const v = { class: "font-mono text-sm text-white leading-[1.5rem]" }, h = /* @__PURE__ */ c({
+  __name: "TerminalAnimation2",
   props: {
-    href: {},
-    stars: {},
-    contributors: {}
+    onAnimationComplete: { type: Function }
   },
-  setup(s) {
-    return (p, e) => (o(), r("div", l, [
-      t("a", {
-        href: s.href,
-        target: "_blank",
-        rel: "noopener noreferrer"
-      }, [...e[0] || (e[0] = [
-        t("img", {
-          src: a,
-          alt: "GitHub",
-          class: "invert size-6"
-        }, null, -1)
-      ])], 8, c),
-      t("div", m, [
-        t("span", d, i(s.stars), 1),
-        e[1] || (e[1] = t("span", { class: "text-grey text-base tracking-tight" }, "stars", -1))
-      ]),
-      t("div", g, [
-        t("span", f, i(s.contributors), 1),
-        e[2] || (e[2] = t("span", { class: "text-grey text-base tracking-tight" }, "contributors", -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)
+    ])]));
   }
 });
 export {
-  b as default
+  h as default
 };