@blocklet/pages-kit-inner-components 0.6.23 → 0.6.25

package/lib/es/chunks/index-BHQcp5eX.js

@@ -1,2747 +0,0 @@
-import { jsx as r, jsxs as w, Fragment as Q } from "react/jsx-runtime";
-import { ErrorOutline as ne } from "@mui/icons-material";
-import { Box as f, styled as re, Typography as j, Container as ie, useTheme as ae, useMediaQuery as se, GlobalStyles as le, Card as ce, CircularProgress as de, Grid as wt, CardMedia as ue, CardContent as me, Alert as pe } from "@mui/material";
-import he from "lodash/isEmpty";
-import pt from "lodash/pick";
-import ge, { createContext as It, useMemo as S, useCallback as z, useContext as Lt, useState as Z, useEffect as J, Fragment as fe, isValidElement as Et, useRef as ht } from "react";
-import R from "lodash/keyBy";
-import { styled as C, useTheme as At } from "@arcblock/ux/lib/Theme";
-import { cx as b, css as ct } from "@emotion/css";
-import I from "lodash/omit";
-import { Link as xe, NavLink as be, useNavigate as ye } from "react-router-dom";
-import ve from "@arcblock/ux/lib/Button";
-import dt from "is-uri";
-import { Icon as Pt } from "@iconify-icon/react";
-import { e as F, f as L, i as gt, l as ft } from "./state-DSo43FAB.js";
-import we from "@blocklet/pages-kit/builtin/markdown/markdown-renderer";
-import { useColorConvert as Wt } from "@blocklet/pages-kit/contexts/color";
-import { materialDark as ke } from "react-syntax-highlighter/dist/esm/styles/prism";
-import _e from "@arcblock/react-hooks/lib/useBrowser";
-import kt from "@arcblock/ux/lib/Colors";
-import { ResponsiveImage as jt, CustomComponentRenderer as $e } from "@blocklet/pages-kit/components";
-import { isGradient as Ce, isColorString as Se } from "@blocklet/pages-kit/utils/style";
-import zt from "@mui/material/useMediaQuery";
-import { join as X } from "pathe";
-import { withoutTrailingSlash as lt, isRelative as Be, parseURL as Ne } from "ufo";
-import { useMessage as Re } from "@blocklet/embed/message";
-import { useLatest as Me } from "ahooks";
-import Ie from "lodash/isEqual";
-import { EmbedIframe as Le } from "@blocklet/embed/react";
-import { useLocaleContext as Ee } from "@arcblock/ux/lib/Locale/context";
-import ut from "@arcblock/ux/lib/Screenshot";
-import { TwitterTimelineEmbed as Ae } from "react-twitter-embed";
-import { useUpdate as Pe, useMount as We } from "react-use";
-const tt = "{{CUSTOM_VALUE}}", je = [
-  {
-    title: "None",
-    value: "none",
-    sx: { py: 0 }
-  },
-  {
-    title: "Small",
-    value: "small",
-    sx: { py: { xs: 2.5, md: 4, lg: 4, xl: 6 } }
-  },
-  {
-    title: "Normal",
-    value: "normal",
-    sx: { py: { xs: 5, md: 7.5, lg: 10, xl: 12.5 } }
-  },
-  {
-    title: "Large",
-    value: "large",
-    sx: { py: { xs: 7.5, md: 10, lg: 12.5, xl: 15 } }
-  }
-], ze = [
-  {
-    title: "None",
-    value: "none",
-    sx: { py: 0 }
-  },
-  {
-    title: "Small",
-    value: "small",
-    sx: { py: { xs: 2.5, md: 4, lg: 4, xl: 6 } }
-  },
-  {
-    title: "Normal",
-    value: "normal",
-    sx: { py: { xs: 5, md: 7, lg: 7, xl: 9 } }
-  },
-  {
-    title: "Large",
-    value: "large",
-    sx: { py: { xs: 6, md: 9, lg: 9, xl: 11 } }
-  }
-], Fe = [
-  {
-    title: "None",
-    value: "none",
-    sx: { px: 0 }
-  },
-  {
-    title: "Small",
-    value: "small",
-    sx: { px: { xs: 2, md: 4, lg: 4, xl: 6 } }
-  },
-  {
-    title: "Normal",
-    value: "normal",
-    sx: { px: { xs: 2.5, md: 7.5, lg: 10, xl: 12.5 } }
-  },
-  {
-    title: "Large",
-    value: "large",
-    sx: { px: { xs: 2.5, md: 10, lg: 12.5, xl: 15 } }
-  }
-], q = (t, e, o) => {
-  const n = t.breakpoints.values[o];
-  return `${e}${n ? ` (${n}px)` : ""}`;
-}, Te = [
-  {
-    title: "100%",
-    value: "full",
-    sx: { maxWidth: "100%" }
-  },
-  {
-    title: (t) => q(t, "Small", "sm"),
-    value: "sm",
-    sx: {
-      maxWidth: (t) => t.breakpoints.values.sm,
-      width: "100%",
-      mx: "auto"
-    }
-  },
-  {
-    title: (t) => q(t, "Normal", "md"),
-    value: "md",
-    sx: { maxWidth: (t) => t.breakpoints.values.md, width: "100%", mx: "auto" }
-  },
-  {
-    title: (t) => q(t, "Large", "lg"),
-    value: "lg",
-    sx: { maxWidth: (t) => t.breakpoints.values.lg, width: "100%", mx: "auto" }
-  },
-  {
-    title: (t) => q(t, "Extra Large", "xl"),
-    value: "xl",
-    sx: { maxWidth: (t) => t.breakpoints.values.xl, width: "100%", mx: "auto" }
-  },
-  {
-    title: "Custom",
-    value: "custom",
-    sx: {
-      maxWidth: tt,
-      width: "100%",
-      mx: "auto"
-    }
-  }
-], Oe = [
-  {
-    title: "None",
-    value: "none",
-    sx: { gap: 0 },
-    containerSx: { gap: 0 }
-  },
-  {
-    title: "Small",
-    value: "small",
-    sx: { gap: { xs: 1, md: 2, lg: 2, xl: 3 } }
-  },
-  {
-    title: "Normal",
-    value: "normal",
-    sx: { gap: { xs: 2, md: 3.5, lg: 3.5, xl: 5 } }
-  },
-  {
-    title: "Large",
-    value: "large",
-    sx: { gap: { xs: 3, md: 5, lg: 5, xl: 6.5 } }
-  }
-], Ue = [
-  {
-    title: "None",
-    value: "none",
-    sx: { p: 0 }
-  },
-  {
-    title: "Small",
-    value: "small",
-    sx: { p: { xs: 1, md: 2, lg: 2, xl: 3 } }
-  },
-  {
-    title: "Normal",
-    value: "normal",
-    sx: { p: { xs: 2.5, md: 5, lg: 5, xl: 7.5 } }
-  },
-  {
-    title: "Large",
-    value: "large",
-    sx: { p: { xs: 3, md: 6, lg: 6, xl: 9 } }
-  }
-], De = [
-  {
-    title: "Start",
-    value: "start",
-    sx: { alignContent: "start" }
-  },
-  {
-    title: "Center",
-    value: "center",
-    sx: { alignContent: "center" }
-  },
-  {
-    title: "End",
-    value: "end",
-    sx: { alignContent: "end" }
-  },
-  {
-    title: "Space Between",
-    value: "space-between",
-    sx: { alignContent: "space-between" }
-  },
-  {
-    title: "Space Around",
-    value: "space-around",
-    sx: { alignContent: "space-around" }
-  },
-  {
-    title: "Space Evenly",
-    value: "space-evenly",
-    sx: { alignContent: "space-evenly" }
-  }
-], Ge = [
-  {
-    title: "Start",
-    value: "start",
-    sx: { justifyContent: "start" }
-  },
-  {
-    title: "Center",
-    value: "center",
-    sx: { justifyContent: "center" }
-  },
-  {
-    title: "End",
-    value: "end",
-    sx: { justifyContent: "end" }
-  },
-  {
-    title: "Space Between",
-    value: "space-between",
-    sx: { justifyContent: "space-between" }
-  },
-  {
-    title: "Space Around",
-    value: "space-around",
-    sx: { justifyContent: "space-around" }
-  },
-  {
-    title: "Space Evenly",
-    value: "space-evenly",
-    sx: { justifyContent: "space-evenly" }
-  }
-], He = [
-  {
-    title: "Solid",
-    value: "solid",
-    sx: { border: "1px solid", borderColor: "divider" },
-    group: "borderFrame"
-  },
-  {
-    title: "Dashed",
-    value: "dashed",
-    sx: { border: "1px dashed", borderColor: "divider" },
-    group: "borderFrame"
-  },
-  {
-    title: "Dotted",
-    value: "dotted",
-    sx: { border: "1px dotted", borderColor: "divider" },
-    group: "borderFrame"
-  },
-  {
-    title: "Custom",
-    value: "custom",
-    sx: {
-      border: tt
-    },
-    group: "borderFrame"
-  }
-], Ft = [
-  // new device frames
-  { value: "macbook", title: "MacBook", group: "deviceFrame" },
-  { value: "phone", title: "Phone", group: "deviceFrame" }
-  // old device frames:
-  // @FIXME：以下类型不适配 children，先注释掉了，会走以前的逻辑，渲染 p script 有问题
-  // { value: 'iphone-x', title: 'iPhone X', group: 'deviceFrame' },
-  // { value: 'iphone-8', title: 'iPhone 8', group: 'deviceFrame' },
-  // { value: 'ipad-pro', title: 'iPad Pro', group: 'deviceFrame' },
-  // { value: 'imac-pro', title: 'iMac Pro', group: 'deviceFrame' },
-  // { value: 'macbook-pro', title: 'MacBook Pro', group: 'deviceFrame' },
-  // { value: 'surface-pro', title: 'Surface Pro', group: 'deviceFrame' },
-  // { value: 'surface-book', title: 'Surface Book', group: 'deviceFrame' },
-  // { value: 'surface-studio', title: 'Surface Studio', group: 'deviceFrame' },
-  // { value: 'galaxy-s8', title: 'Galaxy S8', group: 'deviceFrame' },
-  // { value: 'google-pixel', title: 'Google Pixel', group: 'deviceFrame' },
-  // { value: 'google-pixel-2-xl', title: 'Google Pixel 2 XL', group: 'deviceFrame' },
-  // { value: 'apple-watch', title: 'Apple Watch', group: 'deviceFrame' },
-], Tt = (t) => Ft.some((e) => e.value === t), _t = ({ hasUrl: t = !1, hasTab: e = !1 } = {}) => ({
-  position: "relative",
-  paddingTop: "2em",
-  // 为顶部栏腾出空间
-  // 移除这些边框属性
-  // border: 1,
-  // borderColor: 'divider',
-  // borderTop: '2em solid',
-  // borderTopColor: 'divider',
-  // borderRadius: 1,
-  // 使用伪元素替代边框
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    border: "1px solid",
-    borderColor: "divider",
-    pointerEvents: "none",
-    zIndex: 1
-  },
-  // 使用伪元素替代顶部边框
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    height: "2em",
-    backgroundColor: "divider",
-    pointerEvents: "none",
-    zIndex: 1
-  },
-  // 浏览器按钮
-  "& > div:first-of-type:before": {
-    display: "block",
-    position: "absolute",
-    content: '""',
-    top: "-1.25em",
-    // 调整按钮位置到顶部栏中间
-    left: "1em",
-    width: "0.5em",
-    height: "0.5em",
-    borderRadius: "50%",
-    bgcolor: "#f44",
-    boxShadow: "0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5",
-    zIndex: 2
-  },
-  // 浏览器 URL 栏样式
-  "& > div:first-of-type:after": t ? {
-    display: "block",
-    position: "absolute",
-    content: '""',
-    top: "-1.6em",
-    // 调整URL栏位置到顶部栏中间
-    left: "5.5em",
-    width: "calc(100% - 7em)",
-    height: "1.2em",
-    borderRadius: 0.25,
-    bgcolor: "white",
-    zIndex: 2
-  } : e ? {
-    display: "block",
-    position: "absolute",
-    content: '""',
-    top: "0em",
-    // 调整Tab栏位置
-    left: "5.5em",
-    width: "20%",
-    height: "0em",
-    borderBottom: "2em solid white",
-    borderLeft: "0.8em solid transparent",
-    borderRight: "0.8em solid transparent",
-    zIndex: 2
-  } : {}
-}), Ve = [
-  {
-    value: "chrome",
-    title: "Chrome",
-    group: "browserFrame",
-    sx: _t()
-  },
-  {
-    value: "chrome-with-url",
-    title: "Chrome (With URL)",
-    group: "browserFrame",
-    sx: _t({
-      hasUrl: !0
-    })
-  }
-], Je = [
-  {
-    value: "shadow-sm",
-    title: "Shadow Low Elevation",
-    group: "shadowFrame",
-    sx: { boxShadow: (t) => t.shadows[2] }
-  },
-  {
-    value: "shadow-md",
-    title: "Shadow Medium Elevation",
-    group: "shadowFrame",
-    sx: { boxShadow: (t) => t.shadows[6] }
-  },
-  {
-    value: "shadow-lg",
-    title: "Shadow High Elevation",
-    group: "shadowFrame",
-    sx: { boxShadow: (t) => t.shadows[12] }
-  },
-  {
-    value: "shadow-xl",
-    title: "Shadow Extra High Elevation",
-    group: "shadowFrame",
-    sx: { boxShadow: (t) => t.shadows[16] }
-  },
-  {
-    value: "shadow-max",
-    title: "Shadow Max Elevation",
-    group: "shadowFrame",
-    sx: { boxShadow: (t) => t.shadows[24] }
-  }
-], Ye = [
-  {
-    title: "None",
-    value: "none",
-    sx: { border: "none" },
-    group: "commonFrame"
-  },
-  ...He,
-  ...Ve,
-  ...Je,
-  ...Ft
-], Ke = [
-  {
-    title: "None",
-    value: "none",
-    sx: { borderRadius: 0 }
-  },
-  {
-    title: "Small",
-    value: "small",
-    sx: { borderRadius: 1 }
-    // theme.shape.borderRadius * 1
-  },
-  {
-    title: "Medium",
-    value: "medium",
-    sx: { borderRadius: 2 }
-    // theme.shape.borderRadius * 2
-  },
-  {
-    title: "Large",
-    value: "large",
-    sx: { borderRadius: 3 }
-    // theme.shape.borderRadius * 3
-  },
-  {
-    title: "Extra Large",
-    value: "xl",
-    sx: { borderRadius: 4 }
-    // theme.shape.borderRadius * 4
-  },
-  {
-    title: "Rounded",
-    value: "rounded",
-    sx: { borderRadius: "50%" }
-  },
-  {
-    title: "Custom",
-    value: "custom",
-    sx: { borderRadius: tt }
-  }
-], Xe = R(je, "value"), qe = R(ze, "value"), Qe = R(Fe, "value"), Ze = R(Te, "value"), to = R(Oe, "value"), eo = R(Ue, "value"), oo = R(De, "value"), no = R(Ge, "value"), ro = R(Ye, "value"), io = R(Ke, "value"), ao = /* @__PURE__ */ new Map([
-  ["baseSectionPaddingY", Xe],
-  ["maxWidth", Ze],
-  ["paddingY", qe],
-  ["paddingX", Qe],
-  ["layoutBlockGap", to],
-  ["layoutBlockPadding", eo],
-  ["layoutBlockAlignContent", oo],
-  ["layoutBlockJustifyContent", no],
-  ["layoutBlockBorder", ro],
-  ["layoutBlockBorderRadius", io]
-]);
-function W(t) {
-  const { type: e, value: o, format: n = "sx", defaultValue: i = null } = t, a = ao.get(e);
-  if (!a || typeof o != "string" || !o)
-    return i;
-  const c = o.startsWith("custom:"), s = c ? "custom" : o;
-  if (a?.[s] && a?.[s]?.[n]) {
-    const l = a[s][n];
-    if (c) {
-      const d = o.replace("custom:", "");
-      try {
-        return JSON.parse(JSON.stringify(l || {}).replaceAll(tt, d));
-      } catch {
-      }
-    }
-    return l;
-  }
-  return i;
-}
-const Ot = It({
-  page: null,
-  getPageMeta: () => ({}),
-  getPageMetaStyle: () => ({})
-});
-function so() {
-  return Lt(Ot);
-}
-function cr({
-  page: t,
-  children: e,
-  defaultLocale: o = "en",
-  currentLocale: n
-}) {
-  const i = S(() => t ? JSON.parse(JSON.stringify(t)) : null, [JSON.stringify(t)]), a = z(() => {
-    if (!i) return {};
-    const l = n || o;
-    return i.locales?.[l] ?? {};
-  }, [i, o, n]), c = z(
-    (l = "sx") => {
-      const d = a();
-      return !d || !d.style ? {} : Object.entries(d.style || {}).reduce((u, [h, p]) => {
-        if (!p) return u;
-        const y = `${h}Custom`;
-        d.style[y];
-        const x = W({
-          type: h,
-          value: p,
-          format: l
-        });
-        return x ? { ...u, ...x } : u;
-      }, {});
-    },
-    [a]
-  ), s = S(
-    () => ({
-      page: i,
-      getPageMeta: a,
-      getPageMetaStyle: c
-    }),
-    [i, a, c]
-  );
-  return /* @__PURE__ */ r(Ot.Provider, { value: s, children: e });
-}
-const et = ["editing", "height", "locale", "dev", "sx"];
-function lo(t) {
-  const { className: e, ...o } = t;
-  return /* @__PURE__ */ r(co, { ...o, className: b("BlockBase-root", e) });
-}
-const co = C(f)`
-  position: relative;
-  color: ${({ theme: t }) => t.palette.text.primary};
-`, Ut = It({
-  pages: [],
-  project: void 0
-}), { Provider: dr, Consumer: ur } = Ut;
-function Dt() {
-  return Lt(Ut);
-}
-function uo({ icon: t, ...e }) {
-  return /* @__PURE__ */ r(Pt, { icon: t, ...e, ref: null });
-}
-function mo({ icon: t, className: e = "", size: o = "1rem", ...n }) {
-  return /* @__PURE__ */ r(po, { component: uo, className: b("css-icon", e), size: o, ...n, icon: t });
-}
-const po = C(f)`
-  &.css-icon {
-    display: inline-block;
-    width: ${({ size: t }) => t};
-    height: ${({ size: t }) => t};
-  }
-`;
-function ho({ icon: t, className: e = "", size: o = "1rem", imageMeta: n, ...i }) {
-  const a = F(L(t), 540), [c, s] = Z(!1), l = At();
-  return c ? /* @__PURE__ */ r(mo, { icon: "i-mdi:image", color: l.palette.grey[500], size: o, className: e, ...i }) : /* @__PURE__ */ r(go, { className: b("image-icon", e), size: o, ...i, children: /* @__PURE__ */ r(
-    "img",
-    {
-      className: "image-icon__image",
-      src: a,
-      onError: () => s(!0),
-      width: n?.naturalWidth,
-      height: n?.naturalHeight,
-      alt: n?.filename || "card-icon",
-      loading: "lazy"
-    }
-  ) });
-}
-const go = C(f)`
-  display: inline-block;
-  width: ${({ size: t }) => t};
-  height: ${({ size: t }) => t};
-  .image-icon__image {
-    object-fit: contain;
-    height: 100%;
-    width: 100%;
-  }
-`, xt = (t) => typeof t == "string" && /^[\w-_]+:[\w-_]+$/.test(t);
-function mt({ icon: t, size: e = "1rem", imageMeta: o, ...n }) {
-  const i = window.isNaN(e) ? e : `${e}px`;
-  return xt(t) ? /* @__PURE__ */ r(Pt, { icon: t }) : /* @__PURE__ */ r(fo, { component: ho, imageMeta: o, className: "base-icon", icon: t, size: i, ...n });
-}
-const fo = C(f)`
-  flex-shrink: 0;
-`;
-function V({ text: t, children: e, icon: o = "", endIcon: n, color: i = "primary", link: a = "", href: c = "", ...s }) {
-  const l = o ? /* @__PURE__ */ r(mt, { icon: o }) : null, d = n ? /* @__PURE__ */ r(mt, { icon: n }) : null, m = a || c, u = { ...s };
-  return m && (u.href = m, dt(m) && (u.target = u.target || "_blank")), /* @__PURE__ */ r(ve, { startIcon: l, endIcon: d, color: i, ...u, children: t || e });
-}
-function Gt({ editing: t, text: e, ...o }) {
-  const { pages: n = [] } = Dt(), i = n.find((a) => a.id === (o.link || o.linkId));
-  if (t)
-    return /* @__PURE__ */ r(V, { ...I(o, ["link", "linkId"]), children: e });
-  if (i) {
-    const a = i.path || "/";
-    return /* @__PURE__ */ r(xe, { to: a, children: /* @__PURE__ */ r(V, { ...I(o, ["link", "linkId"]), children: e }) });
-  }
-  return /* @__PURE__ */ r(V, { ...I(o, "linkId"), children: e });
-}
-function O({ actions: t, center: e, className: o, align: n }) {
-  return t && t?.length ? /* @__PURE__ */ r(
-    f,
-    {
-      className: b(
-        "flex gap-4 flex-wrap",
-        "lg:flex-row lg:gap-8",
-        (e || n === "center") && "justify-center",
-        !e && n === "right" && "justify-end",
-        !e && n === "left" && "justify-start",
-        o
-      ),
-      sx: { alignItems: "center" },
-      children: t
-    }
-  ) : null;
-}
-const xo = "section", bo = re(f)`
-  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 {
-    color: ${({ theme: t }) => t.palette.text.primary};
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-    p {
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  }
-  .section__description {
-    color: ${({ theme: t }) => t.palette.text.primary};
-    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[xo]}px) {
-    .section__tag {
-      margin-bottom: 32px;
-    }
-    .section__title {
-      margin-bottom: 32px;
-    }
-    .section__description {
-      margin-bottom: 40px;
-    }
-  }
-`;
-function ot({
-  title: t,
-  description: e,
-  descriptionMarkdown: o,
-  actions: n,
-  className: i = "",
-  classes: a = {},
-  prepend: c,
-  append: s,
-  level: l = 2,
-  tag: d,
-  badge: m,
-  center: u,
-  logo: h,
-  titleAppearance: p,
-  descriptionAppearance: y,
-  ...x
-}) {
-  const v = Wt();
-  if (!t && !e && !n && !m && !d && !c && !s && !h) return null;
-  const k = Math.max(Math.min(5, l + 1), 1), _ = {
-    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"
-  }, M = l === 0 ? "big" : `h${k}`, B = l === 0;
-  return /* @__PURE__ */ w(bo, { className: b("base-info", "lg:text-left", u && "!text-center", i), ...x, children: [
-    c && /* @__PURE__ */ r("div", { children: c }),
-    (d || m) && /* @__PURE__ */ r("div", { className: b("section__tag", a?.tag || a?.badge), children: d || m }),
-    h && /* @__PURE__ */ r("img", { className: "w-[120px] m-auto mb-8", src: h, alt: "info", loading: "lazy" }),
-    t && /* @__PURE__ */ r(
-      j,
-      {
-        sx: {
-          whiteSpace: "pre-wrap",
-          mb: e ? "2vw" : 0,
-          ...p?.color && { color: `${v(p.color)} !important` }
-        },
-        className: b(
-          "section__title",
-          "text-gray-800",
-          "dark:text-gray-50",
-          a.title,
-          "page-kit-section__title",
-          B ? "" : "section__title_non_big"
-        ),
-        component: `h${Math.max(l, 1)}`,
-        variant: M,
-        children: t
-      }
-    ),
-    e && (o ? /* @__PURE__ */ r(
-      f,
-      {
-        sx: {
-          ...y?.color && { color: `${v(y.color)} !important` }
-        },
-        className: b(
-          "section__description",
-          "text-gray-800",
-          "dark:text-gray-100",
-          _[k],
-          a.description,
-          "page-kit-section__description"
-        ),
-        children: /* @__PURE__ */ r(we, { codeOptions: { showActionButton: !1, theme: ke }, children: e })
-      }
-    ) : /* @__PURE__ */ r(
-      j,
-      {
-        sx: {
-          whiteSpace: "pre-wrap",
-          ...y?.color && { color: `${v(y.color)} !important` }
-        },
-        className: b(
-          "section__description",
-          "text-gray-800",
-          "dark:text-gray-100",
-          _[k],
-          a.description,
-          "page-kit-section__description"
-        ),
-        component: "div",
-        variant: "body1",
-        gutterBottom: !0,
-        children: e
-      }
-    )),
-    /* @__PURE__ */ r(O, { actions: n, center: u, className: "mt-8" }),
-    s && /* @__PURE__ */ r("div", { children: s })
-  ] });
-}
-const nt = [
-  "actions",
-  "append",
-  "badge",
-  "tag",
-  "center",
-  "description",
-  "descriptionMarkdown",
-  "level",
-  "logo",
-  "prepend",
-  "title",
-  "titleAppearance",
-  "descriptionAppearance"
-];
-function yo() {
-  const t = navigator.userAgent.toLowerCase();
-  return t.includes("safari") && !t.includes("chrome");
-}
-function vo(t = "") {
-  if (t.startsWith("data:image/svg+xml,")) return !0;
-  const e = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, o = /^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;
-  return e.test(t) || o.test(t);
-}
-function H(t) {
-  return t?.endsWith(".mp4") || t?.endsWith(".m4v") || t?.endsWith(".webm");
-}
-function wo(t) {
-  return t?.endsWith(".mp4") || t?.endsWith(".m4v") ? "video/mp4" : t?.endsWith(".webm") ? "video/webm" : void 0;
-}
-function ko(t) {
-  let e = {};
-  return typeof t == "string" ? Ce(t) ? e.image = t : (e.image = L(t), Se(t) && (e.color = t, e.image = "")) : e = t, e;
-}
-function _o() {
-  const [t, e] = Z(Date.now());
-  return J(() => {
-    const o = () => {
-      e(Date.now());
-    };
-    return document.addEventListener("visibilitychange", o), () => {
-      document.removeEventListener("visibilitychange", o);
-    };
-  }, []), t;
-}
-function $t(t, e, o, n, i) {
-  let a = null;
-  const { color: c = "", image: s } = ko(e);
-  if (s && vo(s)) {
-    delete o.backgroundColor;
-    const l = !(t.mobile.apple.device || yo()) && H(s), d = H(s) && n ? F(L(n), 1200, "quality") : "";
-    l ? a = /* @__PURE__ */ r(
-      f,
-      {
-        component: "video",
-        className: "section-bg",
-        autoPlay: !0,
-        loop: !0,
-        muted: !0,
-        controls: !1,
-        playsInline: !0,
-        poster: d,
-        src: H(s) ? s : F(s, 1200, "quality"),
-        sx: {
-          width: "100%",
-          position: "absolute",
-          zIndex: -9999,
-          right: 0,
-          left: 0,
-          top: 0,
-          height: "100%",
-          objectFit: "cover"
-        }
-      },
-      s
-    ) : a = /* @__PURE__ */ r(
-      jt,
-      {
-        src: H(s) && n ? d : s,
-        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 || s
-    );
-  } else s ? o.backgroundImage = `${s} !important` : c && (o.backgroundColor = `${c} !important`);
-  return a;
-}
-function $o({ autoWidth: t, children: e, ...o }) {
-  return t ? /* @__PURE__ */ r(
-    f,
-    {
-      ...o,
-      sx: [
-        {
-          display: "flex"
-        },
-        ...Array.isArray(o.sx) ? o.sx : [o.sx]
-      ],
-      children: e
-    }
-  ) : /* @__PURE__ */ r(ie, { ...o, children: e });
-}
-function rt({
-  dark: t = !1,
-  children: e,
-  className: o,
-  sx: n = {},
-  boxed: i = { show: !1 },
-  padding: a = "normal",
-  boxProps: c,
-  type: s,
-  ...l
-}) {
-  const d = { ...n }, m = zt((p) => p.breakpoints.down("md"));
-  t && (d.color = kt.common.white, d.backgroundColor = `${kt.grey[900]} !important`), i.show && (d.display = "flex");
-  const u = S(() => !Number(l.boxMaxWidth) || m ? {
-    width: "100%"
-  } : s === "wall" && l.boxMaxWidth ? {
-    maxWidth: `${l.boxMaxWidth}px !important`,
-    width: "100%"
-  } : {
-    width: "100%"
-  }, [l.boxMaxWidth, m, s]), h = W({
-    type: "baseSectionPaddingY",
-    value: a || "normal",
-    // section default is normal
-    defaultValue: ""
-  });
-  return /* @__PURE__ */ r(
-    Co,
-    {
-      component: "section",
-      styles: { ...d, ...h },
-      className: b("base-section", "px-2 md:px-5 lg:px-5 xl:px-10", o, {
-        dark: t
-      }),
-      ...I(
-        l,
-        "hoverStyle",
-        "boxMaxWidth",
-        "embedUrl",
-        "autoWidth",
-        "paddingXY",
-        "iframeHeight",
-        "titleAppearance",
-        "descriptionAppearance"
-      ),
-      children: /* @__PURE__ */ r($o, { autoWidth: l?.autoWidth, className: b("section-content h-full"), sx: u, children: i.show ? /* @__PURE__ */ r(Ht, { ...c, boxed: i, children: e }) : e })
-    }
-  );
-}
-function Ht({
-  background: t = "",
-  backgroundVideoPoster: e,
-  children: o,
-  sx: n = {},
-  boxed: i = { show: !1 },
-  className: a = "",
-  styles: c = {},
-  ...s
-}) {
-  const l = { ...c, ...n }, d = Wt();
-  let m = null;
-  const u = zt((y) => y.breakpoints.up("sm")), h = _e(), p = _o();
-  return t && (m = $t(
-    h,
-    typeof t == "string" ? d(t) : t,
-    l,
-    e,
-    p
-  )), i.show && (l.borderRadius = "10px", l.padding === void 0 && (l.padding = u ? "50px" : "20px"), i?.border && (l.border = "1px solid #c0c0c0"), i?.background && (m = $t(
-    h,
-    typeof i?.background == "string" ? d(i?.background) : i?.background,
-    l,
-    i?.backgroundVideoPoster,
-    p
-  ))), /* @__PURE__ */ w(
-    f,
-    {
-      ...s,
-      sx: {
-        ...l,
-        ...m ? { position: "relative", overflow: "hidden", zIndex: 0 } : {}
-      },
-      className: b(a, i?.boxShadow && "shadow-xl"),
-      children: [
-        m,
-        o
-      ]
-    }
-  );
-}
-const Co = C(Ht)`
-  &:nth-of-type(even) {
-    background: #f8f8f8;
-  }
-
-  @media (max-width: 600px) {
-    .section__title {
-      font-size: 24px;
-    }
-
-    .base-info {
-      > *:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-`;
-function Vt(t) {
-  if (t.type === fe) {
-    const o = (t.props.children || []).filter((n) => Et(n));
-    return o.length === 1 ? Vt(o[0]) : o.length > 1;
-  }
-  return Array.isArray(t);
-}
-const P = "&>*";
-function Jt({ children: t, col: e, gap: o, className: n, align: i, sx: a, type: c, ...s } = {
-  children: null,
-  className: "",
-  col: 3,
-  gap: void 0,
-  sx: {},
-  align: "center",
-  type: "default"
-}) {
-  const l = At(), 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 = o ?? ({
-    2: 6,
-    3: 4,
-    4: 4,
-    5: 3,
-    6: 3
-  }[e] || 0);
-  Vt(t) || (p = 0);
-  const x = (e - 1) * p / e;
-  let v = { ...a, gap: `${p}rem` };
-  const k = { [P]: { width: "100%" } }, _ = {}, M = {}, B = {};
-  switch (k.gap = "1rem", _.gap = `${p / 2}rem`, e) {
-    case 3:
-    case 4:
-      _[P] = {
-        width: `calc(50% - ${p / 2}rem)`
-      };
-      break;
-    case 5:
-    case 6:
-      k[P] = {
-        width: `calc(50% - ${p / 2 / 2}rem)`
-      }, _[P] = {
-        width: `calc(50% - ${p / 2 / 2}rem)`
-      }, M[P] = {
-        width: `calc(33.33% - ${p * 2 / 3}rem)`
-      };
-      break;
-  }
-  return v[P] = { width: `calc(${d}% - ${x}rem)` }, v[`@media (max-width: ${l.breakpoints.values.xl}px)`] = B, v[`@media (max-width: ${l.breakpoints.values.lg}px)`] = M, v[`@media (max-width: ${l.breakpoints.values.md}px)`] = _, v[`@media (max-width: ${l.breakpoints.values.sm}px)`] = k, c === "wall" && (v = { ...a, gap: `${p}rem` }, v[P] = { width: `calc(${d}% - ${x}rem)` }, k[P] = { width: `calc(45% - ${p / 2 / 2}rem)` }, v[`@media (max-width: ${l.breakpoints.values.sm}px)`] = k), /* @__PURE__ */ r(f, { className: b("flex flex-wrap flex-row h-full", u, n), sx: v, ...s, children: t });
-}
-function U({ type: t = "", icon: e = "", size: o = "3rem", className: n = "", ...i }) {
-  return /* @__PURE__ */ r(
-    mt,
-    {
-      icon: e || t,
-      size: o,
-      className: b("content-icon", n),
-      ...i,
-      color: typeof i.color > "u" ? "inherit" : i.color
-    }
-  );
-}
-function So({
-  to: t,
-  base: e,
-  children: o,
-  className: n,
-  activeClassName: i = "active",
-  target: a = "auto",
-  autoExternalMark: c = !1,
-  useRouterLink: s,
-  ...l
-}) {
-  const { pages: d = [], locale: m = "" } = {}, u = e ? X("/", e) : e || "";
-  let h = a === "auto" ? "_self" : a, p = X(u, t);
-  const y = c ? dt(p) : !1;
-  if (e)
-    return p = X(u, m, t), /* @__PURE__ */ r(
-      "a",
-      {
-        className: `no-underline ${n}`,
-        href: lt(p),
-        rel: "noreferrer noopener",
-        target: h,
-        ...l,
-        children: o
-      }
-    );
-  if (dt(t))
-    a === "auto" && (h = "_blank"), p = t;
-  else {
-    Be(p) && (p = X(window.location.pathname, p));
-    const x = Ne(`${window.location.origin}${p}`), v = d.some((k) => k.pathname === x.pathname);
-    if (s || v)
-      return /* @__PURE__ */ r(
-        be,
-        {
-          end: !0,
-          to: lt(p),
-          className: ({ isActive: k }) => b(n, k ? i : ""),
-          ...l,
-          children: o
-        }
-      );
-  }
-  return /* @__PURE__ */ w(
-    "a",
-    {
-      className: `no-underline ${n}`,
-      href: lt(p),
-      rel: "noreferrer noopener",
-      target: h,
-      ...l,
-      children: [
-        o,
-        y && /* @__PURE__ */ r(U, { icon: "i-mdi:arrow-top-right", size: "0.9em", className: "smart-link__mark", style: { marginLeft: 5 } })
-      ]
-    }
-  );
-}
-function Y({
-  prepend: t,
-  append: e,
-  children: o,
-  className: n = "",
-  dark: i = !1,
-  border: a = !0,
-  ...c
-}) {
-  let s = {};
-  const { pages: l = [] } = Dt(), d = l.find((h) => h.id === c.link), m = !o || ge.Children.toArray(o).every((h) => h === null);
-  c.link && (s = {
-    component: So,
-    to: d?.path || c.link,
-    useRouterLink: !0
-  });
-  const u = ae();
-  return /* @__PURE__ */ w(
-    Bo,
-    {
-      className: b("base-card card", { dark: i, "border-transparent": !a }, n),
-      sx: {
-        borderColor: u.palette.divider
-      },
-      ...s,
-      ...I(c, ["listType", "dark", "iconColor", "link", "hoverStyle", "imageSize"]),
-      children: [
-        t,
-        !m && /* @__PURE__ */ r("div", { className: "card__body", children: o }),
-        e
-      ]
-    }
-  );
-}
-const Bo = C(f)`
-  &.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 K({
-  align: t = "left",
-  title: e,
-  titleProps: o = {},
-  description: n,
-  descriptionProps: i = {}
-}) {
-  return /* @__PURE__ */ w(Q, { children: [
-    e && /* @__PURE__ */ r(
-      j,
-      {
-        className: b("card__title text-gray-800", "dark:text-gray-50"),
-        component: "h5",
-        variant: "h5",
-        gutterBottom: !0,
-        align: t,
-        ...o,
-        children: e
-      }
-    ),
-    n && /* @__PURE__ */ r(
-      j,
-      {
-        className: b("card__description", "text-gray-500", "dark:text-gray-400"),
-        component: "div",
-        variant: "body1",
-        gutterBottom: !0,
-        align: t,
-        ...i,
-        children: n
-      }
-    )
-  ] });
-}
-function No({
-  image: t,
-  title: e,
-  description: o,
-  imageProps: n = {},
-  imageMeta: i,
-  imageSize: a,
-  titleProps: c = {},
-  descriptionProps: s = {},
-  actions: l,
-  align: d,
-  ...m
-}) {
-  const u = xt(t), h = F(L(t), 540);
-  return /* @__PURE__ */ w(
-    Ro,
-    {
-      className: "card-article",
-      ...m,
-      prepend: /* @__PURE__ */ r("div", { className: "card__image__wrap", children: u && t ? /* @__PURE__ */ r(
-        f,
-        {
-          sx: {
-            position: "absolute",
-            left: 0,
-            top: 0,
-            right: 0,
-            bottom: 0,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center"
-          },
-          children: /* @__PURE__ */ r(U, { icon: t, color: "primary.main" })
-        }
-      ) : h && /* @__PURE__ */ r(
-        "img",
-        {
-          className: "card__image",
-          src: h,
-          ...n,
-          alt: n.alt || i?.filename || "card-image",
-          width: i?.naturalWidth,
-          height: i?.naturalHeight,
-          style: { width: "100%", height: "100%", objectFit: a || "cover", objectPosition: "center" },
-          loading: "lazy"
-        }
-      ) }),
-      children: [
-        e || o ? /* @__PURE__ */ r(
-          K,
-          {
-            align: d,
-            title: e,
-            titleProps: c,
-            description: o,
-            descriptionProps: s
-          }
-        ) : null,
-        l?.length ? /* @__PURE__ */ r(O, { align: d, actions: l, className: "mt-4" }) : null
-      ]
-    }
-  );
-}
-const Ro = C(Y)`
-  ${(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 {
-    color: ${({ theme: t }) => t.palette.text.primary};
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-  }
-  .card__description {
-    color: ${({ theme: t }) => t.palette.text.primary};
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-  }
-
-  .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;
-  }
-`, Ct = "section";
-function St({
-  title: t,
-  image: e,
-  imageMeta: o,
-  description: n,
-  actions: i,
-  align: a,
-  listType: c = "",
-  className: s = "",
-  ...l
-}) {
-  return /* @__PURE__ */ w(Mo, { className: b("card", `list-type-${c}`, s), align: a, ...l, children: [
-    e && /* @__PURE__ */ r(
-      U,
-      {
-        icon: e,
-        color: "primary.main",
-        size: c === "icon-title" ? "1.2rem" : "3rem",
-        imageMeta: o
-      }
-    ),
-    t || n ? /* @__PURE__ */ r(K, { align: a, title: t, description: n }) : null,
-    i?.length ? /* @__PURE__ */ r(O, { align: a, actions: i, className: "mt-4" }) : null
-  ] });
-}
-const Mo = C(Y)`
-  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[Ct]}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;
-    color: ${({ theme: t }) => t.palette.text.primary};
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-  }
-  .card__description {
-    color: ${({ theme: t }) => t.palette.text.primary};
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-  }
-  .card__body {
-    color: ${({ theme: t }) => t.palette.text.primary};
-    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[Ct]}px) {
-    padding: 2rem 2rem;
-    text-align: left;
-    box-sizing: border-box;
-  }
-`;
-function Io({
-  image: t,
-  title: e,
-  description: o,
-  imageProps: n = {},
-  imageMeta: i,
-  imageSize: a,
-  titleProps: c = {},
-  descriptionProps: s = {},
-  actions: l,
-  align: d,
-  ...m
-}) {
-  const u = xt(t), h = F(L(t), 540);
-  return /* @__PURE__ */ w(
-    Lo,
-    {
-      className: "card-article",
-      ...m,
-      prepend: /* @__PURE__ */ r("div", { className: "card__image__wrap", children: u && t ? /* @__PURE__ */ r(
-        f,
-        {
-          sx: {
-            position: "absolute",
-            left: 0,
-            top: 0,
-            right: 0,
-            bottom: 0,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center"
-          },
-          children: /* @__PURE__ */ r(U, { icon: t, color: "primary.main" })
-        }
-      ) : h && /* @__PURE__ */ r(
-        f,
-        {
-          component: "img",
-          className: "card__image",
-          src: h,
-          ...n,
-          alt: n.alt || i?.filename || "card-image",
-          style: { width: "100%", height: "100%", objectFit: a || "contain", objectPosition: "center" },
-          loading: "lazy",
-          sx: [
-            {
-              width: i?.naturalWidth,
-              height: i?.naturalHeight
-            },
-            ...Array.isArray(n.sx) ? n.sx : [n.sx]
-          ]
-        }
-      ) }),
-      children: [
-        e || o ? /* @__PURE__ */ r(
-          K,
-          {
-            align: d,
-            title: e,
-            titleProps: c,
-            description: o,
-            descriptionProps: s
-          }
-        ) : null,
-        l?.length ? /* @__PURE__ */ r(O, { align: d, actions: l, className: "mt-4" }) : null
-      ]
-    }
-  );
-}
-const Lo = C(Y)`
-  ${(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;
-  }
-`, Bt = "section";
-function Eo({
-  title: t,
-  image: e,
-  imageMeta: o,
-  iconSize: n = 100,
-  description: i,
-  actions: a,
-  align: c,
-  className: s = "",
-  ...l
-}) {
-  return /* @__PURE__ */ r(Ao, { className: b("card", s), ...l, children: /* @__PURE__ */ w(f, { className: "flex items-center", children: [
-    e && /* @__PURE__ */ r(U, { icon: e, color: "primary.main", size: n, imageMeta: o }),
-    /* @__PURE__ */ w(f, { className: "flex-1 ml-4", children: [
-      /* @__PURE__ */ r(K, { align: c, title: t, description: i }),
-      /* @__PURE__ */ r(O, { align: c, actions: a, className: "mt-4" })
-    ] })
-  ] }) });
-}
-const Ao = C(Y)`
-  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[Bt]}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;
-    color: ${({ theme: t }) => t.palette.text.primary};
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-  }
-  .card__description {
-    color: ${({ theme: t }) => t.palette.text.primary};
-    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[Bt]}px) {
-    padding: 2rem 2rem;
-    text-align: left;
-    box-sizing: border-box;
-  }
-`;
-function Po({
-  title: t,
-  titleProps: e = {},
-  description: o,
-  descriptionProps: n = {},
-  image: i,
-  imageMeta: a,
-  className: c = "",
-  align: s,
-  hoverStyle: l,
-  ...d
-}) {
-  return /* @__PURE__ */ w(Wo, { className: b("card-simple", c, `hover-style__${l}`), align: s, ...d, children: [
-    i && /* @__PURE__ */ r(U, { icon: i, color: "primary.main", imageMeta: a }),
-    t || o ? /* @__PURE__ */ r(
-      K,
-      {
-        align: s,
-        title: t,
-        titleProps: e,
-        description: o,
-        descriptionProps: n
-      }
-    ) : null
-  ] });
-}
-const Wo = C(Y)`
-  .card__title {
-    color: ${({ theme: t }) => t.palette.text.primary};
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-  }
-  .card__description {
-    color: ${({ theme: t }) => t.palette.text.primary};
-    a {
-      color: ${({ theme: t }) => t.palette.primary.main};
-    }
-  }
-
-  &.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 jo({ type: t = "default", ...e }) {
-  const n = {
-    article: No,
-    simple: Po,
-    news: Eo,
-    default: St,
-    wall: Io
-  }[t] || St;
-  return /* @__PURE__ */ r(n, { ...t === "news" ? e : I(e, "iconSize") });
-}
-function zo({
-  list: t = [],
-  align: e = "top",
-  cards: o,
-  listBorder: n = !0,
-  listType: i = "",
-  col: a = 3,
-  gap: c,
-  iconColor: s,
-  className: l = "",
-  type: d = "default",
-  dark: m = !1,
-  textAlign: u = "left",
-  hoverStyle: h,
-  ...p
-}) {
-  return /* @__PURE__ */ r(
-    Jt,
-    {
-      type: d,
-      className: b("card-list py-1", l, "items-stretch"),
-      col: a,
-      gap: c,
-      align: e,
-      ...p,
-      children: o || t.map((y) => /* @__PURE__ */ r(
-        jo,
-        {
-          borderColor: n,
-          iconColor: s,
-          type: d,
-          listType: i,
-          dark: m,
-          ...y,
-          align: u,
-          style: c === 0 && t.length > 1 ? {
-            borderRadius: 0,
-            marginRight: "-1px",
-            marginBottom: "-1px"
-          } : {}
-        },
-        y.id
-      ))
-    }
-  );
-}
-const Fo = [
-  "align",
-  "cards",
-  "list",
-  "listBorder",
-  "listType",
-  "col",
-  "gap",
-  "iconColor",
-  "type",
-  "textAlign"
-];
-function E(t, e) {
-  const o = pt(t, e), n = I(t, e);
-  return [o, n];
-}
-const To = C(rt)`
-  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 Oo({ className: t, ...e }) {
-  const [o, n] = E(e, nt), [i, a] = E(n, Fo);
-  return /* @__PURE__ */ w(To, { className: b("section--card-list", t), type: e.type, ...a, children: [
-    Object.keys(o).length > 0 && /* @__PURE__ */ r(ot, { center: !0, ...o, className: "mb-[2.5vw]" }),
-    /* @__PURE__ */ r(zo, { ...i, dark: !!e.dark })
-  ] });
-}
-const Uo = C(Oo)`
-  .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 Do({ section: t, ...e }) {
-  const [{ editing: o }, n] = E(e, et), i = S(() => ({
-    ...I(n, ["listBorder", "list", "iconSize", "imageSize"]),
-    list: n.list?.map((a) => ({
-      ...I(a, "icon", "iconColor"),
-      image: ["news", "simple", "default"].includes(n.type) && a.icon ? a.icon : a.image,
-      actions: a.actions?.map?.((c) => /* @__PURE__ */ r(Gt, { ...c, editing: o }, c.id)),
-      border: n.listBorder,
-      iconSize: n.iconSize,
-      imageSize: n.imageSize,
-      hoverStyle: n.hoverStyle
-    }))
-  }), [n]);
-  return /* @__PURE__ */ r(Uo, { style: o ? { pointerEvents: "none" } : {}, ...i });
-}
-function Go({
-  properties: t,
-  section: e,
-  locale: o,
-  dev: n
-}) {
-  return e?.config?.componentId ? /* @__PURE__ */ r(
-    $e,
-    {
-      instanceId: e.id,
-      componentId: e.config.componentId,
-      blockletId: e.config.blockletId,
-      blockletTitle: e.config.blockletTitle,
-      componentName: e.config.componentName,
-      locale: o,
-      properties: t,
-      dev: n
-    }
-  ) : /* @__PURE__ */ r(
-    f,
-    {
-      sx: {
-        textAlign: "center",
-        py: 2
-      },
-      children: /* @__PURE__ */ r(
-        j,
-        {
-          variant: "caption",
-          sx: {
-            color: "text.secondary"
-          },
-          children: "Please select component to render"
-        }
-      )
-    }
-  );
-}
-function Ho({
-  src: t,
-  dataId: e,
-  isEdit: o = !1,
-  height: n = "100%",
-  onLoad: i = () => {
-  }
-}) {
-  return /* @__PURE__ */ r(
-    Le,
-    {
-      isEdit: o,
-      embedId: e,
-      src: t,
-      height: n,
-      onLoad: () => {
-        i();
-      }
-    }
-  );
-}
-function Vo({ dataId: t, src: e, actions: o, center: n, onLoad: i, ...a }) {
-  const [c, s] = E(a, nt);
-  return /* @__PURE__ */ w(rt, { ...s, children: [
-    Object.keys(c).length > 0 && /* @__PURE__ */ r(ot, { center: n, ...c }),
-    /* @__PURE__ */ r(
-      Ho,
-      {
-        dataId: t,
-        src: e,
-        onLoad: i,
-        height: a.iframeHeight ? `${a.iframeHeight}px` : "100%"
-      }
-    ),
-    /* @__PURE__ */ r(O, { actions: o, center: n })
-  ] });
-}
-const mr = {
-  src: "",
-  embedUrl: "",
-  title: "",
-  description: "",
-  dark: !1,
-  background: "",
-  center: !0,
-  config: {},
-  id: ""
-};
-function Jo({ section: t, id: e, src: o, ...n }) {
-  const i = `${e}-${n.locale}`, [{ editing: a }, c] = E(n, et), s = ht({}), l = JSON.parse(JSON.stringify(c)), { message: d } = Re(i, "server"), m = Me(JSON.parse(JSON.stringify(c.config) || "{}"));
-  return J(() => {
-    d && d.onInit(() => m.current);
-  }, [d]), J(() => {
-    const u = JSON.parse(JSON.stringify(c.config) || "{}");
-    Ie(s.current, u) || (s.current = u, d?.send("config-set", u));
-  }, [d, c.config]), o ? /* @__PURE__ */ r(Vo, { ...l, dataId: i, src: o, style: a ? { pointerEvents: "none" } : {} }) : /* @__PURE__ */ r(Yo, { children: 'Please set the "src" attribute for this block' });
-}
-const Yo = C("div")`
-  user-select: none;
-  color: #999;
-  padding: 8px;
-  height: 200px;
-`, Nt = {
-  width: "1px",
-  style: "solid",
-  color: "divider"
-};
-function Yt(t) {
-  return typeof t == "string" && t.startsWith("custom:");
-}
-function Ko(t) {
-  if (!Yt(t)) return Nt;
-  try {
-    const e = t?.substring(7) || "", [o = "1px", n = "solid", ...i] = e.split(" ");
-    return {
-      width: o,
-      style: n,
-      color: i.join(" ") || "divider"
-    };
-  } catch {
-    return Nt;
-  }
-}
-function Xo(t) {
-  if (!t || t === "none")
-    return { border: "none" };
-  if (Yt(t)) {
-    const { width: e, style: o, color: n } = Ko(t);
-    return {
-      border: "none",
-      // 避免和下面的详细属性冲突
-      borderWidth: e,
-      borderStyle: o,
-      borderColor: n
-    };
-  }
-  return {};
-}
-function Kt(t) {
-  return typeof t == "string" && t.startsWith("custom:");
-}
-function qo(t) {
-  if (!Kt(t)) return "0";
-  try {
-    return t?.substring(7) || "0";
-  } catch {
-    return "0";
-  }
-}
-function Qo(t) {
-  return !t || t === "none" ? { borderRadius: 0 } : Kt(t) ? { borderRadius: qo(t) } : {};
-}
-function Zo({ ref: t = void 0, type: e, sx: o, children: n, ...i }) {
-  const a = [{}, ...Array.isArray(o) ? o : [o]];
-  return z(() => {
-    const s = Tt(e);
-    return s ? (a.push({
-      img: {
-        objectFit: "contain !important",
-        bgcolor: (l) => l.palette.background.default,
-        borderRadius: "0 !important",
-        position: "relative"
-      }
-    }), /* @__PURE__ */ r(ut, { type: e, children: n })) : /* @__PURE__ */ r(
-      f,
-      {
-        component: s ? ut : "div",
-        ref: t,
-        sx: a,
-        ...i,
-        ...s ? { type: e } : {},
-        children: n
-      }
-    );
-  }, [e, n, a])();
-}
-const tn = "none", en = "none", on = "transparent", nn = "center", rn = "start", an = "none", sn = "none", ln = 12, cn = ({
-  gridSettings: t,
-  section: e,
-  index: o,
-  columns: n,
-  simulateMode: i = "desktop",
-  isBackground: a
-}) => {
-  const c = t?.[i] ?? {}, s = c[e.id], l = dn(c);
-  return {
-    i: e.id,
-    static: e?.locked || a,
-    ...a ? {
-      x: 0,
-      y: 0,
-      w: n,
-      h: 1,
-      isResizable: !1
-    } : {
-      x: s?.x ?? 0,
-      y: s?.y ?? o,
-      w: s?.w ?? n,
-      h: s?.h ?? 1,
-      isResizable: !0
-    },
-    minH: 1,
-    maxH: 1,
-    maxY: l
-  };
-}, dn = (t) => Object.values(t).reduce((e, o) => Math.max(e, o.y || 0), 0) || 0, un = (t) => {
-  const { dev: e, id: o, section: n, onBlockRender: i } = t, a = e?.mode, c = se((g) => g.breakpoints.down("sm")), { t: s } = Ee(), { sections: l, sectionIds: d, config: m } = n, {
-    columns: u = ln,
-    gridSettings: h,
-    gap: p,
-    padding: y,
-    background: x,
-    alignContent: v,
-    justifyContent: k,
-    border: _,
-    borderRadius: M,
-    ignoreMaxWidth: B
-  } = m || {}, it = S(() => {
-    const $ = W({
-      type: "layoutBlockGap",
-      value: p ?? tn,
-      format: "sx"
-    }), T = {
-      ...$,
-      gap: Object.keys($.gap).reduce((N, A) => (N[A] = -$.gap[A], N), {})
-    };
-    return {
-      item: $,
-      container: T
-    };
-  }, [p]), Xt = S(() => W({
-    type: "layoutBlockPadding",
-    value: y ?? en,
-    format: "sx"
-  }), [y]), at = S(() => W({
-    type: "layoutBlockAlignContent",
-    value: v ?? nn,
-    format: "sx"
-  }), [v]), st = S(() => W({
-    type: "layoutBlockJustifyContent",
-    value: k ?? rn,
-    format: "sx"
-  }), [k]), qt = S(() => {
-    const g = _ ?? an, $ = Xo(g);
-    return Object.keys($).length > 0 ? $ : W({
-      type: "layoutBlockBorder",
-      value: g,
-      format: "sx"
-    });
-  }, [_]), Qt = z(
-    (g) => Tt(_) ? /* @__PURE__ */ r(Zo, { type: _, ...g }) : /* @__PURE__ */ r(f, { ...g }),
-    [_]
-  ), Zt = S(() => {
-    const g = M ?? sn, $ = Qo(g);
-    return Object.keys($).length > 0 ? $ : W({
-      type: "layoutBlockBorderRadius",
-      value: g,
-      format: "sx"
-    });
-  }, [M]), bt = z(
-    (g, $ = !1, T = 0) => {
-      if (!i || !g || !g.component || g.visibility === "hidden")
-        return null;
-      const N = cn({
-        gridSettings: h,
-        section: g,
-        index: T,
-        columns: u,
-        simulateMode: c ? "mobile" : "desktop",
-        isBackground: $
-      }), A = N?.x ?? 0, D = N?.y ?? 0, G = N?.w ?? u, te = N?.h ?? 1, ee = N?.maxY ?? 0, oe = !!n?.config?.backgroundSectionId;
-      return /* @__PURE__ */ r(
-        f,
-        {
-          className: $ ? "layout-block-background" : "layout-block-component",
-          sx: {
-            // 背景元素和普通元素都使用 grid 布局
-            ...$ ? {
-              // 背景元素覆盖整个网格区域
-              gridColumn: "1 / -1",
-              gridRow: `1 / ${ee + 1}`,
-              zIndex: 0,
-              width: "100%",
-              height: "100%",
-              "& .BlockBase-root": {
-                width: "100%",
-                height: "100%"
-              }
-            } : {
-              position: "relative",
-              // 使用 grid 定位普通元素
-              gridColumn: `${A + 1} / span ${G}`,
-              // hasBackground 的话，不再 + 1，因为 background 会占用第一行
-              gridRow: `${D + (oe ? 0 : 1)} / span ${te}`,
-              zIndex: 1,
-              // Ensure content is above background
-              minWidth: 0,
-              // 防止内容撑开网格项
-              minHeight: 0,
-              // 防止内容撑开网格项
-              // overflow: 'hidden', // 防止子内容溢出网格项
-              // 只给非第一行添加上边距
-              ...D > 0 ? { mt: it?.item?.gap } : {},
-              // 只给非第一列添加左边距
-              ...A > 0 ? { ml: it?.item?.gap } : {},
-              "& > .BlockBase-root": {
-                height: "100%",
-                width: "100%",
-                boxSizing: "border-box",
-                position: "relative",
-                ...at,
-                ...st
-              }
-            }
-          },
-          children: i({
-            id: g.id,
-            type: g.component,
-            config: {},
-            section: {
-              ...g
-            },
-            mode: a
-          })
-        },
-        g.id
-      );
-    },
-    [
-      o,
-      a,
-      i,
-      h,
-      u,
-      c,
-      it,
-      at,
-      st,
-      B
-    ]
-  ), { backgroundElements: yt, contentElements: vt } = S(() => {
-    if (!d || !d.length || !l || !Object.keys(l).length)
-      return { backgroundElements: [], contentElements: [] };
-    const g = [], $ = [];
-    return d?.forEach((T, N) => {
-      const A = l[T];
-      if (!A) return;
-      const D = n?.config?.backgroundSectionId === T, G = bt(A, D, N);
-      G && (D ? g.push(G) : $.push(G));
-    }), { backgroundElements: g, contentElements: $ };
-  }, [bt, l, d]);
-  return a === "draft" && !yt?.length && !vt?.length ? /* @__PURE__ */ w(
-    f,
-    {
-      sx: {
-        gridColumn: "1 / -1",
-        gridRow: "1",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: 2,
-        border: (g) => `2px dashed ${g.palette.divider}`,
-        borderRadius: 2,
-        padding: 4,
-        color: "text.secondary",
-        textAlign: "center",
-        minHeight: "160px",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ r(
-          f,
-          {
-            sx: {
-              fontSize: "48px",
-              opacity: 0.5
-            },
-            children: "📐"
-          }
-        ),
-        /* @__PURE__ */ r(
-          f,
-          {
-            sx: {
-              fontSize: "16px",
-              fontWeight: 500,
-              marginBottom: 1
-            },
-            children: "Section Layout"
-          }
-        ),
-        /* @__PURE__ */ r(
-          f,
-          {
-            sx: {
-              opacity: 0.7,
-              whiteSpace: "pre-line"
-            },
-            children: s("maker.layoutBlock.draftPlaceholder")
-          }
-        ),
-        /* @__PURE__ */ r(
-          f,
-          {
-            sx: {
-              position: "absolute",
-              top: 0,
-              left: 0,
-              right: 0,
-              bottom: 0,
-              pointerEvents: "none",
-              opacity: 0.1,
-              background: (g) => `
-                repeating-linear-gradient(
-                  90deg,
-                  transparent,
-                  transparent calc(100% / ${u} - 1px),
-                  ${g.palette.grey[400]} calc(100% / ${u} - 1px),
-                  ${g.palette.grey[400]} calc(100% / ${u})
-                )
-              `
-            }
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ w(
-    Qt,
-    {
-      sx: {
-        position: "relative",
-        display: "grid",
-        gridTemplateColumns: `repeat(${u}, minmax(0, 1fr))`,
-        alignItems: "stretch",
-        width: "100%",
-        height: "100%",
-        minWidth: 0,
-        bgcolor: x ?? on,
-        boxSizing: "border-box",
-        // overflow: 'hidden', // Prevent content overflow
-        ...Xt,
-        ...at,
-        ...st
-      },
-      children: [
-        n?.id && /* @__PURE__ */ r(
-          le,
-          {
-            styles: (g) => g.unstable_sx({
-              [`#BlockBase-${n.id}`]: {
-                ...B && {
-                  maxWidth: "unset !important",
-                  px: 0
-                },
-                ...qt,
-                ...Zt,
-                overflow: "hidden"
-              }
-            })
-          }
-        ),
-        yt,
-        vt
-      ]
-    }
-  );
-}, mn = ["title", "description", "actions", "badge", "tag", "prepend", "append", "logo"];
-function pn({
-  image: t,
-  imageBorder: e,
-  imageShadow: o,
-  className: n,
-  reverse: i = !1,
-  fullSizeImage: a,
-  ...c
-}) {
-  const [s, l] = E(c, nt), d = Object.keys(s).length > 0 && Object.values(pt(s, mn)).filter(Boolean).length > 0 && /* @__PURE__ */ r(ot, { ...s }), m = Et(t) ? t : /* @__PURE__ */ r(f, { component: "img", src: t, alt: "", className: "block" }), u = ["phone", "macbook"].includes(e), h = t && /* @__PURE__ */ r(
-    f,
-    {
-      className: b(
-        "section__image",
-        "m-auto, leading-[1] text-center",
-        o && "shadow-xl",
-        s?.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__ */ r(ut, { type: e, sx: { width: "100%" }, children: m })
-      ) : m
-    }
-  );
-  return /* @__PURE__ */ r(
-    rt,
-    {
-      className: b(
-        "section--block",
-        n,
-        a && !i && ct`
-            .section-bg {
-              height: 80%;
-            }
-          `
-      ),
-      ...l,
-      boxProps: a ? { sx: { padding: 0, overflow: "hidden" } } : void 0,
-      children: /* @__PURE__ */ r(
-        Jt,
-        {
-          col: t ? 2 : 1,
-          className: a ? ct`
-                display: flex;
-                flex-direction: column;
-
-                > .base-info,
-                > .section__image {
-                  width: 100%;
-
-                  > img,
-                  > video {
-                    width: 100%;
-                  }
-                }
-              ` : void 0,
-          children: i ? /* @__PURE__ */ w(Q, { children: [
-            h,
-            d
-          ] }) : /* @__PURE__ */ w(Q, { children: [
-            d,
-            h
-          ] })
-        }
-      )
-    }
-  );
-}
-const hn = [
-  /youtu\.be\/([^#&?]{11})/,
-  // youtu.be/<id>
-  /\?v=([^#&?]{11})/,
-  // ?v=<id>
-  /&v=([^#&?]{11})/,
-  // &v=<id>
-  /embed\/([^#&?]{11})/,
-  // embed/<id>
-  /\/v\/([^#&?]{11})/
-  // /v/<id>
-];
-function gn(t) {
-  if (/youtu\.?be/.test(t))
-    for (const e of hn) {
-      const o = e.exec(t)?.[1];
-      if (o)
-        return o;
-    }
-}
-function fn(t) {
-  const e = gn(t);
-  if (e)
-    return `https://youtube.com/embed/${e}`;
-}
-function xn({ src: t }) {
-  return J(() => {
-    import("@lottiefiles/lottie-player");
-  }, []), /* @__PURE__ */ r("lottie-player", { autoplay: !0, loop: !0, mode: "normal", src: t });
-}
-function bn(t) {
-  return /* @__PURE__ */ r(
-    f,
-    {
-      sx: {
-        maxHeight: 400,
-        overflow: "hidden auto"
-      },
-      children: /* @__PURE__ */ r(Ae, { ...t })
-    }
-  );
-}
-function yn({ url: t }) {
-  const e = ht(null), o = 495, [n, i] = Z(
-    e.current ? e.current.offsetWidth * 0.5625 : o
-  ), a = z(() => {
-    const c = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, s = e.current ? e.current.offsetWidth * 0.5625 : o;
-    return i(Math.floor(s * c));
-  }, []);
-  return J(() => {
-    window.addEventListener("resize", a);
-    const c = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, s = e.current ? e.current.offsetWidth * 0.5625 : o;
-    return i(Math.floor(s * c)), function() {
-      window.removeEventListener("resize", a);
-    };
-  }, [n, a]), /* @__PURE__ */ r(
-    f,
-    {
-      component: "iframe",
-      ref: e,
-      title: "youtube",
-      src: t,
-      frameBorder: "0",
-      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-      allowFullScreen: !0,
-      sx: {
-        width: "100%",
-        height: `${n}px`,
-        display: "block"
-      }
-    }
-  );
-}
-const pr = {
-  image: "https://www.arcblock.io/static/ead0cabde7f2b7ff34db8f3e8ceca271/afc4b/builder.png",
-  badge: "Develop · Deploy · Run",
-  title: "The Future is Here: Blockchain and Decentralized Application Development",
-  description: "ArcBlock, your exclusive new decentralized development platform, makes developing decentralized applications, blockchain, and distributed ledger technology straightforward.",
-  reverse: !1,
-  dark: !1,
-  background: "",
-  actions: void 0,
-  hasImage: !0,
-  center: !1
-}, vn = C(pn)`
-  .section__description {
-  }
-`;
-function wn({
-  hasImage: t,
-  fullSizeImage: e,
-  boxed: o,
-  videoPoster: n,
-  imageMeta: i,
-  imageOptimization: a,
-  imageSize: c,
-  section: s,
-  ...l
-}) {
-  const [{ editing: d }, m] = E({ ...l, boxed: e ? void 0 : o }, et);
-  let u = kn(m.image, n, e, i, a, c);
-  t || (u = null);
-  let h = null;
-  return m.actions && (h = m.actions?.map?.((p, y) => /* @__PURE__ */ r(Gt, { ...p, editing: d }, y))), /* @__PURE__ */ r(
-    vn,
-    {
-      ...m,
-      style: d ? { pointerEvents: "none" } : {},
-      image: u,
-      fullSizeImage: t && e,
-      actions: h
-    }
-  );
-}
-function kn(t, e, o, n, i, a) {
-  if (t) {
-    if (t.endsWith(".json"))
-      return /* @__PURE__ */ r(xn, { src: t });
-    if (t.indexOf("twitter.com") !== -1)
-      return /* @__PURE__ */ r(bn, { sourceType: "url", url: t });
-    const c = fn(t);
-    if (c)
-      return /* @__PURE__ */ r(yn, { url: c });
-    const { naturalWidth: s, naturalHeight: l, filename: d } = n || {};
-    if (H(t))
-      return /* @__PURE__ */ r(
-        "video",
-        {
-          width: s && `${s}px`,
-          height: l && `${l}px`,
-          controls: !0,
-          autoPlay: !0,
-          muted: !0,
-          style: {
-            display: "block",
-            objectFit: a || "contain",
-            borderRadius: "8px",
-            width: "100%",
-            height: "100%"
-          },
-          poster: F(L(e), o ? 1200 : 540, i),
-          children: /* @__PURE__ */ r("source", { src: L(t), type: wo(t) })
-        },
-        t
-      );
-    const m = i === "quality" ? 1 : 0.6;
-    return /* @__PURE__ */ r(
-      jt,
-      {
-        src: L(t),
-        sizesAttr: {
-          sm: 600 * m,
-          md: 450 * m,
-          lg: 540 * m,
-          ...o && {
-            md: 900 * m,
-            lg: 1200 * m
-          }
-        },
-        width: s && `${s}px`,
-        height: l && `${l}px`,
-        alt: d ?? t,
-        style: { objectFit: a || "contain", display: "block", width: "100%", height: "100%" },
-        loading: "lazy"
-      }
-    );
-  }
-  return null;
-}
-const hr = ["production", "draft"];
-function gr({ mode: t, version: e } = {}) {
-  const o = e && typeof e == "number" ? { mode: t, version: e } : { mode: t };
-  return gt.get(`/api/${ft()}/pages`, { params: o }).then((n) => n.data);
-}
-function fr({ mode: t, routes: e }) {
-  return gt.post(`/api/${ft()}/pages/publish`, { mode: t, routes: e }).then((o) => o.data);
-}
-function _n({
-  locale: t,
-  sort: e,
-  page: o,
-  limit: n,
-  mode: i
-} = {}) {
-  return gt.get(`/api/${ft()}/pages/toc`, { params: { locale: t, sort: e, page: o, limit: n, mode: i } }).then((a) => a.data);
-}
-const xr = {
-  style: "list",
-  sort: "-updatedAt"
-}, Rt = 20;
-function $n({ style: t, sort: e, section: o, ...n }) {
-  const [{ editing: i, locale: a }, c] = E(n, et), [s, l] = E(c, nt), [d, m] = Z(), u = ht(!1), h = Pe(), p = ye(), y = z(async () => {
-    if (!u.current) {
-      u.current = !0, h();
-      try {
-        const x = d ? Math.floor(d.list.length / Rt) + 1 : 1, { list: v, total: k } = await _n({ locale: a, sort: e, page: x, limit: Rt });
-        m((_) => ({
-          list: (_?.list ?? []).concat(v),
-          total: k
-        }));
-      } finally {
-        u.current = !1, h();
-      }
-    }
-  }, [d, a, e, h]);
-  return We(() => {
-    y();
-  }), /* @__PURE__ */ w(rt, { ...l, sx: i ? { pointerEvents: "none" } : {}, children: [
-    Object.keys(s).length > 0 && /* @__PURE__ */ r(ot, { ...s }),
-    d ? /* @__PURE__ */ w(Q, { children: [
-      /* @__PURE__ */ r(
-        wt,
-        {
-          container: !0,
-          spacing: 2,
-          sx: {
-            justifyContent: "center"
-          },
-          children: d?.list.map((x) => /* @__PURE__ */ r(
-            wt,
-            {
-              size: {
-                xs: 12,
-                sm: t === "card" ? 6 : 12,
-                md: t === "card" ? 3 : 12
-              },
-              children: /* @__PURE__ */ w(
-                Cn,
-                {
-                  elevation: 0,
-                  className: b(t === "card" && "style-card"),
-                  onClick: i ? void 0 : () => p(x.slug),
-                  children: [
-                    !!x.image && /* @__PURE__ */ r(
-                      ue,
-                      {
-                        component: "img",
-                        alt: "",
-                        image: F(L(x.image), 540),
-                        loading: "lazy"
-                      }
-                    ),
-                    /* @__PURE__ */ w(me, { children: [
-                      /* @__PURE__ */ r(j, { variant: "h6", component: "div", className: Mt, children: x.title || x.id }),
-                      /* @__PURE__ */ r(j, { variant: "body2", className: Mt, children: x.description })
-                    ] })
-                  ]
-                }
-              )
-            },
-            x.id
-          ))
-        }
-      ),
-      /* @__PURE__ */ r(
-        f,
-        {
-          sx: {
-            textAlign: "center",
-            mt: 2
-          },
-          children: d.total > d.list.length ? /* @__PURE__ */ r(V, { variant: "outlined", color: "secondary", onClick: y, loading: u.current, children: "More" }) : /* @__PURE__ */ r(V, { variant: "outlined", color: "secondary", disabled: !0, children: "No More" })
-        }
-      )
-    ] }) : /* @__PURE__ */ r(
-      f,
-      {
-        sx: {
-          p: 2,
-          textAlign: "center"
-        },
-        children: /* @__PURE__ */ r(de, { size: 24 })
-      }
-    )
-  ] });
-}
-const Mt = ct`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`, Cn = C(ce)`
-  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;
-    }
-  }
-`, Sn = {
-  iframe: Jo,
-  section: wn,
-  "section-card-list": Do,
-  toc: $n,
-  "custom-component": Go,
-  "layout-block": un
-};
-function Bn({
-  id: t,
-  type: e,
-  mode: o,
-  config: n,
-  section: i,
-  ignorePageMetaStyle: a,
-  page: c,
-  ...s
-}) {
-  const l = Sn[e], { getPageMetaStyle: d } = so(), m = S(() => {
-    const { height: p, ...y } = n;
-    return e === "layout-block" && (y.onBlockRender = (x) => {
-      const v = {
-        ...n?.dev,
-        ...x?.config?.dev
-      }, { defaultLocale: k } = v, _ = {
-        ...pt(n, ["locale", "editing"]),
-        ...x?.config,
-        dev: v
-      }, { locale: M } = _;
-      let B = c?.dataSource?.[x?.id]?.[M];
-      return he(B) && (B = c?.dataSource?.[x?.id]?.[k ?? "en"]), /* @__PURE__ */ r(
-        Bn,
-        {
-          ...x,
-          config: {
-            ...x?.section?.properties,
-            ...B,
-            ..._
-          },
-          page: c,
-          ignorePageMetaStyle: !0
-        }
-      );
-    }), y;
-  }, [n, e]), u = S(() => {
-    const p = {};
-    return e !== "custom-component" && (p.height = n.height), p.sx = a ? void 0 : d("sx"), p.id = `BlockBase-${t}`, p;
-  }, [n.height, a, e, d]), h = l && /* @__PURE__ */ r(l, { mode: o, ...m, id: t, section: i });
-  return h ? /* @__PURE__ */ r(lo, { ...s, ...u, children: h }) : /* @__PURE__ */ r(Nn, { type: e });
-}
-function Nn({ type: t }) {
-  return /* @__PURE__ */ r(
-    f,
-    {
-      sx: {
-        p: 2
-      },
-      children: /* @__PURE__ */ w(pe, { icon: /* @__PURE__ */ r(ne, {}), color: "error", children: [
-        "Unsupported Block `",
-        t,
-        "`"
-      ] })
-    }
-  );
-}
-export {
-  Bn as B,
-  mr as I,
-  dr as P,
-  hr as S,
-  xr as T,
-  cr as a,
-  pr as b,
-  gr as g,
-  fr as p
-};