@huyooo/ui 0.4.85 → 0.4.86

package/dist/{catBackground-DEAJEYdq.js → LandingPageSectionTabs-bSKMTnGN.js}

@@ -1,4 +1,4 @@
-import { createElementBlock as n, openBlock as s, renderSlot as h, defineComponent as f, createVNode as u, withCtx as _, createElementVNode as e, normalizeStyle as S, unref as I, toDisplayString as l, Fragment as v, renderList as b, createBlock as L, normalizeClass as C, createTextVNode as g, ref as k, createCommentVNode as T, withModifiers as E, withDirectives as A, vModelText as q, computed as z, createStaticVNode as N, watch as F, vShow as O } from "vue";
+import { createElementBlock as n, openBlock as s, renderSlot as h, defineComponent as f, createVNode as u, withCtx as _, createElementVNode as e, normalizeStyle as x, unref as I, toDisplayString as l, Fragment as v, renderList as b, createBlock as L, normalizeClass as C, createTextVNode as g, ref as k, createCommentVNode as T, withModifiers as E, withDirectives as A, vModelText as q, computed as D, createStaticVNode as N, watch as z, vShow as O } from "vue";
 import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { Icon as w } from "@iconify/vue";
 import { C as R, a as W } from "./CollapseItem-Cw1vcdLu.js";
@@ -52,7 +52,7 @@ const M = /* @__PURE__ */ d(Y, [["render", ee], ["__scopeId", "data-v-58078aa8"]
     const t = a;
     return (c, i) => (s(), n("section", ne, [h(c.$slots, "BlockHeader", {}, void 0, !0), e("div", {
       class: "BlockBody",
-      style: S({
+      style: x({
         gridTemplateColumns: `repeat(${t.columns}, 1fr)`,
         flexDirection: t.flexDirection
       })
@@ -141,13 +141,13 @@ const M = /* @__PURE__ */ d(Y, [["render", ee], ["__scopeId", "data-v-58078aa8"]
     const t = a;
     return (c, i) => (s(), n("div", be, [e("div", ke, l(t.title), 1), e("p", Le, l(t.description), 1)]));
   }
-}), Ie = /* @__PURE__ */ d(Pe, [["__scopeId", "data-v-2074e0d7"]]), we = {}, Se = {
+}), Ie = /* @__PURE__ */ d(Pe, [["__scopeId", "data-v-2074e0d7"]]), we = {}, Ce = {
   class: "Description"
 };
-function Ce(a, t) {
-  return s(), n("div", Se, [h(a.$slots, "default", {}, void 0, !0)]);
+function Se(a, t) {
+  return s(), n("div", Ce, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const x = /* @__PURE__ */ d(we, [["render", Ce], ["__scopeId", "data-v-501deb41"]]), xe = {
+const S = /* @__PURE__ */ d(we, [["render", Se], ["__scopeId", "data-v-501deb41"]]), xe = {
   class: "grid-container"
 }, Te = {
   class: "square"
@@ -175,7 +175,7 @@ const x = /* @__PURE__ */ d(we, [["render", Ce], ["__scopeId", "data-v-501deb41"
       width: t.width,
       height: t.height,
       class: C(t.pictureClass ? `${t.pictureClass} picture-img` : "picture-img")
-    }, null, 10, Ae)]), e("div", qe, [e("h2", Be, l(i.data.name), 1), u(x, null, {
+    }, null, 10, Ae)]), e("div", qe, [e("h2", Be, l(i.data.name), 1), u(S, null, {
       default: _(() => [g(l(i.data.title), 1)]),
       _: 2
     }, 1024)])]))), 128))]));
@@ -242,7 +242,7 @@ const x = /* @__PURE__ */ d(we, [["render", Ce], ["__scopeId", "data-v-501deb41"
       features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
     })], 64));
   }
-}), vn = /* @__PURE__ */ d(Ve, [["__scopeId", "data-v-a40e05a5"]]), De = {
+}), kn = /* @__PURE__ */ d(Ve, [["__scopeId", "data-v-a40e05a5"]]), De = {
   class: "nav"
 }, He = {
   class: "section"
@@ -303,7 +303,7 @@ const x = /* @__PURE__ */ d(we, [["render", Ce], ["__scopeId", "data-v-501deb41"
       href: r.href
     }, l(r.text), 9, Ue))), 128))])])]));
   }
-}), $n = /* @__PURE__ */ d(Ge, [["__scopeId", "data-v-b516bb75"]]), Ee = ["src"], Ne = /* @__PURE__ */ f({
+}), Ln = /* @__PURE__ */ d(Ge, [["__scopeId", "data-v-b516bb75"]]), Ee = ["src"], Ne = /* @__PURE__ */ f({
   __name: "LandingPageLogo",
   props: {
     name: {
@@ -348,13 +348,13 @@ const x = /* @__PURE__ */ d(we, [["render", Ce], ["__scopeId", "data-v-501deb41"
       class: "icon",
       src: a.icon,
       alt: "logo",
-      style: S({
+      style: x({
         width: c.iconSize,
         height: c.iconSize
       })
     }, null, 12, Ee)) : T("", !0), e("div", {
       class: "text",
-      style: S({
+      style: x({
         color: c.color,
         fontSize: c.fontSize
       })
@@ -398,7 +398,7 @@ const x = /* @__PURE__ */ d(we, [["render", Ce], ["__scopeId", "data-v-501deb41"
       color: t.color,
       "font-size": t.fontSize,
       "icon-size": t.iconSize
-    }, null, 8, ["icon", "name", "color", "font-size", "icon-size"]), u(x, null, {
+    }, null, 8, ["icon", "name", "color", "font-size", "icon-size"]), u(S, null, {
       default: _(() => [g(l(t.description), 1)]),
       _: 1
     })]));
@@ -471,7 +471,7 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
   },
   setup(a) {
     const t = a;
-    return (c, i) => (s(), n("div", et, [e("div", tt, [e("h2", st, l(t.contact.title), 1), u(x, null, {
+    return (c, i) => (s(), n("div", et, [e("div", tt, [e("h2", st, l(t.contact.title), 1), u(S, null, {
       default: _(() => [g(l(t.contact.description), 1)]),
       _: 1
     }), e("div", at, [e("div", nt, [u(I(w), {
@@ -489,7 +489,7 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
       href: `tel:${c.phone}`
     }, l(t.phone), 9, lt)])])]), e("div", rt, [h(c.$slots, "contact-form", {}, void 0, !0)])]));
   }
-}), yn = /* @__PURE__ */ d(dt, [["__scopeId", "data-v-50d64cb9"]]), ut = ["value"], _t = ["value"], pt = {
+}), Pn = /* @__PURE__ */ d(dt, [["__scopeId", "data-v-50d64cb9"]]), ut = ["value"], _t = ["value"], pt = {
   class: "form-group"
 }, ft = {
   class: "form-group"
@@ -642,7 +642,7 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
       class: C(["form-result", o.value])
     }, l(i.value), 3)) : T("", !0)], 34));
   }
-}), bn = /* @__PURE__ */ d($t, [["__scopeId", "data-v-bd2eaefb"]]), yt = /* @__PURE__ */ f({
+}), In = /* @__PURE__ */ d($t, [["__scopeId", "data-v-bd2eaefb"]]), yt = /* @__PURE__ */ f({
   __name: "LandingPageContainer",
   props: {
     flexDirection: {
@@ -659,20 +659,24 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
     const t = a;
     return (c, i) => (s(), n("div", {
       class: "landing-page-container",
-      style: S({
+      style: x({
         flexDirection: t.flexDirection,
         gap: t.gap,
         padding: t.padding
       })
     }, [h(c.$slots, "default", {}, void 0, !0)], 4));
   }
-}), kn = /* @__PURE__ */ d(yt, [["__scopeId", "data-v-4566ee86"]]), bt = {
+}), wn = /* @__PURE__ */ d(yt, [["__scopeId", "data-v-4566ee86"]]), bt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1744'%20height='480'%20viewBox='0%200%201744%20480'%20fill='none'%3e%3cg%20style='mix-blend-mode:luminosity'%20opacity='0.5'%3e%3ccircle%20opacity='0.7'%20cx='861.225'%20cy='247.836'%20r='322.59'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.6'%20cx='861.225'%20cy='247.836'%20r='387.237'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.5'%20cx='861.226'%20cy='247.836'%20r='451.884'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.4'%20cx='861.225'%20cy='247.835'%20r='516.532'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.3'%20cx='861.225'%20cy='247.836'%20r='581.179'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.2'%20cx='861.225'%20cy='247.836'%20r='645.826'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.15'%20cx='861.225'%20cy='247.836'%20r='710.473'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='861.225'%20cy='247.836'%20r='775.12'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='862.695'%20cy='238.041'%20r='842.161'%20stroke='%2300000050'%20stroke-width='1.40477'%20/%3e%3ccircle%20opacity='0.1'%20cx='872'%20cy='240'%20r='907.243'%20stroke='%2300000050'%20stroke-width='1.51333'%20/%3e%3c/g%3e%3c/svg%3e", kt = {
+  class: "cta-container"
+}, Lt = ["src"], Pt = {
+  class: "cta-content"
+}, It = {
   class: "cta-title"
-}, kt = {
+}, wt = {
   class: "cta-description"
-}, Lt = {
+}, Ct = {
   class: "cta-actions"
-}, Pt = /* @__PURE__ */ f({
+}, St = /* @__PURE__ */ f({
   __name: "LandingPageCta",
   props: {
     title: {
@@ -682,29 +686,25 @@ const U = /* @__PURE__ */ d(Ze, [["render", Xe], ["__scopeId", "data-v-cdb3f77d"
       default: "立即开始您的翻译之旅"
     },
     backgroundUrl: {
-      default: ""
+      default: bt
     }
   },
   setup(a) {
-    const t = a, c = z(() => t.backgroundUrl ? {
-      backgroundImage: `url(${t.backgroundUrl})`,
-      backgroundRepeat: "no-repeat",
-      backgroundSize: "200% 200%",
-      backgroundPosition: "center"
-    } : {});
-    return (i, o) => (s(), n("div", {
-      class: "cta-container",
-      style: S(c.value)
-    }, [e("h1", bt, l(t.title), 1), e("div", kt, l(t.description), 1), e("div", Lt, [h(i.$slots, "actions", {}, void 0, !0)])], 4));
+    const t = a;
+    return (c, i) => (s(), n("div", kt, [e("img", {
+      src: t.backgroundUrl,
+      class: "cta-background",
+      alt: "background"
+    }, null, 8, Lt), e("div", Pt, [e("h1", It, l(t.title), 1), e("div", wt, l(t.description), 1), e("div", Ct, [h(c.$slots, "actions", {}, void 0, !0)])])]));
   }
-}), Ln = /* @__PURE__ */ d(Pt, [["__scopeId", "data-v-bb4d12e0"]]), It = {}, wt = {
+}), Cn = /* @__PURE__ */ d(St, [["__scopeId", "data-v-7ad5ffb2"]]), xt = {}, Tt = {
   role: "separator",
   class: "divider divider-horizontal"
 };
-function St(a, t) {
-  return s(), n("div", wt);
+function At(a, t) {
+  return s(), n("div", Tt);
 }
-const V = /* @__PURE__ */ d(It, [["render", St], ["__scopeId", "data-v-997fc2a4"]]), Ct = /* @__PURE__ */ f({
+const F = /* @__PURE__ */ d(xt, [["render", At], ["__scopeId", "data-v-997fc2a4"]]), qt = /* @__PURE__ */ f({
   __name: "LandingPageFAQ",
   props: {
     activeKeys: {
@@ -742,7 +742,7 @@ const V = /* @__PURE__ */ d(It, [["render", St], ["__scopeId", "data-v-997fc2a4"
         index: r
       }, {
         header: _(() => [g(l(o.question), 1)]),
-        default: _(() => [u(x, null, {
+        default: _(() => [u(S, null, {
           default: _(() => [g(l(o.answer), 1)]),
           _: 2
         }, 1024)]),
@@ -751,11 +751,11 @@ const V = /* @__PURE__ */ d(It, [["render", St], ["__scopeId", "data-v-997fc2a4"
       _: 1
     }, 8, ["active-keys"]));
   }
-}), Pn = /* @__PURE__ */ d(Ct, [["__scopeId", "data-v-581e8f75"]]), xt = {
+}), Sn = /* @__PURE__ */ d(qt, [["__scopeId", "data-v-581e8f75"]]), Bt = {
   class: "Features"
-}, Tt = {
+}, zt = {
   class: "feature-title"
-}, At = /* @__PURE__ */ f({
+}, Ft = /* @__PURE__ */ f({
   __name: "LandingPageFeatures",
   props: {
     features: {
@@ -794,34 +794,34 @@ const V = /* @__PURE__ */ d(It, [["render", St], ["__scopeId", "data-v-997fc2a4"
   },
   setup(a) {
     const t = a;
-    return (c, i) => (s(), n("div", xt, [(s(!0), n(v, null, b(t.features, (o) => (s(), L(U, {
+    return (c, i) => (s(), n("div", Bt, [(s(!0), n(v, null, b(t.features, (o) => (s(), L(U, {
       key: o.title
     }, {
       default: _(() => [e("div", {
         class: "icon-container",
-        style: S({
+        style: x({
           color: t.iconColor,
           border: `1px solid ${t.iconBorderColor}`
         })
       }, [u(I(w), {
         class: "icon",
         icon: o.icon
-      }, null, 8, ["icon"])], 4), e("h3", Tt, l(o.title), 1), u(x, null, {
+      }, null, 8, ["icon"])], 4), e("h3", zt, l(o.title), 1), u(S, null, {
         default: _(() => [g(l(o.description), 1)]),
         _: 2
       }, 1024)]),
       _: 2
     }, 1024))), 128))]));
   }
-}), In = /* @__PURE__ */ d(At, [["__scopeId", "data-v-1ee2db18"]]), qt = {
+}), xn = /* @__PURE__ */ d(Ft, [["__scopeId", "data-v-1ee2db18"]]), Vt = {
   class: "tt-feature-list"
-}, Bt = {
+}, Dt = {
   class: "tt-feature-content"
-}, zt = {
+}, Ht = {
   class: "heading-small"
-}, Ft = {
+}, Mt = {
   class: "text-small"
-}, Vt = /* @__PURE__ */ f({
+}, jt = /* @__PURE__ */ f({
   __name: "LandingPageFeatures2",
   props: {
     list: {
@@ -831,7 +831,7 @@ const V = /* @__PURE__ */ d(It, [["render", St], ["__scopeId", "data-v-997fc2a4"
   },
   setup(a) {
     const t = a;
-    return (c, i) => (s(), n("div", qt, [(s(!0), n(v, null, b(t.list, (o, r) => (s(), n("div", {
+    return (c, i) => (s(), n("div", Vt, [(s(!0), n(v, null, b(t.list, (o, r) => (s(), n("div", {
       key: r,
       class: "tt-feature-item centered"
     }, [i[1] || (i[1] = e("div", {
@@ -840,17 +840,17 @@ const V = /* @__PURE__ */ d(It, [["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", Bt, [e("h3", zt, l(o.title), 1), e("p", Ft, [g(l(o.descriptions) + " ", 1), i[0] || (i[0] = e("br", null, null, -1))])])]))), 128))]));
+    })], -1)), e("div", Dt, [e("h3", Ht, l(o.title), 1), e("p", Mt, [g(l(o.descriptions) + " ", 1), i[0] || (i[0] = e("br", null, null, -1))])])]))), 128))]));
   }
-}), wn = /* @__PURE__ */ d(Vt, [["__scopeId", "data-v-abd3c70a"]]);
-function Dt(a, t, c) {
+}), Tn = /* @__PURE__ */ d(jt, [["__scopeId", "data-v-abd3c70a"]]);
+function Ut(a, t, c) {
   return `mailto:${a}?subject=${encodeURIComponent(t)}&body=${encodeURIComponent(c)}`;
 }
-const Ht = {
+const Gt = {
   class: "bottom"
-}, Mt = {
+}, Et = {
   class: "socials"
-}, jt = ["onClick"], Ut = /* @__PURE__ */ f({
+}, Nt = ["onClick"], Ot = /* @__PURE__ */ f({
   __name: "LandingPageFooterContact",
   props: {
     beianText: {
@@ -871,9 +871,9 @@ const Ht = {
     function c() {
       window.open(t.beianUrl);
     }
-    return (i, o) => (s(), n("div", Ht, [e("span", {
+    return (i, o) => (s(), n("div", Gt, [e("span", {
       onClick: c
-    }, l(t.beianText), 1), e("div", Mt, [(s(!0), n(v, null, b(a.links, (r, m) => (s(), n("div", {
+    }, l(t.beianText), 1), e("div", Et, [(s(!0), n(v, null, b(a.links, (r, m) => (s(), n("div", {
       key: m,
       class: "socialItem",
       onClick: r.select
@@ -883,34 +883,34 @@ const Ht = {
     }, null, 8, ["icon"])) : T("", !0), r.type === "image" ? (s(), L(I(w), {
       key: 1,
       icon: r.icon
-    }, null, 8, ["icon"])) : T("", !0)], 8, jt))), 128))])]));
+    }, null, 8, ["icon"])) : T("", !0)], 8, Nt))), 128))])]));
   }
-}), Gt = /* @__PURE__ */ d(Ut, [["__scopeId", "data-v-ff6210b9"]]), Et = {
+}), Rt = /* @__PURE__ */ d(Ot, [["__scopeId", "data-v-ff6210b9"]]), Wt = {
   class: "FooterLayout"
-}, Nt = {
+}, Kt = {
   class: "body"
-}, Ot = {
+}, Jt = {
   class: "logo"
-}, Rt = {
+}, Qt = {
   class: "links"
-}, Wt = /* @__PURE__ */ f({
+}, Zt = /* @__PURE__ */ f({
   __name: "LandingPageFooterLayout",
   setup(a) {
-    return (t, c) => (s(), n("div", Et, [u(V), e("div", Nt, [e("div", Ot, [h(t.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), e("div", Rt, [h(t.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), u(V), h(t.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
+    return (t, c) => (s(), n("div", Wt, [u(F), e("div", Kt, [e("div", Jt, [h(t.$slots, "LandingPageBrandInfo", {}, void 0, !0)]), e("div", Qt, [h(t.$slots, "LandingPageLinkGroup", {}, void 0, !0)])]), u(F), h(t.$slots, "LandingPageFooterContact", {}, void 0, !0)]));
   }
-}), Kt = /* @__PURE__ */ d(Wt, [["__scopeId", "data-v-425841c7"]]), Jt = {}, Qt = {
+}), Yt = /* @__PURE__ */ d(Zt, [["__scopeId", "data-v-425841c7"]]), Xt = {}, es = {
   class: "Description"
 };
-function Zt(a, t) {
-  return s(), n("div", Qt, [h(a.$slots, "default", {}, void 0, !0)]);
+function ts(a, t) {
+  return s(), n("div", es, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"]]), Yt = {
+const P = /* @__PURE__ */ d(Xt, [["render", ts], ["__scopeId", "data-v-ea9ec649"]]), ss = {
   class: "list"
-}, Xt = {
+}, as = {
   class: "title"
-}, es = {
+}, ns = {
   class: "listItemContent"
-}, ts = /* @__PURE__ */ f({
+}, is = /* @__PURE__ */ f({
   __name: "LandingPageLinkGroup",
   props: {
     title: {
@@ -919,22 +919,22 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   },
   setup(a) {
     const t = a;
-    return (c, i) => (s(), n("div", Yt, [e("div", Xt, l(t.title), 1), e("div", es, [h(c.$slots, "item", {}, void 0, !0)])]));
+    return (c, i) => (s(), n("div", ss, [e("div", as, l(t.title), 1), e("div", ns, [h(c.$slots, "item", {}, void 0, !0)])]));
   }
-}), B = /* @__PURE__ */ d(ts, [["__scopeId", "data-v-0809a48c"]]), ss = {
+}), B = /* @__PURE__ */ d(is, [["__scopeId", "data-v-0809a48c"]]), os = {
   class: "Footer"
-}, D = "support@huyooo.com", as = /* @__PURE__ */ f({
+}, V = "support@huyooo.com", cs = /* @__PURE__ */ f({
   __name: "LandingPageFooter",
   setup(a) {
     const t = k("京ICP备2024077422号 Copyright © 2024-2024 北京忽柚科技有限公司"), c = k("https://beian.miit.gov.cn/#/Integrated/index");
     function i() {
-      const p = Dt(D, "", "");
+      const p = Ut(V, "", "");
       window.location.href = p;
     }
     const o = k([{
       type: "text",
       icon: "ic:baseline-email",
-      content: D,
+      content: V,
       select: i
     }, {
       type: "image",
@@ -943,7 +943,7 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       select() {
       }
     }]);
-    return (r, m) => (s(), n("div", ss, [u(Kt, null, {
+    return (r, m) => (s(), n("div", os, [u(Yt, null, {
       LandingPageBrandInfo: _(() => [u(Ke, {
         icon: "https://ghibliaigenerator.app/logo.png",
         name: "ONES",
@@ -1005,7 +1005,7 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
         })]),
         _: 1
       })]),
-      LandingPageFooterContact: _(() => [u(Gt, {
+      LandingPageFooterContact: _(() => [u(Rt, {
         "beian-text": t.value,
         "beian-url": c.value,
         links: o.value
@@ -1013,21 +1013,21 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       _: 1
     })]));
   }
-}), Sn = /* @__PURE__ */ d(as, [["__scopeId", "data-v-ee74e088"]]), ns = {
+}), An = /* @__PURE__ */ d(cs, [["__scopeId", "data-v-ee74e088"]]), ls = {
   class: "hero"
-}, is = {
+}, rs = {
   class: "heroContent"
-}, os = {
+}, ds = {
   class: "heroHeading"
-}, cs = {
+}, us = {
   class: "heroTitle"
-}, ls = {
+}, _s = {
   class: "heroDescription"
-}, rs = {
+}, ps = {
   class: "heroActions"
-}, ds = {
+}, fs = {
   class: "heroImage"
-}, us = /* @__PURE__ */ f({
+}, ms = /* @__PURE__ */ f({
   __name: "LandingPageHero",
   props: {
     title: {
@@ -1045,11 +1045,11 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   },
   setup(a) {
     const t = a;
-    return (c, i) => (s(), n("main", ns, [e("div", is, [e("div", os, [e("h1", cs, [h(c.$slots, "title", {}, () => [g(l(t.title), 1)], !0)])]), e("div", ls, [e("div", null, l(t.description), 1)]), e("div", rs, [h(c.$slots, "actions", {}, void 0, !0)])]), e("div", ds, [h(c.$slots, "heroSource", {}, void 0, !0)])]));
+    return (c, i) => (s(), n("main", ls, [e("div", rs, [e("div", ds, [e("h1", us, [h(c.$slots, "title", {}, () => [g(l(t.title), 1)], !0)])]), e("div", _s, [e("div", null, l(t.description), 1)]), e("div", ps, [h(c.$slots, "actions", {}, void 0, !0)])]), e("div", fs, [h(c.$slots, "heroSource", {}, void 0, !0)])]));
   }
-}), Cn = /* @__PURE__ */ d(us, [["__scopeId", "data-v-38f97a3c"]]), _s = {
+}), qn = /* @__PURE__ */ d(ms, [["__scopeId", "data-v-38f97a3c"]]), gs = {
   class: "logos-list"
-}, ps = /* @__PURE__ */ f({
+}, hs = /* @__PURE__ */ f({
   __name: "LandingPageLogos",
   props: {
     title: {
@@ -1076,13 +1076,13 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   },
   setup(a) {
     const t = a;
-    return (c, i) => (s(), n("div", _s, [(s(!0), n(v, null, b(t.logos, (o, r) => (s(), L(I(w), {
+    return (c, i) => (s(), n("div", gs, [(s(!0), n(v, null, b(t.logos, (o, r) => (s(), L(I(w), {
       key: r,
       icon: o.name,
       class: "logo-icon"
     }, null, 8, ["icon"]))), 128))]));
   }
-}), xn = /* @__PURE__ */ d(ps, [["__scopeId", "data-v-1a08e627"]]), fs = /* @__PURE__ */ f({
+}), Bn = /* @__PURE__ */ d(hs, [["__scopeId", "data-v-1a08e627"]]), vs = /* @__PURE__ */ f({
   __name: "LandingPagePageContent",
   props: {
     maxWidth: {
@@ -1103,7 +1103,7 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
     }
   },
   setup(a) {
-    const t = a, c = z(() => ({
+    const t = a, c = D(() => ({
       maxWidth: t.maxWidth,
       margin: t.center ? "0 auto" : void 0,
       width: "100%",
@@ -1114,27 +1114,27 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
     }));
     return (i, o) => (s(), n("div", {
       class: "PageContent",
-      style: S(c.value)
+      style: x(c.value)
     }, [h(i.$slots, "default", {}, void 0, !0)], 4));
   }
-}), Tn = /* @__PURE__ */ d(fs, [["__scopeId", "data-v-00ec8180"]]), ms = {
+}), zn = /* @__PURE__ */ d(vs, [["__scopeId", "data-v-00ec8180"]]), $s = {
   class: "Tabs"
-}, gs = {
+}, ys = {
   class: "tabs-root"
-}, hs = {
+}, bs = {
   role: "radiogroup",
   "aria-required": "false",
   dir: "ltr",
   class: "tabs-group",
   tabindex: "0"
-}, vs = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], $s = {
+}, ks = ["id", "aria-checked", "data-state", "value", "tabindex", "onClick"], Ls = {
   key: 0,
   "data-state": "checked",
   class: "tabs-radio-icon"
-}, ys = ["for"], bs = {
+}, Ps = ["for"], Is = {
   key: 0,
   class: "tabs-badge"
-}, ks = /* @__PURE__ */ f({
+}, ws = /* @__PURE__ */ f({
   __name: "LandingPageTabs",
   props: {
     tabs: {
@@ -1149,7 +1149,7 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
   emits: ["update:modelValue"],
   setup(a) {
     const t = a;
-    return (c, i) => (s(), n("div", ms, [e("div", gs, [e("div", hs, [(s(!0), n(v, null, b(t.tabs, (o) => (s(), n("div", {
+    return (c, i) => (s(), n("div", $s, [e("div", ys, [e("div", bs, [(s(!0), n(v, null, b(t.tabs, (o) => (s(), n("div", {
       key: o.value,
       class: C(["tabs-item", {
         "tabs-item-active": o.value === a.modelValue
@@ -1164,18 +1164,18 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       class: "tabs-radio",
       tabindex: o.value === a.modelValue ? 0 : -1,
       onClick: (r) => c.$emit("update:modelValue", o.value)
-    }, [o.value === a.modelValue ? (s(), n("span", $s)) : T("", !0)], 8, vs), e("label", {
+    }, [o.value === a.modelValue ? (s(), n("span", Ls)) : T("", !0)], 8, ks), e("label", {
       class: "tabs-label",
       for: o.value
-    }, [e("span", null, l(o.label), 1), o.badge ? (s(), n("div", bs, l(o.badge), 1)) : T("", !0)], 8, ys)], 2))), 128))])])]));
+    }, [e("span", null, l(o.label), 1), o.badge ? (s(), n("div", Is, l(o.badge), 1)) : T("", !0)], 8, Ps)], 2))), 128))])])]));
   }
-}), Ls = /* @__PURE__ */ d(ks, [["__scopeId", "data-v-9eb67a93"]]), Ps = {
+}), Cs = /* @__PURE__ */ d(ws, [["__scopeId", "data-v-9eb67a93"]]), Ss = {
   class: "PriceGroup"
-}, Is = /* @__PURE__ */ f({
+}, xs = /* @__PURE__ */ f({
   __name: "LandingPagePriceGroup",
   setup(a) {
     const t = k("subscribe-monthly");
-    return (c, i) => (s(), n("div", Ps, [u(Ls, {
+    return (c, i) => (s(), n("div", Ss, [u(Cs, {
       modelValue: t.value,
       "onUpdate:modelValue": i[0] || (i[0] = (o) => t.value = o),
       tabs: [{
@@ -1191,33 +1191,33 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       }]
     }, null, 8, ["modelValue"]), h(c.$slots, "default", {}, void 0, !0)]));
   }
-}), An = /* @__PURE__ */ d(Is, [["__scopeId", "data-v-43a35f55"]]), ws = {
+}), Fn = /* @__PURE__ */ d(xs, [["__scopeId", "data-v-43a35f55"]]), Ts = {
   class: "PricingCard"
-}, Ss = {
+}, As = {
   class: "title"
-}, Cs = {
+}, qs = {
   class: "titleText"
-}, xs = {
+}, Bs = {
   class: "description"
-}, Ts = {
+}, zs = {
   class: "priceAndDiscount"
-}, As = {
+}, Fs = {
   class: "price"
-}, qs = {
+}, Vs = {
   class: "discount"
-}, Bs = {
+}, Ds = {
   style: {
     position: "relative",
     top: "3px"
   }
-}, zs = {
+}, Hs = {
   key: 1,
   class: "priceNotDiscount"
-}, Fs = {
+}, Ms = {
   class: "cycle"
-}, Vs = {
+}, js = {
   class: "features"
-}, Ds = /* @__PURE__ */ f({
+}, Us = /* @__PURE__ */ f({
   __name: "LandingPagePricingCard",
   props: {
     loading: {
@@ -1283,15 +1283,15 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
     function o() {
       c("toPay");
     }
-    return (r, m) => (s(), n("div", ws, [e("div", null, [e("div", Ss, [e("span", Cs, l(i.title), 1), i.badge.label ? (s(), L(I(K), {
+    return (r, m) => (s(), n("div", Ts, [e("div", null, [e("div", As, [e("span", qs, l(i.title), 1), i.badge.label ? (s(), L(I(K), {
       key: 0,
       color: "arcoblue"
     }, {
       default: _(() => [g(l(i.badge.label), 1)]),
       _: 1
-    })) : T("", !0)]), e("div", xs, l(i.description), 1)]), e("div", Ts, [i.discount !== null ? (s(), n(v, {
+    })) : T("", !0)]), e("div", Bs, l(i.description), 1)]), e("div", zs, [i.discount !== null ? (s(), n(v, {
       key: 0
-    }, [e("span", As, [e("span", null, l(i.price), 1), e("span", null, l(i.unit), 1)]), e("span", qs, [e("span", Bs, l(i.discount), 1), e("span", null, l(i.unit), 1)])], 64)) : (s(), n("span", zs, [e("span", null, l(i.price), 1), e("span", null, l(i.unit), 1)])), e("span", Fs, l(i.cycle), 1)]), e("div", Vs, [(s(!0), n(v, null, b(i.features, ($, p) => (s(), L(j, {
+    }, [e("span", Fs, [e("span", null, l(i.price), 1), e("span", null, l(i.unit), 1)]), e("span", Vs, [e("span", Ds, l(i.discount), 1), e("span", null, l(i.unit), 1)])], 64)) : (s(), n("span", Hs, [e("span", null, l(i.price), 1), e("span", null, l(i.unit), 1)])), e("span", Ms, l(i.cycle), 1)]), e("div", js, [(s(!0), n(v, null, b(i.features, ($, p) => (s(), L(j, {
       key: p,
       description: $.title
     }, null, 8, ["description"]))), 128))]), u(Qe, {
@@ -1305,27 +1305,27 @@ const P = /* @__PURE__ */ d(Jt, [["render", Zt], ["__scopeId", "data-v-ea9ec649"
       _: 1
     }, 8, ["loading", "disabled"])]));
   }
-}), qn = /* @__PURE__ */ d(Ds, [["__scopeId", "data-v-0b730439"]]), Hs = {}, Ms = {
+}), Vn = /* @__PURE__ */ d(Us, [["__scopeId", "data-v-0b730439"]]), Gs = {}, Es = {
   class: "PricingGrid"
-}, js = {
+}, Ns = {
   class: "content"
 };
-function Us(a, t) {
-  return s(), n("div", Ms, [e("div", js, [h(a.$slots, "default", {}, void 0, !0)])]);
+function Os(a, t) {
+  return s(), n("div", Es, [e("div", Ns, [h(a.$slots, "default", {}, void 0, !0)])]);
 }
-const Bn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee"]]), Gs = {
+const Dn = /* @__PURE__ */ d(Gs, [["render", Os], ["__scopeId", "data-v-1f26d3ee"]]), Rs = {
   class: "section-header"
-}, Es = {
+}, Ws = {
   class: "title-section"
-}, Ns = {
+}, Ks = {
   class: "icon-title"
-}, Os = ["src", "alt", "width", "height"], Rs = {
+}, Js = ["src", "alt", "width", "height"], Qs = {
   class: "title"
-}, Ws = {
+}, Zs = {
   class: "subtitle-section"
-}, Ks = ["src", "alt", "width", "height"], Js = {
+}, Ys = ["src", "alt", "width", "height"], Xs = {
   class: "subtitle"
-}, Qs = /* @__PURE__ */ f({
+}, ea = /* @__PURE__ */ f({
   __name: "LandingPageSectionHeader",
   props: {
     title: {},
@@ -1352,7 +1352,7 @@ const Bn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
     }
   },
   setup(a) {
-    return (t, c) => (s(), n("div", Gs, [e("div", Es, [e("div", Ns, [e("img", {
+    return (t, c) => (s(), n("div", Rs, [e("div", Ws, [e("div", Ks, [e("img", {
       src: t.icon,
       alt: t.iconAlt,
       width: t.iconWidth,
@@ -1360,7 +1360,7 @@ const Bn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
       loading: "lazy",
       decoding: "async",
       class: "icon"
-    }, null, 8, Os), e("span", Rs, l(t.title), 1)]), e("div", Ws, [e("img", {
+    }, null, 8, Js), e("span", Qs, l(t.title), 1)]), e("div", Zs, [e("img", {
       src: t.dashline,
       alt: t.dashlineAlt,
       width: t.dashlineWidth,
@@ -1368,25 +1368,25 @@ const Bn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
       loading: "lazy",
       decoding: "async",
       class: "dashline"
-    }, null, 8, Ks), e("span", Js, l(t.subtitle), 1)])])]));
+    }, null, 8, Ys), e("span", Xs, l(t.subtitle), 1)])])]));
   }
-}), zn = /* @__PURE__ */ d(Qs, [["__scopeId", "data-v-6831913e"]]), Zs = {
+}), Hn = /* @__PURE__ */ d(ea, [["__scopeId", "data-v-6831913e"]]), ta = {
   class: "sections-container"
-}, Ys = {
+}, sa = {
   class: "container"
-}, Xs = {
+}, aa = {
   class: "image-container"
-}, ea = ["src", "alt"], ta = {
+}, na = ["src", "alt"], ia = {
   class: "text-container"
-}, sa = {
+}, oa = {
   class: "header"
-}, aa = {
+}, ca = {
   class: "features-list"
-}, na = {
+}, la = {
   class: "content"
-}, ia = {
+}, ra = {
   class: "feature-title"
-}, oa = /* @__PURE__ */ f({
+}, da = /* @__PURE__ */ f({
   __name: "LandingPageSections",
   props: {
     title: {
@@ -1426,39 +1426,39 @@ const Bn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (c, i) => (s(), n("section", Zs, [e("div", Ys, [e("div", {
+    return (c, i) => (s(), n("section", ta, [e("div", sa, [e("div", {
       class: C(["content-wrapper", {
         reverse: t.reverse
       }])
-    }, [e("div", Xs, [e("img", {
+    }, [e("div", aa, [e("img", {
       src: t.imageUrl,
       alt: t.imageAlt,
       class: "image"
-    }, null, 8, ea)]), e("div", ta, [e("div", sa, [u(M, null, {
+    }, null, 8, na)]), e("div", ia, [e("div", oa, [u(M, null, {
       default: _(() => [g(l(t.title), 1)]),
       _: 1
     }), u(H, null, {
       default: _(() => [g(l(t.subTitle), 1)]),
       _: 1
-    })]), e("div", aa, [(s(!0), n(v, null, b(t.features, (o, r) => (s(), n("div", {
+    })]), e("div", ca, [(s(!0), n(v, null, b(t.features, (o, r) => (s(), n("div", {
       key: r,
       class: "feature-item"
     }, [e("div", {
       class: C(["icon-container", [`icon-${o.color}`]])
     }, i[0] || (i[0] = [e("div", {
       class: "dot"
-    }, null, -1)]), 2), e("div", na, [e("div", ia, l(o.title), 1), u(x, null, {
+    }, null, -1)]), 2), e("div", la, [e("div", ra, l(o.title), 1), u(S, null, {
       default: _(() => [g(l(o.description), 1)]),
       _: 2
     }, 1024)])]))), 128))])])], 2)])]));
   }
-}), Fn = /* @__PURE__ */ d(oa, [["__scopeId", "data-v-ac2b71bb"]]), ca = {
+}), Mn = /* @__PURE__ */ d(da, [["__scopeId", "data-v-ac2b71bb"]]), ua = {
   class: "Showcase"
-}, la = ["onClick"], ra = ["src", "alt"], da = {
+}, _a = ["onClick"], pa = ["src", "alt"], fa = {
   class: "card-content"
-}, ua = {
+}, ma = {
   class: "card-title"
-}, _a = /* @__PURE__ */ f({
+}, ga = /* @__PURE__ */ f({
   __name: "LandingPageShowcase",
   props: {
     items: {},
@@ -1484,33 +1484,33 @@ const Bn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
     function o(m) {
       i("cardClick", m);
     }
-    const r = z(() => ({
+    const r = D(() => ({
       height: `${c.cardHeight}px`,
       objectFit: c.objectFit
     }));
-    return (m, $) => (s(), n("div", ca, [(s(!0), n(v, null, b(c.items, (p, y) => (s(), n("div", {
+    return (m, $) => (s(), n("div", ua, [(s(!0), n(v, null, b(c.items, (p, y) => (s(), n("div", {
       key: y,
       class: "showcase-card",
       onClick: (G) => o(p)
     }, [e("img", {
       src: p.image,
       alt: p.alt,
-      style: S(r.value)
-    }, null, 12, ra), e("div", da, [e("div", ua, l(p.title), 1), u(x, null, {
+      style: x(r.value)
+    }, null, 12, pa), e("div", fa, [e("div", ma, l(p.title), 1), u(S, null, {
       default: _(() => [g(l(p.description), 1)]),
       _: 2
-    }, 1024)])], 8, la))), 128))]));
+    }, 1024)])], 8, _a))), 128))]));
   }
-}), Vn = /* @__PURE__ */ d(_a, [["__scopeId", "data-v-381ed6a6"]]), pa = {
+}), jn = /* @__PURE__ */ d(ga, [["__scopeId", "data-v-381ed6a6"]]), ha = {
   class: "Stats"
-}, fa = {
+}, va = {
   key: 0,
   class: "stats-label"
-}, ma = {
+}, $a = {
   class: "stats-number"
-}, ga = {
+}, ya = {
   class: "stats-label"
-}, ha = /* @__PURE__ */ f({
+}, ba = /* @__PURE__ */ f({
   __name: "LandingPageStats",
   props: {
     title: {
@@ -1537,18 +1537,18 @@ const Bn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (c, i) => (s(), n("div", pa, [(s(!0), n(v, null, b(t.stats, (o, r) => (s(), n("div", {
+    return (c, i) => (s(), n("div", ha, [(s(!0), n(v, null, b(t.stats, (o, r) => (s(), n("div", {
       key: r,
       class: "stats-item"
-    }, [o.title ? (s(), n("div", fa, l(o.title), 1)) : T("", !0), e("div", ma, l(o.number), 1), e("div", ga, l(o.label), 1)]))), 128))]));
+    }, [o.title ? (s(), n("div", va, l(o.title), 1)) : T("", !0), e("div", $a, l(o.number), 1), e("div", ya, l(o.label), 1)]))), 128))]));
   }
-}), Dn = /* @__PURE__ */ d(ha, [["__scopeId", "data-v-7aa9af80"]]), va = {
+}), Un = /* @__PURE__ */ d(ba, [["__scopeId", "data-v-7aa9af80"]]), ka = {
   class: "stepNumber"
-}, $a = {
+}, La = {
   class: "count"
-}, ya = {
+}, Pa = {
   class: "stepTitle"
-}, ba = /* @__PURE__ */ f({
+}, Ia = /* @__PURE__ */ f({
   __name: "LandingPageSteps",
   props: {
     columns: {
@@ -1573,29 +1573,29 @@ const Bn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
     const t = a;
     return (c, i) => (s(), n("div", {
       class: "Steps",
-      style: S({
+      style: x({
         gridTemplateColumns: `repeat(${t.columns}, 1fr)`
         // flexDirection: props.flexDirection,
       })
     }, [(s(!0), n(v, null, b(t.steps, (o, r) => (s(), n("div", {
       key: r,
       class: "stepItem"
-    }, [e("div", va, [e("span", $a, l(r + 1), 1)]), e("h3", ya, l(o.title), 1), u(x, null, {
+    }, [e("div", ka, [e("span", La, l(r + 1), 1)]), e("h3", Pa, l(o.title), 1), u(S, null, {
       default: _(() => [g(l(o.description), 1)]),
       _: 2
     }, 1024)]))), 128))], 4));
   }
-}), Hn = /* @__PURE__ */ d(ba, [["__scopeId", "data-v-1ecd9597"]]), ka = {
+}), Gn = /* @__PURE__ */ d(Ia, [["__scopeId", "data-v-1ecd9597"]]), wa = {
   class: "Testimonial"
-}, La = {
+}, Ca = {
   class: "user-info"
-}, Pa = {
+}, Sa = {
   class: "user-avatar"
-}, Ia = ["src", "alt"], wa = {
+}, xa = ["src", "alt"], Ta = {
   class: "user-name"
-}, Sa = {
+}, Aa = {
   class: "user-title"
-}, Ca = /* @__PURE__ */ f({
+}, qa = /* @__PURE__ */ f({
   __name: "LandingPageTestimonial",
   props: {
     testimonials: {
@@ -1604,20 +1604,20 @@ const Bn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
   },
   setup(a) {
     const t = a;
-    return (c, i) => (s(), n("div", ka, [(s(!0), n(v, null, b(t.testimonials, (o, r) => (s(), L(U, {
+    return (c, i) => (s(), n("div", wa, [(s(!0), n(v, null, b(t.testimonials, (o, r) => (s(), L(U, {
       key: r
     }, {
-      default: _(() => [e("div", null, [u(x, null, {
+      default: _(() => [e("div", null, [u(S, null, {
         default: _(() => [g(l(`"${o.content}"`), 1)]),
         _: 2
-      }, 1024)]), e("div", La, [e("span", Pa, [e("img", {
+      }, 1024)]), e("div", Ca, [e("span", Sa, [e("img", {
         src: o.avatar,
         alt: o.name
-      }, null, 8, Ia)]), e("div", null, [e("div", wa, l(o.name), 1), e("div", Sa, l(o.title), 1)])])]),
+      }, null, 8, xa)]), e("div", null, [e("div", Ta, l(o.name), 1), e("div", Aa, l(o.title), 1)])])]),
       _: 2
     }, 1024))), 128))]));
   }
-}), Mn = /* @__PURE__ */ d(Ca, [["__scopeId", "data-v-bc49d7bc"]]), xa = ["href"], Ta = /* @__PURE__ */ f({
+}), En = /* @__PURE__ */ d(qa, [["__scopeId", "data-v-bc49d7bc"]]), Ba = ["href"], za = /* @__PURE__ */ f({
   __name: "LandingPageTips",
   props: {
     href: {
@@ -1634,78 +1634,78 @@ const Bn = /* @__PURE__ */ d(Hs, [["render", Us], ["__scopeId", "data-v-1f26d3ee
     return (c, i) => (s(), n("a", {
       href: t.href,
       class: "tips-link"
-    }, l(t.text), 9, xa));
+    }, l(t.text), 9, Ba));
   }
-}), jn = /* @__PURE__ */ d(Ta, [["__scopeId", "data-v-f5784dd1"]]), Aa = {}, qa = {
+}), Nn = /* @__PURE__ */ d(za, [["__scopeId", "data-v-f5784dd1"]]), Fa = {}, Va = {
   class: "sidebar"
 };
-function Ba(a, t) {
-  return s(), n("div", qa, t[0] || (t[0] = [N('<div data-v-251905ff><div class="sidebar-title" data-v-251905ff>On this page</div><a class="sidebar-link active" href="#page-title" data-v-251905ff>Introduction</a><a class="sidebar-link" href="#browse-by-feature" data-v-251905ff>Browse by feature</a><a class="sidebar-link" href="#implement-a-template" data-v-251905ff>Implement a template</a><a class="sidebar-link" href="#integrate-or-deploy-tiptap" data-v-251905ff>Integrate or deploy Tiptap</a><a class="sidebar-link" href="#manage-your-documents" data-v-251905ff>Manage your documents</a><a class="sidebar-link" href="#examples" data-v-251905ff>Examples</a><a class="sidebar-link" href="#guides" data-v-251905ff>Guides</a><a class="sidebar-link" href="#community" data-v-251905ff>Community</a></div>', 1)]));
+function Da(a, t) {
+  return s(), n("div", Va, t[0] || (t[0] = [N('<div data-v-251905ff><div class="sidebar-title" data-v-251905ff>On this page</div><a class="sidebar-link active" href="#page-title" data-v-251905ff>Introduction</a><a class="sidebar-link" href="#browse-by-feature" data-v-251905ff>Browse by feature</a><a class="sidebar-link" href="#implement-a-template" data-v-251905ff>Implement a template</a><a class="sidebar-link" href="#integrate-or-deploy-tiptap" data-v-251905ff>Integrate or deploy Tiptap</a><a class="sidebar-link" href="#manage-your-documents" data-v-251905ff>Manage your documents</a><a class="sidebar-link" href="#examples" data-v-251905ff>Examples</a><a class="sidebar-link" href="#guides" data-v-251905ff>Guides</a><a class="sidebar-link" href="#community" data-v-251905ff>Community</a></div>', 1)]));
 }
-const Un = /* @__PURE__ */ d(Aa, [["render", Ba], ["__scopeId", "data-v-251905ff"]]), za = {
+const On = /* @__PURE__ */ d(Fa, [["render", Da], ["__scopeId", "data-v-251905ff"]]), Ha = {
   class: "feature-card"
-}, Fa = {
+}, Ma = {
   class: "feature-image"
-}, Va = ["src", "alt"], Da = {
+}, ja = ["src", "alt"], Ua = {
   class: "feature-title"
-}, Ha = {
+}, Ga = {
   class: "feature-description"
-}, Ma = {
+}, Ea = {
   class: "feature-platforms"
-}, ja = /* @__PURE__ */ f({
+}, Na = /* @__PURE__ */ f({
   __name: "LandingPageFeatureCard",
   props: {
     feature: {}
   },
   setup(a) {
-    return (t, c) => (s(), n("div", za, [e("div", Fa, [e("img", {
+    return (t, c) => (s(), n("div", Ha, [e("div", Ma, [e("img", {
       src: t.feature.image,
       alt: t.feature.title,
       loading: "lazy",
       decoding: "async"
-    }, null, 8, Va)]), e("h3", Da, l(t.feature.title), 1), e("p", Ha, l(t.feature.description), 1), e("div", Ma, [(s(!0), n(v, null, b(t.feature.platforms, (i) => (s(), L(I(w), {
+    }, null, 8, ja)]), e("h3", Ua, l(t.feature.title), 1), e("p", Ga, l(t.feature.description), 1), e("div", Ea, [(s(!0), n(v, null, b(t.feature.platforms, (i) => (s(), L(I(w), {
       key: i.name,
       icon: i.icon,
       class: "platform-icon"
     }, null, 8, ["icon"]))), 128))])]));
   }
-}), Gn = /* @__PURE__ */ d(ja, [["__scopeId", "data-v-474acd19"]]), Ua = {
+}), Rn = /* @__PURE__ */ d(Na, [["__scopeId", "data-v-474acd19"]]), Oa = {
   class: "feature-section-header"
-}, Ga = {
+}, Ra = {
   class: "feature-section-title"
-}, Ea = ["innerHTML"], Na = /* @__PURE__ */ f({
+}, Wa = ["innerHTML"], Ka = /* @__PURE__ */ f({
   __name: "LandingPageFeatureSectionHeader",
   props: {
     title: {},
     description: {}
   },
   setup(a) {
-    return (t, c) => (s(), n("div", Ua, [e("h2", Ga, l(t.title), 1), e("p", {
+    return (t, c) => (s(), n("div", Oa, [e("h2", Ra, l(t.title), 1), e("p", {
       class: "feature-section-description",
       innerHTML: t.description
-    }, null, 8, Ea)]));
+    }, null, 8, Wa)]));
   }
-}), En = /* @__PURE__ */ d(Na, [["__scopeId", "data-v-8fe145ad"]]), Oa = {}, Ra = {
+}), Wn = /* @__PURE__ */ d(Ka, [["__scopeId", "data-v-8fe145ad"]]), Ja = {}, Qa = {
   class: "features-grid"
 };
-function Wa(a, t) {
-  return s(), n("div", Ra, [h(a.$slots, "default", {}, void 0, !0)]);
+function Za(a, t) {
+  return s(), n("div", Qa, [h(a.$slots, "default", {}, void 0, !0)]);
 }
-const Nn = /* @__PURE__ */ d(Oa, [["render", Wa], ["__scopeId", "data-v-392f636b"]]), Ka = {
+const Kn = /* @__PURE__ */ d(Ja, [["render", Za], ["__scopeId", "data-v-392f636b"]]), Ya = {
   class: "testimonials-container"
-}, Ja = {
+}, Xa = {
   class: "testimonial-header"
-}, Qa = ["onClick"], Za = {
+}, en = ["onClick"], tn = {
   class: "user-avatar"
-}, Ya = ["src", "alt"], Xa = {
+}, sn = ["src", "alt"], an = {
   class: "user-info"
-}, en = {
+}, nn = {
   class: "user-name"
-}, tn = {
+}, on = {
   class: "user-title"
-}, sn = {
+}, cn = {
   class: "testimonial-content"
-}, an = /* @__PURE__ */ f({
+}, ln = /* @__PURE__ */ f({
   __name: "LandingPageTestimonialCard",
   props: {
     testimonials: {}
@@ -1714,15 +1714,15 @@ const Nn = /* @__PURE__ */ d(Oa, [["render", Wa], ["__scopeId", "data-v-392f636b
     function t(c) {
       c.link && window.open(c.link, "_blank");
     }
-    return (c, i) => (s(), n("div", Ka, [(s(!0), n(v, null, b(c.testimonials, (o) => (s(), n("div", {
+    return (c, i) => (s(), n("div", Ya, [(s(!0), n(v, null, b(c.testimonials, (o) => (s(), n("div", {
       key: o.name,
       class: "testimonial-card"
-    }, [e("div", Ja, [e("div", {
+    }, [e("div", Xa, [e("div", {
       class: C(["user-link", {
         "no-link": !o.link
       }]),
       onClick: (r) => t(o)
-    }, [e("div", Za, [e("img", {
+    }, [e("div", tn, [e("img", {
       src: o.avatar,
       alt: o.name,
       width: "260",
@@ -1730,17 +1730,17 @@ const Nn = /* @__PURE__ */ d(Oa, [["render", Wa], ["__scopeId", "data-v-392f636b
       loading: "lazy",
       decoding: "async",
       class: "avatar-image"
-    }, null, 8, Ya)]), e("div", Xa, [e("span", en, l(o.name), 1), e("span", tn, l(o.title), 1)])], 10, Qa)]), e("p", sn, l(o.content), 1)]))), 128))]));
+    }, null, 8, sn)]), e("div", an, [e("span", nn, l(o.name), 1), e("span", on, l(o.title), 1)])], 10, en)]), e("p", cn, l(o.content), 1)]))), 128))]));
   }
-}), On = /* @__PURE__ */ d(an, [["__scopeId", "data-v-6e10d8a8"]]), nn = {
+}), Jn = /* @__PURE__ */ d(ln, [["__scopeId", "data-v-6e10d8a8"]]), rn = {
   class: "tabs"
-}, on = {
+}, dn = {
   class: "tabs-header"
-}, cn = ["onClick"], ln = {
+}, un = ["onClick"], _n = {
   class: "tab-label"
-}, rn = {
+}, pn = {
   class: "tabs-content"
-}, dn = /* @__PURE__ */ f({
+}, fn = /* @__PURE__ */ f({
   __name: "LandingPageSectionTabs",
   props: {
     tabs: {},
@@ -1760,17 +1760,17 @@ const Nn = /* @__PURE__ */ d(Oa, [["render", Wa], ["__scopeId", "data-v-392f636b
     function r($) {
       o.value = $, i("update:modelValue", $), i("tabChange", $);
     }
-    return F(() => c.modelValue, ($) => {
+    return z(() => c.modelValue, ($) => {
       $ && (o.value = $);
-    }), F(() => c.defaultActiveTab, ($) => {
+    }), z(() => c.defaultActiveTab, ($) => {
       $ && !c.modelValue && (o.value = $);
-    }), ($, p) => (s(), n("div", nn, [e("div", on, [(s(!0), n(v, null, b($.tabs, (y) => (s(), n("div", {
+    }), ($, p) => (s(), n("div", rn, [e("div", dn, [(s(!0), n(v, null, b($.tabs, (y) => (s(), n("div", {
       key: y.id,
       class: C(["tab-item", {
         active: o.value === y.id
       }]),
       onClick: (G) => r(y.id)
-    }, [e("span", ln, l(y.label), 1)], 10, cn))), 128))]), e("div", rn, [(s(!0), n(v, null, b($.tabs, (y) => A((s(), n("div", {
+    }, [e("span", _n, l(y.label), 1)], 10, un))), 128))]), e("div", pn, [(s(!0), n(v, null, b($.tabs, (y) => A((s(), n("div", {
       key: y.id,
       class: "tab-panel"
     }, [h($.$slots, y.id, {
@@ -1779,55 +1779,54 @@ const Nn = /* @__PURE__ */ d(Oa, [["render", Wa], ["__scopeId", "data-v-392f636b
       tab: y
     }, void 0, !0)], !0)])), [[O, o.value === y.id]])), 128))])]));
   }
-}), Rn = /* @__PURE__ */ d(dn, [["__scopeId", "data-v-22e880ae"]]), Wn = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1744'%20height='480'%20viewBox='0%200%201744%20480'%20fill='none'%3e%3cg%20style='mix-blend-mode:luminosity'%20opacity='0.5'%3e%3ccircle%20opacity='0.7'%20cx='861.225'%20cy='247.836'%20r='322.59'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.6'%20cx='861.225'%20cy='247.836'%20r='387.237'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.5'%20cx='861.226'%20cy='247.836'%20r='451.884'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.4'%20cx='861.225'%20cy='247.835'%20r='516.532'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.3'%20cx='861.225'%20cy='247.836'%20r='581.179'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.2'%20cx='861.225'%20cy='247.836'%20r='645.826'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.15'%20cx='861.225'%20cy='247.836'%20r='710.473'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='861.225'%20cy='247.836'%20r='775.12'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='862.695'%20cy='238.041'%20r='842.161'%20stroke='%2300000050'%20stroke-width='1.40477'%20/%3e%3ccircle%20opacity='0.1'%20cx='872'%20cy='240'%20r='907.243'%20stroke='%2300000050'%20stroke-width='1.51333'%20/%3e%3c/g%3e%3c/svg%3e";
+}), Qn = /* @__PURE__ */ d(fn, [["__scopeId", "data-v-22e880ae"]]);
 export {
-  zn as A,
+  Hn as A,
   Qe as B,
   U as C,
-  x as D,
-  Fn as E,
-  Vn as F,
-  Dn as G,
-  Hn as H,
+  S as D,
+  Mn as E,
+  jn as F,
+  Un as G,
+  Gn as H,
   Ie as I,
   Fe as J,
-  Mn as K,
-  vn as L,
-  jn as M,
+  En as K,
+  kn as L,
+  Nn as M,
   M as N,
-  Un as O,
-  Gn as P,
-  En as Q,
-  Nn as R,
+  On as O,
+  Rn as P,
+  Wn as Q,
+  Kn as R,
   H as S,
-  Ls as T,
-  On as U,
-  Rn as V,
-  Wn as W,
-  $n as a,
+  Cs as T,
+  Jn as U,
+  Qn as V,
+  Ln as a,
   ae as b,
   oe as c,
   Ke as d,
-  yn as e,
-  bn as f,
-  kn as g,
-  Ln as h,
-  V as i,
-  Pn as j,
-  In as k,
-  wn as l,
-  Sn as m,
-  Gt as n,
-  Kt as o,
-  Cn as p,
+  Pn as e,
+  In as f,
+  wn as g,
+  Cn as h,
+  F as i,
+  Sn as j,
+  xn as k,
+  Tn as l,
+  An as m,
+  Rt as n,
+  Yt as o,
+  qn as p,
   P as q,
   B as r,
   j as s,
   Oe as t,
-  xn as u,
+  Bn as u,
   ye as v,
-  Tn as w,
-  An as x,
-  qn as y,
-  Bn as z
+  zn as w,
+  Fn as x,
+  Vn as y,
+  Dn as z
 };