@huyooo/ui 0.4.77 → 0.4.78

package/dist/{LandingPageToc-BSj2IYpg.js → LandingPageToc-CtByslqq.js}

@@ -1,6 +1,6 @@
-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 { createElementBlock as i, openBlock as s, renderSlot as h, defineComponent as m, createVNode as d, withCtx as _, createElementVNode as t, normalizeStyle as I, 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 C, 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 { Icon as x } from "@iconify/vue";
 import { C as N, a as E } from "./CollapseItem-Cw1vcdLu.js";
 /* empty css               */
 /* empty css               */
@@ -8,13 +8,13 @@ import { Tag as O } from "@arco-design/web-vue";
 const R = {}, W = {
   class: "SubTitle"
 };
-function K(a, t) {
+function K(a, e) {
   return s(), i("div", W, [h(a.$slots, "default", {}, void 0, !0)]);
 }
 const V = /* @__PURE__ */ u(R, [["render", K], ["__scopeId", "data-v-3decf2d4"]]), J = {}, Z = {
   class: "Title"
 };
-function Q(a, t) {
+function Q(a, e) {
   return s(), i("h2", Z, [h(a.$slots, "default", {}, void 0, !0)]);
 }
 const H = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]), Y = {
@@ -22,15 +22,15 @@ const H = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
 }, X = /* @__PURE__ */ m({
   __name: "LandingPageBlockHeader",
   setup(a) {
-    return (t, l) => (s(), i("div", Y, [d(H, {
+    return (e, l) => (s(), i("div", Y, [d(H, {
       class: "BlockHeaderTitle"
     }, {
-      default: _(() => [h(t.$slots, "title", {}, void 0, !0)]),
+      default: _(() => [h(e.$slots, "title", {}, void 0, !0)]),
       _: 3
     }), d(V, {
       class: "BlockHeaderSubTitle"
     }, {
-      default: _(() => [h(t.$slots, "subTitle", {}, void 0, !0)]),
+      default: _(() => [h(e.$slots, "subTitle", {}, void 0, !0)]),
       _: 3
     })]));
   }
@@ -49,12 +49,12 @@ const H = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
     }
   },
   setup(a) {
-    const t = a;
-    return (l, n) => (s(), i("section", te, [h(l.$slots, "BlockHeader", {}, void 0, !0), e("div", {
+    const e = a;
+    return (l, n) => (s(), i("section", te, [h(l.$slots, "BlockHeader", {}, void 0, !0), t("div", {
       class: "BlockBody",
-      style: C({
-        gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
-        flexDirection: t.flexDirection
+      style: I({
+        gridTemplateColumns: `repeat(${e.columns}, 1fr)`,
+        flexDirection: e.flexDirection
       })
     }, [h(l.$slots, "BlockBody", {}, void 0, !0)], 4)]));
   }
@@ -71,11 +71,11 @@ const H = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
     }
   },
   setup(a) {
-    const t = a;
-    return (l, n) => (s(), i("div", ne, [d(P(S), {
+    const e = a;
+    return (l, n) => (s(), i("div", ne, [d(P(x), {
       icon: "mingcute:check-circle-fill",
       class: "mission-list-icon"
-    }), e("span", ie, c(t.description), 1)]));
+    }), t("span", ie, c(e.description), 1)]));
   }
 }), j = /* @__PURE__ */ u(oe, [["__scopeId", "data-v-4973c791"]]), le = {
   class: "mission-container"
@@ -106,21 +106,21 @@ const H = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
     features: {}
   },
   setup(a) {
-    return (t, l) => (s(), i("div", le, [e("div", ce, [l[0] || (l[0] = e("div", {
+    return (e, l) => (s(), i("div", le, [t("div", ce, [l[0] || (l[0] = t("div", {
       class: "mission-bg1"
-    }, null, -1)), e("img", {
-      src: t.image,
-      alt: t.imageAlt,
+    }, null, -1)), t("img", {
+      src: e.image,
+      alt: e.imageAlt,
       loading: "lazy",
       width: "1270",
       decoding: "async",
       class: "mission-img"
-    }, 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, {
+    }, null, 8, re)]), t("div", de, [t("h2", ue, [t("span", _e, c(e.highlight), 1), t("strong", null, c(e.title), 1)]), t("p", pe, c(e.description), 1), t("div", me, [(s(!0), i(v, null, $(e.features, (n, o) => (s(), L(j, {
       key: o,
       description: n
-    }, null, 8, ["description"]))), 128))])]), (s(), i("svg", fe, l[1] || (l[1] = [e("symbol", {
+    }, null, 8, ["description"]))), 128))])]), (s(), i("svg", fe, l[1] || (l[1] = [t("symbol", {
       id: "ai:ph:check-circle-fill"
-    }, [e("path", {
+    }, [t("path", {
       fill: "currentColor",
       d: "M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m45.66 85.66l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32"
     })], -1)])))]));
@@ -138,20 +138,20 @@ const H = /* @__PURE__ */ u(J, [["render", Q], ["__scopeId", "data-v-58078aa8"]]
     description: {}
   },
   setup(a) {
-    const t = a;
-    return (l, n) => (s(), i("div", ve, [e("div", $e, c(t.title), 1), e("p", be, c(t.description), 1)]));
+    const e = a;
+    return (l, n) => (s(), i("div", ve, [t("div", $e, c(e.title), 1), t("p", be, c(e.description), 1)]));
   }
 }), ke = /* @__PURE__ */ u(ye, [["__scopeId", "data-v-2074e0d7"]]), Le = {}, Pe = {
   class: "Description"
 };
-function Ie(a, t) {
+function Ie(a, e) {
   return s(), i("div", Pe, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"]]), Se = {
+const S = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"]]), Se = {
   class: "grid-container"
-}, Ce = {
+}, xe = {
   class: "square"
-}, xe = ["src", "alt", "sizes", "width", "height"], we = {
+}, Ce = ["src", "alt", "sizes", "width", "height"], we = {
   class: "footer"
 }, Ae = {
   class: "name"
@@ -165,17 +165,17 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
     pictureClass: {}
   },
   setup(a) {
-    return (t, l) => (s(), i("div", Se, [(s(!0), i(v, null, $(t.publishedTeamMembers, (n) => (s(), i("div", {
+    return (e, l) => (s(), i("div", Se, [(s(!0), i(v, null, $(e.publishedTeamMembers, (n) => (s(), i("div", {
       key: n.data.name,
       class: "group"
-    }, [e("div", Ce, [e("img", {
+    }, [t("div", xe, [t("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, xe)]), e("div", we, [e("h2", Ae, c(n.data.name), 1), d(I, null, {
+      sizes: e.sizes,
+      width: e.width,
+      height: e.height,
+      class: w(e.pictureClass ? `${e.pictureClass} picture-img` : "picture-img")
+    }, null, 10, Ce)]), t("div", we, [t("h2", Ae, c(n.data.name), 1), d(S, null, {
       default: _(() => [f(c(n.data.title), 1)]),
       _: 2
     }, 1024)])]))), 128))]));
@@ -183,7 +183,7 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
 }), qe = /* @__PURE__ */ u(Te, [["__scopeId", "data-v-aae1a797"]]), Be = /* @__PURE__ */ m({
   __name: "LandingPageAbout",
   setup(a) {
-    const t = [{
+    const e = [{
       data: {
         name: "Janette Lynch",
         title: "Senior Director",
@@ -230,7 +230,7 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
         title: "Empowering the world with Astro.",
         description: "We're a multi-cultural team from around the world! We come from diverse backgrounds, bringing different personalities, experiences and skills to the job. This is what makes our team so special."
       }), d(qe, {
-        "published-team-members": t
+        "published-team-members": e
       })]),
       _: 1
     }), d(he, {
@@ -242,16 +242,16 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
       features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
     })], 64));
   }
-}), Ua = /* @__PURE__ */ u(Be, [["__scopeId", "data-v-a40e05a5"]]), ze = {
+}), ja = /* @__PURE__ */ u(Be, [["__scopeId", "data-v-a40e05a5"]]), ze = {
   class: "nav"
-}, Fe = {
+}, De = {
   class: "section"
-}, De = ["href"], Ve = {
+}, Fe = ["href"], Ve = {
   class: "section"
 }, He = ["href"], je = /* @__PURE__ */ m({
   __name: "LandingPageAside",
   setup(a) {
-    const t = k([{
+    const e = k([{
       text: "Editor",
       href: "/docs/editor/getting-started/overview"
     }, {
@@ -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, o) => (s(), i("nav", ze, [o[2] || (o[2] = e("div", {
+    return (n, o) => (s(), i("nav", ze, [o[2] || (o[2] = t("div", {
       class: "section"
-    }, [e("div", {
+    }, [t("div", {
       class: "section-title"
-    }, "Getting started"), e("div", null, [e("a", {
+    }, "Getting started"), t("div", null, [t("a", {
       class: "link active",
       href: "/docs"
-    }, "Overview")])], -1)), e("div", Fe, [o[0] || (o[0] = e("div", {
+    }, "Overview")])], -1)), t("div", De, [o[0] || (o[0] = t("div", {
       class: "section-title"
-    }, "Browse by feature", -1)), e("div", null, [(s(!0), i(v, null, $(t.value, (r) => (s(), i("a", {
+    }, "Browse by feature", -1)), t("div", null, [(s(!0), i(v, null, $(e.value, (r) => (s(), i("a", {
       key: r.text,
       class: "link",
       href: r.href
-    }, c(r.text), 9, De))), 128))])]), e("div", Ve, [o[1] || (o[1] = e("div", {
+    }, c(r.text), 9, Fe))), 128))])]), t("div", Ve, [o[1] || (o[1] = t("div", {
       class: "section-title"
-    }, "Resources", -1)), e("div", null, [(s(!0), i(v, null, $(l.value, (r) => (s(), i("a", {
+    }, "Resources", -1)), t("div", null, [(s(!0), i(v, null, $(l.value, (r) => (s(), i("a", {
       key: r.text,
       class: "link",
       href: r.href
     }, c(r.text), 9, He))), 128))])])]));
   }
-}), Ga = /* @__PURE__ */ u(je, [["__scopeId", "data-v-b516bb75"]]), Me = ["src"], Ue = /* @__PURE__ */ m({
+}), Ma = /* @__PURE__ */ u(je, [["__scopeId", "data-v-b516bb75"]]), Me = ["src"], Ue = /* @__PURE__ */ m({
   __name: "LandingPageLogo",
   props: {
     name: {
@@ -334,9 +334,9 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
   },
   emits: ["to"],
   setup(a, {
-    emit: t
+    emit: e
   }) {
-    const l = a, n = t;
+    const l = a, n = e;
     function o() {
       n("to");
     }
@@ -348,13 +348,13 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
       class: "icon",
       src: a.icon,
       alt: "logo",
-      style: C({
+      style: I({
         width: l.iconSize,
         height: l.iconSize
       })
-    }, null, 12, Me)) : x("", !0), e("div", {
+    }, null, 12, Me)) : C("", !0), t("div", {
       class: "text",
-      style: C({
+      style: I({
         color: l.color,
         fontSize: l.fontSize
       })
@@ -391,15 +391,15 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
     }
   },
   setup(a) {
-    const t = a;
+    const e = a;
     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(c(t.description), 1)]),
+      icon: e.icon,
+      name: e.name,
+      color: e.color,
+      "font-size": e.fontSize,
+      "icon-size": e.iconSize
+    }, null, 8, ["icon", "name", "color", "font-size", "icon-size"]), d(S, null, {
+      default: _(() => [f(c(e.description), 1)]),
       _: 1
     })]));
   }
@@ -409,14 +409,14 @@ const I = /* @__PURE__ */ u(Le, [["render", Ie], ["__scopeId", "data-v-501deb41"
     type: {}
   },
   setup(a) {
-    return (t, l) => (s(), i("div", {
-      class: w(["heroButton", [t.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
-    }, [h(t.$slots, "default", {}, void 0, !0)], 2));
+    return (e, l) => (s(), i("div", {
+      class: w(["heroButton", [e.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
+    }, [h(e.$slots, "default", {}, void 0, !0)], 2));
   }
 }), We = /* @__PURE__ */ u(Re, [["__scopeId", "data-v-d26fdf8b"]]), Ke = {}, Je = {
   class: "Card"
 };
-function Ze(a, t) {
+function Ze(a, e) {
   return s(), i("div", Je, [h(a.$slots, "default", {}, void 0, !0)]);
 }
 const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"]]), Qe = {
@@ -470,26 +470,26 @@ const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
     }
   },
   setup(a) {
-    const t = a;
-    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)]),
+    const e = a;
+    return (l, n) => (s(), i("div", Qe, [t("div", Ye, [t("h2", Xe, c(e.contact.title), 1), d(S, null, {
+      default: _(() => [f(c(e.contact.description), 1)]),
       _: 1
-    }), e("div", et, [e("div", tt, [d(P(S), {
+    }), t("div", et, [t("div", tt, [d(P(x), {
       class: "contact-info-icon",
       icon: l.mapIcon
-    }, null, 8, ["icon"]), e("span", null, c(t.address), 1)]), e("div", st, [d(P(S), {
+    }, null, 8, ["icon"]), t("span", null, c(e.address), 1)]), t("div", st, [d(P(x), {
       class: "contact-info-icon",
-      icon: t.emailIcon
-    }, null, 8, ["icon"]), e("a", {
+      icon: e.emailIcon
+    }, null, 8, ["icon"]), t("a", {
       href: `mailto:${l.email}`
-    }, c(t.email), 9, at)]), e("div", nt, [d(P(S), {
+    }, c(e.email), 9, at)]), t("div", nt, [d(P(x), {
       class: "contact-info-icon",
-      icon: t.phoneIcon
-    }, null, 8, ["icon"]), e("a", {
+      icon: e.phoneIcon
+    }, null, 8, ["icon"]), t("a", {
       href: `tel:${l.phone}`
-    }, c(t.phone), 9, it)])])]), e("div", ot, [h(l.$slots, "contact-form", {}, void 0, !0)])]));
+    }, c(e.phone), 9, it)])])]), t("div", ot, [h(l.$slots, "contact-form", {}, void 0, !0)])]));
   }
-}), Na = /* @__PURE__ */ u(lt, [["__scopeId", "data-v-50d64cb9"]]), ct = ["value"], rt = ["value"], dt = {
+}), Ua = /* @__PURE__ */ u(lt, [["__scopeId", "data-v-50d64cb9"]]), ct = ["value"], rt = ["value"], dt = {
   class: "form-group"
 }, ut = {
   class: "form-group"
@@ -514,7 +514,7 @@ const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
     }
   },
   setup(a) {
-    const t = a, l = k(!1), n = k(""), o = k(""), r = k({
+    const e = a, l = k(!1), n = k(""), o = k(""), r = k({
       name: "",
       email: "",
       message: ""
@@ -534,8 +534,8 @@ const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
             Accept: "application/json"
           },
           body: JSON.stringify({
-            access_key: t.accessKey,
-            to: t.to,
+            access_key: e.accessKey,
+            to: e.to,
             name: r.value.name,
             email: r.value.email,
             message: r.value.message
@@ -559,27 +559,27 @@ const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
       }]),
       novalidate: "",
       onSubmit: U(g, ["prevent"])
-    }, [e("input", {
+    }, [t("input", {
       type: "hidden",
       name: "access_key",
-      value: t.accessKey
-    }, null, 8, ct), e("input", {
+      value: e.accessKey
+    }, null, 8, ct), t("input", {
       type: "hidden",
       name: "to",
-      value: t.to
-    }, null, 8, rt), p[11] || (p[11] = e("input", {
+      value: e.to
+    }, null, 8, rt), p[11] || (p[11] = t("input", {
       type: "checkbox",
       class: "hidden",
       style: {
         display: "none"
       },
       name: "botcheck"
-    }, null, -1)), e("div", dt, [p[3] || (p[3] = e("label", {
+    }, null, -1)), t("div", dt, [p[3] || (p[3] = t("label", {
       for: "name",
       class: "form-label"
-    }, [f(" 姓名 "), e("span", {
+    }, [f(" 姓名 "), t("span", {
       class: "required"
-    }, "*")], -1)), T(e("input", {
+    }, "*")], -1)), T(t("input", {
       id: "name",
       "onUpdate:modelValue": p[0] || (p[0] = (b) => r.value.name = b),
       type: "text",
@@ -587,14 +587,14 @@ const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
       required: "",
       class: "form-input",
       name: "name"
-    }, null, 512), [[q, r.value.name]]), p[4] || (p[4] = e("div", {
+    }, null, 512), [[q, r.value.name]]), p[4] || (p[4] = t("div", {
       class: "empty-feedback invalid-feedback form-error"
-    }, " 请输入您的姓名。 ", -1))]), e("div", ut, [p[5] || (p[5] = e("label", {
+    }, " 请输入您的姓名。 ", -1))]), t("div", ut, [p[5] || (p[5] = t("label", {
       for: "email_address",
       class: "form-label"
-    }, [f(" 邮箱地址 "), e("span", {
+    }, [f(" 邮箱地址 "), t("span", {
       class: "required"
-    }, "*")], -1)), T(e("input", {
+    }, "*")], -1)), T(t("input", {
       id: "email_address",
       "onUpdate:modelValue": p[1] || (p[1] = (b) => r.value.email = b),
       type: "email",
@@ -602,16 +602,16 @@ const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
       name: "email",
       required: "",
       class: "form-input"
-    }, null, 512), [[q, r.value.email]]), p[6] || (p[6] = e("div", {
+    }, null, 512), [[q, r.value.email]]), p[6] || (p[6] = t("div", {
       class: "empty-feedback form-error"
-    }, " 请输入您的邮箱地址。 ", -1)), p[7] || (p[7] = e("div", {
+    }, " 请输入您的邮箱地址。 ", -1)), p[7] || (p[7] = t("div", {
       class: "invalid-feedback form-error"
-    }, " 请输入有效的邮箱地址。 ", -1))]), e("div", _t, [p[8] || (p[8] = e("label", {
+    }, " 请输入有效的邮箱地址。 ", -1))]), t("div", _t, [p[8] || (p[8] = t("label", {
       for: "message",
       class: "form-label"
-    }, [f(" 留言内容 "), e("span", {
+    }, [f(" 留言内容 "), t("span", {
       class: "required"
-    }, "*")], -1)), T(e("textarea", {
+    }, "*")], -1)), T(t("textarea", {
       id: "message",
       "onUpdate:modelValue": p[2] || (p[2] = (b) => r.value.message = b),
       name: "message",
@@ -619,42 +619,60 @@ const M = /* @__PURE__ */ u(Ke, [["render", Ze], ["__scopeId", "data-v-cdb3f77d"
       placeholder: "请输入您的留言内容",
       class: "form-textarea",
       rows: "4"
-    }, null, 512), [[q, r.value.message]]), p[9] || (p[9] = e("div", {
+    }, null, 512), [[q, r.value.message]]), p[9] || (p[9] = t("div", {
       class: "empty-feedback invalid-feedback form-error"
-    }, " 请输入您的留言内容。 ", -1))]), e("button", pt, [n.value === "发送中..." ? (s(), i("span", mt, p[10] || (p[10] = [e("svg", {
+    }, " 请输入您的留言内容。 ", -1))]), t("button", pt, [n.value === "发送中..." ? (s(), i("span", mt, p[10] || (p[10] = [t("svg", {
       class: "spinner",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24"
-    }, [e("circle", {
+    }, [t("circle", {
       class: "spinner-circle",
       cx: "12",
       cy: "12",
       r: "10",
       stroke: "currentColor",
       "stroke-width": "4"
-    }), e("path", {
+    }), t("path", {
       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(), i("span", ft, "发送信息"))]), n.value && n.value !== "发送中..." ? (s(), i("div", {
       key: 0,
       class: w(["form-result", o.value])
-    }, c(n.value), 3)) : x("", !0)], 34));
+    }, c(n.value), 3)) : C("", !0)], 34));
   }
-}), Ea = /* @__PURE__ */ u(gt, [["__scopeId", "data-v-bd2eaefb"]]), ht = {}, vt = {
-  class: "custom-container"
-};
-function $t(a, t) {
-  return s(), i("div", vt, [h(a.$slots, "default", {}, void 0, !0)]);
-}
-const Oa = /* @__PURE__ */ u(ht, [["render", $t], ["__scopeId", "data-v-60336c2c"]]), bt = {
+}), Ga = /* @__PURE__ */ u(gt, [["__scopeId", "data-v-bd2eaefb"]]), ht = /* @__PURE__ */ m({
+  __name: "LandingPageContainer",
+  props: {
+    flexDirection: {
+      default: "column"
+    },
+    gap: {
+      default: "80px"
+    },
+    padding: {
+      default: "0px"
+    }
+  },
+  setup(a) {
+    const e = a;
+    return (l, n) => (s(), i("div", {
+      class: "landing-page-container",
+      style: I({
+        flexDirection: e.flexDirection,
+        gap: e.gap,
+        padding: e.padding
+      })
+    }, [h(l.$slots, "default", {}, void 0, !0)], 4));
+  }
+}), Na = /* @__PURE__ */ u(ht, [["__scopeId", "data-v-4566ee86"]]), vt = {
   class: "cta-title"
-}, yt = {
+}, $t = {
   class: "cta-description"
-}, kt = {
+}, bt = {
   class: "cta-actions"
-}, Lt = /* @__PURE__ */ m({
+}, yt = /* @__PURE__ */ m({
   __name: "LandingPageCta",
   props: {
     title: {
@@ -666,25 +684,25 @@ const Oa = /* @__PURE__ */ u(ht, [["render", $t], ["__scopeId", "data-v-60336c2c
     backgroundUrl: {}
   },
   setup(a) {
-    const t = a, l = z(() => ({
-      backgroundImage: t.backgroundUrl ? `url(${t.backgroundUrl})` : void 0,
+    const e = a, l = z(() => ({
+      backgroundImage: e.backgroundUrl ? `url(${e.backgroundUrl})` : void 0,
       backgroundRepeat: "no-repeat",
       backgroundSize: "200% 200%",
       backgroundPosition: "center"
     }));
     return (n, o) => (s(), i("div", {
       class: "cta-container",
-      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));
+      style: I(l.value)
+    }, [t("h1", vt, c(e.title), 1), t("div", $t, c(e.description), 1), t("div", bt, [h(n.$slots, "actions", {}, void 0, !0)])], 4));
   }
-}), Ra = /* @__PURE__ */ u(Lt, [["__scopeId", "data-v-b3eb87df"]]), Pt = {}, It = {
+}), Ea = /* @__PURE__ */ u(yt, [["__scopeId", "data-v-b3eb87df"]]), kt = {}, Lt = {
   role: "separator",
   class: "divider divider-horizontal"
 };
-function St(a, t) {
-  return s(), i("div", It);
+function Pt(a, e) {
+  return s(), i("div", Lt);
 }
-const F = /* @__PURE__ */ u(Pt, [["render", St], ["__scopeId", "data-v-997fc2a4"]]), Ct = /* @__PURE__ */ m({
+const D = /* @__PURE__ */ u(kt, [["render", Pt], ["__scopeId", "data-v-997fc2a4"]]), It = /* @__PURE__ */ m({
   __name: "LandingPageFAQ",
   props: {
     activeKeys: {
@@ -713,16 +731,16 @@ const F = /* @__PURE__ */ u(Pt, [["render", St], ["__scopeId", "data-v-997fc2a4"
     }
   },
   setup(a) {
-    const t = a;
+    const e = a;
     return (l, n) => (s(), L(N, {
-      "active-keys": t.activeKeys
+      "active-keys": e.activeKeys
     }, {
-      default: _(() => [(s(!0), i(v, null, $(t.faqItems, (o, r) => (s(), L(E, {
+      default: _(() => [(s(!0), i(v, null, $(e.faqItems, (o, r) => (s(), L(E, {
         key: r,
         index: r
       }, {
         header: _(() => [f(c(o.question), 1)]),
-        default: _(() => [d(I, null, {
+        default: _(() => [d(S, null, {
           default: _(() => [f(c(o.answer), 1)]),
           _: 2
         }, 1024)]),
@@ -731,11 +749,11 @@ const F = /* @__PURE__ */ u(Pt, [["render", St], ["__scopeId", "data-v-997fc2a4"
       _: 1
     }, 8, ["active-keys"]));
   }
-}), Wa = /* @__PURE__ */ u(Ct, [["__scopeId", "data-v-581e8f75"]]), xt = {
+}), Oa = /* @__PURE__ */ u(It, [["__scopeId", "data-v-581e8f75"]]), St = {
   class: "Features"
-}, wt = {
+}, xt = {
   class: "feature-title"
-}, At = /* @__PURE__ */ m({
+}, Ct = /* @__PURE__ */ m({
   __name: "LandingPageFeatures",
   props: {
     features: {
@@ -773,35 +791,35 @@ const F = /* @__PURE__ */ u(Pt, [["render", St], ["__scopeId", "data-v-997fc2a4"
     }
   },
   setup(a) {
-    const t = a;
-    return (l, n) => (s(), i("div", xt, [(s(!0), i(v, null, $(t.features, (o) => (s(), L(M, {
+    const e = a;
+    return (l, n) => (s(), i("div", St, [(s(!0), i(v, null, $(e.features, (o) => (s(), L(M, {
       key: o.title
     }, {
-      default: _(() => [e("div", {
+      default: _(() => [t("div", {
         class: "icon-container",
-        style: C({
-          color: t.iconColor,
-          border: `1px solid ${t.iconBorderColor}`
+        style: I({
+          color: e.iconColor,
+          border: `1px solid ${e.iconBorderColor}`
         })
-      }, [d(P(S), {
+      }, [d(P(x), {
         class: "icon",
         icon: o.icon
-      }, null, 8, ["icon"])], 4), e("h3", wt, c(o.title), 1), d(I, null, {
+      }, null, 8, ["icon"])], 4), t("h3", xt, c(o.title), 1), d(S, null, {
         default: _(() => [f(c(o.description), 1)]),
         _: 2
       }, 1024)]),
       _: 2
     }, 1024))), 128))]));
   }
-}), Ka = /* @__PURE__ */ u(At, [["__scopeId", "data-v-1ee2db18"]]), Tt = {
+}), Ra = /* @__PURE__ */ u(Ct, [["__scopeId", "data-v-1ee2db18"]]), wt = {
   class: "tt-feature-list"
-}, qt = {
+}, At = {
   class: "tt-feature-content"
-}, Bt = {
+}, Tt = {
   class: "heading-small"
-}, zt = {
+}, qt = {
   class: "text-small"
-}, Ft = /* @__PURE__ */ m({
+}, Bt = /* @__PURE__ */ m({
   __name: "LandingPageFeatures2",
   props: {
     list: {
@@ -810,27 +828,27 @@ const F = /* @__PURE__ */ u(Pt, [["render", St], ["__scopeId", "data-v-997fc2a4"
     }
   },
   setup(a) {
-    const t = a;
-    return (l, n) => (s(), i("div", Tt, [(s(!0), i(v, null, $(t.list, (o, r) => (s(), i("div", {
+    const e = a;
+    return (l, n) => (s(), i("div", wt, [(s(!0), i(v, null, $(e.list, (o, r) => (s(), i("div", {
       key: r,
       class: "tt-feature-item centered"
-    }, [n[1] || (n[1] = e("div", {
+    }, [n[1] || (n[1] = t("div", {
       class: "tt-feature-icon"
-    }, [e("img", {
+    }, [t("img", {
       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, c(o.title), 1), e("p", zt, [f(c(o.descriptions) + " ", 1), n[0] || (n[0] = e("br", null, null, -1))])])]))), 128))]));
+    })], -1)), t("div", At, [t("h3", Tt, c(o.title), 1), t("p", qt, [f(c(o.descriptions) + " ", 1), n[0] || (n[0] = t("br", null, null, -1))])])]))), 128))]));
   }
-}), Ja = /* @__PURE__ */ u(Ft, [["__scopeId", "data-v-abd3c70a"]]);
-function Dt(a, t, l) {
-  return `mailto:${a}?subject=${encodeURIComponent(t)}&body=${encodeURIComponent(l)}`;
+}), Wa = /* @__PURE__ */ u(Bt, [["__scopeId", "data-v-abd3c70a"]]);
+function zt(a, e, l) {
+  return `mailto:${a}?subject=${encodeURIComponent(e)}&body=${encodeURIComponent(l)}`;
 }
-const Vt = {
+const Dt = {
   class: "bottom"
-}, Ht = {
+}, Ft = {
   class: "socials"
-}, jt = ["onClick"], Mt = /* @__PURE__ */ m({
+}, Vt = ["onClick"], Ht = /* @__PURE__ */ m({
   __name: "LandingPageFooterContact",
   props: {
     beianText: {
@@ -847,50 +865,50 @@ const Vt = {
     }
   },
   setup(a) {
-    const t = a;
+    const e = a;
     function l() {
-      window.open(t.beianUrl);
+      window.open(e.beianUrl);
     }
-    return (n, o) => (s(), i("div", Vt, [e("span", {
+    return (n, o) => (s(), i("div", Dt, [t("span", {
       onClick: l
-    }, c(t.beianText), 1), e("div", Ht, [(s(!0), i(v, null, $(a.links, (r, g) => (s(), i("div", {
+    }, c(e.beianText), 1), t("div", Ft, [(s(!0), i(v, null, $(a.links, (r, g) => (s(), i("div", {
       key: g,
       class: "socialItem",
       onClick: r.select
-    }, [r.type === "text" ? (s(), L(P(S), {
+    }, [r.type === "text" ? (s(), L(P(x), {
       key: 0,
       icon: r.icon
-    }, null, 8, ["icon"])) : x("", !0), r.type === "image" ? (s(), L(P(S), {
+    }, null, 8, ["icon"])) : C("", !0), r.type === "image" ? (s(), L(P(x), {
       key: 1,
       icon: r.icon
-    }, null, 8, ["icon"])) : x("", !0)], 8, jt))), 128))])]));
+    }, null, 8, ["icon"])) : C("", !0)], 8, Vt))), 128))])]));
   }
-}), Ut = /* @__PURE__ */ u(Mt, [["__scopeId", "data-v-ff6210b9"]]), Gt = {
+}), jt = /* @__PURE__ */ u(Ht, [["__scopeId", "data-v-ff6210b9"]]), Mt = {
   class: "FooterLayout"
-}, Nt = {
+}, Ut = {
   class: "body"
-}, Et = {
+}, Gt = {
   class: "logo"
-}, Ot = {
+}, Nt = {
   class: "links"
-}, Rt = /* @__PURE__ */ m({
+}, Et = /* @__PURE__ */ m({
   __name: "LandingPageFooterLayout",
   setup(a) {
-    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)]));
+    return (e, l) => (s(), i("div", Mt, [d(D), t("div", Ut, [t("div", Gt, [h(e.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), t("div", Nt, [h(e.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), d(D), h(e.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
   }
-}), Wt = /* @__PURE__ */ u(Rt, [["__scopeId", "data-v-425841c7"]]), Kt = {}, Jt = {
+}), Ot = /* @__PURE__ */ u(Et, [["__scopeId", "data-v-425841c7"]]), Rt = {}, Wt = {
   class: "Description"
 };
-function Zt(a, t) {
-  return s(), i("div", Jt, [h(a.$slots, "default", {}, void 0, !0)]);
+function Kt(a, e) {
+  return s(), i("div", Wt, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"]]), Qt = {
+const y = /* @__PURE__ */ u(Rt, [["render", Kt], ["__scopeId", "data-v-ea9ec649"]]), Jt = {
   class: "list"
-}, Yt = {
+}, Zt = {
   class: "title"
-}, Xt = {
+}, Qt = {
   class: "listItemContent"
-}, es = /* @__PURE__ */ m({
+}, Yt = /* @__PURE__ */ m({
   __name: "LandingPageLinkGroup",
   props: {
     title: {
@@ -898,23 +916,23 @@ const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
     }
   },
   setup(a) {
-    const t = a;
-    return (l, n) => (s(), i("div", Qt, [e("div", Yt, c(t.title), 1), e("div", Xt, [h(l.$slots, "item", {}, void 0, !0)])]));
+    const e = a;
+    return (l, n) => (s(), i("div", Jt, [t("div", Zt, c(e.title), 1), t("div", Qt, [h(l.$slots, "item", {}, void 0, !0)])]));
   }
-}), B = /* @__PURE__ */ u(es, [["__scopeId", "data-v-0809a48c"]]), ts = {
+}), B = /* @__PURE__ */ u(Yt, [["__scopeId", "data-v-0809a48c"]]), Xt = {
   class: "Footer"
-}, D = "support@huyooo.com", ss = /* @__PURE__ */ m({
+}, F = "support@huyooo.com", es = /* @__PURE__ */ m({
   __name: "LandingPageFooter",
   setup(a) {
-    const t = k("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), l = k("https://beian.miit.gov.cn/#/Integrated/index");
+    const e = k("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), l = k("https://beian.miit.gov.cn/#/Integrated/index");
     function n() {
-      const p = Dt(D, "", "");
+      const p = zt(F, "", "");
       window.location.href = p;
     }
     const o = k([{
       type: "text",
       icon: "ic:baseline-email",
-      content: D,
+      content: F,
       select: n
     }, {
       type: "image",
@@ -923,7 +941,7 @@ const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       select() {
       }
     }]);
-    return (r, g) => (s(), i("div", ts, [d(Wt, null, {
+    return (r, g) => (s(), i("div", Xt, [d(Ot, null, {
       LandingPageBrandInfo: _(() => [d(Oe, {
         icon: "https://ghibliaigenerator.app/logo.png",
         name: "ONES",
@@ -985,29 +1003,29 @@ const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
         })]),
         _: 1
       })]),
-      LandingPageFooterContact: _(() => [d(Ut, {
-        "beian-text": t.value,
+      LandingPageFooterContact: _(() => [d(jt, {
+        "beian-text": e.value,
         "beian-url": l.value,
         links: o.value
       }, null, 8, ["beian-text", "beian-url", "links"])]),
       _: 1
     })]));
   }
-}), Za = /* @__PURE__ */ u(ss, [["__scopeId", "data-v-ee74e088"]]), as = {
+}), Ka = /* @__PURE__ */ u(es, [["__scopeId", "data-v-ee74e088"]]), ts = {
   class: "hero"
-}, ns = {
+}, ss = {
   class: "heroContent"
-}, is = {
+}, as = {
   class: "heroHeading"
-}, os = {
+}, ns = {
   class: "heroTitle"
-}, ls = {
+}, is = {
   class: "heroDescription"
-}, cs = {
+}, os = {
   class: "heroActions"
-}, rs = {
+}, ls = {
   class: "heroImage"
-}, ds = /* @__PURE__ */ m({
+}, cs = /* @__PURE__ */ m({
   __name: "LandingPageHero",
   props: {
     title: {
@@ -1024,12 +1042,12 @@ const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
     }
   },
   setup(a) {
-    const t = a;
-    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)])]));
+    const e = a;
+    return (l, n) => (s(), i("main", ts, [t("div", ss, [t("div", as, [t("h1", ns, [h(l.$slots, "title", {}, () => [f(c(e.title), 1)], !0)])]), t("div", is, [t("div", null, c(e.description), 1)]), t("div", os, [h(l.$slots, "actions", {}, void 0, !0)])]), t("div", ls, [h(l.$slots, "heroSource", {}, void 0, !0)])]));
   }
-}), Qa = /* @__PURE__ */ u(ds, [["__scopeId", "data-v-38f97a3c"]]), us = {
+}), Ja = /* @__PURE__ */ u(cs, [["__scopeId", "data-v-38f97a3c"]]), rs = {
   class: "logos-list"
-}, _s = /* @__PURE__ */ m({
+}, ds = /* @__PURE__ */ m({
   __name: "LandingPageLogos",
   props: {
     title: {
@@ -1055,14 +1073,14 @@ const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
     }
   },
   setup(a) {
-    const t = a;
-    return (l, n) => (s(), i("div", us, [(s(!0), i(v, null, $(t.logos, (o, r) => (s(), L(P(S), {
+    const e = a;
+    return (l, n) => (s(), i("div", rs, [(s(!0), i(v, null, $(e.logos, (o, r) => (s(), L(P(x), {
       key: r,
       icon: o.name,
       class: "logo-icon"
     }, null, 8, ["icon"]))), 128))]));
   }
-}), Ya = /* @__PURE__ */ u(_s, [["__scopeId", "data-v-1a08e627"]]), ps = /* @__PURE__ */ m({
+}), Za = /* @__PURE__ */ u(ds, [["__scopeId", "data-v-1a08e627"]]), us = /* @__PURE__ */ m({
   __name: "LandingPagePageContent",
   props: {
     maxWidth: {
@@ -1083,38 +1101,38 @@ const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
     }
   },
   setup(a) {
-    const t = a, l = z(() => ({
-      maxWidth: t.maxWidth,
-      margin: t.center ? "0 auto" : void 0,
+    const e = a, l = z(() => ({
+      maxWidth: e.maxWidth,
+      margin: e.center ? "0 auto" : void 0,
       width: "100%",
-      padding: t.padding,
+      padding: e.padding,
       display: "flex",
-      flexDirection: t.flexDirection ?? "column",
-      gap: t.gap
+      flexDirection: e.flexDirection ?? "column",
+      gap: e.gap
     }));
     return (n, o) => (s(), i("div", {
       class: "PageContent",
-      style: C(l.value)
+      style: I(l.value)
     }, [h(n.$slots, "default", {}, void 0, !0)], 4));
   }
-}), Xa = /* @__PURE__ */ u(ps, [["__scopeId", "data-v-00ec8180"]]), ms = {
+}), Qa = /* @__PURE__ */ u(us, [["__scopeId", "data-v-00ec8180"]]), _s = {
   class: "Tabs"
-}, fs = {
+}, ps = {
   class: "tabs-root"
-}, gs = {
+}, ms = {
   role: "radiogroup",
   "aria-required": "false",
   dir: "ltr",
   class: "tabs-group",
   tabindex: "0"
-}, hs = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], vs = {
+}, fs = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], gs = {
   key: 0,
   "data-state": "checked",
   class: "tabs-radio-icon"
-}, $s = ["for"], bs = {
+}, hs = ["for"], vs = {
   key: 0,
   class: "tabs-badge"
-}, ys = /* @__PURE__ */ m({
+}, $s = /* @__PURE__ */ m({
   __name: "LandingPageTabs",
   props: {
     tabs: {
@@ -1128,13 +1146,13 @@ const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   },
   emits: ["update:modelValue"],
   setup(a) {
-    const t = a;
-    return (l, n) => (s(), i("div", ms, [e("div", fs, [e("div", gs, [(s(!0), i(v, null, $(t.tabs, (o) => (s(), i("div", {
+    const e = a;
+    return (l, n) => (s(), i("div", _s, [t("div", ps, [t("div", ms, [(s(!0), i(v, null, $(e.tabs, (o) => (s(), i("div", {
       key: o.value,
       class: w(["tabs-item", {
         "tabs-item-active": o.value === a.modelValue
       }])
-    }, [e("button", {
+    }, [t("button", {
       id: o.value,
       type: "button",
       role: "radio",
@@ -1144,20 +1162,20 @@ const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       class: "tabs-radio",
       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", {
+    }, [o.value === a.modelValue ? (s(), i("span", gs)) : C("", !0)], 8, fs), t("label", {
       class: "tabs-label",
       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))])])]));
+    }, [t("span", null, c(o.label), 1), o.badge ? (s(), i("div", vs, c(o.badge), 1)) : C("", !0)], 8, hs)], 2))), 128))])])]));
   }
-}), ks = /* @__PURE__ */ u(ys, [["__scopeId", "data-v-9eb67a93"]]), Ls = {
+}), bs = /* @__PURE__ */ u($s, [["__scopeId", "data-v-9eb67a93"]]), ys = {
   class: "PriceGroup"
-}, Ps = /* @__PURE__ */ m({
+}, ks = /* @__PURE__ */ m({
   __name: "LandingPagePriceGroup",
   setup(a) {
-    const t = k("subscribe-monthly");
-    return (l, n) => (s(), i("div", Ls, [d(ks, {
-      modelValue: t.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o),
+    const e = k("subscribe-monthly");
+    return (l, n) => (s(), i("div", ys, [d(bs, {
+      modelValue: e.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (o) => e.value = o),
       tabs: [{
         value: "subscribe-monthly",
         label: "按月订阅"
@@ -1171,33 +1189,33 @@ const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       }]
     }, null, 8, ["modelValue"]), h(l.$slots, "default", {}, void 0, !0)]));
   }
-}), en = /* @__PURE__ */ u(Ps, [["__scopeId", "data-v-43a35f55"]]), Is = {
+}), Ya = /* @__PURE__ */ u(ks, [["__scopeId", "data-v-43a35f55"]]), Ls = {
   class: "PricingCard"
-}, Ss = {
+}, Ps = {
   class: "title"
-}, Cs = {
+}, Is = {
   class: "titleText"
-}, xs = {
+}, Ss = {
   class: "description"
-}, ws = {
+}, xs = {
   class: "priceAndDiscount"
-}, As = {
+}, Cs = {
   class: "price"
-}, Ts = {
+}, ws = {
   class: "discount"
-}, qs = {
+}, As = {
   style: {
     position: "relative",
     top: "3px"
   }
-}, Bs = {
+}, Ts = {
   key: 1,
   class: "priceNotDiscount"
-}, zs = {
+}, qs = {
   class: "cycle"
-}, Fs = {
+}, Bs = {
   class: "features"
-}, Ds = /* @__PURE__ */ m({
+}, zs = /* @__PURE__ */ m({
   __name: "LandingPagePricingCard",
   props: {
     loading: {
@@ -1257,21 +1275,21 @@ const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   },
   emits: ["toPay"],
   setup(a, {
-    emit: t
+    emit: e
   }) {
-    const l = t, n = a;
+    const l = e, n = a;
     function o() {
       l("toPay");
     }
-    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), {
+    return (r, g) => (s(), i("div", Ls, [t("div", null, [t("div", Ps, [t("span", Is, c(n.title), 1), n.badge.label ? (s(), L(P(O), {
       key: 0,
       color: "arcoblue"
     }, {
       default: _(() => [f(c(n.badge.label), 1)]),
       _: 1
-    })) : x("", !0)]), e("div", xs, c(n.description), 1)]), e("div", ws, [n.discount !== null ? (s(), i(v, {
+    })) : C("", !0)]), t("div", Ss, c(n.description), 1)]), t("div", xs, [n.discount !== null ? (s(), i(v, {
       key: 0
-    }, [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, {
+    }, [t("span", Cs, [t("span", null, c(n.price), 1), t("span", null, c(n.unit), 1)]), t("span", ws, [t("span", As, c(n.discount), 1), t("span", null, c(n.unit), 1)])], 64)) : (s(), i("span", Ts, [t("span", null, c(n.price), 1), t("span", null, c(n.unit), 1)])), t("span", qs, c(n.cycle), 1)]), t("div", Bs, [(s(!0), i(v, null, $(n.features, (A, p) => (s(), L(j, {
       key: p,
       description: A.title
     }, null, 8, ["description"]))), 128))]), d(We, {
@@ -1285,27 +1303,27 @@ const y = /* @__PURE__ */ u(Kt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       _: 1
     }, 8, ["loading", "disabled"])]));
   }
-}), tn = /* @__PURE__ */ u(Ds, [["__scopeId", "data-v-0b730439"]]), Vs = {}, Hs = {
+}), Xa = /* @__PURE__ */ u(zs, [["__scopeId", "data-v-0b730439"]]), Ds = {}, Fs = {
   class: "PricingGrid"
-}, js = {
+}, Vs = {
   class: "content"
 };
-function Ms(a, t) {
-  return s(), i("div", Hs, [e("div", js, [h(a.$slots, "default", {}, void 0, !0)])]);
+function Hs(a, e) {
+  return s(), i("div", Fs, [t("div", Vs, [h(a.$slots, "default", {}, void 0, !0)])]);
 }
-const sn = /* @__PURE__ */ u(Vs, [["render", Ms], ["__scopeId", "data-v-1f26d3ee"]]), Us = {
+const en = /* @__PURE__ */ u(Ds, [["render", Hs], ["__scopeId", "data-v-1f26d3ee"]]), js = {
   class: "section-header"
-}, Gs = {
+}, Ms = {
   class: "title-section"
-}, Ns = {
+}, Us = {
   class: "icon-title"
-}, Es = ["src", "alt", "width", "height"], Os = {
+}, Gs = ["src", "alt", "width", "height"], Ns = {
   class: "title"
-}, Rs = {
+}, Es = {
   class: "subtitle-section"
-}, Ws = ["src", "alt", "width", "height"], Ks = {
+}, Os = ["src", "alt", "width", "height"], Rs = {
   class: "subtitle"
-}, Js = /* @__PURE__ */ m({
+}, Ws = /* @__PURE__ */ m({
   __name: "LandingPageSectionHeader",
   props: {
     title: {},
@@ -1332,41 +1350,41 @@ const sn = /* @__PURE__ */ u(Vs, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
     }
   },
   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,
+    return (e, l) => (s(), i("div", js, [t("div", Ms, [t("div", Us, [t("img", {
+      src: e.icon,
+      alt: e.iconAlt,
+      width: e.iconWidth,
+      height: e.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,
+    }, null, 8, Gs), t("span", Ns, c(e.title), 1)]), t("div", Es, [t("img", {
+      src: e.dashline,
+      alt: e.dashlineAlt,
+      width: e.dashlineWidth,
+      height: e.dashlineHeight,
       loading: "lazy",
       decoding: "async",
       class: "dashline"
-    }, null, 8, Ws), e("span", Ks, c(t.subtitle), 1)])])]));
+    }, null, 8, Os), t("span", Rs, c(e.subtitle), 1)])])]));
   }
-}), an = /* @__PURE__ */ u(Js, [["__scopeId", "data-v-6831913e"]]), Zs = {
+}), tn = /* @__PURE__ */ u(Ws, [["__scopeId", "data-v-6831913e"]]), Ks = {
   class: "sections-container"
-}, Qs = {
+}, Js = {
   class: "container"
-}, Ys = {
+}, Zs = {
   class: "image-container"
-}, Xs = ["src", "alt"], ea = {
+}, Qs = ["src", "alt"], Ys = {
   class: "text-container"
-}, ta = {
+}, Xs = {
   class: "header"
-}, sa = {
+}, ea = {
   class: "features-list"
-}, aa = {
+}, ta = {
   class: "content"
-}, na = {
+}, sa = {
   class: "feature-title"
-}, ia = /* @__PURE__ */ m({
+}, aa = /* @__PURE__ */ m({
   __name: "LandingPageSections",
   props: {
     title: {
@@ -1405,40 +1423,40 @@ const sn = /* @__PURE__ */ u(Vs, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const t = a;
-    return (l, n) => (s(), i("section", Zs, [e("div", Qs, [e("div", {
+    const e = a;
+    return (l, n) => (s(), i("section", Ks, [t("div", Js, [t("div", {
       class: w(["content-wrapper", {
-        reverse: t.reverse
+        reverse: e.reverse
       }])
-    }, [e("div", Ys, [e("img", {
-      src: t.imageUrl,
-      alt: t.imageAlt,
+    }, [t("div", Zs, [t("img", {
+      src: e.imageUrl,
+      alt: e.imageAlt,
       class: "image"
-    }, null, 8, Xs)]), e("div", ea, [e("div", ta, [d(H, null, {
-      default: _(() => [f(c(t.title), 1)]),
+    }, null, 8, Qs)]), t("div", Ys, [t("div", Xs, [d(H, null, {
+      default: _(() => [f(c(e.title), 1)]),
       _: 1
     }), d(V, null, {
-      default: _(() => [f(c(t.subTitle), 1)]),
+      default: _(() => [f(c(e.subTitle), 1)]),
       _: 1
-    })]), e("div", sa, [(s(!0), i(v, null, $(t.features, (o, r) => (s(), i("div", {
+    })]), t("div", ea, [(s(!0), i(v, null, $(e.features, (o, r) => (s(), i("div", {
       key: r,
       class: "feature-item"
-    }, [e("div", {
+    }, [t("div", {
       class: w(["icon-container", [`icon-${o.color}`]])
-    }, n[0] || (n[0] = [e("div", {
+    }, n[0] || (n[0] = [t("div", {
       class: "dot"
-    }, null, -1)]), 2), e("div", aa, [e("div", na, c(o.title), 1), d(I, null, {
+    }, null, -1)]), 2), t("div", ta, [t("div", sa, c(o.title), 1), d(S, null, {
       default: _(() => [f(c(o.description), 1)]),
       _: 2
     }, 1024)])]))), 128))])])], 2)])]));
   }
-}), nn = /* @__PURE__ */ u(ia, [["__scopeId", "data-v-ac2b71bb"]]), oa = {
+}), sn = /* @__PURE__ */ u(aa, [["__scopeId", "data-v-ac2b71bb"]]), na = {
   class: "Showcase"
-}, la = ["onClick"], ca = ["src", "alt"], ra = {
+}, ia = ["onClick"], oa = ["src", "alt"], la = {
   class: "card-content"
-}, da = {
+}, ca = {
   class: "card-title"
-}, ua = /* @__PURE__ */ m({
+}, ra = /* @__PURE__ */ m({
   __name: "LandingPageShowcase",
   props: {
     items: {},
@@ -1458,9 +1476,9 @@ const sn = /* @__PURE__ */ u(Vs, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
   },
   emits: ["cardClick"],
   setup(a, {
-    emit: t
+    emit: e
   }) {
-    const l = a, n = t;
+    const l = a, n = e;
     function o(g) {
       n("cardClick", g);
     }
@@ -1468,29 +1486,29 @@ const sn = /* @__PURE__ */ u(Vs, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
       height: `${l.cardHeight}px`,
       objectFit: l.objectFit
     }));
-    return (g, A) => (s(), i("div", oa, [(s(!0), i(v, null, $(l.items, (p, b) => (s(), i("div", {
+    return (g, A) => (s(), i("div", na, [(s(!0), i(v, null, $(l.items, (p, b) => (s(), i("div", {
       key: b,
       class: "showcase-card",
-      onClick: (Ba) => o(p)
-    }, [e("img", {
+      onClick: (Ta) => o(p)
+    }, [t("img", {
       src: p.image,
       alt: p.alt,
-      style: C(r.value)
-    }, null, 12, ca), e("div", ra, [e("div", da, c(p.title), 1), d(I, null, {
+      style: I(r.value)
+    }, null, 12, oa), t("div", la, [t("div", ca, c(p.title), 1), d(S, null, {
       default: _(() => [f(c(p.description), 1)]),
       _: 2
-    }, 1024)])], 8, la))), 128))]));
+    }, 1024)])], 8, ia))), 128))]));
   }
-}), on = /* @__PURE__ */ u(ua, [["__scopeId", "data-v-381ed6a6"]]), _a = {
+}), an = /* @__PURE__ */ u(ra, [["__scopeId", "data-v-381ed6a6"]]), da = {
   class: "Stats"
-}, pa = {
+}, ua = {
   key: 0,
   class: "stats-label"
-}, ma = {
+}, _a = {
   class: "stats-number"
-}, fa = {
+}, pa = {
   class: "stats-label"
-}, ga = /* @__PURE__ */ m({
+}, ma = /* @__PURE__ */ m({
   __name: "LandingPageStats",
   props: {
     title: {
@@ -1516,19 +1534,19 @@ const sn = /* @__PURE__ */ u(Vs, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const t = a;
-    return (l, n) => (s(), i("div", _a, [(s(!0), i(v, null, $(t.stats, (o, r) => (s(), i("div", {
+    const e = a;
+    return (l, n) => (s(), i("div", da, [(s(!0), i(v, null, $(e.stats, (o, r) => (s(), i("div", {
       key: r,
       class: "stats-item"
-    }, [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))]));
+    }, [o.title ? (s(), i("div", ua, c(o.title), 1)) : C("", !0), t("div", _a, c(o.number), 1), t("div", pa, c(o.label), 1)]))), 128))]));
   }
-}), ln = /* @__PURE__ */ u(ga, [["__scopeId", "data-v-7aa9af80"]]), ha = {
+}), nn = /* @__PURE__ */ u(ma, [["__scopeId", "data-v-7aa9af80"]]), fa = {
   class: "stepNumber"
-}, va = {
+}, ga = {
   class: "count"
-}, $a = {
+}, ha = {
   class: "stepTitle"
-}, ba = /* @__PURE__ */ m({
+}, va = /* @__PURE__ */ m({
   __name: "LandingPageSteps",
   props: {
     columns: {
@@ -1550,32 +1568,32 @@ const sn = /* @__PURE__ */ u(Vs, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const t = a;
+    const e = a;
     return (l, n) => (s(), i("div", {
       class: "Steps",
-      style: C({
-        gridTemplateColumns: `repeat(${t.columns}, 1fr)`
+      style: I({
+        gridTemplateColumns: `repeat(${e.columns}, 1fr)`
         // flexDirection: props.flexDirection,
       })
-    }, [(s(!0), i(v, null, $(t.steps, (o, r) => (s(), i("div", {
+    }, [(s(!0), i(v, null, $(e.steps, (o, r) => (s(), i("div", {
       key: r,
       class: "stepItem"
-    }, [e("div", ha, [e("span", va, c(r + 1), 1)]), e("h3", $a, c(o.title), 1), d(I, null, {
+    }, [t("div", fa, [t("span", ga, c(r + 1), 1)]), t("h3", ha, c(o.title), 1), d(S, null, {
       default: _(() => [f(c(o.description), 1)]),
       _: 2
     }, 1024)]))), 128))], 4));
   }
-}), cn = /* @__PURE__ */ u(ba, [["__scopeId", "data-v-1ecd9597"]]), ya = {
+}), on = /* @__PURE__ */ u(va, [["__scopeId", "data-v-1ecd9597"]]), $a = {
   class: "Testimonial"
-}, ka = {
+}, ba = {
   class: "user-info"
-}, La = {
+}, ya = {
   class: "user-avatar"
-}, Pa = ["src", "alt"], Ia = {
+}, ka = ["src", "alt"], La = {
   class: "user-name"
-}, Sa = {
+}, Pa = {
   class: "user-title"
-}, Ca = /* @__PURE__ */ m({
+}, Ia = /* @__PURE__ */ m({
   __name: "LandingPageTestimonial",
   props: {
     testimonials: {
@@ -1583,21 +1601,21 @@ const sn = /* @__PURE__ */ u(Vs, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const t = a;
-    return (l, n) => (s(), i("div", ya, [(s(!0), i(v, null, $(t.testimonials, (o, r) => (s(), L(M, {
+    const e = a;
+    return (l, n) => (s(), i("div", $a, [(s(!0), i(v, null, $(e.testimonials, (o, r) => (s(), L(M, {
       key: r
     }, {
-      default: _(() => [e("div", null, [d(I, null, {
+      default: _(() => [t("div", null, [d(S, null, {
         default: _(() => [f(c(`"${o.content}"`), 1)]),
         _: 2
-      }, 1024)]), e("div", ka, [e("span", La, [e("img", {
+      }, 1024)]), t("div", ba, [t("span", ya, [t("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)])])]),
+      }, null, 8, ka)]), t("div", null, [t("div", La, c(o.name), 1), t("div", Pa, c(o.title), 1)])])]),
       _: 2
     }, 1024))), 128))]));
   }
-}), rn = /* @__PURE__ */ u(Ca, [["__scopeId", "data-v-bc49d7bc"]]), xa = ["href"], wa = /* @__PURE__ */ m({
+}), ln = /* @__PURE__ */ u(Ia, [["__scopeId", "data-v-bc49d7bc"]]), Sa = ["href"], xa = /* @__PURE__ */ m({
   __name: "LandingPageTips",
   props: {
     href: {
@@ -1610,61 +1628,61 @@ const sn = /* @__PURE__ */ u(Vs, [["render", Ms], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    const t = a;
+    const e = a;
     return (l, n) => (s(), i("a", {
-      href: t.href,
+      href: e.href,
       class: "tips-link"
-    }, c(t.text), 9, xa));
+    }, c(e.text), 9, Sa));
   }
-}), dn = /* @__PURE__ */ u(wa, [["__scopeId", "data-v-f5784dd1"]]), Aa = {}, Ta = {
+}), cn = /* @__PURE__ */ u(xa, [["__scopeId", "data-v-f5784dd1"]]), Ca = {}, wa = {
   class: "sidebar"
 };
-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)]));
+function Aa(a, e) {
+  return s(), i("div", wa, e[0] || (e[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 un = /* @__PURE__ */ u(Aa, [["render", qa], ["__scopeId", "data-v-251905ff"]]);
+const rn = /* @__PURE__ */ u(Ca, [["render", Aa], ["__scopeId", "data-v-251905ff"]]);
 export {
-  an as A,
+  tn as A,
   We as B,
   M as C,
-  I as D,
-  nn as E,
-  on as F,
-  ln as G,
-  cn as H,
+  S as D,
+  sn as E,
+  an as F,
+  nn as G,
+  on as H,
   ke as I,
   qe as J,
-  rn as K,
-  Ua as L,
-  dn as M,
+  ln as K,
+  ja as L,
+  cn as M,
   H as N,
-  un as O,
+  rn as O,
   V as S,
-  ks as T,
-  Ga as a,
+  bs as T,
+  Ma as a,
   ee as b,
   ae as c,
   Oe as d,
-  Na as e,
-  Ea as f,
-  Oa as g,
-  Ra as h,
-  F as i,
-  Wa as j,
-  Ka as k,
-  Ja as l,
-  Za as m,
-  Ut as n,
-  Wt as o,
-  Qa as p,
+  Ua as e,
+  Ga as f,
+  Na as g,
+  Ea as h,
+  D as i,
+  Oa as j,
+  Ra as k,
+  Wa as l,
+  Ka as m,
+  jt as n,
+  Ot as o,
+  Ja as p,
   y as q,
   B as r,
   j as s,
   Ge as t,
-  Ya as u,
+  Za as u,
   he as v,
-  Xa as w,
-  en as x,
-  tn as y,
-  sn as z
+  Qa as w,
+  Ya as x,
+  Xa as y,
+  en as z
 };