@voidzero-dev/vitepress-theme 0.1.38 → 0.1.43

package/dist/index40.js

@@ -1,86 +1,4 @@
-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;
+const e = "data:image/svg+xml,%3csvg%20viewBox='0%200%2025%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.0139%2013.6746C11.8154%2013.9273%2011.4094%2013.7868%2011.4094%2013.4658V10.3835C11.4094%2010.0097%2011.1065%209.70686%2010.7328%209.70686H7.3295C7.05433%209.70686%206.89387%209.3956%207.05433%209.17198L9.2918%206.03939C9.61208%205.59151%209.2918%204.96898%208.74081%204.96898H4.62224C4.34707%204.96898%204.1866%204.65772%204.34706%204.4341L7.24766%200.372885C7.31146%200.283953%207.41392%200.23111%207.52283%200.23111H16.1666C16.4418%200.23111%2016.6023%200.542371%2016.4418%200.765989L14.2043%203.89858C13.884%204.34646%2014.2043%204.96898%2014.7553%204.96898H18.1586C18.4408%204.96898%2018.5994%205.29442%2018.4247%205.51675L12.0145%2013.6753L12.0139%2013.6746Z'%20fill='%236254FE'/%3e%3cmask%20id='mask0_302_1163'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='4'%20y='0'%20width='15'%20height='14'%3e%3cpath%20d='M12.0139%2013.6746C11.8154%2013.9273%2011.4094%2013.7868%2011.4094%2013.4658V10.3835C11.4094%2010.0097%2011.1065%209.70686%2010.7328%209.70686H7.3295C7.05433%209.70686%206.89387%209.3956%207.05433%209.17198L9.2918%206.03939C9.61208%205.59151%209.2918%204.96898%208.74081%204.96898H4.62224C4.34707%204.96898%204.1866%204.65772%204.34706%204.4341L7.24766%200.372885C7.31146%200.283953%207.41392%200.23111%207.52283%200.23111H16.1666C16.4418%200.23111%2016.6023%200.542371%2016.4418%200.765989L14.2043%203.89858C13.884%204.34646%2014.2043%204.96898%2014.7553%204.96898H18.1586C18.4408%204.96898%2018.5994%205.29442%2018.4247%205.51675L12.0145%2013.6753L12.0139%2013.6746Z'%20fill='%23833BFF'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_302_1163)'%3e%3cg%20filter='url(%23filter0_f_302_1163)'%3e%3cellipse%20cx='1.64776'%20cy='4.39888'%20rx='1.64776'%20ry='4.39888'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%202.91504%209.65918)'%20fill='%23EDE6FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter1_f_302_1163)'%3e%3cellipse%20cx='3.11107'%20cy='8.93024'%20rx='3.11107'%20ry='8.93024'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%20-7.51367%202.5892)'%20fill='%23EDE6FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter2_f_302_1163)'%3e%3cellipse%20cx='1.64776'%20cy='9.12032'%20rx='1.64776'%20ry='9.12032'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%20-7.85449%203.61786)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter3_f_302_1163)'%3e%3cellipse%20cx='1.64776'%20cy='9.15376'%20rx='1.64776'%20ry='9.15376'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%20-6.47949%209.00244)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter4_f_302_1163)'%3e%3cellipse%20cx='1.64776'%20cy='9.15376'%20rx='1.64776'%20ry='9.15376'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%20-6.02051%209.34616)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter5_f_302_1163)'%3e%3cellipse%20cx='4.20957'%20cy='6.60488'%20rx='4.20957'%20ry='6.60488'%20transform='matrix(0.0584509%20-0.99829%20-0.99829%20-0.0584509%2026.4941%208.2674)'%20fill='%23EDE6FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter6_f_302_1163)'%3e%3cellipse%20cx='1.03817'%20cy='6.43212'%20rx='1.03817'%20ry='6.43212'%20transform='matrix(-0.0172986%20-0.99985%20-0.99985%200.0172986%2026.9268%205.63461)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter7_f_302_1163)'%3e%3cellipse%20cx='1.03817'%20cy='6.43212'%20rx='1.03817'%20ry='6.43212'%20transform='matrix(-0.0172986%20-0.99985%20-0.99985%200.0172986%2026.9268%205.63461)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter8_f_302_1163)'%3e%3cellipse%20cx='4.36768'%20cy='2.91497'%20rx='1.31828'%20ry='8.70774'%20transform='rotate(39.5103%204.36768%202.91497)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter9_f_302_1163)'%3e%3cellipse%20cx='18.4686'%20cy='-1.59131'%20rx='1.31828'%20ry='8.70774'%20transform='rotate(37.8923%2018.4686%20-1.59131)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter10_f_302_1163)'%3e%3cellipse%20cx='16.48'%20cy='3.16848'%20rx='2.47731'%20ry='3.73721'%20transform='rotate(37.8923%2016.48%203.16848)'%20fill='%232BFDD2'/%3e%3c/g%3e%3cg%20filter='url(%23filter11_f_302_1163)'%3e%3cellipse%20cx='3.69028'%20cy='11.6983'%20rx='1.31828'%20ry='8.70774'%20transform='rotate(37.8923%203.69028%2011.6983)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter12_f_302_1163)'%3e%3cellipse%20cx='3.69028'%20cy='11.6983'%20rx='1.31828'%20ry='8.70774'%20transform='rotate(37.8923%203.69028%2011.6983)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter13_f_302_1163)'%3e%3cellipse%20cx='14.8521'%20cy='9.12719'%20rx='1.4008'%20ry='8.70774'%20transform='rotate(37.8923%2014.8521%209.12719)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter14_f_302_1163)'%3e%3cellipse%20cx='16.1901'%20cy='10.1036'%20rx='2.40579'%20ry='6.30201'%20transform='rotate(37.8923%2016.1901%2010.1036)'%20fill='%232BFDD2'/%3e%3c/g%3e%3c/g%3e%3cpath%20d='M2.07018%200C-0.681998%203.93942%20-0.698111%2010.0458%202.07018%2013.9994H3.92967C1.16203%2010.0458%201.17814%203.93942%203.92967%200H2.07018Z'%20fill='%2308060D'/%3e%3cpath%20d='M20.9573%206.99969H22.8174C22.8162%204.4847%2022.1246%201.971%2020.7472%200H18.8877C20.2644%201.971%2020.9567%204.4847%2020.958%206.99969H20.9573Z'%20fill='%2308060D'/%3e%3cpath%20d='M24.2393%2010.4351H22.374C22.5113%209.91943%2022.6176%209.39284%2022.6911%208.85916H20.831C20.7575%209.39219%2020.6512%209.91878%2020.5139%2010.4351H18.646C18.4752%2011.0764%2018.2554%2011.6996%2017.9854%2012.2952H19.8532C19.5812%2012.8953%2019.2602%2013.467%2018.8871%2014H20.7466C21.1191%2013.4676%2021.4407%2012.8953%2021.7127%2012.2952H23.578C23.8481%2011.6996%2024.0679%2011.0764%2024.2387%2010.4351H24.2393Z'%20fill='%2308060D'/%3e%3cdefs%3e%3cfilter%20id='filter0_f_302_1163'%20x='-1.66272'%20y='5.06223'%20width='17.9631'%20height='12.4609'%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.29132'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_302_1163'%20x='-12.0865'%20y='-2.02252'%20width='27.0256'%20height='15.3877'%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.29132'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_302_1163'%20x='-10.5992'%20y='0.83843'%20width='23.7404'%20height='8.79522'%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.37479'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter3_f_302_1163'%20x='-9.22419'%20y='6.22292'%20width='23.8068'%20height='8.79522'%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.37479'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter4_f_302_1163'%20x='-8.76521'%20y='6.56664'%20width='23.8068'%20height='8.79522'%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.37479'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter5_f_302_1163'%20x='8.96521'%20y='-5.12402'%20width='22.3625'%20height='17.6059'%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.29132'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter6_f_302_1163'%20x='11.2973'%20y='0.914236'%20width='18.3615'%20height='7.58727'%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.37479'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter7_f_302_1163'%20x='11.2973'%20y='0.914236'%20width='18.3615'%20height='7.58727'%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.37479'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter8_f_302_1163'%20x='-4.01521'%20y='-6.60557'%20width='16.7658'%20height='19.0411'%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.37479'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter9_f_302_1163'%20x='10.2699'%20y='-11.2609'%20width='16.3976'%20height='19.3393'%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.37479'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter10_f_302_1163'%20x='10.7153'%20y='-2.9004'%20width='11.5294'%20height='12.1378'%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.37479'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter11_f_302_1163'%20x='-4.50837'%20y='2.02871'%20width='16.3976'%20height='19.3393'%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.37479'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter12_f_302_1163'%20x='-4.50837'%20y='2.02871'%20width='16.3976'%20height='19.3393'%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.37479'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter13_f_302_1163'%20x='6.64007'%20y='-0.548624'%20width='16.424'%20height='19.3516'%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.37479'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3cfilter%20id='filter14_f_302_1163'%20x='9.12835'%20y='2.16451'%20width='14.1232'%20height='15.8783'%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.37479'%20result='effect1_foregroundBlur_302_1163'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e";
 export {
-  j as TabsRoot_default,
-  O as injectTabsRootContext
+  e as default
 };

package/dist/index41.js

@@ -1,68 +1,297 @@
-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;
+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 "./index103.js";
+import I from "./index5.js";
+import A from "./index87.js";
+import E from "./index88.js";
+import R from "./index89.js";
+import T from "./index90.js";
+import S from "./index104.js";
+import N from "./index105.js";
+import O from "./index106.js";
+import J from "./index107.js";
+import P from "./index108.js";
+import B from "./index109.js";
+import X from "./index110.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);
       });
-    }), (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"]));
+    }), 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)
+      ])
+    ]));
   }
-}), F = S;
+});
 export {
-  F as TabsContent_default
+  Et as default
 };