@voidzero-dev/vitepress-theme 0.1.41 → 0.1.43

package/dist/index34.js

@@ -1,297 +1,4 @@
-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 "./index56.js";
-import I from "./index6.js";
-import A from "./index57.js";
-import E from "./index58.js";
-import R from "./index59.js";
-import T from "./index60.js";
-import S from "./index61.js";
-import N from "./index62.js";
-import O from "./index63.js";
-import J from "./index64.js";
-import P from "./index65.js";
-import B from "./index66.js";
-import X from "./index67.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) {
-    const l = h(0), r = h([]);
-    let p = null;
-    const s = [
-      {
-        id: "vite",
-        name: "Vite",
-        url: "https://vite.dev",
-        icon: A,
-        terminal: S,
-        animation: J
-      },
-      {
-        id: "vitest",
-        name: "Vitest",
-        url: "https://vitest.dev",
-        icon: E,
-        terminal: N,
-        animation: P
-      },
-      {
-        id: "rolldown",
-        name: "Rolldown",
-        url: "https://rolldown.rs",
-        icon: R,
-        terminal: O,
-        animation: B
-      },
-      {
-        id: "oxc",
-        name: "OXC",
-        url: "https://oxc.rs",
-        icon: T,
-        terminal: null,
-        // OXC uses Rive animation instead
-        animation: X
-      }
-    ], w = (n) => {
-      const e = r.value[n];
-      e && e.scrollIntoView({ behavior: "smooth", block: "center" });
-    };
-    return y(() => {
-      p = new IntersectionObserver(
-        () => {
-          const n = window.innerHeight / 2;
-          let e = 0, o = 1 / 0;
-          r.value.forEach((a, v) => {
-            if (!a) return;
-            const f = a.getBoundingClientRect();
-            if (f.bottom < 0 || f.top > window.innerHeight) return;
-            const g = f.top + f.height / 2, b = Math.abs(g - n);
-            b < o && (o = b, e = v);
-          }), l.value = e;
-        },
-        { threshold: [0, 0.1, 0.5, 1] }
-      ), r.value.forEach((n) => {
-        n && p?.observe(n);
-      });
-    }), k(() => {
-      p?.disconnect();
-    }), (n, e) => (d(), c("section", $, [
-      t("div", D, [
-        t("ul", H, [
-          (d(), c(j, null, V(s, (o, a) => t("li", {
-            key: o.id,
-            class: i(["transition-all duration-500 ease-out", l.value === a ? "" : "opacity-40 grayscale"])
-          }, [
-            t("button", {
-              type: "button",
-              class: "flex gap-4 text-base cursor-pointer bg-transparent border-none p-0",
-              onClick: (v) => w(a)
-            }, [
-              t("img", {
-                src: o.icon,
-                alt: o.name,
-                class: "size-6"
-              }, null, 8, F),
-              C(" " + z(o.name), 1)
-            ], 8, M)
-          ], 2)), 64))
-        ])
-      ]),
-      t("div", L, [
-        t("div", {
-          class: "grid md:grid-cols-2 w-full",
-          ref: (o) => r.value[0] = o,
-          "data-project": "0"
-        }, [
-          t("div", U, [
-            t("div", q, [
-              e[0] || (e[0] = t("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "Vite", -1)),
-              e[1] || (e[1] = t("h4", { class: "text-white text-pretty" }, "The build tool for the web", -1)),
-              e[2] || (e[2] = t("p", { class: "text-white/70 text-base max-w-[25rem] text-pretty" }, "Vite is a blazing fast frontend build tool powering the next generation of web applications.", -1)),
-              t("a", {
-                href: s[0].url,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                class: "button button--sm inline-block w-fit mt-5"
-              }, "Explore Vite", 8, G)
-            ]),
-            m(u, {
-              href: "https://github.com/vitejs/vite",
-              stars: "75.0k",
-              contributors: "1,161"
-            })
-          ]),
-          t("div", K, [
-            t("div", Q, [
-              t("div", {
-                class: i([
-                  "absolute inset-0 bg-vite transition-opacity duration-700 ease-out",
-                  l.value === 0 ? "opacity-100" : "opacity-0"
-                ])
-              }, null, 2),
-              t("div", {
-                class: i([
-                  "block p-2 relative bg-slate rounded-tl rounded-bl outline-1 outline-offset-[2px] outline-white/20 transition-transform duration-700 ease-out z-10",
-                  l.value === 0 ? "translate-x-0" : "translate-x-10"
-                ])
-              }, [
-                s[0].terminal ? (d(), c("img", {
-                  key: 0,
-                  loading: "lazy",
-                  src: s[0].terminal,
-                  alt: "terminal"
-                }, null, 8, W)) : x("", !0)
-              ], 2)
-            ])
-          ])
-        ], 512),
-        t("div", {
-          class: "grid md:grid-cols-2 w-full border-t border-nickel",
-          ref: (o) => r.value[1] = o,
-          "data-project": "1"
-        }, [
-          t("div", Y, [
-            t("div", Z, [
-              e[3] || (e[3] = t("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "Vitest", -1)),
-              e[4] || (e[4] = t("h4", { class: "text-white text-pretty" }, "Next-generation test runner", -1)),
-              e[5] || (e[5] = t("p", { class: "text-white/70 text-base max-w-[25rem] text-pretty" }, "A Vite-native testing framework. It's fast!", -1)),
-              t("a", {
-                href: s[1].url,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                class: "button button--sm inline-block w-fit mt-5"
-              }, "Explore Vitest", 8, tt)
-            ]),
-            m(u, {
-              href: "https://github.com/vitest-dev/vitest",
-              stars: "14.9k",
-              contributors: "631"
-            })
-          ]),
-          t("div", et, [
-            t("div", ot, [
-              t("div", {
-                class: i([
-                  "absolute inset-0 bg-vitest transition-opacity duration-700 ease-out",
-                  l.value === 1 ? "opacity-100" : "opacity-0"
-                ])
-              }, null, 2),
-              t("div", {
-                class: i([
-                  "block p-2 relative bg-slate rounded-tl outline-1 outline-offset-[2px] outline-white/20 transition-transform duration-700 ease-out z-10",
-                  l.value === 1 ? "translate-x-0" : "translate-x-10"
-                ])
-              }, [
-                s[1].terminal ? (d(), c("img", {
-                  key: 0,
-                  loading: "lazy",
-                  src: s[1].terminal,
-                  alt: "terminal"
-                }, null, 8, st)) : x("", !0)
-              ], 2)
-            ])
-          ])
-        ], 512),
-        t("div", {
-          class: "grid md:grid-cols-2 w-full border-t border-nickel",
-          ref: (o) => r.value[2] = o,
-          "data-project": "2"
-        }, [
-          t("div", lt, [
-            t("div", it, [
-              e[6] || (e[6] = t("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "Rolldown", -1)),
-              e[7] || (e[7] = t("h4", { class: "text-white text-pretty" }, "The fastest JavaScript bundler", -1)),
-              e[8] || (e[8] = t("p", { class: "text-white/70 text-base max-w-[25rem] text-pretty" }, "A Rust-based bundler for Javascript with Rollup-compatible API", -1)),
-              t("a", {
-                href: s[2].url,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                class: "button button--sm inline-block w-fit mt-5"
-              }, "Explore Rolldown", 8, rt)
-            ]),
-            m(u, {
-              href: "https://github.com/rolldown/rolldown",
-              stars: "12.2k",
-              contributors: "148"
-            })
-          ]),
-          t("div", nt, [
-            t("div", at, [
-              t("div", {
-                class: i([
-                  "absolute inset-0 bg-rolldown transition-opacity duration-700 ease-out",
-                  l.value === 2 ? "opacity-100" : "opacity-0"
-                ])
-              }, null, 2),
-              t("div", {
-                class: i([
-                  "block p-2 relative bg-slate rounded-tl rounded-bl outline-1 outline-offset-[2px] outline-white/20 transition-transform duration-700 ease-out z-10",
-                  l.value === 2 ? "translate-x-0" : "translate-x-10"
-                ])
-              }, [
-                s[2].terminal ? (d(), c("img", {
-                  key: 0,
-                  loading: "lazy",
-                  src: s[2].terminal,
-                  alt: "terminal"
-                }, null, 8, ct)) : x("", !0)
-              ], 2)
-            ])
-          ])
-        ], 512),
-        t("div", {
-          class: "grid md:grid-cols-2 w-full border-t border-nickel",
-          ref: (o) => r.value[3] = o,
-          "data-project": "3"
-        }, [
-          t("div", dt, [
-            t("div", mt, [
-              e[9] || (e[9] = t("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "OXC", -1)),
-              e[10] || (e[10] = t("h4", { class: "text-white text-pretty" }, "The fastest JavaScript language toolchain", -1)),
-              e[11] || (e[11] = t("p", { class: "text-white/70 text-base max-w-[25rem] text-pretty" }, "A collection of JavaScript tools written in Rust", -1)),
-              t("a", {
-                href: s[3].url,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                class: "button button--sm inline-block w-fit mt-5"
-              }, "Explore OXC", 8, ft)
-            ]),
-            m(u, {
-              href: "https://github.com/oxc-project/oxc",
-              stars: "17.2k",
-              contributors: "268"
-            })
-          ]),
-          t("div", ut, [
-            t("div", pt, [
-              t("div", {
-                class: i([
-                  "absolute inset-0 bg-oxc transition-opacity duration-700 ease-out",
-                  l.value === 3 ? "opacity-100" : "opacity-0"
-                ])
-              }, null, 2),
-              t("div", {
-                class: i([
-                  "relative transition-transform duration-700 ease-out z-10",
-                  l.value === 3 ? "translate-x-0" : "translate-x-10"
-                ])
-              }, [
-                m(I, {
-                  "desktop-src": s[3].animation,
-                  "mobile-src": s[3].animation,
-                  "desktop-width": 480,
-                  "desktop-height": 480,
-                  "mobile-width": 480,
-                  "mobile-height": 480,
-                  "canvas-class": "w-full"
-                }, null, 8, ["desktop-src", "mobile-src"])
-              ], 2)
-            ])
-          ])
-        ], 512)
-      ])
-    ]));
-  }
-});
+import f from "./index9.js";
 export {
-  Et as default
+  f as default
 };

package/dist/index35.js

@@ -0,0 +1,24 @@
+import { defineComponent as a, createElementBlock as s, openBlock as r, createStaticVNode as i, createVNode as n, unref as t } from "vue";
+import l from "./index5.js";
+import p from "./index66.js";
+import o from "./index67.js";
+const c = { class: "wrapper flex flex-col justify-start items-center gap-6 pt-6 md:pt-20 pb-10" }, g = /* @__PURE__ */ a({
+  __name: "Hero",
+  setup(d) {
+    return (m, e) => (r(), s("div", c, [
+      e[0] || (e[0] = i('<div class="w-full sm:w-2xl flex flex-col justify-start items-center gap-10 px-5 sm:px-0" data-v-ea7e0470><div class="flex flex-col justify-start items-center gap-4" data-v-ea7e0470><div inert class="px-3 py-1 bg-primary-white rounded shadow-[0px_2px_4px_0px_rgba(0,0,0,0.05)] outline outline-nickel/5 flex items-center gap-1.5 font-mono font-medium text-sm tracking-tighter mb-3" data-v-ea7e0470><div class="p-0.5 bg-[#00B442]/10 rounded-sm inline-flex justify-start items-center gap-2" data-v-ea7e0470><div class="size-1.5 bg-[#00B442] rounded-[1.10px] animate-pulse" data-v-ea7e0470></div></div><span class="text-grey" data-v-ea7e0470>prod server</span><span class="text-grey" data-v-ea7e0470>/</span><span class="text-nickel" data-v-ea7e0470>running</span></div><h1 class="text-center text-primary text-balance shine-text" data-v-ea7e0470><span class="inline-block" data-v-ea7e0470>Your gateway to the</span><span class="inline-block" data-v-ea7e0470>Javascript multiverse.</span></h1><p class="self-stretch text-center text-balance text-nickel" data-v-ea7e0470>Make web developers more productive than ever before.</p></div><div class="flex items-center gap-5" data-v-ea7e0470><a href="https://viteplus.dev" target="_blank" rel="noopener noreferrer" class="button button--primary" data-v-ea7e0470> Explore Vite+ </a></div></div>', 1)),
+      n(l, {
+        "desktop-src": t(p),
+        "mobile-src": t(o),
+        "desktop-width": 1280,
+        "desktop-height": 580,
+        "mobile-width": 343,
+        "mobile-height": 148,
+        "canvas-class": "w-full pt-6 md:pt-0"
+      }, null, 8, ["desktop-src", "mobile-src"])
+    ]));
+  }
+});
+export {
+  g as default
+};

package/dist/{index30.js → index37.js}

@@ -1,13 +1,13 @@
-import { defineComponent as x, computed as a, ref as m, onMounted as L, onUnmounted as k, createElementBlock as d, openBlock as f, createElementVNode as t, normalizeStyle as v, Fragment as y, renderList as _ } from "vue";
-import B from "./index78.js";
-import I from "./index79.js";
-import M from "./index80.js";
-import T from "./index81.js";
-import H from "./index82.js";
-import S from "./index83.js";
-import z from "./index84.js";
-import E from "./index85.js";
-const F = { class: "wrapper wrapper--ticks border-t pt-14 pb-5 flex flex-col items-center justify-center gap-2" }, O = { class: "carousel-container" }, Z = { class: "carousel-viewport" }, $ = ["src", "alt"], D = /* @__PURE__ */ x({
+import { defineComponent as b, computed as a, ref as u, onMounted as L, onUnmounted as k, createElementBlock as d, openBlock as f, createElementVNode as t, normalizeStyle as v, Fragment as y, renderList as _ } from "vue";
+import B from "./index68.js";
+import I from "./index69.js";
+import M from "./index70.js";
+import T from "./index71.js";
+import H from "./index72.js";
+import S from "./index73.js";
+import z from "./index74.js";
+import E from "./index75.js";
+const F = { class: "wrapper wrapper--ticks border-t pt-10 md:pt-14 md:pb-5 flex flex-col items-center justify-center md:gap-2" }, O = { class: "carousel-container" }, Z = { class: "carousel-viewport" }, $ = ["src", "alt"], D = /* @__PURE__ */ b({
   __name: "TrustedBy",
   setup(j) {
     const l = [
@@ -26,9 +26,9 @@ const F = { class: "wrapper wrapper--ticks border-t pt-14 pb-5 flex flex-col ite
         isClone: !0
       }));
       return [...o, ...e];
-    }), r = m(0), g = m(!1), n = m(!0), c = a(() => Math.floor(i.value.length / 2));
-    let u = null;
-    const h = () => {
+    }), r = u(0), g = u(!1), n = u(!0), c = a(() => Math.floor(i.value.length / 2));
+    let m = null;
+    const w = () => {
       g.value || (n.value = !0, r.value++, r.value >= i.value.length + c.value && setTimeout(() => {
         n.value = !1, r.value = c.value, setTimeout(() => {
           n.value = !0;
@@ -36,19 +36,19 @@ const F = { class: "wrapper wrapper--ticks border-t pt-14 pb-5 flex flex-col ite
       }, 600));
     };
     L(() => {
-      r.value = c.value, u = window.setInterval(h, 3500);
+      r.value = c.value, m = window.setInterval(w, 3500);
     }), k(() => {
-      u && clearInterval(u);
+      m && clearInterval(m);
     });
-    const w = a(() => ({
+    const h = a(() => ({
       transform: `translateX(calc(-${r.value} * (var(--logo-width) + var(--logo-gap))))`,
       transition: n.value ? "transform 0.6s ease-in-out" : "none"
-    })), C = (o) => {
+    })), x = (o) => {
       const e = Math.abs(o - r.value);
-      return e === 0 ? 1 : e === 1 ? 0.6 : 0.3;
+      return e === 0 ? 1 : e === 1 ? 0.5 : 0.2;
     };
     return (o, e) => (f(), d("section", F, [
-      e[2] || (e[2] = t("p", { class: "self-stretch text-center text-balance text-nickel" }, "Trusted by the world's best software teams", -1)),
+      e[2] || (e[2] = t("p", { class: "self-stretch text-center text-balance text-nickel max-w-[75vw] mx-auto md:max-w-full" }, "Trusted by the world's best software teams", -1)),
       t("div", O, [
         e[0] || (e[0] = t("div", { class: "bracket bracket-left" }, [
           t("svg", {
@@ -68,12 +68,12 @@ const F = { class: "wrapper wrapper--ticks border-t pt-14 pb-5 flex flex-col ite
         t("div", Z, [
           t("div", {
             class: "carousel-track",
-            style: v(w.value)
+            style: v(h.value)
           }, [
-            (f(!0), d(y, null, _(p.value, (s, b) => (f(), d("div", {
+            (f(!0), d(y, null, _(p.value, (s, C) => (f(), d("div", {
               key: s.id,
               class: "logo-item",
-              style: v({ "--logo-opacity": C(b) })
+              style: v({ "--logo-opacity": x(C) })
             }, [
               t("img", {
                 src: s.src,

package/dist/index39.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20viewBox='0%200%20103%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.13672%2010.691L12.9072%200.248665H18.0664L12.3477%2014.7516H5.71777L0%200.248665H5.30371L9.13672%2010.691ZM24.7588%2014.7516H19.7861V0.248665H24.7588V14.7516ZM42.8174%203.81214H37.2441V14.7516H32.2725V3.81214H26.6992V0.248665H42.8174V3.81214ZM59.0742%203.77113H49.7305V5.71839H58.9297V9.13636H49.7305V11.2291H59.3438V14.7516H44.7588V0.248665H59.0742V3.77113ZM70.0078%205.71839H75.5811V9.13636H70.0078V14.7516H66.4443V9.13636H60.8711V5.71839H66.4443V0.248665H70.0078V5.71839Z'%20fill='%2308060D'/%3e%3cpath%20d='M91.184%2014.654C90.9713%2014.9247%2090.5362%2014.7742%2090.5362%2014.4303V11.1271C90.5362%2010.7265%2090.2116%2010.4019%2089.8111%2010.4019H86.164C85.8691%2010.4019%2085.6971%2010.0684%2085.8691%209.82875L88.2669%206.4717C88.6101%205.99173%2088.2669%205.3246%2087.6764%205.3246H83.2627C82.9679%205.3246%2082.7959%204.99104%2082.9679%204.7514L86.0763%200.399187C86.1446%200.303883%2086.2545%200.247253%2086.3712%200.247253H95.6343C95.9292%200.247253%2096.1011%200.580817%2095.9292%200.820458L93.5314%204.1775C93.1882%204.65747%2093.5314%205.3246%2094.1219%205.3246H97.769C98.0714%205.3246%2098.2413%205.67336%2098.0542%205.91162L91.1847%2014.6547L91.184%2014.654Z'%20fill='%236254FE'/%3e%3cmask%20id='mask0_242_19217'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='82'%20y='0'%20width='17'%20height='15'%3e%3cpath%20d='M91.184%2014.654C90.9713%2014.9247%2090.5362%2014.7742%2090.5362%2014.4303V11.1271C90.5362%2010.7265%2090.2116%2010.4019%2089.8111%2010.4019H86.164C85.8691%2010.4019%2085.6971%2010.0684%2085.8691%209.82875L88.2669%206.4717C88.6101%205.99173%2088.2669%205.3246%2087.6764%205.3246H83.2627C82.9679%205.3246%2082.7959%204.99104%2082.9679%204.7514L86.0763%200.399187C86.1446%200.303883%2086.2545%200.247253%2086.3712%200.247253H95.6343C95.9292%200.247253%2096.1011%200.580817%2095.9292%200.820458L93.5314%204.1775C93.1882%204.65747%2093.5314%205.3246%2094.1219%205.3246H97.769C98.0714%205.3246%2098.2413%205.67336%2098.0542%205.91162L91.1847%2014.6547L91.184%2014.654Z'%20fill='%23833BFF'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_242_19217)'%3e%3cg%20filter='url(%23filter0_f_242_19217)'%3e%3cellipse%20cx='1.76582'%20cy='4.71406'%20rx='1.76582'%20ry='4.71406'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%2081.4336%2010.3509)'%20fill='%23EDE6FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter1_f_242_19217)'%3e%3cellipse%20cx='3.33398'%20cy='9.5701'%20rx='3.33398'%20ry='9.5701'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%2070.2578%202.77432)'%20fill='%23EDE6FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter2_f_242_19217)'%3e%3cellipse%20cx='1.76582'%20cy='9.7738'%20rx='1.76582'%20ry='9.7738'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%2069.8926%203.87666)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter3_f_242_19217)'%3e%3cellipse%20cx='1.76582'%20cy='9.80964'%20rx='1.76582'%20ry='9.80964'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%2071.3662%209.64707)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter4_f_242_19217)'%3e%3cellipse%20cx='1.76582'%20cy='9.80964'%20rx='1.76582'%20ry='9.80964'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%2071.8574%2010.0154)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter5_f_242_19217)'%3e%3cellipse%20cx='4.51119'%20cy='7.07813'%20rx='4.51119'%20ry='7.07813'%20transform='matrix(0.0584509%20-0.99829%20-0.99829%20-0.0584509%20106.702%208.85934)'%20fill='%23EDE6FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter6_f_242_19217)'%3e%3cellipse%20cx='1.11256'%20cy='6.89299'%20rx='1.11256'%20ry='6.89299'%20transform='matrix(-0.0172986%20-0.99985%20-0.99985%200.0172986%20107.165%206.03793)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter7_f_242_19217)'%3e%3cellipse%20cx='1.11256'%20cy='6.89299'%20rx='1.11256'%20ry='6.89299'%20transform='matrix(-0.0172986%20-0.99985%20-0.99985%200.0172986%20107.165%206.03793)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter8_f_242_19217)'%3e%3cellipse%20cx='82.9899'%20cy='3.1234'%20rx='1.41274'%20ry='9.33166'%20transform='rotate(39.5103%2082.9899%203.1234)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter9_f_242_19217)'%3e%3cellipse%20cx='98.1013'%20cy='-1.70575'%20rx='1.41274'%20ry='9.33166'%20transform='rotate(37.8923%2098.1013%20-1.70575)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter10_f_242_19217)'%3e%3cellipse%20cx='95.9703'%20cy='3.39512'%20rx='2.65481'%20ry='4.00498'%20transform='rotate(37.8923%2095.9703%203.39512)'%20fill='%232BFDD2'/%3e%3c/g%3e%3cg%20filter='url(%23filter11_f_242_19217)'%3e%3cellipse%20cx='82.2635'%20cy='12.5361'%20rx='1.41274'%20ry='9.33166'%20transform='rotate(37.8923%2082.2635%2012.5361)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter12_f_242_19217)'%3e%3cellipse%20cx='82.2635'%20cy='12.5361'%20rx='1.41274'%20ry='9.33166'%20transform='rotate(37.8923%2082.2635%2012.5361)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter13_f_242_19217)'%3e%3cellipse%20cx='94.2258'%20cy='9.78076'%20rx='1.50117'%20ry='9.33166'%20transform='rotate(37.8923%2094.2258%209.78076)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter14_f_242_19217)'%3e%3cellipse%20cx='95.6601'%20cy='10.8271'%20rx='2.57817'%20ry='6.75355'%20transform='rotate(37.8923%2095.6601%2010.8271)'%20fill='%232BFDD2'/%3e%3c/g%3e%3c/g%3e%3cpath%20d='M80.5307%202.28882e-05C77.5818%204.22102%2077.5645%2010.7638%2080.5307%2015H82.5231C79.5576%2010.7638%2079.5749%204.22102%2082.5231%202.28882e-05H80.5307Z'%20fill='%2308060D'/%3e%3cpath%20d='M100.542%202.28882e-05H98.5498C101.499%204.22102%20101.516%2010.7638%2098.5498%2015H100.542C103.508%2010.7638%20103.49%204.22102%20100.542%202.28882e-05Z'%20fill='%2308060D'/%3e%3cdefs%3e%3cfilter%20id='filter0_f_242_19217'%20x='76.5285'%20y='5.42453'%20width='19.2497'%20height='13.3537'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='2.45549'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_242_19217'%20x='65.3576'%20y='-2.16783'%20width='28.9626'%20height='16.4902'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='2.45549'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_242_19217'%20x='66.9518'%20y='0.898103'%20width='25.4401'%20height='9.42539'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter3_f_242_19217'%20x='68.4255'%20y='6.66839'%20width='25.5123'%20height='9.4254'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter4_f_242_19217'%20x='68.9167'%20y='7.03671'%20width='25.5123'%20height='9.4254'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter5_f_242_19217'%20x='87.9181'%20y='-5.49159'%20width='23.9636'%20height='18.8675'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='2.45549'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter6_f_242_19217'%20x='90.4157'%20y='0.979318'%20width='19.6764'%20height='8.1309'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter7_f_242_19217'%20x='90.4157'%20y='0.979318'%20width='19.6764'%20height='8.1309'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter8_f_242_19217'%20x='74.0065'%20y='-7.07931'%20width='17.9674'%20height='20.4054'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter9_f_242_19217'%20x='89.3151'%20y='-12.0682'%20width='17.5729'%20height='20.725'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter10_f_242_19217'%20x='89.7927'%20y='-3.10862'%20width='12.3551'%20height='13.0075'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter11_f_242_19217'%20x='73.4772'%20y='2.17364'%20width='17.5729'%20height='20.725'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter12_f_242_19217'%20x='73.4772'%20y='2.17364'%20width='17.5729'%20height='20.725'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter13_f_242_19217'%20x='85.4255'%20y='-0.588332'%20width='17.6002'%20height='20.7382'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter14_f_242_19217'%20x='88.0925'%20y='2.31917'%20width='15.1354'%20height='17.016'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/index4.js

@@ -1,160 +1,15 @@
-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 "./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) {
-    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(u), { value: "tab1" }, {
-                  default: n(() => [...t[1] || (t[1] = [
-                    r(" new ", -1)
-                  ])]),
-                  _: 1
-                }),
-                e(a(u), { value: "tab2" }, {
-                  default: n(() => [...t[2] || (t[2] = [
-                    r(" dev ", -1)
-                  ])]),
-                  _: 1
-                }),
-                e(a(u), { value: "tab3" }, {
-                  default: n(() => [...t[3] || (t[3] = [
-                    r(" lint ", -1)
-                  ])]),
-                  _: 1
-                }),
-                e(a(u), { value: "tab4" }, {
-                  default: n(() => [...t[4] || (t[4] = [
-                    r(" fmt ", -1)
-                  ])]),
-                  _: 1
-                }),
-                e(a(u), { value: "tab5" }, {
-                  default: n(() => [...t[5] || (t[5] = [
-                    r(" test ", -1)
-                  ])]),
-                  _: 1
-                }),
-                e(a(u), { value: "tab6" }, {
-                  default: n(() => [...t[6] || (t[6] = [
-                    r(" build ", -1)
-                  ])]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["class"]),
-            e(a(i), { value: "tab1" }, {
-              default: n(() => [
-                e(z, { "on-animation-complete": l })
-              ]),
-              _: 1
-            }),
-            e(a(i), { value: "tab2" }, {
-              default: n(() => [
-                e(B, { "on-animation-complete": l })
-              ]),
-              _: 1
-            }),
-            e(a(i), { value: "tab3" }, {
-              default: n(() => [
-                e(O, { "on-animation-complete": l })
-              ]),
-              _: 1
-            }),
-            e(a(i), { value: "tab4" }, {
-              default: n(() => [
-                e(R, { "on-animation-complete": l })
-              ]),
-              _: 1
-            }),
-            e(a(i), { value: "tab5" }, {
-              default: n(() => [
-                e(U, { "on-animation-complete": l })
-              ]),
-              _: 1
-            }),
-            e(a(i), { value: "tab6" }, {
-              default: n(() => [
-                e(j, { "on-animation-complete": l })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"])) : N("", !0)
-      ], 2)
-    ], 512));
+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 md: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 {
-  W as default
+  m as default
 };