@blocklet/pages-kit-inner-components 0.4.99 → 0.4.100

package/lib/es/chunks/home-Cclj5ETj.js

@@ -1,2357 +0,0 @@
-import { jsx as o, jsxs as _, Fragment as F } from "react/jsx-runtime";
-import { a as T, g as I, i as ce, b as le, E as de, c as lt, d as dt, e as zt, u as me, f as ue } from "./state-CYDNg8EG.js";
-import { cloneDeep as M } from "lodash";
-import { useLocaleContext as Wt } from "@arcblock/ux/lib/Locale/context";
-import Lt from "@arcblock/ux/lib/Result";
-import { useHeaderState as pe } from "@blocklet/pages-kit/builtin/page/header";
-import he from "@blocklet/ui-react/lib/Header";
-import { cx as k, css as nt } from "@emotion/css";
-import { Global as Ot, css as Ht } from "@emotion/react";
-import At from "@emotion/styled";
-import { Box as b, Tooltip as fe, styled as Mt, Stack as mt, Typography as B, Container as ge, useTheme as xe, createTheme as be, ThemeProvider as ye, Card as we, CircularProgress as Ut, Grid as kt, CardMedia as ve, CardContent as ke, Button as _e } from "@mui/material";
-import { useLatest as $e, useReactive as Se } from "ahooks";
-import Ce from "isomorphic-dompurify";
-import _t from "lodash/cloneDeep";
-import Ne from "lodash/isEmpty";
-import Ft from "lodash/isEqual";
-import Vt, { forwardRef as Ie, useState as E, useCallback as ut, useRef as V, Fragment as Pe, isValidElement as Gt, useEffect as z, useMemo as C, createContext as je, useContext as Dt, lazy as Jt, Suspense as Be } from "react";
-import { Helmet as Re } from "react-helmet";
-import { Link as Te, NavLink as Ee, useNavigate as ze, useSearchParams as We, Routes as Le, Route as Q, Navigate as Oe, ScrollRestoration as He } from "react-router-dom";
-import { useUpdate as Ae, useMount as Me, useWindowScroll as Ue, useAsync as qt } from "react-use";
-import { withoutTrailingSlash as et, isRelative as Fe, parseURL as Ve, joinURL as Z } from "ufo";
-import "@mui/icons-material";
-import { AIForm as $t, AIFormResult as St } from "@blocklet/ai-runtime/components";
-import { deepmerge as Ge } from "@mui/utils";
-import pt from "lodash/pick";
-import { ErrorBoundary as De } from "react-error-boundary";
-import { Icon as rt } from "@iconify/react";
-import Je from "react-markdown";
-import qe from "remark-gfm";
-import { LoadingButton as Ke } from "@mui/lab";
-import { useTheme as ht, styled as $ } from "@arcblock/ux/lib/Theme";
-import Xe from "@arcblock/react-hooks/lib/useBrowser";
-import Ct from "@arcblock/ux/lib/Colors";
-import { ResponsiveImage as Kt, CustomComponentRenderer as Ye } from "@blocklet/pages-kit/components";
-import Xt from "@mui/material/useMediaQuery";
-import j from "lodash/omit";
-import { Icon as Yt } from "@iconify-icon/react";
-import Qe from "@arcblock/ux/lib/Screenshot";
-import Ze from "@arcblock/ux/lib/Button";
-import it from "is-uri";
-import { join as tt } from "pathe";
-import { useMessage as to } from "@blocklet/embed/message";
-import { EmbedIframe as eo } from "@blocklet/embed/react";
-import { TwitterTimelineEmbed as oo } from "react-twitter-embed";
-import no from "@blocklet/ui-react/lib/Footer";
-import ro from "webfontloader";
-import { createAuthServiceSessionContext as io } from "@arcblock/did-connect/lib/Session";
-function so(t, e, n, r) {
-  t.locales || (t.locales = {}), t.locales[n] = M(t.locales[n] || {}), t.locales[n].title = r.title ?? t.locales[n].title, t.locales[n].image = r.image ?? t.locales[n].image, t.locales[n].description = r.description ?? t.locales[n].description, Object.entries(r.sectionsData).forEach(([i, s]) => {
-    var c, l, d, m;
-    const a = Object.values(t.sections).find(
-      (u) => u.id === i || u.name === i
-    );
-    if (a && a.isTemplateSection)
-      if (a.locales = M(a.locales || {}), a.locales[n] = M(a.locales[n] || {}), a.component === "custom-component") {
-        const u = (c = a.config) == null ? void 0 : c.componentId;
-        if (!u)
-          return;
-        const h = ((l = e.components[u]) == null ? void 0 : l.data) || ((m = (d = e.resources.components) == null ? void 0 : d[u]) == null ? void 0 : m.component);
-        if (!h)
-          return;
-        a.locales[n].properties = M(a.locales[n].properties || {}), Object.entries(s || {}).forEach(([p, x]) => {
-          var f, w;
-          const y = ((f = h == null ? void 0 : h.properties) == null ? void 0 : f[p]) || Object.values((h == null ? void 0 : h.properties) || {}).find((g) => {
-            var v;
-            return ((v = g.data) == null ? void 0 : v.key) === p;
-          });
-          y && (a.locales[n].properties[(w = y.data) == null ? void 0 : w.id] = {
-            value: x
-          });
-        });
-      } else
-        a.locales[n] = {
-          ...M(a.locales[n]),
-          ...s || {}
-        };
-  });
-}
-const ao = Ie(({ onClick: t, ...e }, n) => {
-  const [r, i] = E(!1), s = ut(
-    async (a) => {
-      try {
-        i(!0), await (t == null ? void 0 : t(a));
-      } finally {
-        i(!1);
-      }
-    },
-    [t]
-  );
-  return /* @__PURE__ */ o(Ke, { ref: n, ...e, loading: e.loading || r, onClick: s });
-});
-function co({
-  tip: t,
-  tipSucceed: e,
-  title: n,
-  titleSucceed: r,
-  icon: i,
-  iconSucceed: s,
-  autoReset: a,
-  placement: c = "top",
-  ...l
-}) {
-  const [d, m] = E(!1), [u, h] = E(), p = V(), x = () => {
-    h(void 0), a && (p.current = window.setTimeout(() => {
-      m(!1);
-    }, 3e3));
-  }, y = () => {
-    clearTimeout(p.current);
-  }, f = d ? s : i, w = u ? /* @__PURE__ */ o(b, { color: "error", children: u.message }) : d && e || t;
-  return /* @__PURE__ */ o(fe, { title: w, disableInteractive: !0, placement: c, onClose: x, onOpen: y, children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
-    ao,
-    {
-      startIcon: f && (typeof f == "string" ? /* @__PURE__ */ o(rt, { icon: f }) : f),
-      loadingPosition: f ? "start" : void 0,
-      ...l,
-      onClick: async (v) => {
-        if (l.onClick)
-          try {
-            await l.onClick(v), m(!0);
-          } catch (P) {
-            h(P);
-          }
-      },
-      children: d ? r : n
-    }
-  ) }) });
-}
-const lo = Vt.lazy(() => import("react-syntax-highlighter").then((t) => ({ default: t.Prism }))), mo = Mt((t) => /* @__PURE__ */ o(
-  Je,
-  {
-    ...t,
-    remarkPlugins: [qe],
-    components: {
-      pre: uo,
-      code: ({ node: e, inline: n, className: r, children: i, ...s }) => {
-        if (!i) return null;
-        const a = /language-(\w+)/.exec(r || "");
-        return n ? /* @__PURE__ */ o(b, { component: "code", className: r, ...s, children: i }) : /* @__PURE__ */ o(b, { component: lo, language: a == null ? void 0 : a[1], ...s, sx: { borderRadius: 1 }, children: String(i).replace(/\n$/, "") });
-      },
-      table: ({ className: e, children: n }) => /* @__PURE__ */ o(b, { sx: { overflow: "auto", my: 1 }, children: /* @__PURE__ */ o("table", { className: e, children: n }) })
-    }
-  }
-))`
-  width: 100%;
-  overflow: hidden;
-  word-break: break-word;
-
-  > * {
-    &:first-child /* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */ {
-      margin-top: 0;
-    }
-    &:last-child /* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */ {
-      margin-bottom: 0;
-    }
-  }
-
-  pre {
-    overflow: auto;
-  }
-
-  li {
-    margin: 0;
-    padding: 0;
-  }
-
-  li p {
-    display: inline-block;
-    vertical-align: top;
-    margin: 0;
-    padding: 0;
-  }
-
-  table {
-    border-collapse: collapse;
-    white-space: nowrap;
-
-    th,
-    td {
-      border: 1px solid grey;
-      padding: 4px 8px;
-    }
-  }
-
-  a {
-    color: ${({ theme: t }) => t.palette.primary.main};
-
-    :hover {
-      text-decoration: underline;
-    }
-  }
-
-  &.writing > *:last-child {
-    &:after {
-      content: '';
-      display: inline-block;
-      vertical-align: middle;
-      height: 1.2em;
-      margin-top: -0.2em;
-      margin-left: 0.1em;
-      border-right: 0.2em solid orange;
-      border-radius: 10px;
-      animation: blink-caret 0.75s step-end infinite;
-
-      @keyframes blink-caret {
-        from,
-        to {
-          border-color: transparent;
-        }
-        50% {
-          border-color: ${({ theme: t }) => t.palette.secondary.main};
-        }
-      }
-    }
-  }
-`;
-function uo({ children: t }) {
-  const e = t == null ? void 0 : t.props;
-  if (!(e != null && e.children)) return null;
-  const n = /language-(\w+)/.exec(e.className || ""), r = n == null ? void 0 : n[1];
-  return /* @__PURE__ */ _(
-    b,
-    {
-      component: "div",
-      sx: {
-        fontSize: 14,
-        borderRadius: 1,
-        bgcolor: "rgb(245, 242, 240)",
-        "> pre": { mt: "0 !important" }
-      },
-      children: [
-        /* @__PURE__ */ _(mt, { direction: "row", alignItems: "center", p: 0.5, pl: 1.5, borderBottom: 1, borderColor: "grey.200", children: [
-          /* @__PURE__ */ o(b, { children: r }),
-          /* @__PURE__ */ o(b, { flex: 1 }),
-          /* @__PURE__ */ o(
-            co,
-            {
-              autoReset: !0,
-              title: /* @__PURE__ */ o(rt, { icon: "tabler:copy" }),
-              titleSucceed: /* @__PURE__ */ o(rt, { icon: "tabler:copy-check" }),
-              sx: { minWidth: 32, minHeight: 32, p: 0, fontSize: 18 },
-              onClick: () => {
-                window.navigator.clipboard.writeText(e.children);
-              }
-            }
-          )
-        ] }),
-        t
-      ]
-    }
-  );
-}
-function O({ actions: t, center: e, className: n, align: r }) {
-  return t && (t != null && t.length) ? /* @__PURE__ */ o(
-    b,
-    {
-      className: k(
-        "flex gap-4 flex-wrap",
-        "lg:flex-row lg:gap-8",
-        (e || r === "center") && "justify-center",
-        !e && r === "right" && "justify-end",
-        !e && r === "left" && "justify-start",
-        n
-      ),
-      sx: { alignItems: "center" },
-      children: t
-    }
-  ) : null;
-}
-const po = "section", ho = Mt(b)`
-  overflow: hidden;
-
-  .section__title {
-    margin-top: 0;
-    font-weight: 700;
-  }
-  .section__title_non_big {
-    font-size: 32px;
-    @media (max-width: 600px) {
-      font-size: 24px;
-    }
-  }
-  &.base-info .section__tag {
-    margin-top: 0;
-    margin-bottom: 2vw;
-    background-color: ${({ theme: t }) => t.palette.primary.main};
-    white-space: nowrap;
-    max-width: 100%;
-    display: inline-block;
-    padding: 0 10px;
-    justify-content: flex-start;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-size: 12px;
-    color: #fff;
-    border-radius: 4px;
-    line-height: 20px;
-  }
-  .section__title {
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-    p {
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  }
-  .section__description {
-    margin-bottom: 4vw;
-    margin-top: 0;
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-    p {
-      margin-top: 0;
-      margin-bottom: 0.5rem;
-    }
-  }
-  @media (min-width: ${({ theme: t }) => t.breakpoints.values[po]}px) {
-    .section__tag {
-      margin-bottom: 32px;
-    }
-    .section__title {
-      margin-bottom: 32px;
-    }
-    .section__description {
-      margin-bottom: 40px;
-    }
-  }
-`;
-function G({
-  title: t,
-  description: e,
-  descriptionMarkdown: n,
-  actions: r,
-  className: i = "",
-  classes: s = {},
-  prepend: a,
-  append: c,
-  level: l = 2,
-  tag: d,
-  badge: m,
-  center: u,
-  logo: h,
-  titleAppearance: p,
-  descriptionAppearance: x,
-  ...y
-}) {
-  if (!t && !e && !r && !m && !d && !a && !c && !h) return null;
-  const f = Math.max(Math.min(5, l + 1), 1), w = {
-    1: "xl:!text-3xl lg:!text-2xl md:!text-xl",
-    2: "xl:!text-2xl lg:!text-xl md:!text-lg",
-    3: "xl:!text-2xl lg:!text-xl md:!text-lg",
-    4: "xl:!text-xl lg:!text-lg md:!text-md",
-    5: "xl:!text-lg md:!text-md sm:!text-sm",
-    6: "!text-sm"
-  }, g = l === 0 ? "big" : `h${f}`, v = l === 0;
-  return /* @__PURE__ */ _(ho, { className: k("base-info", "lg:text-left", u && "!text-center", i), ...y, children: [
-    a && /* @__PURE__ */ o("div", { children: a }),
-    (d || m) && /* @__PURE__ */ o("div", { className: k("section__tag", (s == null ? void 0 : s.tag) || (s == null ? void 0 : s.badge)), children: d || m }),
-    h && /* @__PURE__ */ o("img", { className: "w-[120px] m-auto mb-8", src: h, alt: "info", loading: "lazy" }),
-    t && /* @__PURE__ */ o(
-      B,
-      {
-        sx: {
-          whiteSpace: "pre-wrap",
-          mb: e ? "2vw" : 0,
-          ...(p == null ? void 0 : p.color) && { color: `${p.color} !important` }
-        },
-        className: k(
-          "section__title",
-          "text-gray-800",
-          "dark:text-gray-50",
-          s.title,
-          "page-kit-section__title",
-          v ? "" : "section__title_non_big"
-        ),
-        component: `h${Math.max(l, 1)}`,
-        variant: g,
-        children: t
-      }
-    ),
-    e && (n ? /* @__PURE__ */ o(
-      b,
-      {
-        sx: {
-          ...(x == null ? void 0 : x.color) && { color: `${x.color} !important` }
-        },
-        component: mo,
-        className: k(
-          "section__description",
-          "text-gray-800",
-          "dark:text-gray-100",
-          w[f],
-          s.description,
-          "page-kit-section__description"
-        ),
-        children: e
-      }
-    ) : /* @__PURE__ */ o(
-      B,
-      {
-        sx: {
-          whiteSpace: "pre-wrap",
-          ...(x == null ? void 0 : x.color) && { color: `${x.color} !important` }
-        },
-        className: k(
-          "section__description",
-          "text-gray-800",
-          "dark:text-gray-100",
-          w[f],
-          s.description,
-          "page-kit-section__description"
-        ),
-        component: "div",
-        variant: "body1",
-        gutterBottom: !0,
-        children: e
-      }
-    )),
-    /* @__PURE__ */ o(O, { actions: r, center: u, className: "mt-8" }),
-    c && /* @__PURE__ */ o("div", { children: c })
-  ] });
-}
-const D = [
-  "actions",
-  "append",
-  "badge",
-  "tag",
-  "center",
-  "description",
-  "descriptionMarkdown",
-  "level",
-  "logo",
-  "prepend",
-  "title",
-  "titleAppearance",
-  "descriptionAppearance"
-];
-function Qt(t) {
-  if (t.type === Pe) {
-    const n = (t.props.children || []).filter((r) => Gt(r));
-    return n.length === 1 ? Qt(n[0]) : n.length > 1;
-  }
-  return Array.isArray(t);
-}
-const R = "&>*";
-function ft({ children: t, col: e, gap: n, className: r, align: i, sx: s, type: a, ...c } = {
-  children: null,
-  className: "",
-  col: 3,
-  gap: void 0,
-  sx: {},
-  align: "center",
-  type: "default"
-}) {
-  const l = ht(), d = Number(Math.floor(100 / e * 100) / 100), m = {
-    center: "justify-center items-center",
-    left: "justify-start items-center",
-    right: "justify-end items-center",
-    top: "justify-center items-start",
-    bottom: "justify-center items-end",
-    "top-left": "justify-start items-start",
-    "top-right": "justify-end items-start",
-    "bottom-left": "justify-start items-end",
-    "bottom-right": "justify-end items-end"
-  }, u = m[i] || m.center;
-  let p = n ?? ({
-    2: 6,
-    3: 4,
-    4: 4,
-    5: 3,
-    6: 3
-  }[e] || 0);
-  Qt(t) || (p = 0);
-  const y = (e - 1) * p / e;
-  let f = { ...s, gap: `${p}rem` };
-  const w = { [R]: { width: "100%" } }, g = {}, v = {}, P = {};
-  switch (w.gap = "1rem", g.gap = `${p / 2}rem`, e) {
-    case 3:
-    case 4:
-      g[R] = {
-        width: `calc(50% - ${p / 2}rem)`
-      };
-      break;
-    case 5:
-    case 6:
-      w[R] = {
-        width: `calc(50% - ${p / 2 / 2}rem)`
-      }, g[R] = {
-        width: `calc(50% - ${p / 2 / 2}rem)`
-      }, v[R] = {
-        width: `calc(33.33% - ${p * 2 / 3}rem)`
-      };
-      break;
-  }
-  return f[R] = { width: `calc(${d}% - ${y}rem)` }, f[`@media (max-width: ${l.breakpoints.values.xl}px)`] = P, f[`@media (max-width: ${l.breakpoints.values.lg}px)`] = v, f[`@media (max-width: ${l.breakpoints.values.md}px)`] = g, f[`@media (max-width: ${l.breakpoints.values.sm}px)`] = w, a === "wall" && (f = { ...s, gap: `${p}rem` }, f[R] = { width: `calc(${d}% - ${y}rem)` }, w[R] = { width: `calc(45% - ${p / 2 / 2}rem)` }, f[`@media (max-width: ${l.breakpoints.values.sm}px)`] = w), /* @__PURE__ */ o(b, { className: k("flex flex-wrap flex-row h-full", u, r), sx: f, ...c, children: t });
-}
-function fo() {
-  const t = navigator.userAgent.toLowerCase();
-  return t.includes("safari") && !t.includes("chrome");
-}
-function go(t = "") {
-  if (t.startsWith("data:image/svg+xml,")) return !0;
-  const e = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, n = /^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;
-  return e.test(t) || n.test(t);
-}
-function st(t) {
-  return (t == null ? void 0 : t.endsWith(".mp4")) || (t == null ? void 0 : t.endsWith(".m4v")) || (t == null ? void 0 : t.endsWith(".webm"));
-}
-function xo(t) {
-  return t != null && t.endsWith(".mp4") || t != null && t.endsWith(".m4v") ? "video/mp4" : t != null && t.endsWith(".webm") ? "video/webm" : void 0;
-}
-function bo(t) {
-  let e = {};
-  return typeof t == "string" ? ce(t) ? e.image = t : (e.image = I(t), le(t) && (e.color = t, e.image = "")) : e = t, e;
-}
-function yo() {
-  const [t, e] = E(Date.now());
-  return z(() => {
-    const n = () => {
-      e(Date.now());
-    };
-    return document.addEventListener("visibilitychange", n), () => {
-      document.removeEventListener("visibilitychange", n);
-    };
-  }, []), t;
-}
-function Nt(t, e, n, r, i) {
-  let s = null;
-  const { color: a = "", image: c } = bo(e);
-  return c && go(c) ? (delete n.backgroundColor, !(t.mobile.apple.device || fo()) && st(c) ? s = /* @__PURE__ */ o(
-    b,
-    {
-      component: "video",
-      className: "section-bg",
-      width: "100%",
-      autoPlay: !0,
-      loop: !0,
-      muted: !0,
-      controls: !1,
-      playsInline: !0,
-      poster: T(I(r), 1200, "quality"),
-      src: st(c) ? c : T(c, 1200, "quality"),
-      sx: {
-        position: "absolute",
-        zIndex: -9999,
-        right: 0,
-        left: 0,
-        top: 0,
-        width: "100%",
-        height: "100%",
-        objectFit: "cover"
-      }
-    },
-    c
-  ) : s = /* @__PURE__ */ o(
-    Kt,
-    {
-      src: c,
-      sizesAttr: {
-        sm: 600,
-        md: 900,
-        lg: 1200
-      },
-      className: "section-bg",
-      alt: "",
-      width: "100%",
-      loading: "lazy",
-      sx: {
-        position: "absolute",
-        zIndex: -9999,
-        right: 0,
-        left: 0,
-        top: 0,
-        width: "100%",
-        height: "100%",
-        objectFit: "cover"
-      }
-    },
-    i || c
-  )) : c ? n.backgroundImage = `${c} !important` : a && (n.backgroundColor = `${a} !important`), s;
-}
-function wo({ autoWidth: t, children: e, ...n }) {
-  return t ? /* @__PURE__ */ o(b, { display: "flex", ...n, children: e }) : /* @__PURE__ */ o(ge, { ...n, children: e });
-}
-function J({
-  dark: t = !1,
-  children: e,
-  className: n,
-  sx: r = {},
-  boxed: i = { show: !1 },
-  padding: s = "normal",
-  boxProps: a,
-  type: c,
-  ...l
-}) {
-  const d = { ...r }, m = Xt((p) => p.breakpoints.down("md"));
-  t && (d.color = Ct.common.white, d.backgroundColor = `${Ct.grey[900]} !important`);
-  const u = {
-    none: "py-0",
-    small: "py-5 md:py-8 lg:py-8 xl:py-12",
-    normal: "py-10 md:py-15 lg:py-20 xl:py-25",
-    large: "py-15 md:py-20 lg:py-25 xl:py-30"
-  };
-  i.show && (d.display = "flex");
-  const h = C(() => !Number(l.boxMaxWidth) || m ? {
-    width: "100%"
-  } : c === "wall" && l.boxMaxWidth ? {
-    maxWidth: `${l.boxMaxWidth}px !important`,
-    width: "100%"
-  } : {
-    width: "100%"
-  }, [l.boxMaxWidth, m, c]);
-  return /* @__PURE__ */ o(
-    vo,
-    {
-      component: "section",
-      styles: { ...d },
-      className: k("base-section", "px-2 md:px-5 lg:px-5 xl:px-10", u[s], n, { dark: t }),
-      ...j(
-        l,
-        "hoverStyle",
-        "boxMaxWidth",
-        "embedUrl",
-        "autoWidth",
-        "paddingXY",
-        "iframeHeight",
-        "titleAppearance",
-        "descriptionAppearance"
-      ),
-      children: /* @__PURE__ */ o(wo, { autoWidth: l == null ? void 0 : l.autoWidth, className: k("section-content h-full"), sx: h, children: i.show ? /* @__PURE__ */ o(Zt, { ...a, boxed: i, children: e }) : e })
-    }
-  );
-}
-function Zt({
-  background: t = "",
-  backgroundVideoPoster: e,
-  children: n,
-  sx: r = {},
-  boxed: i = { show: !1 },
-  className: s = "",
-  styles: a = {},
-  ...c
-}) {
-  const l = { ...a, ...r };
-  let d = null;
-  const m = Xt((p) => p.breakpoints.up("sm")), u = Xe(), h = yo();
-  return t && (d = Nt(u, t, l, e, h)), i.show && (l.borderRadius = "10px", l.padding === void 0 && (l.padding = m ? "50px" : "20px"), i != null && i.border && (l.border = "1px solid #c0c0c0"), i != null && i.background && (d = Nt(
-    u,
-    i == null ? void 0 : i.background,
-    l,
-    i == null ? void 0 : i.backgroundVideoPoster,
-    h
-  ))), /* @__PURE__ */ _(
-    b,
-    {
-      ...c,
-      sx: {
-        ...l,
-        ...d ? { position: "relative", overflow: "hidden", zIndex: 0 } : {}
-      },
-      className: k(s, (i == null ? void 0 : i.boxShadow) && "shadow-xl"),
-      children: [
-        d,
-        n
-      ]
-    }
-  );
-}
-const vo = $(Zt)`
-  &:nth-of-type(even) {
-    background: #f8f8f8;
-  }
-
-  @media (max-width: 600px) {
-    .section__title {
-      font-size: 24px;
-    }
-
-    .base-info {
-      > *:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-`;
-function te({ icon: t, ...e }) {
-  return /* @__PURE__ */ o(Yt, { icon: t, ...e, ref: null });
-}
-function N(t, e) {
-  const n = pt(t, e), r = j(t, e);
-  return [n, r];
-}
-const ee = ["title", "description", "actions", "badge", "tag", "prepend", "append", "logo"];
-function ko({
-  image: t,
-  imageBorder: e,
-  imageShadow: n,
-  className: r,
-  reverse: i = !1,
-  fullSizeImage: s,
-  ...a
-}) {
-  const [c, l] = N(a, D), d = Object.keys(c).length > 0 && Object.values(pt(c, ee)).filter(Boolean).length > 0 && /* @__PURE__ */ o(G, { ...c }), m = Gt(t) ? t : /* @__PURE__ */ o(b, { component: "img", src: t, alt: "", className: "block" }), u = ["phone", "macbook"].includes(e), h = t && /* @__PURE__ */ o(
-    b,
-    {
-      className: k(
-        "section__image",
-        "m-auto, leading-[1] text-center",
-        n && "shadow-xl",
-        c != null && c.center ? "flex justify-center items-center" : ""
-      ),
-      sx: {
-        border: e === !0 ? "1px solid #c0c0c0" : void 0,
-        borderRadius: 2,
-        overflow: "hidden",
-        // FIXME: Screenshot 组件无法设置最外层 div 的样式，只能通过父元素设置
-        "> div": u ? { width: "100%", video: { borderRadius: "0 !important" } } : void 0
-      },
-      children: u ? (
-        // @ts-ignore
-        /* @__PURE__ */ o(Qe, { type: e, sx: { width: "100%" }, children: m })
-      ) : m
-    }
-  );
-  return /* @__PURE__ */ o(
-    J,
-    {
-      className: k(
-        "section--block",
-        r,
-        s && !i && nt`
-            .section-bg {
-              height: 80%;
-            }
-          `
-      ),
-      ...l,
-      boxProps: s ? { sx: { padding: 0, overflow: "hidden" } } : void 0,
-      children: /* @__PURE__ */ o(
-        ft,
-        {
-          col: t ? 2 : 1,
-          className: s ? nt`
-                display: flex;
-                flex-direction: column;
-
-                > .base-info,
-                > .section__image {
-                  width: 100%;
-
-                  > img,
-                  > video {
-                    width: 100%;
-                  }
-                }
-              ` : void 0,
-          children: i ? /* @__PURE__ */ _(F, { children: [
-            h,
-            d
-          ] }) : /* @__PURE__ */ _(F, { children: [
-            d,
-            h
-          ] })
-        }
-      )
-    }
-  );
-}
-const q = ["editing", "height", "locale", "dev", "sx"];
-function _o(t) {
-  return /* @__PURE__ */ o($o, { ...t });
-}
-const $o = $(b)`
-  position: relative;
-`;
-function So({
-  widget: t,
-  reverse: e,
-  projectId: n,
-  assistantId: r,
-  working: i,
-  submitTitle: s,
-  submitIcon: a,
-  submitColor: c,
-  placeholder: l,
-  loadingIndicator: d,
-  section: m,
-  ...u
-}) {
-  const [{ editing: h }, p] = N(u, q), [x, y] = N(p, D), f = n && r ? { projectId: n, gitRef: "main", assistantId: r, working: !0 } : void 0, w = {
-    children: s,
-    endIcon: a ? /* @__PURE__ */ o(te, { icon: a }) : void 0,
-    sx: {
-      background: c || void 0,
-      ":hover": {
-        background: c || void 0,
-        opacity: 0.8
-      }
-    }
-  }, g = [], v = l && /* @__PURE__ */ o(B, { variant: "caption", color: "text.disabled", children: l }), P = d && /* @__PURE__ */ o(B, { variant: "caption", color: "text.disabled", children: d });
-  Object.keys(x).length > 0 && Object.values(pt(x, ee)).filter(Boolean).length > 0 && g.push(/* @__PURE__ */ o(G, { ...x }, "base-info")), f && (t === "form" ? g.push(/* @__PURE__ */ o($t, { identifier: f, SubmitProps: w }, "form")) : t === "result" ? g.push(
-    /* @__PURE__ */ o(
-      St,
-      {
-        identifier: f,
-        placeholder: v,
-        loadingIndicator: P
-      },
-      "result"
-    )
-  ) : g.push(
-    /* @__PURE__ */ _(mt, { width: "100%", gap: 2, direction: "row", children: [
-      /* @__PURE__ */ o($t, { identifier: f, BoxProps: { flex: 1 }, SubmitProps: w }),
-      /* @__PURE__ */ o(
-        St,
-        {
-          identifier: f,
-          BoxProps: { flex: 1 },
-          placeholder: v,
-          loadingIndicator: P
-        }
-      )
-    ] }, "form-result")
-  )), e && g.reverse();
-  const H = xe(), Y = C(
-    () => be(Ge(H, { palette: { primary: c ? { main: c } : void 0 } })),
-    [c, H]
-  );
-  return /* @__PURE__ */ o(De, { fallbackRender: de, children: /* @__PURE__ */ o(ye, { theme: Y, children: /* @__PURE__ */ o(J, { ...y, sx: h ? { pointerEvents: "none" } : {}, children: /* @__PURE__ */ o(ft, { col: g.length, children: g }) }) }) });
-}
-const oe = je({
-  pages: [],
-  project: void 0
-}), { Provider: Co, Consumer: Ir } = oe;
-function ne() {
-  return Dt(oe);
-}
-function No({ icon: t, className: e = "", size: n = "1rem", ...r }) {
-  return /* @__PURE__ */ o(Io, { component: te, className: k("css-icon", e), size: n, ...r, icon: t });
-}
-const Io = $(b)`
-  &.css-icon {
-    display: inline-block;
-    width: ${({ size: t }) => t};
-    height: ${({ size: t }) => t};
-  }
-`;
-function Po({ icon: t, className: e = "", size: n = "1rem", imageMeta: r, ...i }) {
-  const s = T(I(t), 540), [a, c] = E(!1), l = ht();
-  return a ? /* @__PURE__ */ o(No, { icon: "i-mdi:image", color: l.palette.grey[500], size: n, className: e, ...i }) : /* @__PURE__ */ o(jo, { className: k("image-icon", e), size: n, ...i, children: /* @__PURE__ */ o(
-    "img",
-    {
-      className: "image-icon__image",
-      src: s,
-      onError: () => c(!0),
-      width: r == null ? void 0 : r.naturalWidth,
-      height: r == null ? void 0 : r.naturalHeight,
-      alt: (r == null ? void 0 : r.filename) || "card-icon",
-      loading: "lazy"
-    }
-  ) });
-}
-const jo = $(b)`
-  display: inline-block;
-  width: ${({ size: t }) => t};
-  height: ${({ size: t }) => t};
-  .image-icon__image {
-    object-fit: contain;
-    height: 100%;
-    width: 100%;
-  }
-`, gt = (t) => typeof t == "string" && /^[\w-_]+:[\w-_]+$/.test(t);
-function at({ icon: t, size: e = "1rem", imageMeta: n, ...r }) {
-  const i = window.isNaN(e) ? e : `${e}px`;
-  return gt(t) ? /* @__PURE__ */ o(Yt, { icon: t }) : /* @__PURE__ */ o(Bo, { component: Po, imageMeta: n, className: "base-icon", icon: t, size: i, ...r });
-}
-const Bo = $(b)`
-  flex-shrink: 0;
-`;
-function U({ text: t, children: e, icon: n = "", endIcon: r, color: i = "primary", link: s = "", href: a = "", ...c }) {
-  const l = n ? /* @__PURE__ */ o(at, { icon: n }) : null, d = r ? /* @__PURE__ */ o(at, { icon: r }) : null, m = s || a, u = { ...c };
-  return m && (u.href = m, it(m) && (u.target = u.target || "_blank")), /* @__PURE__ */ o(Ze, { startIcon: l, endIcon: d, color: i, ...u, children: t || e });
-}
-function re({ editing: t, text: e, ...n }) {
-  const { pages: r = [] } = ne(), i = r.find((s) => s.id === (n.link || n.linkId));
-  if (t)
-    return /* @__PURE__ */ o(U, { ...j(n, ["link", "linkId"]), children: e });
-  if (i) {
-    const s = i.path || "/";
-    return /* @__PURE__ */ o(Te, { to: s, children: /* @__PURE__ */ o(U, { ...j(n, ["link", "linkId"]), children: e }) });
-  }
-  return /* @__PURE__ */ o(U, { ...j(n, "linkId"), children: e });
-}
-function W({ type: t = "", icon: e = "", size: n = "3rem", className: r = "", ...i }) {
-  return /* @__PURE__ */ o(at, { icon: e || t, size: n, className: k("content-icon", r), ...i });
-}
-W.propTypes = {};
-W.defaultProps = {
-  type: "",
-  icon: "",
-  size: "3rem",
-  color: "inherit",
-  className: ""
-};
-function Ro({
-  to: t,
-  base: e,
-  children: n,
-  className: r,
-  activeClassName: i = "active",
-  target: s = "auto",
-  autoExternalMark: a = !1,
-  useRouterLink: c,
-  ...l
-}) {
-  const { pages: d = [], locale: m = "" } = {}, u = e ? tt("/", e) : e || "";
-  let h = s === "auto" ? "_self" : s, p = tt(u, t);
-  const x = a ? it(p) : !1;
-  if (e)
-    return p = tt(u, m, t), /* @__PURE__ */ o(
-      "a",
-      {
-        className: `no-underline ${r}`,
-        href: et(p),
-        rel: "noreferrer noopener",
-        target: h,
-        ...l,
-        children: n
-      }
-    );
-  if (it(t))
-    s === "auto" && (h = "_blank"), p = t;
-  else {
-    Fe(p) && (p = tt(window.location.pathname, p));
-    const y = Ve(`${window.location.origin}${p}`), f = d.some((w) => w.pathname === y.pathname);
-    if (c || f)
-      return /* @__PURE__ */ o(
-        Ee,
-        {
-          end: !0,
-          to: et(p),
-          className: ({ isActive: w }) => k(r, w ? i : ""),
-          ...l,
-          children: n
-        }
-      );
-  }
-  return /* @__PURE__ */ _(
-    "a",
-    {
-      className: `no-underline ${r}`,
-      href: et(p),
-      rel: "noreferrer noopener",
-      target: h,
-      ...l,
-      children: [
-        n,
-        x && /* @__PURE__ */ o(W, { icon: "i-mdi:arrow-top-right", size: "0.9em", className: "smart-link__mark", style: { marginLeft: 5 } })
-      ]
-    }
-  );
-}
-function K({
-  prepend: t,
-  append: e,
-  children: n,
-  className: r = "",
-  dark: i = !1,
-  border: s = !0,
-  ...a
-}) {
-  let c = {};
-  const { pages: l = [] } = ne(), d = l.find((h) => h.id === a.link), m = !n || Vt.Children.toArray(n).every((h) => h === null);
-  return a.link && (c = {
-    component: Ro,
-    to: (d == null ? void 0 : d.path) || a.link,
-    useRouterLink: !0
-  }), /* @__PURE__ */ _(
-    To,
-    {
-      className: k(
-        "base-card card",
-        { "border-gray-200": s },
-        { "dark:border-gray-500": i && s },
-        { dark: i, "border-transparent": !s },
-        r
-      ),
-      ...c,
-      ...j(a, ["listType", "dark", "iconColor", "link", "hoverStyle", "imageSize"]),
-      children: [
-        t,
-        !m && /* @__PURE__ */ o("div", { className: "card__body", children: n }),
-        e
-      ]
-    }
-  );
-}
-const To = $(b)`
-  &.base-card {
-    text-align: left;
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 12px;
-    overflow: hidden;
-    &,
-    &:hover {
-      text-decoration: none;
-    }
-  }
-  .card__body {
-    padding: 15px 15px;
-  }
-`;
-function X({
-  align: t = "left",
-  title: e,
-  titleProps: n = {},
-  description: r,
-  descriptionProps: i = {}
-}) {
-  return /* @__PURE__ */ _(F, { children: [
-    e && /* @__PURE__ */ o(
-      B,
-      {
-        className: k("card__title text-gray-800", "dark:text-gray-50"),
-        component: "h5",
-        variant: "h5",
-        gutterBottom: !0,
-        align: t,
-        ...n,
-        children: e
-      }
-    ),
-    r && /* @__PURE__ */ o(
-      B,
-      {
-        className: k("card__description", "text-gray-500", "dark:text-gray-400"),
-        component: "div",
-        variant: "body1",
-        gutterBottom: !0,
-        align: t,
-        ...i,
-        children: r
-      }
-    )
-  ] });
-}
-function Eo({
-  image: t,
-  title: e,
-  description: n,
-  imageProps: r = {},
-  imageMeta: i,
-  imageSize: s,
-  titleProps: a = {},
-  descriptionProps: c = {},
-  actions: l,
-  align: d,
-  ...m
-}) {
-  const u = gt(t), h = T(I(t), 540);
-  return /* @__PURE__ */ _(
-    zo,
-    {
-      className: "card-article",
-      ...m,
-      prepend: /* @__PURE__ */ o("div", { className: "card__image__wrap", children: u && t ? /* @__PURE__ */ o(
-        b,
-        {
-          sx: {
-            position: "absolute",
-            left: 0,
-            top: 0,
-            right: 0,
-            bottom: 0,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center"
-          },
-          children: /* @__PURE__ */ o(W, { icon: t, color: "primary.main" })
-        }
-      ) : h && /* @__PURE__ */ o(
-        "img",
-        {
-          className: "card__image",
-          src: h,
-          ...r,
-          alt: r.alt || (i == null ? void 0 : i.filename) || "card-image",
-          width: i == null ? void 0 : i.naturalWidth,
-          height: i == null ? void 0 : i.naturalHeight,
-          style: { width: "100%", height: "100%", objectFit: s || "cover", objectPosition: "center" },
-          loading: "lazy"
-        }
-      ) }),
-      children: [
-        e || n ? /* @__PURE__ */ o(
-          X,
-          {
-            align: d,
-            title: e,
-            titleProps: a,
-            description: n,
-            descriptionProps: c
-          }
-        ) : null,
-        l != null && l.length ? /* @__PURE__ */ o(O, { align: d, actions: l, className: "mt-4" }) : null
-      ]
-    }
-  );
-}
-const zo = $(K)`
-  ${(t) => t.hoverStyle === "none" ? "" : t.link ? `transition: box-shadow ease .3s;
-              &:hover {
-                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
-              }` : ""}
-
-  .card__image__wrap {
-    padding-top: 61.8%;
-    width: 100%;
-    position: relative;
-  }
-  .card__image {
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    width: 100%;
-    height: 100%;
-    object-position: top center;
-  }
-`, It = "section";
-function Pt({
-  title: t,
-  image: e,
-  imageMeta: n,
-  description: r,
-  actions: i,
-  align: s,
-  listType: a = "",
-  className: c = "",
-  ...l
-}) {
-  return /* @__PURE__ */ _(Wo, { className: k("card", `list-type-${a}`, c), align: s, ...l, children: [
-    e && /* @__PURE__ */ o(
-      W,
-      {
-        icon: e,
-        color: "primary.main",
-        size: a === "icon-title" ? "1.2rem" : "3rem",
-        imageMeta: n
-      }
-    ),
-    t || r ? /* @__PURE__ */ o(X, { align: s, title: t, description: r }) : null,
-    i != null && i.length ? /* @__PURE__ */ o(O, { align: s, actions: i, className: "mt-4" }) : null
-  ] });
-}
-const Wo = $(K)`
-  padding: 5vw 4vw;
-  box-sizing: border-box;
-  /* min-height: 320px; */
-  color: inherit !important;
-  border-radius: 0.5rem;
-  /* ${({ dark: t, theme: e }) => `background-color:${t ? e.palette.grey[900] : e.palette.common.white};`} */
-  @media (max-width: ${({ theme: t }) => t.breakpoints.values[It]}px) {
-    padding: 1.5rem 2rem;
-  }
-  @media (max-width: ${({ theme: t }) => t.breakpoints.values.sm}px) {
-    height: auto;
-    min-height: unset;
-  }
-
-  ${(t) => t.hoverStyle === "none" ? "" : t.link ? `transition: box-shadow ease .3s;
-              &:hover {
-                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
-              }` : ""}
-
-  .card__title {
-    font-weight: 700;
-    margin-top: 24px;
-    margin-bottom: 12px;
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-  }
-  .card__description {
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-  }
-  .card__body {
-    padding: 0;
-    ${({ align: t }) => `text-align:${t || "left"};`}
-  }
-
-  &.list-type-icon-title {
-    padding: 1.2rem;
-    .title-line {
-      display: flex;
-    }
-    .card__title {
-      margin: 0;
-      font-size: 1em;
-    }
-    .css-icon {
-      margin-right: 0.5rem;
-    }
-  }
-
-  @media (min-width: ${({ theme: t }) => t.breakpoints.values[It]}px) {
-    padding: 2rem 2rem;
-    text-align: left;
-    box-sizing: border-box;
-  }
-`;
-function Lo({
-  image: t,
-  title: e,
-  description: n,
-  imageProps: r = {},
-  imageMeta: i,
-  imageSize: s,
-  titleProps: a = {},
-  descriptionProps: c = {},
-  actions: l,
-  align: d,
-  ...m
-}) {
-  const u = gt(t), h = T(I(t), 540);
-  return /* @__PURE__ */ _(
-    Oo,
-    {
-      className: "card-article",
-      ...m,
-      prepend: /* @__PURE__ */ o("div", { className: "card__image__wrap", children: u && t ? /* @__PURE__ */ o(
-        b,
-        {
-          sx: {
-            position: "absolute",
-            left: 0,
-            top: 0,
-            right: 0,
-            bottom: 0,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center"
-          },
-          children: /* @__PURE__ */ o(W, { icon: t, color: "primary.main" })
-        }
-      ) : h && /* @__PURE__ */ o(
-        b,
-        {
-          component: "img",
-          className: "card__image",
-          src: h,
-          ...r,
-          alt: r.alt || (i == null ? void 0 : i.filename) || "card-image",
-          width: i == null ? void 0 : i.naturalWidth,
-          height: i == null ? void 0 : i.naturalHeight,
-          style: { width: "100%", height: "100%", objectFit: s || "contain", objectPosition: "center" },
-          loading: "lazy"
-        }
-      ) }),
-      children: [
-        e || n ? /* @__PURE__ */ o(
-          X,
-          {
-            align: d,
-            title: e,
-            titleProps: a,
-            description: n,
-            descriptionProps: c
-          }
-        ) : null,
-        l != null && l.length ? /* @__PURE__ */ o(O, { align: d, actions: l, className: "mt-4" }) : null
-      ]
-    }
-  );
-}
-const Oo = $(K)`
-  ${(t) => t.hoverStyle === "none" ? "" : t.link ? `transition: box-shadow ease .3s;
-              &:hover {
-                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
-              }` : ""}
-
-  border-radius: 0 !important;
-
-  .card__body {
-    ${({ align: t }) => `text-align:${t || "left"};`}
-  }
-
-  .card__image__wrap {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .card__image {
-    max-height: 60px;
-  }
-`, jt = "section";
-function Ho({
-  title: t,
-  image: e,
-  imageMeta: n,
-  iconSize: r = 100,
-  description: i,
-  actions: s,
-  align: a,
-  className: c = "",
-  ...l
-}) {
-  return /* @__PURE__ */ o(Ao, { className: k("card", c), ...l, children: /* @__PURE__ */ _(b, { className: "flex items-center", children: [
-    e && /* @__PURE__ */ o(W, { icon: e, color: "primary.main", size: r, imageMeta: n }),
-    /* @__PURE__ */ _(b, { className: "flex-1 ml-4", children: [
-      /* @__PURE__ */ o(X, { align: a, title: t, description: i }),
-      /* @__PURE__ */ o(O, { align: a, actions: s, className: "mt-4" })
-    ] })
-  ] }) });
-}
-const Ao = $(K)`
-  padding: 5vw 4vw;
-  text-align: left;
-  box-sizing: border-box;
-  /* min-height: 320px; */
-  color: inherit !important;
-  border-radius: 0.5rem;
-  /* ${({ dark: t, theme: e }) => `background-color:${t ? e.palette.grey[900] : e.palette.common.white};`} */
-  @media (max-width: ${({ theme: t }) => t.breakpoints.values[jt]}px) {
-    padding: 1.5rem 2rem;
-  }
-  @media (max-width: ${({ theme: t }) => t.breakpoints.values.sm}px) {
-    height: auto;
-    min-height: unset;
-  }
-
-  ${(t) => t.hoverStyle === "none" ? "" : t.link ? `transition: box-shadow ease .3s;
-              &:hover {
-                box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
-              }` : ""}
-
-  .card__title {
-    font-weight: 700;
-    margin-bottom: 12px;
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-  }
-  .card__description {
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-  }
-  .card__body {
-    padding: 0;
-  }
-
-  &.list-type-icon-title {
-    padding: 1.2rem;
-    .title-line {
-      display: flex;
-    }
-    .card__title {
-      margin: 0;
-      font-size: 1em;
-    }
-    .css-icon {
-      margin-right: 0.5rem;
-    }
-  }
-
-  @media (min-width: ${({ theme: t }) => t.breakpoints.values[jt]}px) {
-    padding: 2rem 2rem;
-    text-align: left;
-    box-sizing: border-box;
-  }
-`;
-function Mo({
-  title: t,
-  titleProps: e = {},
-  description: n,
-  descriptionProps: r = {},
-  image: i,
-  imageMeta: s,
-  className: a = "",
-  align: c,
-  hoverStyle: l,
-  ...d
-}) {
-  return /* @__PURE__ */ _(Uo, { className: k("card-simple", a, `hover-style__${l}`), align: c, ...d, children: [
-    i && /* @__PURE__ */ o(W, { icon: i, color: "primary.main", imageMeta: s }),
-    t || n ? /* @__PURE__ */ o(
-      X,
-      {
-        align: c,
-        title: t,
-        titleProps: e,
-        description: n,
-        descriptionProps: r
-      }
-    ) : null
-  ] });
-}
-const Uo = $(K)`
-  ${({ dark: t, theme: e }) => `background-color:${t ? e.palette.grey[900] : e.palette.common.white};`}
-
-  &.hover-style__default {
-    &.card-simple {
-      &:hover {
-        border-top-right-radius: 36px;
-      }
-    }
-    .card__body {
-      &:hover {
-        &::before {
-          width: 42px;
-          height: 42px;
-          transform: translate(50%, -50%) rotate(45deg);
-        }
-        &::after {
-          transform: none;
-        }
-      }
-    }
-  }
-
-  &.card-simple {
-    border-radius: 8px;
-    border-top-right-radius: 26px;
-
-    .card__body {
-      ${({ align: t }) => `text-align:${t || "left"};`}
-    }
-
-    ${(t) => t.link ? `
-        cursor: pointer;
-        ` : ""}
-    /* cursor: pointer; */
-    /* &:hover {
-      border-top-right-radius: 36px;
-    } */
-    transition: all 180ms ease 0s;
-    overflow: visible;
-    .card__title {
-      margin: 12px 0;
-    }
-    .card__body {
-      position: relative;
-      padding: 20px 16px 18px;
-      overflow: hidden;
-      transition: all 180ms ease 0s;
-      /* &:hover {
-        &::before {
-          width: 42px;
-          height: 42px;
-          transform: translate(50%, -50%) rotate(45deg);
-        }
-        &::after {
-          transform: none;
-        }
-      } */
-      &::before,
-      &::after {
-        content: ${({ border: t }) => t ? '""' : ""};
-        transition: inherit;
-        position: absolute;
-        top: 0px;
-        right: 0px;
-      }
-      &::before {
-        z-index: 3;
-        background: #fff;
-        width: 30px;
-        height: 30px;
-        transform: translate(50%, -50%) rotate(45deg);
-        box-shadow: 0 1px 0 0 #e9eaec;
-      }
-      &::after {
-        z-index: 2;
-        width: 28px;
-        height: 28px;
-        border-bottom-left-radius: 6px;
-        background: #fcfcfd;
-        box-shadow: -1px 1px 0 0 #e9eaec;
-        transform: translate(8px, -8px);
-      }
-    }
-  }
-`;
-function Fo({ type: t = "default", ...e }) {
-  const r = {
-    article: Eo,
-    simple: Mo,
-    news: Ho,
-    default: Pt,
-    wall: Lo
-  }[t] || Pt;
-  return /* @__PURE__ */ o(r, { ...t === "news" ? e : j(e, "iconSize") });
-}
-function Vo({
-  list: t = [],
-  align: e = "top",
-  cards: n,
-  listBorder: r = !0,
-  listType: i = "",
-  col: s = 3,
-  gap: a,
-  iconColor: c,
-  className: l = "",
-  type: d = "default",
-  dark: m = !1,
-  textAlign: u = "left",
-  hoverStyle: h,
-  ...p
-}) {
-  return /* @__PURE__ */ o(
-    ft,
-    {
-      type: d,
-      className: k("card-list py-1", l, "items-stretch"),
-      col: s,
-      gap: a,
-      align: e,
-      ...p,
-      children: n || t.map((x) => /* @__PURE__ */ o(
-        Fo,
-        {
-          borderColor: r,
-          iconColor: c,
-          type: d,
-          listType: i,
-          dark: m,
-          ...x,
-          align: u,
-          sx: {
-            bgcolor: d === "wall" ? void 0 : m ? "grey.900" : "common.white"
-          },
-          style: a === 0 && t.length > 1 ? {
-            borderRadius: 0,
-            marginRight: "-1px",
-            marginBottom: "-1px"
-          } : {}
-        },
-        x.id
-      ))
-    }
-  );
-}
-const Go = [
-  "align",
-  "cards",
-  "list",
-  "listBorder",
-  "listType",
-  "col",
-  "gap",
-  "iconColor",
-  "type",
-  "textAlign"
-], Do = $(J)`
-  a .card {
-    color: #404040;
-    cursor: pointer;
-  }
-  a:not(.MuiButton-root) {
-    color: ${({ theme: t }) => t.palette.primary.main};
-    &:hover,
-    &:active {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-  }
-  a:hover .card {
-    color: #404040;
-  }
-`;
-function Jo({ className: t, ...e }) {
-  const [n, r] = N(e, D), [i, s] = N(r, Go);
-  return /* @__PURE__ */ _(Do, { className: k("section--card-list", t), type: e.type, ...s, children: [
-    Object.keys(n).length > 0 && /* @__PURE__ */ o(G, { center: !0, ...n, className: "mb-[2.5vw]" }),
-    /* @__PURE__ */ o(Vo, { ...i, dark: !!e.dark })
-  ] });
-}
-const qo = $(Jo)`
-  .card__description {
-    white-space: pre-wrap;
-  }
-  .section__description {
-  }
-  .card {
-    /* background: inherit !important; */
-  }
-  &.dark .card-simple .card__body::before {
-    background: #212121 !important;
-  }
-  .card-simple .card__body::after {
-    background: inherit !important;
-  }
-`;
-function Ko({ section: t, ...e }) {
-  const [{ editing: n }, r] = N(e, q), i = C(() => {
-    var s;
-    return {
-      ...j(r, ["listBorder", "list", "iconSize", "imageSize"]),
-      list: (s = r.list) == null ? void 0 : s.map((a) => {
-        var c, l;
-        return {
-          ...j(a, "icon", "iconColor"),
-          image: ["news", "simple", "default"].includes(r.type) && a.icon ? a.icon : a.image,
-          actions: (l = (c = a.actions) == null ? void 0 : c.map) == null ? void 0 : l.call(c, (d) => /* @__PURE__ */ o(re, { ...d, editing: n }, d.id)),
-          border: r.listBorder,
-          iconSize: r.iconSize,
-          imageSize: r.imageSize,
-          hoverStyle: r.hoverStyle
-        };
-      })
-    };
-  }, [r]);
-  return /* @__PURE__ */ o(qo, { style: n ? { pointerEvents: "none" } : {}, ...i });
-}
-function Xo({
-  properties: t,
-  section: e,
-  locale: n,
-  dev: r
-}) {
-  var i;
-  return (i = e == null ? void 0 : e.config) != null && i.componentId ? /* @__PURE__ */ o(
-    Ye,
-    {
-      instanceId: e.id,
-      componentId: e.config.componentId,
-      blockletId: e.config.blockletId,
-      blockletTitle: e.config.blockletTitle,
-      componentName: e.config.componentName,
-      locale: n,
-      properties: t,
-      dev: r
-    }
-  ) : /* @__PURE__ */ o(b, { textAlign: "center", py: 2, children: /* @__PURE__ */ o(B, { variant: "caption", color: "text.secondary", children: "Please select component to render" }) });
-}
-function Yo({
-  src: t,
-  dataId: e,
-  isEdit: n = !1,
-  height: r = "100%",
-  onLoad: i = () => {
-  }
-}) {
-  return /* @__PURE__ */ o(
-    eo,
-    {
-      isEdit: n,
-      embedId: e,
-      src: t,
-      height: r,
-      onLoad: () => {
-        i();
-      }
-    }
-  );
-}
-function Qo({ dataId: t, src: e, actions: n, center: r, onLoad: i, ...s }) {
-  const [a, c] = N(s, D);
-  return /* @__PURE__ */ _(J, { ...c, children: [
-    Object.keys(a).length > 0 && /* @__PURE__ */ o(G, { center: r, ...a }),
-    /* @__PURE__ */ o(
-      Yo,
-      {
-        dataId: t,
-        src: e,
-        onLoad: i,
-        height: s.iframeHeight ? `${s.iframeHeight}px` : "100%"
-      }
-    ),
-    /* @__PURE__ */ o(O, { actions: n, center: r })
-  ] });
-}
-function Zo({ section: t, id: e, src: n, ...r }) {
-  const i = `${e}-${r.locale}`, [{ editing: s }, a] = N(r, q), c = V({}), l = JSON.parse(JSON.stringify(a)), { message: d } = to(i, "server"), m = $e(JSON.parse(JSON.stringify(a.config) || "{}"));
-  return z(() => {
-    d && d.onInit(() => m.current);
-  }, [d]), z(() => {
-    const u = JSON.parse(JSON.stringify(a.config) || "{}");
-    Ft(c.current, u) || (c.current = u, d == null || d.send("config-set", u));
-  }, [d, a.config]), n ? /* @__PURE__ */ o(Qo, { ...l, dataId: i, src: n, style: s ? { pointerEvents: "none" } : {} }) : /* @__PURE__ */ o(tn, { children: 'Please set the "src" attribute for this block' });
-}
-const tn = $("div")`
-  user-select: none;
-  color: #999;
-  padding: 8px;
-  height: 200px;
-`, en = [
-  /youtu\.be\/([^#&?]{11})/,
-  // youtu.be/<id>
-  /\?v=([^#&?]{11})/,
-  // ?v=<id>
-  /&v=([^#&?]{11})/,
-  // &v=<id>
-  /embed\/([^#&?]{11})/,
-  // embed/<id>
-  /\/v\/([^#&?]{11})/
-  // /v/<id>
-];
-function on(t) {
-  var e;
-  if (/youtu\.?be/.test(t))
-    for (const n of en) {
-      const r = (e = n.exec(t)) == null ? void 0 : e[1];
-      if (r)
-        return r;
-    }
-}
-function nn(t) {
-  const e = on(t);
-  if (e)
-    return `https://youtube.com/embed/${e}`;
-}
-function rn({ src: t }) {
-  return z(() => {
-    import("@lottiefiles/lottie-player");
-  }, []), /* @__PURE__ */ o("lottie-player", { autoplay: !0, loop: !0, mode: "normal", src: t });
-}
-function sn(t) {
-  return /* @__PURE__ */ o(b, { maxHeight: 400, overflow: "hidden auto", children: /* @__PURE__ */ o(oo, { ...t }) });
-}
-function an({ url: t }) {
-  const e = V(null), n = 495, [r, i] = E(
-    e.current ? e.current.offsetWidth * 0.5625 : n
-  ), s = ut(() => {
-    const a = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, c = e.current ? e.current.offsetWidth * 0.5625 : n;
-    return i(Math.floor(c * a));
-  }, []);
-  return z(() => {
-    window.addEventListener("resize", s);
-    const a = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, c = e.current ? e.current.offsetWidth * 0.5625 : n;
-    return i(Math.floor(c * a)), function() {
-      window.removeEventListener("resize", s);
-    };
-  }, [r, s]), /* @__PURE__ */ o(
-    b,
-    {
-      component: "iframe",
-      ref: e,
-      title: "youtube",
-      width: "100%",
-      height: `${r}px`,
-      src: t,
-      frameBorder: "0",
-      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-      allowFullScreen: !0,
-      sx: { display: "block" }
-    }
-  );
-}
-const cn = $(ko)`
-  .section__description {
-  }
-`;
-function ln({
-  hasImage: t,
-  fullSizeImage: e,
-  boxed: n,
-  videoPoster: r,
-  imageMeta: i,
-  imageOptimization: s,
-  imageSize: a,
-  section: c,
-  ...l
-}) {
-  var p, x;
-  const [{ editing: d }, m] = N({ ...l, boxed: e ? void 0 : n }, q);
-  let u = dn(m.image, r, e, i, s, a);
-  t || (u = null);
-  let h = null;
-  return m.actions && (h = (x = (p = m.actions) == null ? void 0 : p.map) == null ? void 0 : x.call(p, (y, f) => /* @__PURE__ */ o(re, { ...y, editing: d }, f))), /* @__PURE__ */ o(
-    cn,
-    {
-      ...m,
-      style: d ? { pointerEvents: "none" } : {},
-      image: u,
-      fullSizeImage: t && e,
-      actions: h
-    }
-  );
-}
-function dn(t, e, n, r, i, s) {
-  if (t) {
-    if (t.endsWith(".json"))
-      return /* @__PURE__ */ o(rn, { src: t });
-    if (t.indexOf("twitter.com") !== -1)
-      return /* @__PURE__ */ o(sn, { sourceType: "url", url: t });
-    const a = nn(t);
-    if (a)
-      return /* @__PURE__ */ o(an, { url: a });
-    const { naturalWidth: c, naturalHeight: l, filename: d } = r || {};
-    if (st(t))
-      return /* @__PURE__ */ o(
-        "video",
-        {
-          width: c && `${c}px`,
-          height: l && `${l}px`,
-          controls: !0,
-          autoPlay: !0,
-          muted: !0,
-          style: {
-            display: "block",
-            objectFit: s || "contain",
-            borderRadius: "8px",
-            width: "100%",
-            height: "100%"
-          },
-          poster: T(I(e), n ? 1200 : 540, i),
-          children: /* @__PURE__ */ o("source", { src: I(t), type: xo(t) })
-        },
-        t
-      );
-    const m = i === "quality" ? 1 : 0.6;
-    return /* @__PURE__ */ o(
-      Kt,
-      {
-        src: I(t),
-        sizesAttr: {
-          sm: 600 * m,
-          md: 450 * m,
-          lg: 540 * m,
-          ...n && {
-            md: 900 * m,
-            lg: 1200 * m
-          }
-        },
-        width: c && `${c}px`,
-        height: l && `${l}px`,
-        alt: d ?? t,
-        style: { objectFit: s || "contain", display: "block", width: "100%", height: "100%" },
-        loading: "lazy"
-      }
-    );
-  }
-  return null;
-}
-const mn = ["production", "draft"];
-function un({ mode: t, version: e } = {}) {
-  const n = e && typeof e == "number" ? { mode: t, version: e } : { mode: t };
-  return lt.get(`/api/${dt()}/pages`, { params: n }).then((r) => r.data);
-}
-function Pr({ mode: t, pages: e }) {
-  return lt.post(`/api/${dt()}/pages/publish`, { mode: t, pages: e }).then((n) => n.data);
-}
-function pn({
-  locale: t,
-  sort: e,
-  page: n,
-  limit: r,
-  mode: i
-} = {}) {
-  return lt.get(`/api/${dt()}/pages/toc`, { params: { locale: t, sort: e, page: n, limit: r, mode: i } }).then((s) => s.data);
-}
-const Bt = 20;
-function hn({ style: t, sort: e, section: n, ...r }) {
-  const [{ editing: i, locale: s }, a] = N(r, q), [c, l] = N(a, D), [d, m] = E(), u = V(!1), h = Ae(), p = ze(), x = ut(async () => {
-    if (!u.current) {
-      u.current = !0, h();
-      try {
-        const y = d ? Math.floor(d.list.length / Bt) + 1 : 1, { list: f, total: w } = await pn({ locale: s, sort: e, page: y, limit: Bt });
-        m((g) => ({
-          list: ((g == null ? void 0 : g.list) ?? []).concat(f),
-          total: w
-        }));
-      } finally {
-        u.current = !1, h();
-      }
-    }
-  }, [d, s, e, h]);
-  return Me(() => {
-    x();
-  }), /* @__PURE__ */ _(J, { ...l, sx: i ? { pointerEvents: "none" } : {}, children: [
-    Object.keys(c).length > 0 && /* @__PURE__ */ o(G, { ...c }),
-    d ? /* @__PURE__ */ _(F, { children: [
-      /* @__PURE__ */ o(kt, { container: !0, spacing: 2, justifyContent: "center", children: d == null ? void 0 : d.list.map((y) => /* @__PURE__ */ o(kt, { item: !0, xs: 12, sm: t === "card" ? 6 : 12, md: t === "card" ? 3 : 12, children: /* @__PURE__ */ _(
-        fn,
-        {
-          elevation: 0,
-          className: k(t === "card" && "style-card"),
-          onClick: i ? void 0 : () => p(y.slug),
-          children: [
-            !!y.image && /* @__PURE__ */ o(
-              ve,
-              {
-                component: "img",
-                alt: "",
-                image: T(I(y.image), 540),
-                loading: "lazy"
-              }
-            ),
-            /* @__PURE__ */ _(ke, { children: [
-              /* @__PURE__ */ o(B, { variant: "h6", component: "div", className: Rt, children: y.title || y.id }),
-              /* @__PURE__ */ o(B, { variant: "body2", className: Rt, children: y.description })
-            ] })
-          ]
-        }
-      ) }, y.id)) }),
-      /* @__PURE__ */ o(b, { textAlign: "center", mt: 2, children: d.total > d.list.length ? /* @__PURE__ */ o(U, { variant: "outlined", color: "secondary", onClick: x, loading: u.current, children: "More" }) : /* @__PURE__ */ o(U, { variant: "outlined", color: "secondary", disabled: !0, children: "No More" }) })
-    ] }) : /* @__PURE__ */ o(b, { p: 2, textAlign: "center", children: /* @__PURE__ */ o(Ut, { size: 24 }) })
-  ] });
-}
-const Rt = nt`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`, fn = $(we)`
-  border: 1px solid #e0e0e0;
-  background-color: transparent;
-  cursor: pointer;
-  display: flex;
-  color: inherit;
-
-  > .MuiCardMedia-root {
-    width: 30vw;
-    max-height: 50vw;
-  }
-
-  &.style-card {
-    display: block;
-
-    > .MuiCardMedia-root {
-      width: 100%;
-      max-height: 50vw;
-    }
-  }
-`, gn = {
-  iframe: Zo,
-  section: ln,
-  "section-card-list": Ko,
-  toc: hn,
-  "ai-runtime": So,
-  "custom-component": Xo
-};
-function xn({ id: t, type: e, mode: n, config: r, section: i, ...s }) {
-  const a = gn[e], c = C(() => {
-    const { sx: m, height: u, ...h } = r;
-    return h;
-  }, [r]), l = C(() => {
-    const m = { sx: r.sx };
-    return e !== "custom-component" && (m.height = r.height), m;
-  }, [r.sx, r.height, e]), d = a && /* @__PURE__ */ o(a, { mode: n, ...c, id: t, section: i });
-  return /* @__PURE__ */ o(_o, { ...s, ...l, children: d });
-}
-const bn = $(no, { shouldForwardProp: (t) => !!t })`
-  & > div > .MuiContainer-root {
-    max-width: unset;
-  }
-`;
-function yn({ meta: t, ...e }) {
-  const n = ht();
-  return /* @__PURE__ */ o(bn, { ...e, meta: t, theme: n || {} });
-}
-function wn(t) {
-  return /* @__PURE__ */ o(b, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ o(Ut, { size: 30 }) });
-}
-function vn(t) {
-  return /* @__PURE__ */ o(kn, { ...t });
-}
-const kn = $(b)`
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 999999999999;
-  width: 80px;
-  font-size: 12px;
-  text-align: center;
-  opacity: 0.7;
-  transform: translateX(-23%) translateY(70%) rotate(-45deg);
-  pointer-events: none;
-`, _n = (t) => new Promise((e, n) => {
-  (t == null ? void 0 : t.length) > 0 ? ro.load({
-    google: {
-      families: t
-    },
-    fontactive: () => {
-      e("success");
-    },
-    fontinactive: () => {
-      n(new Error("load font fail"));
-    }
-  }) : e("success");
-}), Tt = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`, Et = {};
-function $n({
-  titleFontFamily: t,
-  descriptionFontFamily: e
-}) {
-  const n = async (r) => {
-    if (r && !document.querySelectorAll(`link[href*="${r}" i]`).length)
-      try {
-        Et[r] || (await _n([r]), Et[r] = !0);
-      } catch (i) {
-        console.error(i);
-      }
-  };
-  return z(() => {
-    t && n(t), e && n(e);
-  }, [t, e]), /* @__PURE__ */ o(
-    Ot,
-    {
-      styles: Ht`
-        #app {
-          .page-kit-section__title {
-            font-family: ${JSON.stringify(t)}, ${Tt};
-          }
-
-          .page-kit-section__description {
-            font-family: ${JSON.stringify(e)}, ${Tt};
-          }
-        }
-      `
-    }
-  );
-}
-const { SessionProvider: jr, SessionContext: Sn, SessionConsumer: Br, withSession: Rr } = io();
-function xt() {
-  return Dt(Sn);
-}
-function Cn(...t) {
-  var n;
-  const { session: e } = xt();
-  return t.includes((n = e.user) == null ? void 0 : n.role);
-}
-function Nn(...t) {
-  var r;
-  const { session: e } = xt(), n = Cn(...t);
-  return ((r = window.blocklet) == null ? void 0 : r.tenantMode) === "multiple" ? !!e.user : n;
-}
-function In(t) {
-  return t != null;
-}
-function Tr() {
-  const [t] = We(), { session: e } = xt(), n = Nn("owner", "admin", "pagesEditor", "member"), r = C(() => {
-    const s = t.get("mode");
-    return mn.includes(s) ? s : "production";
-  }, [t]), i = r === "production" ? r : e.user ? n ? r : "production" : null;
-  return i ? /* @__PURE__ */ o(Pn, { mode: i }) : null;
-}
-function Pn({ mode: t }) {
-  if (t !== "draft") {
-    const e = window.__PAGE_STATE__;
-    return e ? /* @__PURE__ */ o(ot, { mode: t, state: e }) : /* @__PURE__ */ o(Bn, { mode: t, children: ({ state: n }) => /* @__PURE__ */ o(ot, { mode: t, state: n }) });
-  }
-  return /* @__PURE__ */ o(jn, { children: ({ state: e }) => /* @__PURE__ */ o(ot, { mode: t, state: e }) });
-}
-const jn = Jt(() => import("./draft-data-B1GJKphX.js"));
-function Bn({
-  mode: t,
-  children: e
-}) {
-  const n = document.querySelector('meta[property="pages:version"]'), r = n == null ? void 0 : n.content, i = me(), s = C(() => {
-    if (r === "{{pagesPublishedAt}}") {
-      const l = localStorage.getItem(ue(i ?? ""));
-      return Number(l) ? Number(l) : (/* @__PURE__ */ new Date()).getTime();
-    }
-    return Number(r);
-  }, [r]), { loading: a, value: c } = qt(() => un({ mode: t, version: s }), [t, s]);
-  return a ? /* @__PURE__ */ o(wn, {}) : c ? e({ state: c }) : null;
-}
-function ot({ mode: t, state: e }) {
-  var x, y, f, w;
-  const { t: n, locale: r } = Wt(), {
-    pageIds: i,
-    pages: s,
-    supportedLocales: a,
-    config: { defaultLocale: c },
-    resources: l
-  } = e, d = zt(e), m = C(
-    () => a != null && a.some((g) => g.locale === r) ? r : void 0,
-    [r, a]
-  ), u = Object.values(s).find((g) => (g == null ? void 0 : g.slug) === "/") ? void 0 : Object.values(s)[0], h = C(
-    () => i.map((g) => {
-      const v = s[g];
-      return v && {
-        id: v.id,
-        path: Z("/", m || "", v.slug, t !== "production" ? `?mode=${t}` : "")
-      };
-    }).filter(In),
-    [i, s, m, t]
-  ), p = ([...g]) => (t !== "production" && g.unshift(
-    /* @__PURE__ */ o(Be, { fallback: /* @__PURE__ */ o("div", {}), children: /* @__PURE__ */ o(Rn, { mode: "production", state: e }) })
-  ), g);
-  return /* @__PURE__ */ _(Co, { value: { pages: h }, children: [
-    /* @__PURE__ */ _(Le, { children: [
-      u && /* @__PURE__ */ o(Q, { index: !0, element: /* @__PURE__ */ o(Oe, { to: Z("/", m || "", u.slug) }) }),
-      i.map((g) => {
-        const v = s[g];
-        return v ? /* @__PURE__ */ o(
-          Q,
-          {
-            path: Z(":projectIdOrSlug?", v.slug),
-            element: /* @__PURE__ */ o(
-              ct,
-              {
-                mode: t,
-                components: d,
-                page: v,
-                locale: m,
-                defaultLocale: c,
-                headerAddons: p
-              }
-            )
-          },
-          v.id
-        ) : null;
-      }),
-      l.pages && Object.values(l.pages).map(({ blockletId: g, page: v }) => /* @__PURE__ */ o(
-        Q,
-        {
-          path: Z("/", `@${g}`, v.slug),
-          element: /* @__PURE__ */ o(
-            ct,
-            {
-              mode: t,
-              components: d,
-              page: v,
-              locale: m,
-              defaultLocale: c,
-              headerAddons: p
-            }
-          )
-        },
-        v.id
-      )),
-      /* @__PURE__ */ o(
-        Q,
-        {
-          path: "*",
-          element: /* @__PURE__ */ o(b, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ o(Lt, { status: 404, extra: /* @__PURE__ */ o(se, { href: "/", children: n("common.back") }) }) })
-        }
-      )
-    ] }),
-    t !== "production" && /* @__PURE__ */ o(vn, { sx: { bgcolor: "info.light" }, children: t }),
-    /* @__PURE__ */ o(
-      $n,
-      {
-        titleFontFamily: (y = (x = e.config) == null ? void 0 : x.fontFamily) == null ? void 0 : y.title,
-        descriptionFontFamily: (w = (f = e.config) == null ? void 0 : f.fontFamily) == null ? void 0 : w.description
-      }
-    )
-  ] });
-}
-function Er({
-  mode: t,
-  state: e,
-  path: n,
-  pageData: r
-}) {
-  const { t: i, locale: s } = Wt(), {
-    pages: a,
-    supportedLocales: c,
-    config: { defaultLocale: l },
-    resources: d
-  } = e, m = Object.values(a).find((f) => (f == null ? void 0 : f.slug) === n), u = Object.values(d.pages || {}).find((f) => f.page.slug === n), h = C(
-    () => c != null && c.some((f) => f.locale === s) ? s : void 0,
-    [s, c]
-  ), p = Se({
-    page: null
-  });
-  z(() => {
-    const f = m || (u == null ? void 0 : u.page) || null;
-    f ? p.page = _t(f) : p.page = null;
-  }, [m, u]);
-  const x = V();
-  if (z(() => {
-    Ft(r, x.current) || r && p.page && (so(p.page, e, h, r), x.current = _t(r));
-  }, [{}]), !m && !(u != null && u.page))
-    return /* @__PURE__ */ o(b, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ o(Lt, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ o(se, { href: "/", children: i("common.back") }) }) });
-  const y = zt(e);
-  return p.page ? /* @__PURE__ */ o(
-    ct,
-    {
-      mode: t,
-      components: y,
-      page: p.page,
-      locale: h,
-      defaultLocale: l
-    }
-  ) : null;
-}
-function ct({
-  mode: t,
-  components: e,
-  page: n,
-  locale: r,
-  defaultLocale: i,
-  headerAddons: s
-}) {
-  var f, w, g, v, P, H, Y, bt, yt;
-  const a = ((f = n.locales) == null ? void 0 : f[r]) ?? ((w = n.locales) == null ? void 0 : w[i]) ?? {}, c = a.title || ((g = window.blocklet) == null ? void 0 : g.appName), l = a.description || ((v = window.blocklet) == null ? void 0 : v.appDescription), d = T(I(a.image), 540), { logo: m, brand: u, description: h, ...p } = pe(), x = C(
-    () => (L) => {
-      var A;
-      let S = (s == null ? void 0 : s(L)) ?? L;
-      return S = ((A = p.addons) == null ? void 0 : A.call(p, S)) ?? S, S;
-    },
-    [p.addons, s]
-  ), y = (P = a.header) != null && P.translucent ? En : ie;
-  return /* @__PURE__ */ _(F, { children: [
-    !!a.backgroundColor && /* @__PURE__ */ o(
-      Ot,
-      {
-        styles: Ht`
-            body {
-              background-color: ${a.backgroundColor} !important;
-            }
-          `
-      }
-    ),
-    /* @__PURE__ */ o(
-      y,
-      {
-        hideNavMenu: !!((H = a.header) != null && H.hideNavMenus),
-        translucentTextColor: (Y = a.header) == null ? void 0 : Y.translucentTextColor,
-        ...m ? { logo: m } : {},
-        ...u ? { brand: u } : {},
-        ...h ? { description: h } : {},
-        className: k(((bt = a.header) == null ? void 0 : bt.sticky) && "sticky", "page-header"),
-        maxWidth: !1,
-        addons: x
-      }
-    ),
-    /* @__PURE__ */ o(He, {}),
-    /* @__PURE__ */ _(Re, { children: [
-      /* @__PURE__ */ o("title", { children: c }),
-      /* @__PURE__ */ o("meta", { name: "og:title", content: c }),
-      /* @__PURE__ */ o("meta", { name: "og:description", content: l }),
-      /* @__PURE__ */ o("meta", { name: "og:image", content: d }),
-      /* @__PURE__ */ o("meta", { name: "twitter:image:src", content: d }),
-      /* @__PURE__ */ o("meta", { name: "twitter:image", content: d }),
-      /* @__PURE__ */ o("meta", { property: "twitter:description", content: l }),
-      /* @__PURE__ */ o("meta", { property: "twitter:title", content: c }),
-      /* @__PURE__ */ o("meta", { name: "description", content: l })
-    ] }),
-    /* @__PURE__ */ o(mt, { flexGrow: 1, children: n.sectionIds.map((L) => {
-      var wt, vt;
-      const S = n.sections[L];
-      if (!S || S.visibility === "hidden") return null;
-      const A = (wt = S.locales) == null ? void 0 : wt[r], ae = ((vt = S.locales) == null ? void 0 : vt[i]) ?? {};
-      return /* @__PURE__ */ o(
-        xn,
-        {
-          id: L,
-          type: S.component,
-          mode: t,
-          section: S,
-          config: {
-            ...Ne(A) ? ae : A,
-            locale: r,
-            dev: t === "draft" ? {
-              mode: t,
-              components: e,
-              defaultLocale: i
-            } : { mode: t }
-          }
-        },
-        L
-      );
-    }) }),
-    !((yt = a.footer) != null && yt.hidden) && /* @__PURE__ */ o(yn, {})
-  ] });
-}
-const Rn = Jt(() => import("./publish-button-BY10Od4q.js")), ie = At(he)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;
-function Tn({ logo: t }) {
-  const [e, n] = E(), { value: r } = qt(() => new Promise((i) => {
-    fetch("/.well-known/service/blocklet/logo-rect").then((s) => {
-      const a = s.headers.get("content-type");
-      a != null && a.includes("svg") && s.text().then((c) => {
-        n(c), i(null);
-      }), i(s.url);
-    });
-  }), []);
-  if (t)
-    return t;
-  if (e)
-    return /* @__PURE__ */ o(b, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Ce.sanitize(e) } });
-  if (r) {
-    const i = new URL(r);
-    i.searchParams.set("imageFilter", "convert"), i.searchParams.set("f", "png"), i.searchParams.set("h", "80");
-    const s = i.toString();
-    return /* @__PURE__ */ o("img", { src: s, alt: "logo" });
-  }
-  return null;
-}
-function En({
-  logo: t,
-  translucentTextColor: e,
-  ...n
-}) {
-  const { y: r } = Ue();
-  let i = Math.min(r / 800, 1), s = "";
-  if (i > 0.1) {
-    i = Math.max(i, 0.6);
-    const a = Math.round(255 * Math.min(1 - i, 0.2));
-    s = `rgb(${a}, ${a}, ${a})`;
-  } else
-    s = e || "#EEEEEE";
-  return /* @__PURE__ */ o(
-    ie,
-    {
-      logo: /* @__PURE__ */ o(Tn, { logo: t }),
-      ...n,
-      className: k(i <= 0.7 && "reverse-color"),
-      style: {
-        backgroundColor: `rgba(255,255,255,${i})`,
-        // @ts-ignore
-        "--logo-invert": i <= 0.7 ? 1 - i / 6 : 1 - i
-      },
-      sx: {
-        backdropFilter: i >= 0.6 ? "blur(10px)" : "blur(0px)",
-        transition: "all 0.3s ease",
-        position: "fixed !important",
-        left: 0,
-        top: 0,
-        right: 0,
-        bgcolor: "transparent",
-        "&.reverse-color": {
-          ".navmenu-root>.navmenu-sub>span,\n          .navmenu-root>.navmenu-item,\n          .header-addons>button,\n          .header-addons>a,\n          .header-addons>div>button": {
-            color: `${s} !important`
-          }
-        },
-        ".header-logo > div": {
-          filter: "invert(var(--logo-invert))"
-        },
-        ".header-logo": {
-          color: s
-        }
-      }
-    }
-  );
-}
-const se = At(_e)``;
-export {
-  Tr as H,
-  wn as L,
-  ot as P,
-  En as T,
-  Pn as a,
-  Er as b,
-  ct as c,
-  un as g,
-  Pr as p
-};