@huyooo/ui 0.4.82 → 0.4.83

package/dist/{LandingPageSectionTabs-CK70rbJX.js → LandingPageSectionTabs-DE_hP_4K.js}

@@ -1,6 +1,6 @@
-import { createElementBlock as n, openBlock as s, renderSlot as h, defineComponent as f, createVNode as u, withCtx as _, createElementVNode as e, normalizeStyle as S, unref as I, toDisplayString as c, Fragment as b, renderList as y, createBlock as P, normalizeClass as C, createTextVNode as g, ref as k, createCommentVNode as T, withModifiers as E, withDirectives as A, vModelText as q, computed as z, createStaticVNode as N, watch as F, vShow as O } from "vue";
+import { createElementBlock as n, openBlock as s, renderSlot as h, defineComponent as f, createVNode as u, withCtx as _, createElementVNode as e, normalizeStyle as C, unref as I, toDisplayString as c, Fragment as v, renderList as y, createBlock as L, normalizeClass as w, createTextVNode as g, ref as k, createCommentVNode as T, withModifiers as E, withDirectives as A, vModelText as q, computed as z, createStaticVNode as N, watch as F, vShow as O } from "vue";
 import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { Icon as x } from "@iconify/vue";
+import { Icon as S } from "@iconify/vue";
 import { C as R, a as W } from "./CollapseItem-Cw1vcdLu.js";
 /* empty css               */
 /* empty css               */
@@ -50,9 +50,9 @@ const M = /* @__PURE__ */ d(Y, [["render", ee], ["__scopeId", "data-v-58078aa8"]
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("section", ne, [h(l.$slots, "BlockHeader", {}, void 0, !0), e("div", {
+    return (l, i) => (s(), n("section", ne, [h(l.$slots, "BlockHeader", {}, void 0, !0), e("div", {
       class: "BlockBody",
-      style: S({
+      style: C({
         gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
         flexDirection: t.flexDirection
       })
@@ -72,7 +72,7 @@ const M = /* @__PURE__ */ d(Y, [["render", ee], ["__scopeId", "data-v-58078aa8"]
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", le, [u(I(x), {
+    return (l, i) => (s(), n("div", le, [u(I(S), {
       icon: "mingcute:check-circle-fill",
       class: "mission-list-icon"
     }), e("span", ce, c(t.description), 1)]));
@@ -115,9 +115,9 @@ const M = /* @__PURE__ */ d(Y, [["render", ee], ["__scopeId", "data-v-58078aa8"]
       width: "1270",
       decoding: "async",
       class: "mission-img"
-    }, null, 8, _e)]), e("div", pe, [e("h2", fe, [e("span", me, c(t.highlight), 1), e("strong", null, c(t.title), 1)]), e("p", ge, c(t.description), 1), e("div", he, [(s(!0), n(b, null, y(t.features, (o, i) => (s(), P(j, {
-      key: i,
-      description: o
+    }, null, 8, _e)]), e("div", pe, [e("h2", fe, [e("span", me, c(t.highlight), 1), e("strong", null, c(t.title), 1)]), e("p", ge, c(t.description), 1), e("div", he, [(s(!0), n(v, null, y(t.features, (i, o) => (s(), L(j, {
+      key: o,
+      description: i
     }, null, 8, ["description"]))), 128))])]), (s(), n("svg", ve, l[1] || (l[1] = [e("symbol", {
       id: "ai:ph:check-circle-fill"
     }, [e("path", {
@@ -139,7 +139,7 @@ const M = /* @__PURE__ */ d(Y, [["render", ee], ["__scopeId", "data-v-58078aa8"]
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", ye, [e("div", ke, c(t.title), 1), e("p", Le, c(t.description), 1)]));
+    return (l, i) => (s(), n("div", ye, [e("div", ke, c(t.title), 1), e("p", Le, c(t.description), 1)]));
   }
 }), Ie = /* @__PURE__ */ d(Pe, [["__scopeId", "data-v-2074e0d7"]]), Se = {}, Ce = {
   class: "Description"
@@ -147,7 +147,7 @@ const M = /* @__PURE__ */ d(Y, [["render", ee], ["__scopeId", "data-v-58078aa8"]
 function we(a, t) {
   return s(), n("div", Ce, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const w = /* @__PURE__ */ d(Se, [["render", we], ["__scopeId", "data-v-501deb41"]]), xe = {
+const x = /* @__PURE__ */ d(Se, [["render", we], ["__scopeId", "data-v-501deb41"]]), xe = {
   class: "grid-container"
 }, Te = {
   class: "square"
@@ -165,18 +165,18 @@ const w = /* @__PURE__ */ d(Se, [["render", we], ["__scopeId", "data-v-501deb41"
     pictureClass: {}
   },
   setup(a) {
-    return (t, l) => (s(), n("div", xe, [(s(!0), n(b, null, y(t.publishedTeamMembers, (o) => (s(), n("div", {
-      key: o.data.name,
+    return (t, l) => (s(), n("div", xe, [(s(!0), n(v, null, y(t.publishedTeamMembers, (i) => (s(), n("div", {
+      key: i.data.name,
       class: "group"
     }, [e("div", Te, [e("img", {
-      src: o.data.avatar.src,
-      alt: o.data.avatar.alt,
+      src: i.data.avatar.src,
+      alt: i.data.avatar.alt,
       sizes: t.sizes,
       width: t.width,
       height: t.height,
-      class: C(t.pictureClass ? `${t.pictureClass} picture-img` : "picture-img")
-    }, null, 10, Ae)]), e("div", qe, [e("h2", Be, c(o.data.name), 1), u(w, null, {
-      default: _(() => [g(c(o.data.title), 1)]),
+      class: w(t.pictureClass ? `${t.pictureClass} picture-img` : "picture-img")
+    }, null, 10, Ae)]), e("div", qe, [e("h2", Be, c(i.data.name), 1), u(x, null, {
+      default: _(() => [g(c(i.data.title), 1)]),
       _: 2
     }, 1024)])]))), 128))]));
   }
@@ -220,10 +220,10 @@ const w = /* @__PURE__ */ d(Se, [["render", we], ["__scopeId", "data-v-501deb41"
         }
       }
     }];
-    return (l, o) => (s(), n(b, null, [u(oe, null, {
+    return (l, i) => (s(), n(v, null, [u(oe, null, {
       BlockHeader: _(() => [u(ae, null, {
-        title: _(() => o[0] || (o[0] = [g("核心团队")])),
-        subTitle: _(() => o[1] || (o[1] = [g("我们是一个充满激情的小团队。")])),
+        title: _(() => i[0] || (i[0] = [g("核心团队")])),
+        subTitle: _(() => i[1] || (i[1] = [g("我们是一个充满激情的小团队。")])),
         _: 1
       })]),
       BlockBody: _(() => [u(Ie, {
@@ -242,7 +242,7 @@ const w = /* @__PURE__ */ d(Se, [["render", we], ["__scopeId", "data-v-501deb41"
       features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
     })], 64));
   }
-}), fn = /* @__PURE__ */ d(Ve, [["__scopeId", "data-v-a40e05a5"]]), De = {
+}), vn = /* @__PURE__ */ d(Ve, [["__scopeId", "data-v-a40e05a5"]]), De = {
   class: "nav"
 }, He = {
   class: "section"
@@ -282,28 +282,28 @@ const w = /* @__PURE__ */ d(Se, [["render", we], ["__scopeId", "data-v-501deb41"
       text: "Pro license",
       href: "/docs/resources/pro-license"
     }]);
-    return (o, i) => (s(), n("nav", De, [i[2] || (i[2] = e("div", {
+    return (i, o) => (s(), n("nav", De, [o[2] || (o[2] = e("div", {
       class: "section"
     }, [e("div", {
       class: "section-title"
     }, "Getting started"), e("div", null, [e("a", {
       class: "link active",
       href: "/docs"
-    }, "Overview")])], -1)), e("div", He, [i[0] || (i[0] = e("div", {
+    }, "Overview")])], -1)), e("div", He, [o[0] || (o[0] = e("div", {
       class: "section-title"
-    }, "Browse by feature", -1)), e("div", null, [(s(!0), n(b, null, y(t.value, (r) => (s(), n("a", {
+    }, "Browse by feature", -1)), e("div", null, [(s(!0), n(v, null, y(t.value, (r) => (s(), n("a", {
       key: r.text,
       class: "link",
       href: r.href
-    }, c(r.text), 9, Me))), 128))])]), e("div", je, [i[1] || (i[1] = e("div", {
+    }, c(r.text), 9, Me))), 128))])]), e("div", je, [o[1] || (o[1] = e("div", {
       class: "section-title"
-    }, "Resources", -1)), e("div", null, [(s(!0), n(b, null, y(l.value, (r) => (s(), n("a", {
+    }, "Resources", -1)), e("div", null, [(s(!0), n(v, null, y(l.value, (r) => (s(), n("a", {
       key: r.text,
       class: "link",
       href: r.href
     }, c(r.text), 9, Ue))), 128))])])]));
   }
-}), mn = /* @__PURE__ */ d(Ge, [["__scopeId", "data-v-b516bb75"]]), Ee = ["src"], Ne = /* @__PURE__ */ f({
+}), $n = /* @__PURE__ */ d(Ge, [["__scopeId", "data-v-b516bb75"]]), Ee = ["src"], Ne = /* @__PURE__ */ f({
   __name: "LandingPageLogo",
   props: {
     name: {
@@ -336,25 +336,25 @@ const w = /* @__PURE__ */ d(Se, [["render", we], ["__scopeId", "data-v-501deb41"
   setup(a, {
     emit: t
   }) {
-    const l = a, o = t;
-    function i() {
-      o("to");
+    const l = a, i = t;
+    function o() {
+      i("to");
     }
     return (r, m) => (s(), n("div", {
       class: "Logo",
-      onClick: i
+      onClick: o
     }, [a.icon ? (s(), n("img", {
       key: 0,
       class: "icon",
       src: a.icon,
       alt: "logo",
-      style: S({
+      style: C({
         width: l.iconSize,
         height: l.iconSize
       })
     }, null, 12, Ee)) : T("", !0), e("div", {
       class: "text",
-      style: S({
+      style: C({
         color: l.color,
         fontSize: l.fontSize
       })
@@ -392,13 +392,13 @@ const w = /* @__PURE__ */ d(Se, [["render", we], ["__scopeId", "data-v-501deb41"
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", Re, [u(Oe, {
+    return (l, i) => (s(), n("div", Re, [u(Oe, {
       icon: t.icon,
       name: t.name,
       color: t.color,
       "font-size": t.fontSize,
       "icon-size": t.iconSize
-    }, null, 8, ["icon", "name", "color", "font-size", "icon-size"]), u(w, null, {
+    }, null, 8, ["icon", "name", "color", "font-size", "icon-size"]), u(x, null, {
       default: _(() => [g(c(t.description), 1)]),
       _: 1
     })]));
@@ -410,7 +410,7 @@ const w = /* @__PURE__ */ d(Se, [["render", we], ["__scopeId", "data-v-501deb41"
   },
   setup(a) {
     return (t, l) => (s(), n("div", {
-      class: C(["heroButton", [t.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
+      class: w(["heroButton", [t.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
     }, [h(t.$slots, "default", {}, void 0, !0)], 2));
   }
 }), Qe = /* @__PURE__ */ d(Je, [["__scopeId", "data-v-d26fdf8b"]]), Ze = {}, Ye = {
@@ -471,25 +471,25 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", et, [e("div", tt, [e("h2", st, c(t.contact.title), 1), u(w, null, {
+    return (l, i) => (s(), n("div", et, [e("div", tt, [e("h2", st, c(t.contact.title), 1), u(x, null, {
       default: _(() => [g(c(t.contact.description), 1)]),
       _: 1
-    }), e("div", at, [e("div", nt, [u(I(x), {
+    }), e("div", at, [e("div", nt, [u(I(S), {
       class: "contact-info-icon",
       icon: l.mapIcon
-    }, null, 8, ["icon"]), e("span", null, c(t.address), 1)]), e("div", it, [u(I(x), {
+    }, null, 8, ["icon"]), e("span", null, c(t.address), 1)]), e("div", it, [u(I(S), {
       class: "contact-info-icon",
       icon: t.emailIcon
     }, null, 8, ["icon"]), e("a", {
       href: `mailto:${l.email}`
-    }, c(t.email), 9, ot)]), e("div", lt, [u(I(x), {
+    }, c(t.email), 9, ot)]), e("div", lt, [u(I(S), {
       class: "contact-info-icon",
       icon: t.phoneIcon
     }, null, 8, ["icon"]), e("a", {
       href: `tel:${l.phone}`
     }, c(t.phone), 9, ct)])])]), e("div", rt, [h(l.$slots, "contact-form", {}, void 0, !0)])]));
   }
-}), gn = /* @__PURE__ */ d(dt, [["__scopeId", "data-v-50d64cb9"]]), ut = ["value"], _t = ["value"], pt = {
+}), bn = /* @__PURE__ */ d(dt, [["__scopeId", "data-v-50d64cb9"]]), ut = ["value"], _t = ["value"], pt = {
   class: "form-group"
 }, ft = {
   class: "form-group"
@@ -514,20 +514,20 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
     }
   },
   setup(a) {
-    const t = a, l = k(!1), o = k(""), i = k(""), r = k({
+    const t = a, l = k(!1), i = k(""), o = k(""), r = k({
       name: "",
       email: "",
       message: ""
-    }), m = async (v) => {
+    }), m = async ($) => {
       l.value = !0;
-      const p = v.target;
+      const p = $.target;
       if (!p.checkValidity()) {
         p.querySelectorAll(":invalid")[0].focus();
         return;
       }
-      o.value = "发送中...", i.value = "";
+      i.value = "发送中...", o.value = "";
       try {
-        const $ = await fetch("https://api.web3forms.com/submit", {
+        const b = await fetch("https://api.web3forms.com/submit", {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -541,20 +541,20 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
             message: r.value.message
           })
         });
-        await $.json(), $.status === 200 ? (i.value = "text-green", o.value = "消息发送成功！我们会尽快回复您。") : (i.value = "text-red", o.value = "发送失败，请检查网络连接后重试。");
+        await b.json(), b.status === 200 ? (o.value = "text-green", i.value = "消息发送成功！我们会尽快回复您。") : (o.value = "text-red", i.value = "发送失败，请检查网络连接后重试。");
       } catch {
-        i.value = "text-red", o.value = "发送失败，请稍后再试！";
+        o.value = "text-red", i.value = "发送失败，请稍后再试！";
       } finally {
         p.reset(), l.value = !1, setTimeout(() => {
-          o.value = "";
+          i.value = "";
         }, 5e3);
       }
     };
-    return (v, p) => (s(), n("form", {
+    return ($, p) => (s(), n("form", {
       id: "form",
       action: "https://api.web3forms.com/submit",
       method: "POST",
-      class: C(["contact-form", {
+      class: w(["contact-form", {
         "was-validated": l.value
       }]),
       novalidate: "",
@@ -581,7 +581,7 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
       class: "required"
     }, "*")], -1)), A(e("input", {
       id: "name",
-      "onUpdate:modelValue": p[0] || (p[0] = ($) => r.value.name = $),
+      "onUpdate:modelValue": p[0] || (p[0] = (b) => r.value.name = b),
       type: "text",
       placeholder: "请输入您的姓名",
       required: "",
@@ -596,7 +596,7 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
       class: "required"
     }, "*")], -1)), A(e("input", {
       id: "email_address",
-      "onUpdate:modelValue": p[1] || (p[1] = ($) => r.value.email = $),
+      "onUpdate:modelValue": p[1] || (p[1] = (b) => r.value.email = b),
       type: "email",
       placeholder: "请输入您的邮箱地址",
       name: "email",
@@ -613,7 +613,7 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
       class: "required"
     }, "*")], -1)), A(e("textarea", {
       id: "message",
-      "onUpdate:modelValue": p[2] || (p[2] = ($) => r.value.message = $),
+      "onUpdate:modelValue": p[2] || (p[2] = (b) => r.value.message = b),
       name: "message",
       required: "",
       placeholder: "请输入您的留言内容",
@@ -621,7 +621,7 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
       rows: "4"
     }, null, 512), [[q, r.value.message]]), p[9] || (p[9] = e("div", {
       class: "empty-feedback invalid-feedback form-error"
-    }, " 请输入您的留言内容。 ", -1))]), e("button", gt, [o.value === "发送中..." ? (s(), n("span", ht, p[10] || (p[10] = [e("svg", {
+    }, " 请输入您的留言内容。 ", -1))]), e("button", gt, [i.value === "发送中..." ? (s(), n("span", ht, p[10] || (p[10] = [e("svg", {
       class: "spinner",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
@@ -637,12 +637,12 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
       class: "spinner-path",
       fill: "currentColor",
       d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-    })], -1), g(" 发送中... ")]))) : (s(), n("span", vt, "发送信息"))]), o.value && o.value !== "发送中..." ? (s(), n("div", {
+    })], -1), g(" 发送中... ")]))) : (s(), n("span", vt, "发送信息"))]), i.value && i.value !== "发送中..." ? (s(), n("div", {
       key: 0,
-      class: C(["form-result", i.value])
-    }, c(o.value), 3)) : T("", !0)], 34));
+      class: w(["form-result", o.value])
+    }, c(i.value), 3)) : T("", !0)], 34));
   }
-}), hn = /* @__PURE__ */ d($t, [["__scopeId", "data-v-bd2eaefb"]]), bt = /* @__PURE__ */ f({
+}), yn = /* @__PURE__ */ d($t, [["__scopeId", "data-v-bd2eaefb"]]), bt = /* @__PURE__ */ f({
   __name: "LandingPageContainer",
   props: {
     flexDirection: {
@@ -657,16 +657,16 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", {
+    return (l, i) => (s(), n("div", {
       class: "landing-page-container",
-      style: S({
+      style: C({
         flexDirection: t.flexDirection,
         gap: t.gap,
         padding: t.padding
       })
     }, [h(l.$slots, "default", {}, void 0, !0)], 4));
   }
-}), vn = /* @__PURE__ */ d(bt, [["__scopeId", "data-v-4566ee86"]]), yt = {
+}), kn = /* @__PURE__ */ d(bt, [["__scopeId", "data-v-4566ee86"]]), yt = {
   class: "cta-title"
 }, kt = {
   class: "cta-description"
@@ -690,12 +690,12 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
       backgroundSize: "200% 200%",
       backgroundPosition: "center"
     }));
-    return (o, i) => (s(), n("div", {
+    return (i, o) => (s(), n("div", {
       class: "cta-container",
-      style: S(l.value)
-    }, [e("h1", yt, c(t.title), 1), e("div", kt, c(t.description), 1), e("div", Lt, [h(o.$slots, "actions", {}, void 0, !0)])], 4));
+      style: C(l.value)
+    }, [e("h1", yt, c(t.title), 1), e("div", kt, c(t.description), 1), e("div", Lt, [h(i.$slots, "actions", {}, void 0, !0)])], 4));
   }
-}), $n = /* @__PURE__ */ d(Pt, [["__scopeId", "data-v-b3eb87df"]]), It = {}, St = {
+}), Ln = /* @__PURE__ */ d(Pt, [["__scopeId", "data-v-b3eb87df"]]), It = {}, St = {
   role: "separator",
   class: "divider divider-horizontal"
 };
@@ -732,16 +732,16 @@ const V = /* @__PURE__ */ d(It, [["render", Ct], ["__scopeId", "data-v-997fc2a4"
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), P(R, {
+    return (l, i) => (s(), L(R, {
       "active-keys": t.activeKeys
     }, {
-      default: _(() => [(s(!0), n(b, null, y(t.faqItems, (i, r) => (s(), P(W, {
+      default: _(() => [(s(!0), n(v, null, y(t.faqItems, (o, r) => (s(), L(W, {
         key: r,
         index: r
       }, {
-        header: _(() => [g(c(i.question), 1)]),
-        default: _(() => [u(w, null, {
-          default: _(() => [g(c(i.answer), 1)]),
+        header: _(() => [g(c(o.question), 1)]),
+        default: _(() => [u(x, null, {
+          default: _(() => [g(c(o.answer), 1)]),
           _: 2
         }, 1024)]),
         _: 2
@@ -749,7 +749,7 @@ const V = /* @__PURE__ */ d(It, [["render", Ct], ["__scopeId", "data-v-997fc2a4"
       _: 1
     }, 8, ["active-keys"]));
   }
-}), bn = /* @__PURE__ */ d(wt, [["__scopeId", "data-v-581e8f75"]]), xt = {
+}), Pn = /* @__PURE__ */ d(wt, [["__scopeId", "data-v-581e8f75"]]), xt = {
   class: "Features"
 }, Tt = {
   class: "feature-title"
@@ -792,26 +792,26 @@ const V = /* @__PURE__ */ d(It, [["render", Ct], ["__scopeId", "data-v-997fc2a4"
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", xt, [(s(!0), n(b, null, y(t.features, (i) => (s(), P(U, {
-      key: i.title
+    return (l, i) => (s(), n("div", xt, [(s(!0), n(v, null, y(t.features, (o) => (s(), L(U, {
+      key: o.title
     }, {
       default: _(() => [e("div", {
         class: "icon-container",
-        style: S({
+        style: C({
           color: t.iconColor,
           border: `1px solid ${t.iconBorderColor}`
         })
-      }, [u(I(x), {
+      }, [u(I(S), {
         class: "icon",
-        icon: i.icon
-      }, null, 8, ["icon"])], 4), e("h3", Tt, c(i.title), 1), u(w, null, {
-        default: _(() => [g(c(i.description), 1)]),
+        icon: o.icon
+      }, null, 8, ["icon"])], 4), e("h3", Tt, c(o.title), 1), u(x, null, {
+        default: _(() => [g(c(o.description), 1)]),
         _: 2
       }, 1024)]),
       _: 2
     }, 1024))), 128))]));
   }
-}), yn = /* @__PURE__ */ d(At, [["__scopeId", "data-v-1ee2db18"]]), qt = {
+}), In = /* @__PURE__ */ d(At, [["__scopeId", "data-v-1ee2db18"]]), qt = {
   class: "tt-feature-list"
 }, Bt = {
   class: "tt-feature-content"
@@ -829,18 +829,18 @@ const V = /* @__PURE__ */ d(It, [["render", Ct], ["__scopeId", "data-v-997fc2a4"
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", qt, [(s(!0), n(b, null, y(t.list, (i, r) => (s(), n("div", {
+    return (l, i) => (s(), n("div", qt, [(s(!0), n(v, null, y(t.list, (o, r) => (s(), n("div", {
       key: r,
       class: "tt-feature-item centered"
-    }, [o[1] || (o[1] = e("div", {
+    }, [i[1] || (i[1] = e("div", {
       class: "tt-feature-icon"
     }, [e("img", {
       src: "https://cdn.prod.website-files.com/645a9acecda2e0594fac6126/66cda872417824f6aabdc2ad_check-highlight-badge.svg",
       loading: "lazy",
       class: "feature-media"
-    })], -1)), e("div", Bt, [e("h3", zt, c(i.title), 1), e("p", Ft, [g(c(i.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
+    })], -1)), e("div", Bt, [e("h3", zt, c(o.title), 1), e("p", Ft, [g(c(o.descriptions) + " ", 1), i[0] || (i[0] = e("br", null, null, -1))])])]))), 128))]));
   }
-}), kn = /* @__PURE__ */ d(Vt, [["__scopeId", "data-v-abd3c70a"]]);
+}), Sn = /* @__PURE__ */ d(Vt, [["__scopeId", "data-v-abd3c70a"]]);
 function Dt(a, t, l) {
   return `mailto:${a}?subject=${encodeURIComponent(t)}&body=${encodeURIComponent(l)}`;
 }
@@ -869,16 +869,16 @@ const Ht = {
     function l() {
       window.open(t.beianUrl);
     }
-    return (o, i) => (s(), n("div", Ht, [e("span", {
+    return (i, o) => (s(), n("div", Ht, [e("span", {
       onClick: l
-    }, c(t.beianText), 1), e("div", Mt, [(s(!0), n(b, null, y(a.links, (r, m) => (s(), n("div", {
+    }, c(t.beianText), 1), e("div", Mt, [(s(!0), n(v, null, y(a.links, (r, m) => (s(), n("div", {
       key: m,
       class: "socialItem",
       onClick: r.select
-    }, [r.type === "text" ? (s(), P(I(x), {
+    }, [r.type === "text" ? (s(), L(I(S), {
       key: 0,
       icon: r.icon
-    }, null, 8, ["icon"])) : T("", !0), r.type === "image" ? (s(), P(I(x), {
+    }, null, 8, ["icon"])) : T("", !0), r.type === "image" ? (s(), L(I(S), {
       key: 1,
       icon: r.icon
     }, null, 8, ["icon"])) : T("", !0)], 8, jt))), 128))])]));
@@ -902,7 +902,7 @@ const Ht = {
 function Zt(a, t) {
   return s(), n("div", Qt, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"]]), Yt = {
+const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"]]), Yt = {
   class: "list"
 }, Xt = {
   class: "title"
@@ -917,7 +917,7 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", Yt, [e("div", Xt, c(t.title), 1), e("div", es, [h(l.$slots, "item", {}, void 0, !0)])]));
+    return (l, i) => (s(), n("div", Yt, [e("div", Xt, c(t.title), 1), e("div", es, [h(l.$slots, "item", {}, void 0, !0)])]));
   }
 }), B = /* @__PURE__ */ d(ts, [["__scopeId", "data-v-0809a48c"]]), ss = {
   class: "Footer"
@@ -925,15 +925,15 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   __name: "LandingPageFooter",
   setup(a) {
     const t = k("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), l = k("https://beian.miit.gov.cn/#/Integrated/index");
-    function o() {
+    function i() {
       const p = Dt(D, "", "");
       window.location.href = p;
     }
-    const i = k([{
+    const o = k([{
       type: "text",
       icon: "ic:baseline-email",
       content: D,
-      select: o
+      select: i
     }, {
       type: "image",
       icon: "ic:baseline-wechat",
@@ -950,15 +950,15 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       LandingPageLinkGroup: _(() => [u(B, {
         title: "产品"
       }, {
-        item: _(() => [u(L, null, {
+        item: _(() => [u(P, null, {
           default: _(() => m[0] || (m[0] = [g("功能")])),
           _: 1,
           __: [0]
-        }), u(L, null, {
+        }), u(P, null, {
           default: _(() => m[1] || (m[1] = [g("展示")])),
           _: 1,
           __: [1]
-        }), u(L, null, {
+        }), u(P, null, {
           default: _(() => m[2] || (m[2] = [g("价格")])),
           _: 1,
           __: [2]
@@ -967,7 +967,7 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       }), u(B, {
         title: "资源"
       }, {
-        item: _(() => [u(L, null, {
+        item: _(() => [u(P, null, {
           default: _(() => m[3] || (m[3] = [g("安全性与合规性")])),
           _: 1,
           __: [3]
@@ -976,27 +976,27 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       }), u(B, {
         title: "公司"
       }, {
-        item: _(() => [u(L, null, {
+        item: _(() => [u(P, null, {
           default: _(() => m[4] || (m[4] = [g("博客")])),
           _: 1,
           __: [4]
-        }), u(L, null, {
+        }), u(P, null, {
           default: _(() => m[5] || (m[5] = [g("公司简介")])),
           _: 1,
           __: [5]
-        }), u(L, null, {
+        }), u(P, null, {
           default: _(() => m[6] || (m[6] = [g("个人信息收集清单")])),
           _: 1,
           __: [6]
-        }), u(L, null, {
+        }), u(P, null, {
           default: _(() => m[7] || (m[7] = [g("第三方信息共享清单")])),
           _: 1,
           __: [7]
-        }), u(L, null, {
+        }), u(P, null, {
           default: _(() => m[8] || (m[8] = [g("用户服务协议")])),
           _: 1,
           __: [8]
-        }), u(L, null, {
+        }), u(P, null, {
           default: _(() => m[9] || (m[9] = [g("隐私协议")])),
           _: 1,
           __: [9]
@@ -1006,12 +1006,12 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       LandingPageFooterContact: _(() => [u(Gt, {
         "beian-text": t.value,
         "beian-url": l.value,
-        links: i.value
+        links: o.value
       }, null, 8, ["beian-text", "beian-url", "links"])]),
       _: 1
     })]));
   }
-}), Ln = /* @__PURE__ */ d(as, [["__scopeId", "data-v-ee74e088"]]), ns = {
+}), Cn = /* @__PURE__ */ d(as, [["__scopeId", "data-v-ee74e088"]]), ns = {
   class: "hero"
 }, is = {
   class: "heroContent"
@@ -1043,9 +1043,9 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("main", ns, [e("div", is, [e("div", os, [e("h1", ls, [h(l.$slots, "title", {}, () => [g(c(t.title), 1)], !0)])]), e("div", cs, [e("div", null, c(t.description), 1)]), e("div", rs, [h(l.$slots, "actions", {}, void 0, !0)])]), e("div", ds, [h(l.$slots, "heroSource", {}, void 0, !0)])]));
+    return (l, i) => (s(), n("main", ns, [e("div", is, [e("div", os, [e("h1", ls, [h(l.$slots, "title", {}, () => [g(c(t.title), 1)], !0)])]), e("div", cs, [e("div", null, c(t.description), 1)]), e("div", rs, [h(l.$slots, "actions", {}, void 0, !0)])]), e("div", ds, [h(l.$slots, "heroSource", {}, void 0, !0)])]));
   }
-}), Pn = /* @__PURE__ */ d(us, [["__scopeId", "data-v-38f97a3c"]]), _s = {
+}), wn = /* @__PURE__ */ d(us, [["__scopeId", "data-v-38f97a3c"]]), _s = {
   class: "logos-list"
 }, ps = /* @__PURE__ */ f({
   __name: "LandingPageLogos",
@@ -1074,13 +1074,13 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", _s, [(s(!0), n(b, null, y(t.logos, (i, r) => (s(), P(I(x), {
+    return (l, i) => (s(), n("div", _s, [(s(!0), n(v, null, y(t.logos, (o, r) => (s(), L(I(S), {
       key: r,
-      icon: i.name,
+      icon: o.name,
       class: "logo-icon"
     }, null, 8, ["icon"]))), 128))]));
   }
-}), In = /* @__PURE__ */ d(ps, [["__scopeId", "data-v-1a08e627"]]), fs = /* @__PURE__ */ f({
+}), xn = /* @__PURE__ */ d(ps, [["__scopeId", "data-v-1a08e627"]]), fs = /* @__PURE__ */ f({
   __name: "LandingPagePageContent",
   props: {
     maxWidth: {
@@ -1110,12 +1110,12 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       flexDirection: t.flexDirection ?? "column",
       gap: t.gap
     }));
-    return (o, i) => (s(), n("div", {
+    return (i, o) => (s(), n("div", {
       class: "PageContent",
-      style: S(l.value)
-    }, [h(o.$slots, "default", {}, void 0, !0)], 4));
+      style: C(l.value)
+    }, [h(i.$slots, "default", {}, void 0, !0)], 4));
   }
-}), Sn = /* @__PURE__ */ d(fs, [["__scopeId", "data-v-00ec8180"]]), ms = {
+}), Tn = /* @__PURE__ */ d(fs, [["__scopeId", "data-v-00ec8180"]]), ms = {
   class: "Tabs"
 }, gs = {
   class: "tabs-root"
@@ -1147,25 +1147,25 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   emits: ["update:modelValue"],
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", ms, [e("div", gs, [e("div", hs, [(s(!0), n(b, null, y(t.tabs, (i) => (s(), n("div", {
-      key: i.value,
-      class: C(["tabs-item", {
-        "tabs-item-active": i.value === a.modelValue
+    return (l, i) => (s(), n("div", ms, [e("div", gs, [e("div", hs, [(s(!0), n(v, null, y(t.tabs, (o) => (s(), n("div", {
+      key: o.value,
+      class: w(["tabs-item", {
+        "tabs-item-active": o.value === a.modelValue
       }])
     }, [e("button", {
-      id: i.value,
+      id: o.value,
       type: "button",
       role: "radio",
-      "aria-checked": i.value === a.modelValue,
-      "data-state": i.value === a.modelValue ? "checked" : "unchecked",
-      value: i.value,
+      "aria-checked": o.value === a.modelValue,
+      "data-state": o.value === a.modelValue ? "checked" : "unchecked",
+      value: o.value,
       class: "tabs-radio",
-      tabindex: i.value === a.modelValue ? 0 : -1,
-      onClick: (r) => l.$emit("update:modelValue", i.value)
-    }, [i.value === a.modelValue ? (s(), n("span", $s)) : T("", !0)], 8, vs), e("label", {
+      tabindex: o.value === a.modelValue ? 0 : -1,
+      onClick: (r) => l.$emit("update:modelValue", o.value)
+    }, [o.value === a.modelValue ? (s(), n("span", $s)) : T("", !0)], 8, vs), e("label", {
       class: "tabs-label",
-      for: i.value
-    }, [e("span", null, c(i.label), 1), i.badge ? (s(), n("div", ys, c(i.badge), 1)) : T("", !0)], 8, bs)], 2))), 128))])])]));
+      for: o.value
+    }, [e("span", null, c(o.label), 1), o.badge ? (s(), n("div", ys, c(o.badge), 1)) : T("", !0)], 8, bs)], 2))), 128))])])]));
   }
 }), Ls = /* @__PURE__ */ d(ks, [["__scopeId", "data-v-9eb67a93"]]), Ps = {
   class: "PriceGroup"
@@ -1173,9 +1173,9 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   __name: "LandingPagePriceGroup",
   setup(a) {
     const t = k("subscribe-monthly");
-    return (l, o) => (s(), n("div", Ps, [u(Ls, {
+    return (l, i) => (s(), n("div", Ps, [u(Ls, {
       modelValue: t.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (i) => t.value = i),
+      "onUpdate:modelValue": i[0] || (i[0] = (o) => t.value = o),
       tabs: [{
         value: "subscribe-monthly",
         label: "按月订阅"
@@ -1189,7 +1189,7 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       }]
     }, null, 8, ["modelValue"]), h(l.$slots, "default", {}, void 0, !0)]));
   }
-}), Cn = /* @__PURE__ */ d(Is, [["__scopeId", "data-v-43a35f55"]]), Ss = {
+}), An = /* @__PURE__ */ d(Is, [["__scopeId", "data-v-43a35f55"]]), Ss = {
   class: "PricingCard"
 }, Cs = {
   class: "title"
@@ -1277,33 +1277,33 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   setup(a, {
     emit: t
   }) {
-    const l = t, o = a;
-    function i() {
+    const l = t, i = a;
+    function o() {
       l("toPay");
     }
-    return (r, m) => (s(), n("div", Ss, [e("div", null, [e("div", Cs, [e("span", ws, c(o.title), 1), o.badge.label ? (s(), P(I(K), {
+    return (r, m) => (s(), n("div", Ss, [e("div", null, [e("div", Cs, [e("span", ws, c(i.title), 1), i.badge.label ? (s(), L(I(K), {
       key: 0,
       color: "arcoblue"
     }, {
-      default: _(() => [g(c(o.badge.label), 1)]),
+      default: _(() => [g(c(i.badge.label), 1)]),
       _: 1
-    })) : T("", !0)]), e("div", xs, c(o.description), 1)]), e("div", Ts, [o.discount !== null ? (s(), n(b, {
+    })) : T("", !0)]), e("div", xs, c(i.description), 1)]), e("div", Ts, [i.discount !== null ? (s(), n(v, {
       key: 0
-    }, [e("span", As, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)]), e("span", qs, [e("span", Bs, c(o.discount), 1), e("span", null, c(o.unit), 1)])], 64)) : (s(), n("span", zs, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)])), e("span", Fs, c(o.cycle), 1)]), e("div", Vs, [(s(!0), n(b, null, y(o.features, (v, p) => (s(), P(j, {
+    }, [e("span", As, [e("span", null, c(i.price), 1), e("span", null, c(i.unit), 1)]), e("span", qs, [e("span", Bs, c(i.discount), 1), e("span", null, c(i.unit), 1)])], 64)) : (s(), n("span", zs, [e("span", null, c(i.price), 1), e("span", null, c(i.unit), 1)])), e("span", Fs, c(i.cycle), 1)]), e("div", Vs, [(s(!0), n(v, null, y(i.features, ($, p) => (s(), L(j, {
       key: p,
-      description: v.title
+      description: $.title
     }, null, 8, ["description"]))), 128))]), u(Qe, {
       class: "handle",
       type: "primary",
-      loading: o.loading,
-      disabled: !(o.discount || o.price),
-      onClick: i
+      loading: i.loading,
+      disabled: !(i.discount || i.price),
+      onClick: o
     }, {
-      default: _(() => [g(c(o.button.label), 1)]),
+      default: _(() => [g(c(i.button.label), 1)]),
       _: 1
     }, 8, ["loading", "disabled"])]));
   }
-}), wn = /* @__PURE__ */ d(Ds, [["__scopeId", "data-v-0b730439"]]), Hs = {}, Ms = {
+}), qn = /* @__PURE__ */ d(Ds, [["__scopeId", "data-v-0b730439"]]), Hs = {}, Ms = {
   class: "PricingGrid"
 }, js = {
   class: "content"
@@ -1311,7 +1311,7 @@ const L = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
 function Us(a, t) {
   return s(), n("div", Ms, [e("div", js, [h(a.$slots, "default", {}, void 0, !0)])]);
 }
-const xn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee"]]), Gs = {
+const Bn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee"]]), Gs = {
   class: "section-header"
 }, Es = {
   class: "title-section"
@@ -1368,7 +1368,7 @@ const xn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
       class: "dashline"
     }, null, 8, Ks), e("span", Js, c(t.subtitle), 1)])])]));
   }
-}), Tn = /* @__PURE__ */ d(Qs, [["__scopeId", "data-v-6831913e"]]), Zs = {
+}), zn = /* @__PURE__ */ d(Qs, [["__scopeId", "data-v-6831913e"]]), Zs = {
   class: "sections-container"
 }, Ys = {
   class: "container"
@@ -1424,8 +1424,8 @@ const xn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("section", Zs, [e("div", Ys, [e("div", {
-      class: C(["content-wrapper", {
+    return (l, i) => (s(), n("section", Zs, [e("div", Ys, [e("div", {
+      class: w(["content-wrapper", {
         reverse: t.reverse
       }])
     }, [e("div", Xs, [e("img", {
@@ -1438,19 +1438,19 @@ const xn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
     }), u(H, null, {
       default: _(() => [g(c(t.subTitle), 1)]),
       _: 1
-    })]), e("div", aa, [(s(!0), n(b, null, y(t.features, (i, r) => (s(), n("div", {
+    })]), e("div", aa, [(s(!0), n(v, null, y(t.features, (o, r) => (s(), n("div", {
       key: r,
       class: "feature-item"
     }, [e("div", {
-      class: C(["icon-container", [`icon-${i.color}`]])
-    }, o[0] || (o[0] = [e("div", {
+      class: w(["icon-container", [`icon-${o.color}`]])
+    }, i[0] || (i[0] = [e("div", {
       class: "dot"
-    }, null, -1)]), 2), e("div", na, [e("div", ia, c(i.title), 1), u(w, null, {
-      default: _(() => [g(c(i.description), 1)]),
+    }, null, -1)]), 2), e("div", na, [e("div", ia, c(o.title), 1), u(x, null, {
+      default: _(() => [g(c(o.description), 1)]),
       _: 2
     }, 1024)])]))), 128))])])], 2)])]));
   }
-}), An = /* @__PURE__ */ d(oa, [["__scopeId", "data-v-ac2b71bb"]]), la = {
+}), Fn = /* @__PURE__ */ d(oa, [["__scopeId", "data-v-ac2b71bb"]]), la = {
   class: "Showcase"
 }, ca = ["onClick"], ra = ["src", "alt"], da = {
   class: "card-content"
@@ -1478,28 +1478,28 @@ const xn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
   setup(a, {
     emit: t
   }) {
-    const l = a, o = t;
-    function i(m) {
-      o("cardClick", m);
+    const l = a, i = t;
+    function o(m) {
+      i("cardClick", m);
     }
     const r = z(() => ({
       height: `${l.cardHeight}px`,
       objectFit: l.objectFit
     }));
-    return (m, v) => (s(), n("div", la, [(s(!0), n(b, null, y(l.items, (p, $) => (s(), n("div", {
-      key: $,
+    return (m, $) => (s(), n("div", la, [(s(!0), n(v, null, y(l.items, (p, b) => (s(), n("div", {
+      key: b,
       class: "showcase-card",
-      onClick: (G) => i(p)
+      onClick: (G) => o(p)
     }, [e("img", {
       src: p.image,
       alt: p.alt,
-      style: S(r.value)
-    }, null, 12, ra), e("div", da, [e("div", ua, c(p.title), 1), u(w, null, {
+      style: C(r.value)
+    }, null, 12, ra), e("div", da, [e("div", ua, c(p.title), 1), u(x, null, {
       default: _(() => [g(c(p.description), 1)]),
       _: 2
     }, 1024)])], 8, ca))), 128))]));
   }
-}), qn = /* @__PURE__ */ d(_a, [["__scopeId", "data-v-381ed6a6"]]), pa = {
+}), Vn = /* @__PURE__ */ d(_a, [["__scopeId", "data-v-381ed6a6"]]), pa = {
   class: "Stats"
 }, fa = {
   key: 0,
@@ -1535,12 +1535,12 @@ const xn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", pa, [(s(!0), n(b, null, y(t.stats, (i, r) => (s(), n("div", {
+    return (l, i) => (s(), n("div", pa, [(s(!0), n(v, null, y(t.stats, (o, r) => (s(), n("div", {
       key: r,
       class: "stats-item"
-    }, [i.title ? (s(), n("div", fa, c(i.title), 1)) : T("", !0), e("div", ma, c(i.number), 1), e("div", ga, c(i.label), 1)]))), 128))]));
+    }, [o.title ? (s(), n("div", fa, c(o.title), 1)) : T("", !0), e("div", ma, c(o.number), 1), e("div", ga, c(o.label), 1)]))), 128))]));
   }
-}), Bn = /* @__PURE__ */ d(ha, [["__scopeId", "data-v-7aa9af80"]]), va = {
+}), Dn = /* @__PURE__ */ d(ha, [["__scopeId", "data-v-7aa9af80"]]), va = {
   class: "stepNumber"
 }, $a = {
   class: "count"
@@ -1569,21 +1569,21 @@ const xn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", {
+    return (l, i) => (s(), n("div", {
       class: "Steps",
-      style: S({
+      style: C({
         gridTemplateColumns: `repeat(${t.columns}, 1fr)`
         // flexDirection: props.flexDirection,
       })
-    }, [(s(!0), n(b, null, y(t.steps, (i, r) => (s(), n("div", {
+    }, [(s(!0), n(v, null, y(t.steps, (o, r) => (s(), n("div", {
       key: r,
       class: "stepItem"
-    }, [e("div", va, [e("span", $a, c(r + 1), 1)]), e("h3", ba, c(i.title), 1), u(w, null, {
-      default: _(() => [g(c(i.description), 1)]),
+    }, [e("div", va, [e("span", $a, c(r + 1), 1)]), e("h3", ba, c(o.title), 1), u(x, null, {
+      default: _(() => [g(c(o.description), 1)]),
       _: 2
     }, 1024)]))), 128))], 4));
   }
-}), zn = /* @__PURE__ */ d(ya, [["__scopeId", "data-v-1ecd9597"]]), ka = {
+}), Hn = /* @__PURE__ */ d(ya, [["__scopeId", "data-v-1ecd9597"]]), ka = {
   class: "Testimonial"
 }, La = {
   class: "user-info"
@@ -1602,20 +1602,20 @@ const xn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("div", ka, [(s(!0), n(b, null, y(t.testimonials, (i, r) => (s(), P(U, {
+    return (l, i) => (s(), n("div", ka, [(s(!0), n(v, null, y(t.testimonials, (o, r) => (s(), L(U, {
       key: r
     }, {
-      default: _(() => [e("div", null, [u(w, null, {
-        default: _(() => [g(c(`"${i.content}"`), 1)]),
+      default: _(() => [e("div", null, [u(x, null, {
+        default: _(() => [g(c(`"${o.content}"`), 1)]),
         _: 2
       }, 1024)]), e("div", La, [e("span", Pa, [e("img", {
-        src: i.avatar,
-        alt: i.name
-      }, null, 8, Ia)]), e("div", null, [e("div", Sa, c(i.name), 1), e("div", Ca, c(i.title), 1)])])]),
+        src: o.avatar,
+        alt: o.name
+      }, null, 8, Ia)]), e("div", null, [e("div", Sa, c(o.name), 1), e("div", Ca, c(o.title), 1)])])]),
       _: 2
     }, 1024))), 128))]));
   }
-}), Fn = /* @__PURE__ */ d(wa, [["__scopeId", "data-v-bc49d7bc"]]), xa = ["href"], Ta = /* @__PURE__ */ f({
+}), Mn = /* @__PURE__ */ d(wa, [["__scopeId", "data-v-bc49d7bc"]]), xa = ["href"], Ta = /* @__PURE__ */ f({
   __name: "LandingPageTips",
   props: {
     href: {
@@ -1629,60 +1629,81 @@ const xn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (l, o) => (s(), n("a", {
+    return (l, i) => (s(), n("a", {
       href: t.href,
       class: "tips-link"
     }, c(t.text), 9, xa));
   }
-}), Vn = /* @__PURE__ */ d(Ta, [["__scopeId", "data-v-f5784dd1"]]), Aa = {}, qa = {
+}), jn = /* @__PURE__ */ d(Ta, [["__scopeId", "data-v-f5784dd1"]]), Aa = {}, qa = {
   class: "sidebar"
 };
 function Ba(a, t) {
   return s(), n("div", qa, t[0] || (t[0] = [N('<div data-v-251905ff><div class="sidebar-title" data-v-251905ff>On this page</div><a class="sidebar-link active" href="#page-title" data-v-251905ff>Introduction</a><a class="sidebar-link" href="#browse-by-feature" data-v-251905ff>Browse by feature</a><a class="sidebar-link" href="#implement-a-template" data-v-251905ff>Implement a template</a><a class="sidebar-link" href="#integrate-or-deploy-tiptap" data-v-251905ff>Integrate or deploy Tiptap</a><a class="sidebar-link" href="#manage-your-documents" data-v-251905ff>Manage your documents</a><a class="sidebar-link" href="#examples" data-v-251905ff>Examples</a><a class="sidebar-link" href="#guides" data-v-251905ff>Guides</a><a class="sidebar-link" href="#community" data-v-251905ff>Community</a></div>', 1)]));
 }
-const Dn = /* @__PURE__ */ d(Aa, [["render", Ba], ["__scopeId", "data-v-251905ff"]]), za = {}, Fa = {
-  class: "features-grid"
-};
-function Va(a, t) {
-  return s(), n("div", Fa, [h(a.$slots, "default", {}, void 0, !0)]);
-}
-const Hn = /* @__PURE__ */ d(za, [["render", Va], ["__scopeId", "data-v-adf08600"]]), Da = {
-  class: "feature-section-header"
+const Un = /* @__PURE__ */ d(Aa, [["render", Ba], ["__scopeId", "data-v-251905ff"]]), za = {
+  class: "feature-card"
+}, Fa = {
+  class: "feature-image"
+}, Va = ["src", "alt"], Da = {
+  class: "feature-title"
 }, Ha = {
+  class: "feature-description"
+}, Ma = {
+  class: "feature-platforms"
+}, ja = /* @__PURE__ */ f({
+  __name: "LandingPageFeatureCard",
+  props: {
+    feature: {}
+  },
+  setup(a) {
+    return (t, l) => (s(), n("div", za, [e("div", Fa, [e("img", {
+      src: t.feature.image,
+      alt: t.feature.title,
+      loading: "lazy",
+      decoding: "async"
+    }, null, 8, Va)]), e("h3", Da, c(t.feature.title), 1), e("p", Ha, c(t.feature.description), 1), e("div", Ma, [(s(!0), n(v, null, y(t.feature.platforms, (i) => (s(), L(I(S), {
+      key: i.name,
+      icon: i.icon,
+      class: "platform-icon"
+    }, null, 8, ["icon"]))), 128))])]));
+  }
+}), Gn = /* @__PURE__ */ d(ja, [["__scopeId", "data-v-474acd19"]]), Ua = {
+  class: "feature-section-header"
+}, Ga = {
   class: "feature-section-title"
-}, Ma = ["innerHTML"], ja = /* @__PURE__ */ f({
+}, Ea = ["innerHTML"], Na = /* @__PURE__ */ f({
   __name: "LandingPageFeatureSectionHeader",
   props: {
     title: {},
     description: {}
   },
   setup(a) {
-    return (t, l) => (s(), n("div", Da, [e("h2", Ha, c(t.title), 1), e("p", {
+    return (t, l) => (s(), n("div", Ua, [e("h2", Ga, c(t.title), 1), e("p", {
       class: "feature-section-description",
       innerHTML: t.description
-    }, null, 8, Ma)]));
+    }, null, 8, Ea)]));
   }
-}), Mn = /* @__PURE__ */ d(ja, [["__scopeId", "data-v-8fe145ad"]]), Ua = {}, Ga = {
+}), En = /* @__PURE__ */ d(Na, [["__scopeId", "data-v-8fe145ad"]]), Oa = {}, Ra = {
   class: "features-grid"
 };
-function Ea(a, t) {
-  return s(), n("div", Ga, [h(a.$slots, "default", {}, void 0, !0)]);
+function Wa(a, t) {
+  return s(), n("div", Ra, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const jn = /* @__PURE__ */ d(Ua, [["render", Ea], ["__scopeId", "data-v-392f636b"]]), Na = {
+const Nn = /* @__PURE__ */ d(Oa, [["render", Wa], ["__scopeId", "data-v-392f636b"]]), Ka = {
   class: "testimonials-container"
-}, Oa = {
+}, Ja = {
   class: "testimonial-header"
-}, Ra = ["onClick"], Wa = {
+}, Qa = ["onClick"], Za = {
   class: "user-avatar"
-}, Ka = ["src", "alt"], Ja = {
+}, Ya = ["src", "alt"], Xa = {
   class: "user-info"
-}, Qa = {
+}, en = {
   class: "user-name"
-}, Za = {
+}, tn = {
   class: "user-title"
-}, Ya = {
+}, sn = {
   class: "testimonial-content"
-}, Xa = /* @__PURE__ */ f({
+}, an = /* @__PURE__ */ f({
   __name: "LandingPageTestimonialCard",
   props: {
     testimonials: {}
@@ -1691,33 +1712,33 @@ const jn = /* @__PURE__ */ d(Ua, [["render", Ea], ["__scopeId", "data-v-392f636b
     function t(l) {
       l.link && window.open(l.link, "_blank");
     }
-    return (l, o) => (s(), n("div", Na, [(s(!0), n(b, null, y(l.testimonials, (i) => (s(), n("div", {
-      key: i.name,
+    return (l, i) => (s(), n("div", Ka, [(s(!0), n(v, null, y(l.testimonials, (o) => (s(), n("div", {
+      key: o.name,
       class: "testimonial-card"
-    }, [e("div", Oa, [e("div", {
-      class: C(["user-link", {
-        "no-link": !i.link
+    }, [e("div", Ja, [e("div", {
+      class: w(["user-link", {
+        "no-link": !o.link
       }]),
-      onClick: (r) => t(i)
-    }, [e("div", Wa, [e("img", {
-      src: i.avatar,
-      alt: i.name,
+      onClick: (r) => t(o)
+    }, [e("div", Za, [e("img", {
+      src: o.avatar,
+      alt: o.name,
       width: "260",
       height: "260",
       loading: "lazy",
       decoding: "async",
       class: "avatar-image"
-    }, null, 8, Ka)]), e("div", Ja, [e("span", Qa, c(i.name), 1), e("span", Za, c(i.title), 1)])], 10, Ra)]), e("p", Ya, c(i.content), 1)]))), 128))]));
+    }, null, 8, Ya)]), e("div", Xa, [e("span", en, c(o.name), 1), e("span", tn, c(o.title), 1)])], 10, Qa)]), e("p", sn, c(o.content), 1)]))), 128))]));
   }
-}), Un = /* @__PURE__ */ d(Xa, [["__scopeId", "data-v-6e10d8a8"]]), en = {
+}), On = /* @__PURE__ */ d(an, [["__scopeId", "data-v-6e10d8a8"]]), nn = {
   class: "tabs"
-}, tn = {
+}, on = {
   class: "tabs-header"
-}, sn = ["onClick"], an = {
+}, ln = ["onClick"], cn = {
   class: "tab-label"
-}, nn = {
+}, rn = {
   class: "tabs-content"
-}, on = /* @__PURE__ */ f({
+}, dn = /* @__PURE__ */ f({
   __name: "LandingPageSectionTabs",
   props: {
     tabs: {},
@@ -1733,77 +1754,77 @@ const jn = /* @__PURE__ */ d(Ua, [["render", Ea], ["__scopeId", "data-v-392f636b
     emit: t
   }) {
     var m;
-    const l = a, o = t, i = k(l.modelValue || l.defaultActiveTab || ((m = l.tabs[0]) == null ? void 0 : m.id) || "");
-    function r(v) {
-      i.value = v, o("update:modelValue", v), o("tabChange", v);
+    const l = a, i = t, o = k(l.modelValue || l.defaultActiveTab || ((m = l.tabs[0]) == null ? void 0 : m.id) || "");
+    function r($) {
+      o.value = $, i("update:modelValue", $), i("tabChange", $);
     }
-    return F(() => l.modelValue, (v) => {
-      v && (i.value = v);
-    }), F(() => l.defaultActiveTab, (v) => {
-      v && !l.modelValue && (i.value = v);
-    }), (v, p) => (s(), n("div", en, [e("div", tn, [(s(!0), n(b, null, y(v.tabs, ($) => (s(), n("div", {
-      key: $.id,
-      class: C(["tab-item", {
-        active: i.value === $.id
+    return F(() => l.modelValue, ($) => {
+      $ && (o.value = $);
+    }), F(() => l.defaultActiveTab, ($) => {
+      $ && !l.modelValue && (o.value = $);
+    }), ($, p) => (s(), n("div", nn, [e("div", on, [(s(!0), n(v, null, y($.tabs, (b) => (s(), n("div", {
+      key: b.id,
+      class: w(["tab-item", {
+        active: o.value === b.id
       }]),
-      onClick: (G) => r($.id)
-    }, [e("span", an, c($.label), 1)], 10, sn))), 128))]), e("div", nn, [(s(!0), n(b, null, y(v.tabs, ($) => A((s(), n("div", {
-      key: $.id,
+      onClick: (G) => r(b.id)
+    }, [e("span", cn, c(b.label), 1)], 10, ln))), 128))]), e("div", rn, [(s(!0), n(v, null, y($.tabs, (b) => A((s(), n("div", {
+      key: b.id,
       class: "tab-panel"
-    }, [h(v.$slots, $.id, {
-      tab: $
-    }, () => [h(v.$slots, "default", {
-      tab: $
-    }, void 0, !0)], !0)])), [[O, i.value === $.id]])), 128))])]));
+    }, [h($.$slots, b.id, {
+      tab: b
+    }, () => [h($.$slots, "default", {
+      tab: b
+    }, void 0, !0)], !0)])), [[O, o.value === b.id]])), 128))])]));
   }
-}), Gn = /* @__PURE__ */ d(on, [["__scopeId", "data-v-22e880ae"]]);
+}), Rn = /* @__PURE__ */ d(dn, [["__scopeId", "data-v-22e880ae"]]);
 export {
-  Tn as A,
+  zn as A,
   Qe as B,
   U as C,
-  w as D,
-  An as E,
-  qn as F,
-  Bn as G,
-  zn as H,
+  x as D,
+  Fn as E,
+  Vn as F,
+  Dn as G,
+  Hn as H,
   Ie as I,
   Fe as J,
-  Fn as K,
-  fn as L,
-  Vn as M,
+  Mn as K,
+  vn as L,
+  jn as M,
   M as N,
-  Dn as O,
-  Hn as P,
-  Mn as Q,
-  jn as R,
+  Un as O,
+  Gn as P,
+  En as Q,
+  Nn as R,
   H as S,
   Ls as T,
-  Un as U,
-  Gn as V,
-  mn as a,
+  On as U,
+  Rn as V,
+  $n as a,
   ae as b,
   oe as c,
   Ke as d,
-  gn as e,
-  hn as f,
-  vn as g,
-  $n as h,
+  bn as e,
+  yn as f,
+  kn as g,
+  Ln as h,
   V as i,
-  bn as j,
-  yn as k,
-  kn as l,
-  Ln as m,
+  Pn as j,
+  In as k,
+  Sn as l,
+  Cn as m,
   Gt as n,
   Kt as o,
-  Pn as p,
-  L as q,
+  wn as p,
+  P as q,
   B as r,
   j as s,
   Oe as t,
-  In as u,
+  xn as u,
   be as v,
-  Sn as w,
-  Cn as x,
-  wn as y,
-  xn as z
+  Tn as w,
+  An as x,
+  qn as y,
+  Bn as z
 };