@huyooo/ui 0.4.67 → 0.4.69

package/dist/{LandingPageToc-B1xCvhWl.js → LandingPageToc-XQjqJ1G4.js}

@@ -1,28 +1,28 @@
-import { createElementBlock as o, openBlock as s, renderSlot as h, defineComponent as m, createVNode as d, withCtx as _, createElementVNode as e, normalizeStyle as x, unref as P, toDisplayString as r, Fragment as v, renderList as $, createBlock as L, normalizeClass as w, createTextVNode as f, ref as k, createCommentVNode as C, withModifiers as U, withDirectives as T, vModelText as q, computed as z, createStaticVNode as N } from "vue";
+import { createElementBlock as i, openBlock as s, renderSlot as h, defineComponent as m, createVNode as d, withCtx as _, createElementVNode as e, normalizeStyle as C, unref as P, toDisplayString as c, Fragment as v, renderList as $, createBlock as L, normalizeClass as w, createTextVNode as f, ref as k, createCommentVNode as x, withModifiers as U, withDirectives as T, vModelText as q, computed as z, createStaticVNode as G } from "vue";
 import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { Icon as S } from "@iconify/vue";
-import { C as E, a as G } from "./CollapseItem-Cw1vcdLu.js";
+import { C as N, a as E } from "./CollapseItem-Cw1vcdLu.js";
 /* empty css               */
 /* empty css               */
 import { Tag as O } from "@arco-design/web-vue";
-const R = {}, K = {
+const R = {}, W = {
   class: "SubTitle"
 };
-function W(a, t) {
-  return s(), o("div", K, [h(a.$slots, "default", {}, void 0, !0)]);
+function K(a, t) {
+  return s(), i("div", W, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const V = /* @__PURE__ */ u(R, [["render", W], ["__scopeId", "data-v-3decf2d4"]]), J = {}, Z = {
+const V = /* @__PURE__ */ u(R, [["render", K], ["__scopeId", "data-v-3decf2d4"]]), J = {}, Z = {
   class: "Title"
 };
 function Q(a, t) {
-  return s(), o("h2", Z, [h(a.$slots, "default", {}, void 0, !0)]);
+  return s(), i("h2", Z, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const M = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]), Y = {
+const H = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]), Y = {
   class: "BlockHeader"
 }, X = /* @__PURE__ */ m({
   __name: "LandingPageBlockHeader",
   setup(a) {
-    return (t, l) => (s(), o("div", Y, [d(M, {
+    return (t, l) => (s(), i("div", Y, [d(H, {
       class: "BlockHeaderTitle"
     }, {
       default: _(() => [h(t.$slots, "title", {}, void 0, !0)]),
@@ -50,9 +50,9 @@ const M = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("section", te, [h(l.$slots, "BlockHeader", {}, void 0, !0), e("div", {
+    return (l, n) => (s(), i("section", te, [h(l.$slots, "BlockHeader", {}, void 0, !0), e("div", {
       class: "BlockBody",
-      style: x({
+      style: C({
         gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
         flexDirection: t.flexDirection
       })
@@ -61,9 +61,9 @@ const M = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
 }), ae = /* @__PURE__ */ u(se, [["__scopeId", "data-v-84ed1aaa"]]), ne = {
   description: "",
   class: "mission-list-item"
-}, oe = {
+}, ie = {
   class: "mission-list-text"
-}, ie = /* @__PURE__ */ m({
+}, oe = /* @__PURE__ */ m({
   __name: "LandingPageListItem",
   props: {
     description: {
@@ -72,16 +72,16 @@ const M = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("div", ne, [d(P(S), {
+    return (l, n) => (s(), i("div", ne, [d(P(S), {
       icon: "mingcute:check-circle-fill",
       class: "mission-list-icon"
-    }), e("span", oe, r(t.description), 1)]));
+    }), e("span", ie, c(t.description), 1)]));
   }
-}), j = /* @__PURE__ */ u(ie, [["__scopeId", "data-v-4973c791"]]), le = {
+}), j = /* @__PURE__ */ u(oe, [["__scopeId", "data-v-4973c791"]]), le = {
   class: "mission-container"
-}, re = {
+}, ce = {
   class: "mission-image-wrapper"
-}, ce = ["src", "alt"], de = {
+}, re = ["src", "alt"], de = {
   class: "mission-content"
 }, ue = {
   class: "mission-title"
@@ -106,7 +106,7 @@ const M = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
     features: {}
   },
   setup(a) {
-    return (t, l) => (s(), o("div", le, [e("div", re, [l[0] || (l[0] = e("div", {
+    return (t, l) => (s(), i("div", le, [e("div", ce, [l[0] || (l[0] = e("div", {
       class: "mission-bg1"
     }, null, -1)), e("img", {
       src: t.image,
@@ -115,10 +115,10 @@ const M = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
       width: "1270",
       decoding: "async",
       class: "mission-img"
-    }, null, 8, ce)]), e("div", de, [e("h2", ue, [e("span", _e, r(t.highlight), 1), e("strong", null, r(t.title), 1)]), e("p", pe, r(t.description), 1), e("div", me, [(s(!0), o(v, null, $(t.features, (n, i) => (s(), L(j, {
-      key: i,
+    }, null, 8, re)]), e("div", de, [e("h2", ue, [e("span", _e, c(t.highlight), 1), e("strong", null, c(t.title), 1)]), e("p", pe, c(t.description), 1), e("div", me, [(s(!0), i(v, null, $(t.features, (n, o) => (s(), L(j, {
+      key: o,
       description: n
-    }, null, 8, ["description"]))), 128))])]), (s(), o("svg", fe, l[1] || (l[1] = [e("symbol", {
+    }, null, 8, ["description"]))), 128))])]), (s(), i("svg", fe, l[1] || (l[1] = [e("symbol", {
       id: "ai:ph:check-circle-fill"
     }, [e("path", {
       fill: "currentColor",
@@ -139,19 +139,19 @@ const M = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("div", ve, [e("div", $e, r(t.title), 1), e("p", be, r(t.description), 1)]));
+    return (l, n) => (s(), i("div", ve, [e("div", $e, c(t.title), 1), e("p", be, c(t.description), 1)]));
   }
 }), ke = /* @__PURE__ */ u(ye, [["__scopeId", "data-v-2074e0d7"]]), Le = {}, Pe = {
   class: "Description"
 };
 function Ie(a, t) {
-  return s(), o("div", Pe, [h(a.$slots, "default", {}, void 0, !0)]);
+  return s(), i("div", Pe, [h(a.$slots, "default", {}, void 0, !0)]);
 }
 const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"]]), Se = {
   class: "grid-container"
-}, xe = {
+}, Ce = {
   class: "square"
-}, Ce = ["src", "alt", "sizes", "width", "height"], we = {
+}, xe = ["src", "alt", "sizes", "width", "height"], we = {
   class: "footer"
 }, Ae = {
   class: "name"
@@ -165,18 +165,18 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
     pictureClass: {}
   },
   setup(a) {
-    return (t, l) => (s(), o("div", Se, [(s(!0), o(v, null, $(t.publishedTeamMembers, (n) => (s(), o("div", {
+    return (t, l) => (s(), i("div", Se, [(s(!0), i(v, null, $(t.publishedTeamMembers, (n) => (s(), i("div", {
       key: n.data.name,
       class: "group"
-    }, [e("div", xe, [e("img", {
+    }, [e("div", Ce, [e("img", {
       src: n.data.avatar.src,
       alt: n.data.avatar.alt,
       sizes: t.sizes,
       width: t.width,
       height: t.height,
       class: w(t.pictureClass ? `${t.pictureClass} picture-img` : "picture-img")
-    }, null, 10, Ce)]), e("div", we, [e("h2", Ae, r(n.data.name), 1), d(I, null, {
-      default: _(() => [f(r(n.data.title), 1)]),
+    }, null, 10, xe)]), e("div", we, [e("h2", Ae, c(n.data.name), 1), d(I, null, {
+      default: _(() => [f(c(n.data.title), 1)]),
       _: 2
     }, 1024)])]))), 128))]));
   }
@@ -220,7 +220,7 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
         }
       }
     }];
-    return (l, n) => (s(), o(v, null, [d(ae, null, {
+    return (l, n) => (s(), i(v, null, [d(ae, null, {
       BlockHeader: _(() => [d(ee, null, {
         title: _(() => n[0] || (n[0] = [f("核心团队")])),
         subTitle: _(() => n[1] || (n[1] = [f("我们是一个充满激情的小团队。")])),
@@ -242,13 +242,13 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
       features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
     })], 64));
   }
-}), qa = /* @__PURE__ */ u(Be, [["__scopeId", "data-v-a40e05a5"]]), ze = {
+}), Ua = /* @__PURE__ */ u(Be, [["__scopeId", "data-v-a40e05a5"]]), ze = {
   class: "nav"
 }, Fe = {
   class: "section"
 }, De = ["href"], Ve = {
   class: "section"
-}, Me = ["href"], je = /* @__PURE__ */ m({
+}, He = ["href"], je = /* @__PURE__ */ m({
   __name: "LandingPageAside",
   setup(a) {
     const t = k([{
@@ -282,28 +282,28 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
       text: "Pro license",
       href: "/docs/resources/pro-license"
     }]);
-    return (n, i) => (s(), o("nav", ze, [i[2] || (i[2] = e("div", {
+    return (n, o) => (s(), i("nav", ze, [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", Fe, [i[0] || (i[0] = e("div", {
+    }, "Overview")])], -1)), e("div", Fe, [o[0] || (o[0] = e("div", {
       class: "section-title"
-    }, "Browse by feature", -1)), e("div", null, [(s(!0), o(v, null, $(t.value, (c) => (s(), o("a", {
-      key: c.text,
+    }, "Browse by feature", -1)), e("div", null, [(s(!0), i(v, null, $(t.value, (r) => (s(), i("a", {
+      key: r.text,
       class: "link",
-      href: c.href
-    }, r(c.text), 9, De))), 128))])]), e("div", Ve, [i[1] || (i[1] = e("div", {
+      href: r.href
+    }, c(r.text), 9, De))), 128))])]), e("div", Ve, [o[1] || (o[1] = e("div", {
       class: "section-title"
-    }, "Resources", -1)), e("div", null, [(s(!0), o(v, null, $(l.value, (c) => (s(), o("a", {
-      key: c.text,
+    }, "Resources", -1)), e("div", null, [(s(!0), i(v, null, $(l.value, (r) => (s(), i("a", {
+      key: r.text,
       class: "link",
-      href: c.href
-    }, r(c.text), 9, Me))), 128))])])]));
+      href: r.href
+    }, c(r.text), 9, He))), 128))])])]));
   }
-}), Ba = /* @__PURE__ */ u(je, [["__scopeId", "data-v-b516bb75"]]), He = ["src"], Ue = /* @__PURE__ */ m({
+}), Ga = /* @__PURE__ */ u(je, [["__scopeId", "data-v-b516bb75"]]), Me = ["src"], Ue = /* @__PURE__ */ m({
   __name: "LandingPageLogo",
   props: {
     name: {
@@ -337,32 +337,32 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
     emit: t
   }) {
     const l = a, n = t;
-    function i() {
+    function o() {
       n("to");
     }
-    return (c, g) => (s(), o("div", {
+    return (r, g) => (s(), i("div", {
       class: "Logo",
-      onClick: i
-    }, [a.icon ? (s(), o("img", {
+      onClick: o
+    }, [a.icon ? (s(), i("img", {
       key: 0,
       class: "icon",
       src: a.icon,
       alt: "logo",
-      style: x({
+      style: C({
         width: l.iconSize,
         height: l.iconSize
       })
-    }, null, 12, He)) : C("", !0), e("div", {
+    }, null, 12, Me)) : x("", !0), e("div", {
       class: "text",
-      style: x({
+      style: C({
         color: l.color,
         fontSize: l.fontSize
       })
-    }, r(a.name), 5)]));
+    }, c(a.name), 5)]));
   }
-}), Ne = /* @__PURE__ */ u(Ue, [["__scopeId", "data-v-f259564c"]]), Ee = {
+}), Ge = /* @__PURE__ */ u(Ue, [["__scopeId", "data-v-f259564c"]]), Ne = {
   class: "BrandInfo"
-}, Ge = /* @__PURE__ */ m({
+}, Ee = /* @__PURE__ */ m({
   __name: "LandingPageBrandInfo",
   props: {
     icon: {
@@ -392,34 +392,34 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("div", Ee, [d(Ne, {
+    return (l, n) => (s(), i("div", Ne, [d(Ge, {
       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"]), d(I, null, {
-      default: _(() => [f(r(t.description), 1)]),
+      default: _(() => [f(c(t.description), 1)]),
       _: 1
     })]));
   }
-}), Oe = /* @__PURE__ */ u(Ge, [["__scopeId", "data-v-03121641"]]), Re = /* @__PURE__ */ m({
+}), Oe = /* @__PURE__ */ u(Ee, [["__scopeId", "data-v-03121641"]]), Re = /* @__PURE__ */ m({
   __name: "LandingPageButton",
   props: {
     type: {}
   },
   setup(a) {
-    return (t, l) => (s(), o("div", {
+    return (t, l) => (s(), i("div", {
       class: w(["heroButton", [t.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
     }, [h(t.$slots, "default", {}, void 0, !0)], 2));
   }
-}), Ke = /* @__PURE__ */ u(Re, [["__scopeId", "data-v-d26fdf8b"]]), We = {}, Je = {
+}), We = /* @__PURE__ */ u(Re, [["__scopeId", "data-v-d26fdf8b"]]), Ke = {}, Je = {
   class: "Card"
 };
 function Ze(a, t) {
-  return s(), o("div", Je, [h(a.$slots, "default", {}, void 0, !0)]);
+  return s(), i("div", Je, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const H = /* @__PURE__ */ u(We, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"]]), Qe = {
+const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"]]), Qe = {
   class: "contact-container"
 }, Ye = {
   class: "contact-info-section"
@@ -433,7 +433,7 @@ const H = /* @__PURE__ */ u(We, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
   class: "contact-info-item"
 }, at = ["href"], nt = {
   class: "contact-info-item"
-}, ot = ["href"], it = {
+}, it = ["href"], ot = {
   class: "contact-form-section"
 }, lt = /* @__PURE__ */ m({
   __name: "LandingPageContact",
@@ -471,25 +471,25 @@ const H = /* @__PURE__ */ u(We, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("div", Qe, [e("div", Ye, [e("h2", Xe, r(t.contact.title), 1), d(I, null, {
-      default: _(() => [f(r(t.contact.description), 1)]),
+    return (l, n) => (s(), i("div", Qe, [e("div", Ye, [e("h2", Xe, c(t.contact.title), 1), d(I, null, {
+      default: _(() => [f(c(t.contact.description), 1)]),
       _: 1
     }), e("div", et, [e("div", tt, [d(P(S), {
       class: "contact-info-icon",
       icon: l.mapIcon
-    }, null, 8, ["icon"]), e("span", null, r(t.address), 1)]), e("div", st, [d(P(S), {
+    }, null, 8, ["icon"]), e("span", null, c(t.address), 1)]), e("div", st, [d(P(S), {
       class: "contact-info-icon",
       icon: t.emailIcon
     }, null, 8, ["icon"]), e("a", {
       href: `mailto:${l.email}`
-    }, r(t.email), 9, at)]), e("div", nt, [d(P(S), {
+    }, c(t.email), 9, at)]), e("div", nt, [d(P(S), {
       class: "contact-info-icon",
       icon: t.phoneIcon
     }, null, 8, ["icon"]), e("a", {
       href: `tel:${l.phone}`
-    }, r(t.phone), 9, ot)])])]), e("div", it, [h(l.$slots, "contact-form", {}, void 0, !0)])]));
+    }, c(t.phone), 9, it)])])]), e("div", ot, [h(l.$slots, "contact-form", {}, void 0, !0)])]));
   }
-}), za = /* @__PURE__ */ u(lt, [["__scopeId", "data-v-50d64cb9"]]), rt = ["value"], ct = ["value"], dt = {
+}), Na = /* @__PURE__ */ u(lt, [["__scopeId", "data-v-50d64cb9"]]), ct = ["value"], rt = ["value"], dt = {
   class: "form-group"
 }, ut = {
   class: "form-group"
@@ -514,7 +514,7 @@ const H = /* @__PURE__ */ u(We, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
     }
   },
   setup(a) {
-    const t = a, l = k(!1), n = k(""), i = k(""), c = k({
+    const t = a, l = k(!1), n = k(""), o = k(""), r = k({
       name: "",
       email: "",
       message: ""
@@ -525,7 +525,7 @@ const H = /* @__PURE__ */ u(We, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
         p.querySelectorAll(":invalid")[0].focus();
         return;
       }
-      n.value = "发送中...", i.value = "";
+      n.value = "发送中...", o.value = "";
       try {
         const b = await fetch("https://api.web3forms.com/submit", {
           method: "POST",
@@ -536,21 +536,21 @@ const H = /* @__PURE__ */ u(We, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
           body: JSON.stringify({
             access_key: t.accessKey,
             to: t.to,
-            name: c.value.name,
-            email: c.value.email,
-            message: c.value.message
+            name: r.value.name,
+            email: r.value.email,
+            message: r.value.message
           })
         });
-        await b.json(), b.status === 200 ? (i.value = "text-green", n.value = "消息发送成功！我们会尽快回复您。") : (i.value = "text-red", n.value = "发送失败，请检查网络连接后重试。");
+        await b.json(), b.status === 200 ? (o.value = "text-green", n.value = "消息发送成功！我们会尽快回复您。") : (o.value = "text-red", n.value = "发送失败，请检查网络连接后重试。");
       } catch {
-        i.value = "text-red", n.value = "发送失败，请稍后再试！";
+        o.value = "text-red", n.value = "发送失败，请稍后再试！";
       } finally {
         p.reset(), l.value = !1, setTimeout(() => {
           n.value = "";
         }, 5e3);
       }
     };
-    return (A, p) => (s(), o("form", {
+    return (A, p) => (s(), i("form", {
       id: "form",
       action: "https://api.web3forms.com/submit",
       method: "POST",
@@ -563,11 +563,11 @@ const H = /* @__PURE__ */ u(We, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
       type: "hidden",
       name: "access_key",
       value: t.accessKey
-    }, null, 8, rt), e("input", {
+    }, null, 8, ct), e("input", {
       type: "hidden",
       name: "to",
       value: t.to
-    }, null, 8, ct), p[11] || (p[11] = e("input", {
+    }, null, 8, rt), p[11] || (p[11] = e("input", {
       type: "checkbox",
       class: "hidden",
       style: {
@@ -581,13 +581,13 @@ const H = /* @__PURE__ */ u(We, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
       class: "required"
     }, "*")], -1)), T(e("input", {
       id: "name",
-      "onUpdate:modelValue": p[0] || (p[0] = (b) => c.value.name = b),
+      "onUpdate:modelValue": p[0] || (p[0] = (b) => r.value.name = b),
       type: "text",
       placeholder: "请输入您的姓名",
       required: "",
       class: "form-input",
       name: "name"
-    }, null, 512), [[q, c.value.name]]), p[4] || (p[4] = e("div", {
+    }, null, 512), [[q, r.value.name]]), p[4] || (p[4] = e("div", {
       class: "empty-feedback invalid-feedback form-error"
     }, " 请输入您的姓名。 ", -1))]), e("div", ut, [p[5] || (p[5] = e("label", {
       for: "email_address",
@@ -596,13 +596,13 @@ const H = /* @__PURE__ */ u(We, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
       class: "required"
     }, "*")], -1)), T(e("input", {
       id: "email_address",
-      "onUpdate:modelValue": p[1] || (p[1] = (b) => c.value.email = b),
+      "onUpdate:modelValue": p[1] || (p[1] = (b) => r.value.email = b),
       type: "email",
       placeholder: "请输入您的邮箱地址",
       name: "email",
       required: "",
       class: "form-input"
-    }, null, 512), [[q, c.value.email]]), p[6] || (p[6] = e("div", {
+    }, null, 512), [[q, r.value.email]]), p[6] || (p[6] = e("div", {
       class: "empty-feedback form-error"
     }, " 请输入您的邮箱地址。 ", -1)), p[7] || (p[7] = e("div", {
       class: "invalid-feedback form-error"
@@ -613,15 +613,15 @@ const H = /* @__PURE__ */ u(We, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
       class: "required"
     }, "*")], -1)), T(e("textarea", {
       id: "message",
-      "onUpdate:modelValue": p[2] || (p[2] = (b) => c.value.message = b),
+      "onUpdate:modelValue": p[2] || (p[2] = (b) => r.value.message = b),
       name: "message",
       required: "",
       placeholder: "请输入您的留言内容",
       class: "form-textarea",
       rows: "4"
-    }, null, 512), [[q, c.value.message]]), p[9] || (p[9] = e("div", {
+    }, null, 512), [[q, r.value.message]]), p[9] || (p[9] = e("div", {
       class: "empty-feedback invalid-feedback form-error"
-    }, " 请输入您的留言内容。 ", -1))]), e("button", pt, [n.value === "发送中..." ? (s(), o("span", mt, p[10] || (p[10] = [e("svg", {
+    }, " 请输入您的留言内容。 ", -1))]), e("button", pt, [n.value === "发送中..." ? (s(), i("span", mt, p[10] || (p[10] = [e("svg", {
       class: "spinner",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
@@ -637,18 +637,18 @@ const H = /* @__PURE__ */ u(We, [["render", Ze], ["__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), f(" 发送中... ")]))) : (s(), o("span", ft, "发送信息"))]), n.value && n.value !== "发送中..." ? (s(), o("div", {
+    })], -1), f(" 发送中... ")]))) : (s(), i("span", ft, "发送信息"))]), n.value && n.value !== "发送中..." ? (s(), i("div", {
       key: 0,
-      class: w(["form-result", i.value])
-    }, r(n.value), 3)) : C("", !0)], 34));
+      class: w(["form-result", o.value])
+    }, c(n.value), 3)) : x("", !0)], 34));
   }
-}), Fa = /* @__PURE__ */ u(gt, [["__scopeId", "data-v-bd2eaefb"]]), ht = {}, vt = {
+}), Ea = /* @__PURE__ */ u(gt, [["__scopeId", "data-v-bd2eaefb"]]), ht = {}, vt = {
   class: "custom-container"
 };
 function $t(a, t) {
-  return s(), o("div", vt, [h(a.$slots, "default", {}, void 0, !0)]);
+  return s(), i("div", vt, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const Da = /* @__PURE__ */ u(ht, [["render", $t], ["__scopeId", "data-v-57594f09"]]), bt = {
+const Oa = /* @__PURE__ */ u(ht, [["render", $t], ["__scopeId", "data-v-57594f09"]]), bt = {
   class: "cta-title"
 }, yt = {
   class: "cta-description"
@@ -672,19 +672,19 @@ const Da = /* @__PURE__ */ u(ht, [["render", $t], ["__scopeId", "data-v-57594f09
       backgroundSize: "200% 200%",
       backgroundPosition: "center"
     }));
-    return (n, i) => (s(), o("div", {
+    return (n, o) => (s(), i("div", {
       class: "cta-container",
-      style: x(l.value)
-    }, [e("h1", bt, r(t.title), 1), e("div", yt, r(t.description), 1), e("div", kt, [h(n.$slots, "actions", {}, void 0, !0)])], 4));
+      style: C(l.value)
+    }, [e("h1", bt, c(t.title), 1), e("div", yt, c(t.description), 1), e("div", kt, [h(n.$slots, "actions", {}, void 0, !0)])], 4));
   }
-}), Va = /* @__PURE__ */ u(Lt, [["__scopeId", "data-v-b3eb87df"]]), Pt = {}, It = {
+}), Ra = /* @__PURE__ */ u(Lt, [["__scopeId", "data-v-b3eb87df"]]), Pt = {}, It = {
   role: "separator",
   class: "divider divider-horizontal"
 };
 function St(a, t) {
-  return s(), o("div", It);
+  return s(), i("div", It);
 }
-const F = /* @__PURE__ */ u(Pt, [["render", St], ["__scopeId", "data-v-997fc2a4"]]), xt = /* @__PURE__ */ m({
+const F = /* @__PURE__ */ u(Pt, [["render", St], ["__scopeId", "data-v-997fc2a4"]]), Ct = /* @__PURE__ */ m({
   __name: "LandingPageFAQ",
   props: {
     activeKeys: {
@@ -714,16 +714,16 @@ const F = /* @__PURE__ */ u(Pt, [["render", St], ["__scopeId", "data-v-997fc2a4"
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), L(E, {
+    return (l, n) => (s(), L(N, {
       "active-keys": t.activeKeys
     }, {
-      default: _(() => [(s(!0), o(v, null, $(t.faqItems, (i, c) => (s(), L(G, {
-        key: c,
-        index: c
+      default: _(() => [(s(!0), i(v, null, $(t.faqItems, (o, r) => (s(), L(E, {
+        key: r,
+        index: r
       }, {
-        header: _(() => [f(r(i.question), 1)]),
+        header: _(() => [f(c(o.question), 1)]),
         default: _(() => [d(I, null, {
-          default: _(() => [f(r(i.answer), 1)]),
+          default: _(() => [f(c(o.answer), 1)]),
           _: 2
         }, 1024)]),
         _: 2
@@ -731,7 +731,7 @@ const F = /* @__PURE__ */ u(Pt, [["render", St], ["__scopeId", "data-v-997fc2a4"
       _: 1
     }, 8, ["active-keys"]));
   }
-}), Ma = /* @__PURE__ */ u(xt, [["__scopeId", "data-v-581e8f75"]]), Ct = {
+}), Wa = /* @__PURE__ */ u(Ct, [["__scopeId", "data-v-581e8f75"]]), xt = {
   class: "Features"
 }, wt = {
   class: "feature-title"
@@ -774,26 +774,26 @@ const F = /* @__PURE__ */ u(Pt, [["render", St], ["__scopeId", "data-v-997fc2a4"
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("div", Ct, [(s(!0), o(v, null, $(t.features, (i) => (s(), L(H, {
-      key: i.title
+    return (l, n) => (s(), i("div", xt, [(s(!0), i(v, null, $(t.features, (o) => (s(), L(M, {
+      key: o.title
     }, {
       default: _(() => [e("div", {
         class: "icon-container",
-        style: x({
+        style: C({
           color: t.iconColor,
           border: `1px solid ${t.iconBorderColor}`
         })
       }, [d(P(S), {
         class: "icon",
-        icon: i.icon
-      }, null, 8, ["icon"])], 4), e("h3", wt, r(i.title), 1), d(I, null, {
-        default: _(() => [f(r(i.description), 1)]),
+        icon: o.icon
+      }, null, 8, ["icon"])], 4), e("h3", wt, c(o.title), 1), d(I, null, {
+        default: _(() => [f(c(o.description), 1)]),
         _: 2
       }, 1024)]),
       _: 2
     }, 1024))), 128))]));
   }
-}), ja = /* @__PURE__ */ u(At, [["__scopeId", "data-v-1ee2db18"]]), Tt = {
+}), Ka = /* @__PURE__ */ u(At, [["__scopeId", "data-v-1ee2db18"]]), Tt = {
   class: "tt-feature-list"
 }, qt = {
   class: "tt-feature-content"
@@ -811,8 +811,8 @@ const F = /* @__PURE__ */ u(Pt, [["render", St], ["__scopeId", "data-v-997fc2a4"
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("div", Tt, [(s(!0), o(v, null, $(t.list, (i, c) => (s(), o("div", {
-      key: c,
+    return (l, n) => (s(), i("div", Tt, [(s(!0), i(v, null, $(t.list, (o, r) => (s(), i("div", {
+      key: r,
       class: "tt-feature-item centered"
     }, [n[1] || (n[1] = e("div", {
       class: "tt-feature-icon"
@@ -820,17 +820,17 @@ const F = /* @__PURE__ */ u(Pt, [["render", St], ["__scopeId", "data-v-997fc2a4"
       src: "https://cdn.prod.website-files.com/645a9acecda2e0594fac6126/66cda872417824f6aabdc2ad_check-highlight-badge.svg",
       loading: "lazy",
       class: "feature-media"
-    })], -1)), e("div", qt, [e("h3", Bt, r(i.title), 1), e("p", zt, [f(r(i.descriptions) + " ", 1), n[0] || (n[0] = e("br", null, null, -1))])])]))), 128))]));
+    })], -1)), e("div", qt, [e("h3", Bt, c(o.title), 1), e("p", zt, [f(c(o.descriptions) + " ", 1), n[0] || (n[0] = e("br", null, null, -1))])])]))), 128))]));
   }
-}), Ha = /* @__PURE__ */ u(Ft, [["__scopeId", "data-v-abd3c70a"]]);
+}), Ja = /* @__PURE__ */ u(Ft, [["__scopeId", "data-v-abd3c70a"]]);
 function Dt(a, t, l) {
   return `mailto:${a}?subject=${encodeURIComponent(t)}&body=${encodeURIComponent(l)}`;
 }
 const Vt = {
   class: "bottom"
-}, Mt = {
+}, Ht = {
   class: "socials"
-}, jt = ["onClick"], Ht = /* @__PURE__ */ m({
+}, jt = ["onClick"], Mt = /* @__PURE__ */ m({
   __name: "LandingPageFooterContact",
   props: {
     beianText: {
@@ -851,40 +851,40 @@ const Vt = {
     function l() {
       window.open(t.beianUrl);
     }
-    return (n, i) => (s(), o("div", Vt, [e("span", {
+    return (n, o) => (s(), i("div", Vt, [e("span", {
       onClick: l
-    }, r(t.beianText), 1), e("div", Mt, [(s(!0), o(v, null, $(a.links, (c, g) => (s(), o("div", {
+    }, c(t.beianText), 1), e("div", Ht, [(s(!0), i(v, null, $(a.links, (r, g) => (s(), i("div", {
       key: g,
       class: "socialItem",
-      onClick: c.select
-    }, [c.type === "text" ? (s(), L(P(S), {
+      onClick: r.select
+    }, [r.type === "text" ? (s(), L(P(S), {
       key: 0,
-      icon: c.icon
-    }, null, 8, ["icon"])) : C("", !0), c.type === "image" ? (s(), L(P(S), {
+      icon: r.icon
+    }, null, 8, ["icon"])) : x("", !0), r.type === "image" ? (s(), L(P(S), {
       key: 1,
-      icon: c.icon
-    }, null, 8, ["icon"])) : C("", !0)], 8, jt))), 128))])]));
+      icon: r.icon
+    }, null, 8, ["icon"])) : x("", !0)], 8, jt))), 128))])]));
   }
-}), Ut = /* @__PURE__ */ u(Ht, [["__scopeId", "data-v-ff6210b9"]]), Nt = {
+}), Ut = /* @__PURE__ */ u(Mt, [["__scopeId", "data-v-ff6210b9"]]), Gt = {
   class: "FooterLayout"
-}, Et = {
+}, Nt = {
   class: "body"
-}, Gt = {
+}, Et = {
   class: "logo"
 }, Ot = {
   class: "links"
 }, Rt = /* @__PURE__ */ m({
   __name: "LandingPageFooterLayout",
   setup(a) {
-    return (t, l) => (s(), o("div", Nt, [d(F), e("div", Et, [e("div", Gt, [h(t.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), e("div", Ot, [h(t.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), d(F), h(t.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
+    return (t, l) => (s(), i("div", Gt, [d(F), e("div", Nt, [e("div", Et, [h(t.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), e("div", Ot, [h(t.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), d(F), h(t.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
   }
-}), Kt = /* @__PURE__ */ u(Rt, [["__scopeId", "data-v-425841c7"]]), Wt = {}, Jt = {
+}), Wt = /* @__PURE__ */ u(Rt, [["__scopeId", "data-v-425841c7"]]), Kt = {}, Jt = {
   class: "Description"
 };
 function Zt(a, t) {
-  return s(), o("div", Jt, [h(a.$slots, "default", {}, void 0, !0)]);
+  return s(), i("div", Jt, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const y = /* @__PURE__ */ u(Wt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"]]), Qt = {
+const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"]]), Qt = {
   class: "list"
 }, Yt = {
   class: "title"
@@ -899,7 +899,7 @@ const y = /* @__PURE__ */ u(Wt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("div", Qt, [e("div", Yt, r(t.title), 1), e("div", Xt, [h(l.$slots, "item", {}, void 0, !0)])]));
+    return (l, n) => (s(), i("div", Qt, [e("div", Yt, c(t.title), 1), e("div", Xt, [h(l.$slots, "item", {}, void 0, !0)])]));
   }
 }), B = /* @__PURE__ */ u(es, [["__scopeId", "data-v-0809a48c"]]), ts = {
   class: "Footer"
@@ -911,7 +911,7 @@ const y = /* @__PURE__ */ u(Wt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       const p = Dt(D, "", "");
       window.location.href = p;
     }
-    const i = k([{
+    const o = k([{
       type: "text",
       icon: "ic:baseline-email",
       content: D,
@@ -923,7 +923,7 @@ const y = /* @__PURE__ */ u(Wt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       select() {
       }
     }]);
-    return (c, g) => (s(), o("div", ts, [d(Kt, null, {
+    return (r, g) => (s(), i("div", ts, [d(Wt, null, {
       LandingPageBrandInfo: _(() => [d(Oe, {
         icon: "https://ghibliaigenerator.app/logo.png",
         name: "ONES",
@@ -988,24 +988,24 @@ const y = /* @__PURE__ */ u(Wt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       LandingPageFooterContact: _(() => [d(Ut, {
         "beian-text": t.value,
         "beian-url": l.value,
-        links: i.value
+        links: o.value
       }, null, 8, ["beian-text", "beian-url", "links"])]),
       _: 1
     })]));
   }
-}), Ua = /* @__PURE__ */ u(ss, [["__scopeId", "data-v-ee74e088"]]), as = {
+}), Za = /* @__PURE__ */ u(ss, [["__scopeId", "data-v-ee74e088"]]), as = {
   class: "hero"
 }, ns = {
   class: "heroContent"
-}, os = {
-  class: "heroHeading"
 }, is = {
+  class: "heroHeading"
+}, os = {
   class: "heroTitle"
 }, ls = {
   class: "heroDescription"
-}, rs = {
-  class: "heroActions"
 }, cs = {
+  class: "heroActions"
+}, rs = {
   class: "heroImage"
 }, ds = /* @__PURE__ */ m({
   __name: "LandingPageHero",
@@ -1025,9 +1025,9 @@ const y = /* @__PURE__ */ u(Wt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("main", as, [e("div", ns, [e("div", os, [e("h1", is, [h(l.$slots, "title", {}, () => [f(r(t.title), 1)], !0)])]), e("div", ls, [e("div", null, r(t.description), 1)]), e("div", rs, [h(l.$slots, "actions", {}, void 0, !0)])]), e("div", cs, [h(l.$slots, "heroSource", {}, void 0, !0)])]));
+    return (l, n) => (s(), i("main", as, [e("div", ns, [e("div", is, [e("h1", os, [h(l.$slots, "title", {}, () => [f(c(t.title), 1)], !0)])]), e("div", ls, [e("div", null, c(t.description), 1)]), e("div", cs, [h(l.$slots, "actions", {}, void 0, !0)])]), e("div", rs, [h(l.$slots, "heroSource", {}, void 0, !0)])]));
   }
-}), Na = /* @__PURE__ */ u(ds, [["__scopeId", "data-v-38f97a3c"]]), us = {
+}), Qa = /* @__PURE__ */ u(ds, [["__scopeId", "data-v-38f97a3c"]]), us = {
   class: "logos-list"
 }, _s = /* @__PURE__ */ m({
   __name: "LandingPageLogos",
@@ -1056,13 +1056,13 @@ const y = /* @__PURE__ */ u(Wt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("div", us, [(s(!0), o(v, null, $(t.logos, (i, c) => (s(), L(P(S), {
-      key: c,
-      icon: i.name,
+    return (l, n) => (s(), i("div", us, [(s(!0), i(v, null, $(t.logos, (o, r) => (s(), L(P(S), {
+      key: r,
+      icon: o.name,
       class: "logo-icon"
     }, null, 8, ["icon"]))), 128))]));
   }
-}), Ea = /* @__PURE__ */ u(_s, [["__scopeId", "data-v-1a08e627"]]), ps = /* @__PURE__ */ m({
+}), Ya = /* @__PURE__ */ u(_s, [["__scopeId", "data-v-1a08e627"]]), ps = /* @__PURE__ */ m({
   __name: "LandingPagePageContent",
   props: {
     maxWidth: {
@@ -1092,12 +1092,12 @@ const y = /* @__PURE__ */ u(Wt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       flexDirection: t.flexDirection ?? "column",
       gap: t.gap
     }));
-    return (n, i) => (s(), o("div", {
+    return (n, o) => (s(), i("div", {
       class: "PageContent",
-      style: x(l.value)
+      style: C(l.value)
     }, [h(n.$slots, "default", {}, void 0, !0)], 4));
   }
-}), Ga = /* @__PURE__ */ u(ps, [["__scopeId", "data-v-00ec8180"]]), ms = {
+}), Xa = /* @__PURE__ */ u(ps, [["__scopeId", "data-v-00ec8180"]]), ms = {
   class: "Tabs"
 }, fs = {
   class: "tabs-root"
@@ -1129,25 +1129,25 @@ const y = /* @__PURE__ */ u(Wt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   emits: ["update:modelValue"],
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("div", ms, [e("div", fs, [e("div", gs, [(s(!0), o(v, null, $(t.tabs, (i) => (s(), o("div", {
-      key: i.value,
+    return (l, n) => (s(), i("div", ms, [e("div", fs, [e("div", gs, [(s(!0), i(v, null, $(t.tabs, (o) => (s(), i("div", {
+      key: o.value,
       class: w(["tabs-item", {
-        "tabs-item-active": i.value === a.modelValue
+        "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: (c) => l.$emit("update:modelValue", i.value)
-    }, [i.value === a.modelValue ? (s(), o("span", vs)) : C("", !0)], 8, hs), e("label", {
+      tabindex: o.value === a.modelValue ? 0 : -1,
+      onClick: (r) => l.$emit("update:modelValue", o.value)
+    }, [o.value === a.modelValue ? (s(), i("span", vs)) : x("", !0)], 8, hs), e("label", {
       class: "tabs-label",
-      for: i.value
-    }, [e("span", null, r(i.label), 1), i.badge ? (s(), o("div", bs, r(i.badge), 1)) : C("", !0)], 8, $s)], 2))), 128))])])]));
+      for: o.value
+    }, [e("span", null, c(o.label), 1), o.badge ? (s(), i("div", bs, c(o.badge), 1)) : x("", !0)], 8, $s)], 2))), 128))])])]));
   }
 }), ks = /* @__PURE__ */ u(ys, [["__scopeId", "data-v-9eb67a93"]]), Ls = {
   class: "PriceGroup"
@@ -1155,9 +1155,9 @@ const y = /* @__PURE__ */ u(Wt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   __name: "LandingPagePriceGroup",
   setup(a) {
     const t = k("subscribe-monthly");
-    return (l, n) => (s(), o("div", Ls, [d(ks, {
+    return (l, n) => (s(), i("div", Ls, [d(ks, {
       modelValue: t.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (i) => t.value = i),
+      "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o),
       tabs: [{
         value: "subscribe-monthly",
         label: "按月订阅"
@@ -1171,13 +1171,13 @@ const y = /* @__PURE__ */ u(Wt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       }]
     }, null, 8, ["modelValue"]), h(l.$slots, "default", {}, void 0, !0)]));
   }
-}), Oa = /* @__PURE__ */ u(Ps, [["__scopeId", "data-v-43a35f55"]]), Is = {
+}), en = /* @__PURE__ */ u(Ps, [["__scopeId", "data-v-43a35f55"]]), Is = {
   class: "PricingCard"
 }, Ss = {
   class: "title"
-}, xs = {
-  class: "titleText"
 }, Cs = {
+  class: "titleText"
+}, xs = {
   class: "description"
 }, ws = {
   class: "priceAndDiscount"
@@ -1260,56 +1260,113 @@ const y = /* @__PURE__ */ u(Wt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
     emit: t
   }) {
     const l = t, n = a;
-    function i() {
+    function o() {
       l("toPay");
     }
-    return (c, g) => (s(), o("div", Is, [e("div", null, [e("div", Ss, [e("span", xs, r(n.title), 1), n.badge.label ? (s(), L(P(O), {
+    return (r, g) => (s(), i("div", Is, [e("div", null, [e("div", Ss, [e("span", Cs, c(n.title), 1), n.badge.label ? (s(), L(P(O), {
       key: 0,
       color: "arcoblue"
     }, {
-      default: _(() => [f(r(n.badge.label), 1)]),
+      default: _(() => [f(c(n.badge.label), 1)]),
       _: 1
-    })) : C("", !0)]), e("div", Cs, r(n.description), 1)]), e("div", ws, [n.discount !== null ? (s(), o(v, {
+    })) : x("", !0)]), e("div", xs, c(n.description), 1)]), e("div", ws, [n.discount !== null ? (s(), i(v, {
       key: 0
-    }, [e("span", As, [e("span", null, r(n.price), 1), e("span", null, r(n.unit), 1)]), e("span", Ts, [e("span", qs, r(n.discount), 1), e("span", null, r(n.unit), 1)])], 64)) : (s(), o("span", Bs, [e("span", null, r(n.price), 1), e("span", null, r(n.unit), 1)])), e("span", zs, r(n.cycle), 1)]), e("div", Fs, [(s(!0), o(v, null, $(n.features, (A, p) => (s(), L(j, {
+    }, [e("span", As, [e("span", null, c(n.price), 1), e("span", null, c(n.unit), 1)]), e("span", Ts, [e("span", qs, c(n.discount), 1), e("span", null, c(n.unit), 1)])], 64)) : (s(), i("span", Bs, [e("span", null, c(n.price), 1), e("span", null, c(n.unit), 1)])), e("span", zs, c(n.cycle), 1)]), e("div", Fs, [(s(!0), i(v, null, $(n.features, (A, p) => (s(), L(j, {
       key: p,
       description: A.title
-    }, null, 8, ["description"]))), 128))]), d(Ke, {
+    }, null, 8, ["description"]))), 128))]), d(We, {
       class: "handle",
       type: "primary",
       loading: n.loading,
       disabled: !(n.discount || n.price),
-      onClick: i
+      onClick: o
     }, {
-      default: _(() => [f(r(n.button.label), 1)]),
+      default: _(() => [f(c(n.button.label), 1)]),
       _: 1
     }, 8, ["loading", "disabled"])]));
   }
-}), Ra = /* @__PURE__ */ u(Ds, [["__scopeId", "data-v-0b730439"]]), Vs = {}, Ms = {
+}), tn = /* @__PURE__ */ u(Ds, [["__scopeId", "data-v-0b730439"]]), Vs = {}, Hs = {
   class: "PricingGrid"
 }, js = {
   class: "content"
 };
-function Hs(a, t) {
-  return s(), o("div", Ms, [e("div", js, [h(a.$slots, "default", {}, void 0, !0)])]);
+function Ms(a, t) {
+  return s(), i("div", Hs, [e("div", js, [h(a.$slots, "default", {}, void 0, !0)])]);
 }
-const Ka = /* @__PURE__ */ u(Vs, [["render", Hs], ["__scopeId", "data-v-1f26d3ee"]]), Us = {
-  class: "sections-container"
+const sn = /* @__PURE__ */ u(Vs, [["render", Ms], ["__scopeId", "data-v-1f26d3ee"]]), Us = {
+  class: "section-header"
+}, Gs = {
+  class: "title-section"
 }, Ns = {
+  class: "icon-title"
+}, Es = ["src", "alt", "width", "height"], Os = {
+  class: "title"
+}, Rs = {
+  class: "subtitle-section"
+}, Ws = ["src", "alt", "width", "height"], Ks = {
+  class: "subtitle"
+}, Js = /* @__PURE__ */ m({
+  __name: "LandingPageSectionHeader",
+  props: {
+    title: {},
+    subtitle: {},
+    icon: {},
+    iconAlt: {
+      default: ""
+    },
+    iconWidth: {
+      default: 40
+    },
+    iconHeight: {
+      default: 40
+    },
+    dashline: {},
+    dashlineAlt: {
+      default: ""
+    },
+    dashlineWidth: {
+      default: 72
+    },
+    dashlineHeight: {
+      default: 48
+    }
+  },
+  setup(a) {
+    return (t, l) => (s(), i("div", Us, [e("div", Gs, [e("div", Ns, [e("img", {
+      src: t.icon,
+      alt: t.iconAlt,
+      width: t.iconWidth,
+      height: t.iconHeight,
+      loading: "lazy",
+      decoding: "async",
+      class: "icon"
+    }, null, 8, Es), e("span", Os, c(t.title), 1)]), e("div", Rs, [e("img", {
+      src: t.dashline,
+      alt: t.dashlineAlt,
+      width: t.dashlineWidth,
+      height: t.dashlineHeight,
+      loading: "lazy",
+      decoding: "async",
+      class: "dashline"
+    }, null, 8, Ws), e("span", Ks, c(t.subtitle), 1)])])]));
+  }
+}), an = /* @__PURE__ */ u(Js, [["__scopeId", "data-v-6831913e"]]), Zs = {
+  class: "sections-container"
+}, Qs = {
   class: "container"
-}, Es = {
+}, Ys = {
   class: "image-container"
-}, Gs = ["src", "alt"], Os = {
+}, Xs = ["src", "alt"], ea = {
   class: "text-container"
-}, Rs = {
+}, ta = {
   class: "header"
-}, Ks = {
+}, sa = {
   class: "features-list"
-}, Ws = {
+}, aa = {
   class: "content"
-}, Js = {
+}, na = {
   class: "feature-title"
-}, Zs = /* @__PURE__ */ m({
+}, ia = /* @__PURE__ */ m({
   __name: "LandingPageSections",
   props: {
     title: {
@@ -1349,39 +1406,39 @@ const Ka = /* @__PURE__ */ u(Vs, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("section", Us, [e("div", Ns, [e("div", {
+    return (l, n) => (s(), i("section", Zs, [e("div", Qs, [e("div", {
       class: w(["content-wrapper", {
         reverse: t.reverse
       }])
-    }, [e("div", Es, [e("img", {
+    }, [e("div", Ys, [e("img", {
       src: t.imageUrl,
       alt: t.imageAlt,
       class: "image"
-    }, null, 8, Gs)]), e("div", Os, [e("div", Rs, [d(M, null, {
-      default: _(() => [f(r(t.title), 1)]),
+    }, null, 8, Xs)]), e("div", ea, [e("div", ta, [d(H, null, {
+      default: _(() => [f(c(t.title), 1)]),
       _: 1
     }), d(V, null, {
-      default: _(() => [f(r(t.subTitle), 1)]),
+      default: _(() => [f(c(t.subTitle), 1)]),
       _: 1
-    })]), e("div", Ks, [(s(!0), o(v, null, $(t.features, (i, c) => (s(), o("div", {
-      key: c,
+    })]), e("div", sa, [(s(!0), i(v, null, $(t.features, (o, r) => (s(), i("div", {
+      key: r,
       class: "feature-item"
     }, [e("div", {
-      class: w(["icon-container", [`icon-${i.color}`]])
+      class: w(["icon-container", [`icon-${o.color}`]])
     }, n[0] || (n[0] = [e("div", {
       class: "dot"
-    }, null, -1)]), 2), e("div", Ws, [e("div", Js, r(i.title), 1), d(I, null, {
-      default: _(() => [f(r(i.description), 1)]),
+    }, null, -1)]), 2), e("div", aa, [e("div", na, c(o.title), 1), d(I, null, {
+      default: _(() => [f(c(o.description), 1)]),
       _: 2
     }, 1024)])]))), 128))])])], 2)])]));
   }
-}), Wa = /* @__PURE__ */ u(Zs, [["__scopeId", "data-v-ac2b71bb"]]), Qs = {
+}), nn = /* @__PURE__ */ u(ia, [["__scopeId", "data-v-ac2b71bb"]]), oa = {
   class: "Showcase"
-}, Ys = ["onClick"], Xs = ["src", "alt"], ea = {
+}, la = ["onClick"], ca = ["src", "alt"], ra = {
   class: "card-content"
-}, ta = {
+}, da = {
   class: "card-title"
-}, sa = /* @__PURE__ */ m({
+}, ua = /* @__PURE__ */ m({
   __name: "LandingPageShowcase",
   props: {
     items: {},
@@ -1404,36 +1461,36 @@ const Ka = /* @__PURE__ */ u(Vs, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
     emit: t
   }) {
     const l = a, n = t;
-    function i(g) {
+    function o(g) {
       n("cardClick", g);
     }
-    const c = z(() => ({
+    const r = z(() => ({
       height: `${l.cardHeight}px`,
       objectFit: l.objectFit
     }));
-    return (g, A) => (s(), o("div", Qs, [(s(!0), o(v, null, $(l.items, (p, b) => (s(), o("div", {
+    return (g, A) => (s(), i("div", oa, [(s(!0), i(v, null, $(l.items, (p, b) => (s(), i("div", {
       key: b,
       class: "showcase-card",
-      onClick: (Pa) => i(p)
+      onClick: (Ba) => o(p)
     }, [e("img", {
       src: p.image,
       alt: p.alt,
-      style: x(c.value)
-    }, null, 12, Xs), e("div", ea, [e("div", ta, r(p.title), 1), d(I, null, {
-      default: _(() => [f(r(p.description), 1)]),
+      style: C(r.value)
+    }, null, 12, ca), e("div", ra, [e("div", da, c(p.title), 1), d(I, null, {
+      default: _(() => [f(c(p.description), 1)]),
       _: 2
-    }, 1024)])], 8, Ys))), 128))]));
+    }, 1024)])], 8, la))), 128))]));
   }
-}), Ja = /* @__PURE__ */ u(sa, [["__scopeId", "data-v-381ed6a6"]]), aa = {
+}), on = /* @__PURE__ */ u(ua, [["__scopeId", "data-v-381ed6a6"]]), _a = {
   class: "Stats"
-}, na = {
+}, pa = {
   key: 0,
   class: "stats-label"
-}, oa = {
+}, ma = {
   class: "stats-number"
-}, ia = {
+}, fa = {
   class: "stats-label"
-}, la = /* @__PURE__ */ m({
+}, ga = /* @__PURE__ */ m({
   __name: "LandingPageStats",
   props: {
     title: {
@@ -1460,18 +1517,18 @@ const Ka = /* @__PURE__ */ u(Vs, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("div", aa, [(s(!0), o(v, null, $(t.stats, (i, c) => (s(), o("div", {
-      key: c,
+    return (l, n) => (s(), i("div", _a, [(s(!0), i(v, null, $(t.stats, (o, r) => (s(), i("div", {
+      key: r,
       class: "stats-item"
-    }, [i.title ? (s(), o("div", na, r(i.title), 1)) : C("", !0), e("div", oa, r(i.number), 1), e("div", ia, r(i.label), 1)]))), 128))]));
+    }, [o.title ? (s(), i("div", pa, c(o.title), 1)) : x("", !0), e("div", ma, c(o.number), 1), e("div", fa, c(o.label), 1)]))), 128))]));
   }
-}), Za = /* @__PURE__ */ u(la, [["__scopeId", "data-v-7aa9af80"]]), ra = {
+}), ln = /* @__PURE__ */ u(ga, [["__scopeId", "data-v-7aa9af80"]]), ha = {
   class: "stepNumber"
-}, ca = {
+}, va = {
   class: "count"
-}, da = {
+}, $a = {
   class: "stepTitle"
-}, ua = /* @__PURE__ */ m({
+}, ba = /* @__PURE__ */ m({
   __name: "LandingPageSteps",
   props: {
     columns: {
@@ -1494,31 +1551,31 @@ const Ka = /* @__PURE__ */ u(Vs, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("div", {
+    return (l, n) => (s(), i("div", {
       class: "Steps",
-      style: x({
+      style: C({
         gridTemplateColumns: `repeat(${t.columns}, 1fr)`
         // flexDirection: props.flexDirection,
       })
-    }, [(s(!0), o(v, null, $(t.steps, (i, c) => (s(), o("div", {
-      key: c,
+    }, [(s(!0), i(v, null, $(t.steps, (o, r) => (s(), i("div", {
+      key: r,
       class: "stepItem"
-    }, [e("div", ra, [e("span", ca, r(c + 1), 1)]), e("h3", da, r(i.title), 1), d(I, null, {
-      default: _(() => [f(r(i.description), 1)]),
+    }, [e("div", ha, [e("span", va, c(r + 1), 1)]), e("h3", $a, c(o.title), 1), d(I, null, {
+      default: _(() => [f(c(o.description), 1)]),
       _: 2
     }, 1024)]))), 128))], 4));
   }
-}), Qa = /* @__PURE__ */ u(ua, [["__scopeId", "data-v-1ecd9597"]]), _a = {
+}), cn = /* @__PURE__ */ u(ba, [["__scopeId", "data-v-1ecd9597"]]), ya = {
   class: "Testimonial"
-}, pa = {
+}, ka = {
   class: "user-info"
-}, ma = {
+}, La = {
   class: "user-avatar"
-}, fa = ["src", "alt"], ga = {
+}, Pa = ["src", "alt"], Ia = {
   class: "user-name"
-}, ha = {
+}, Sa = {
   class: "user-title"
-}, va = /* @__PURE__ */ m({
+}, Ca = /* @__PURE__ */ m({
   __name: "LandingPageTestimonial",
   props: {
     testimonials: {
@@ -1527,20 +1584,20 @@ const Ka = /* @__PURE__ */ u(Vs, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("div", _a, [(s(!0), o(v, null, $(t.testimonials, (i, c) => (s(), L(H, {
-      key: c
+    return (l, n) => (s(), i("div", ya, [(s(!0), i(v, null, $(t.testimonials, (o, r) => (s(), L(M, {
+      key: r
     }, {
       default: _(() => [e("div", null, [d(I, null, {
-        default: _(() => [f(r(`"${i.content}"`), 1)]),
+        default: _(() => [f(c(`"${o.content}"`), 1)]),
         _: 2
-      }, 1024)]), e("div", pa, [e("span", ma, [e("img", {
-        src: i.avatar,
-        alt: i.name
-      }, null, 8, fa)]), e("div", null, [e("div", ga, r(i.name), 1), e("div", ha, r(i.title), 1)])])]),
+      }, 1024)]), e("div", ka, [e("span", La, [e("img", {
+        src: o.avatar,
+        alt: o.name
+      }, null, 8, Pa)]), e("div", null, [e("div", Ia, c(o.name), 1), e("div", Sa, c(o.title), 1)])])]),
       _: 2
     }, 1024))), 128))]));
   }
-}), Ya = /* @__PURE__ */ u(va, [["__scopeId", "data-v-bc49d7bc"]]), $a = ["href"], ba = /* @__PURE__ */ m({
+}), rn = /* @__PURE__ */ u(Ca, [["__scopeId", "data-v-bc49d7bc"]]), xa = ["href"], wa = /* @__PURE__ */ m({
   __name: "LandingPageTips",
   props: {
     href: {
@@ -1554,59 +1611,60 @@ const Ka = /* @__PURE__ */ u(Vs, [["render", Hs], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (l, n) => (s(), o("a", {
+    return (l, n) => (s(), i("a", {
       href: t.href,
       class: "tips-link"
-    }, r(t.text), 9, $a));
+    }, c(t.text), 9, xa));
   }
-}), Xa = /* @__PURE__ */ u(ba, [["__scopeId", "data-v-f5784dd1"]]), ya = {}, ka = {
+}), dn = /* @__PURE__ */ u(wa, [["__scopeId", "data-v-f5784dd1"]]), Aa = {}, Ta = {
   class: "sidebar"
 };
-function La(a, t) {
-  return s(), o("div", ka, 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)]));
+function qa(a, t) {
+  return s(), i("div", Ta, t[0] || (t[0] = [G('<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 en = /* @__PURE__ */ u(ya, [["render", La], ["__scopeId", "data-v-251905ff"]]);
+const un = /* @__PURE__ */ u(Aa, [["render", qa], ["__scopeId", "data-v-251905ff"]]);
 export {
-  Wa as A,
-  Ke as B,
-  H as C,
+  an as A,
+  We as B,
+  M as C,
   I as D,
-  Ja as E,
-  Za as F,
-  Qa as G,
-  ke as H,
-  qe as I,
-  Ya as J,
-  Xa as K,
-  qa as L,
-  M,
-  en as N,
+  nn as E,
+  on as F,
+  ln as G,
+  cn as H,
+  ke as I,
+  qe as J,
+  rn as K,
+  Ua as L,
+  dn as M,
+  H as N,
+  un as O,
   V as S,
   ks as T,
-  Ba as a,
+  Ga as a,
   ee as b,
   ae as c,
   Oe as d,
-  za as e,
-  Fa as f,
-  Da as g,
-  Va as h,
+  Na as e,
+  Ea as f,
+  Oa as g,
+  Ra as h,
   F as i,
-  Ma as j,
-  ja as k,
-  Ha as l,
-  Ua as m,
+  Wa as j,
+  Ka as k,
+  Ja as l,
+  Za as m,
   Ut as n,
-  Kt as o,
-  Na as p,
+  Wt as o,
+  Qa as p,
   y as q,
   B as r,
   j as s,
-  Ne as t,
-  Ea as u,
+  Ge as t,
+  Ya as u,
   he as v,
-  Ga as w,
-  Oa as x,
-  Ra as y,
-  Ka as z
+  Xa as w,
+  en as x,
+  tn as y,
+  sn as z
 };