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

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

@@ -0,0 +1,3012 @@
+import { jsx as i, jsxs as y, Fragment as X } from "react/jsx-runtime";
+import { ErrorOutline as xe } from "@mui/icons-material";
+import { Box as m, styled as be, Typography as z, Container as ye, useTheme as Ft, useMediaQuery as Ht, GlobalStyles as ve, Card as ke, CircularProgress as we, Grid as Qt, CardMedia as Ce, CardContent as Be, Alert as Ee } from "@mui/material";
+import Ie from "lodash/isEmpty";
+import et from "lodash/pick";
+import Se, { createContext as Vt, useMemo as E, useCallback as H, useContext as Gt, useState as ot, useEffect as K, Fragment as De, isValidElement as Ot, useRef as ht } from "react";
+import S from "lodash/keyBy";
+import { styled as I, useTheme as Tt } from "@arcblock/ux/lib/Theme";
+import { cx as v, css as ut } from "@emotion/css";
+import N from "lodash/omit";
+import { Link as Qe, NavLink as Re, useNavigate as Ne } from "react-router-dom";
+import Le from "@arcblock/ux/lib/Button";
+import gt from "is-uri";
+import { Icon as Yt } from "@iconify-icon/react";
+import { e as M, f as L, i as ft, l as xt } from "./state-DSo43FAB.js";
+import je from "@blocklet/pages-kit/builtin/markdown/markdown-renderer";
+import { useColorConvert as Jt } from "@blocklet/pages-kit/contexts/color";
+import { materialDark as Pe } from "react-syntax-highlighter/dist/esm/styles/prism";
+import ze from "@arcblock/react-hooks/lib/useBrowser";
+import Rt from "@arcblock/ux/lib/Colors";
+import { ResponsiveImage as Xt, CustomComponentRenderer as Me } from "@blocklet/pages-kit/components";
+import { isGradient as We, isColorString as Ue } from "@blocklet/pages-kit/utils/style";
+import Kt from "@mui/material/useMediaQuery";
+import { join as $ } from "pathe";
+import { withoutTrailingSlash as dt, isRelative as Fe, parseURL as He } from "ufo";
+import { useMessage as Ve } from "@blocklet/embed/message";
+import { useLatest as Ge } from "ahooks";
+import Oe from "lodash/isEqual";
+import { EmbedIframe as Te } from "@blocklet/embed/react";
+import { useLocaleContext as Ye } from "@arcblock/ux/lib/Locale/context";
+import Zt from "@arcblock/ux/lib/Screenshot";
+import { TwitterTimelineEmbed as Je } from "react-twitter-embed";
+import { useUpdate as Xe, useMount as Ke } from "react-use";
+const Z = "{{CUSTOM_VALUE}}", Ze = [
+  {
+    title: "None",
+    value: "none",
+    sx: {}
+  },
+  {
+    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 } }
+  }
+], qe = [
+  {
+    title: "None",
+    value: "none",
+    sx: {}
+  },
+  {
+    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 } }
+  },
+  {
+    title: "Extra Large",
+    value: "xl",
+    sx: { py: { xs: 8, md: 12, lg: 12, xl: 16 } }
+  }
+], _e = [
+  {
+    title: "None",
+    value: "none",
+    sx: {}
+  },
+  {
+    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 } }
+  },
+  {
+    title: "Extra Large",
+    value: "xl",
+    sx: { px: { xs: 3, md: 12.5, lg: 15, xl: 17.5 } }
+  }
+], tt = (t, e, o) => {
+  const n = t.breakpoints.values[o];
+  return `${e}${n ? ` (${n}px)` : ""}`;
+}, $e = [
+  {
+    title: "100%",
+    value: "full",
+    sx: {}
+  },
+  {
+    title: "None",
+    value: "none",
+    sx: { maxWidth: "none" }
+  },
+  {
+    title: (t) => tt(t, "Small", "sm"),
+    value: "sm",
+    sx: {
+      maxWidth: (t) => t.breakpoints.values.sm,
+      width: "100%",
+      mx: "auto"
+    }
+  },
+  {
+    title: (t) => tt(t, "Normal", "md"),
+    value: "md",
+    sx: { maxWidth: (t) => t.breakpoints.values.md, width: "100%", mx: "auto" }
+  },
+  {
+    title: (t) => tt(t, "Large", "lg"),
+    value: "lg",
+    sx: { maxWidth: (t) => t.breakpoints.values.lg, width: "100%", mx: "auto" }
+  },
+  {
+    title: (t) => tt(t, "Extra Large", "xl"),
+    value: "xl",
+    sx: { maxWidth: (t) => t.breakpoints.values.xl, width: "100%", mx: "auto" }
+  },
+  {
+    title: "Custom",
+    value: "custom",
+    sx: {
+      maxWidth: Z,
+      width: "100%",
+      mx: "auto"
+    }
+  }
+], to = [
+  {
+    title: "None",
+    value: "none",
+    sx: { 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 } }
+  }
+], bt = (t) => [
+  {
+    title: "None",
+    value: "none",
+    sx: {}
+  },
+  {
+    title: "Small",
+    value: "small",
+    sx: { [t]: { xs: 1, md: 2, lg: 2, xl: 3 } }
+  },
+  {
+    title: "Normal",
+    value: "normal",
+    sx: { [t]: { xs: 2.5, md: 5, lg: 5, xl: 7.5 } }
+  },
+  {
+    title: "Large",
+    value: "large",
+    sx: { [t]: { xs: 3, md: 6, lg: 6, xl: 9 } }
+  },
+  {
+    title: "Extra Large",
+    value: "xl",
+    sx: { [t]: { xs: 4, md: 8, lg: 8, xl: 12 } }
+  },
+  {
+    title: "Custom",
+    value: "custom",
+    sx: { [t]: Z }
+  }
+], eo = bt("p"), oo = bt("px"), no = bt("py"), io = [
+  {
+    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" }
+  }
+], ro = [
+  {
+    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" }
+  }
+], ao = [
+  {
+    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: Z
+    },
+    group: "borderFrame"
+  }
+], qt = [
+  // 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' },
+], so = (t) => qt.some((e) => e.value === t), lo = (t) => _t.some((e) => e.value === t), _t = [
+  {
+    value: "chrome",
+    title: "Chrome Browser",
+    group: "browserFrame",
+    sx: {}
+  },
+  {
+    value: "safari",
+    title: "Safari Browser",
+    group: "browserFrame",
+    sx: {}
+  }
+], Ao = [
+  {
+    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] }
+  }
+], co = [
+  {
+    title: "None",
+    value: "none",
+    sx: { border: "none" },
+    group: "commonFrame"
+  },
+  ...ao,
+  ..._t,
+  ...Ao,
+  ...qt
+], uo = [
+  {
+    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: Z }
+  }
+], go = [
+  {
+    title: "100%",
+    value: "100%",
+    sx: { height: "100%" }
+  },
+  {
+    title: "Auto",
+    value: "auto",
+    sx: { height: "auto" }
+  },
+  {
+    title: "Unset",
+    value: "unset",
+    sx: { height: "unset" }
+  },
+  {
+    title: "Inherit",
+    value: "inherit",
+    sx: { height: "inherit" }
+  },
+  {
+    title: "Initial",
+    value: "initial",
+    sx: { height: "initial" }
+  },
+  {
+    title: "Fit Content",
+    value: "fit-content",
+    sx: { height: "fit-content" }
+  },
+  {
+    title: "Max Content",
+    value: "max-content",
+    sx: { height: "max-content" }
+  },
+  {
+    title: "Min Content",
+    value: "min-content",
+    sx: { height: "min-content" }
+  }
+], mo = S(Ze, "value"), po = S(qe, "value"), ho = S(_e, "value"), fo = S($e, "value"), xo = S(to, "value"), bo = S(eo, "value"), yo = S(oo, "value"), vo = S(no, "value"), ko = S(io, "value"), wo = S(ro, "value"), Co = S(co, "value"), Bo = S(uo, "value"), Eo = S(go, "value"), Io = /* @__PURE__ */ new Map([
+  ["baseSectionPaddingY", mo],
+  ["maxWidth", fo],
+  ["paddingY", po],
+  ["paddingX", ho],
+  ["layoutBlockGap", xo],
+  ["layoutBlockPadding", bo],
+  ["layoutBlockPaddingX", yo],
+  ["layoutBlockPaddingY", vo],
+  ["layoutBlockAlignContent", ko],
+  ["layoutBlockJustifyContent", wo],
+  ["layoutBlockBorder", Co],
+  ["layoutBlockBorderRadius", Bo],
+  ["layoutBlockHeight", Eo]
+]);
+function R(t) {
+  const { type: e, value: o, format: n = "sx", defaultValue: r = null } = t, a = Io.get(e);
+  if (!a || typeof o != "string" || !o)
+    return r;
+  const A = o.startsWith("custom:"), s = A ? "custom" : o;
+  if (a?.[s] && a?.[s]?.[n]) {
+    const l = a[s][n];
+    if (A) {
+      const c = o.replace("custom:", "");
+      try {
+        return JSON.parse(JSON.stringify(l || {}).replaceAll(Z, c));
+      } catch {
+      }
+    }
+    return l;
+  }
+  return r;
+}
+const $t = Vt({
+  page: null,
+  getPageMeta: () => ({}),
+  getPageMetaStyle: () => ({})
+});
+function te() {
+  return Gt($t);
+}
+function Hi({
+  page: t,
+  children: e,
+  defaultLocale: o = "en",
+  currentLocale: n
+}) {
+  const r = E(() => t ? JSON.parse(JSON.stringify(t)) : null, [JSON.stringify(t)]), a = H(() => {
+    if (!r) return {};
+    const l = n || o;
+    return r.locales?.[l] ?? {};
+  }, [r, o, n]), A = H(
+    (l = "sx") => {
+      const c = a();
+      return !c || !c.style ? {} : Object.entries(c.style || {}).reduce((u, [p, g]) => {
+        if (!g) return u;
+        const b = `${p}Custom`;
+        c.style[b];
+        const f = R({
+          type: p,
+          value: g,
+          format: l
+        });
+        return f ? { ...u, ...f } : u;
+      }, {});
+    },
+    [a]
+  ), s = E(
+    () => ({
+      page: r,
+      getPageMeta: a,
+      getPageMetaStyle: A
+    }),
+    [r, a, A]
+  );
+  return /* @__PURE__ */ i($t.Provider, { value: s, children: e });
+}
+const nt = ["editing", "height", "locale", "dev", "sx"];
+function So(t) {
+  const { className: e, ...o } = t;
+  return /* @__PURE__ */ i(Do, { ...o, className: v("BlockBase-root", e) });
+}
+const Do = I(m)`
+  position: relative;
+  color: ${({ theme: t }) => t.palette.text.primary};
+`, ee = Vt({
+  pages: [],
+  project: void 0
+}), { Provider: Vi, Consumer: Gi } = ee;
+function oe() {
+  return Gt(ee);
+}
+function Qo({ icon: t, ...e }) {
+  return /* @__PURE__ */ i(Yt, { icon: t, ...e, ref: null });
+}
+function Ro({ icon: t, className: e = "", size: o = "1rem", ...n }) {
+  return /* @__PURE__ */ i(No, { component: Qo, className: v("css-icon", e), size: o, ...n, icon: t });
+}
+const No = I(m)`
+  &.css-icon {
+    display: inline-block;
+    width: ${({ size: t }) => t};
+    height: ${({ size: t }) => t};
+  }
+`;
+function Lo({ icon: t, className: e = "", size: o = "1rem", imageMeta: n, ...r }) {
+  const a = M(L(t), 540), [A, s] = ot(!1), l = Tt();
+  return A ? /* @__PURE__ */ i(Ro, { icon: "i-mdi:image", color: l.palette.grey[500], size: o, className: e, ...r }) : /* @__PURE__ */ i(jo, { className: v("image-icon", e), size: o, ...r, children: /* @__PURE__ */ i(
+    "img",
+    {
+      className: "image-icon__image",
+      src: a,
+      onError: () => s(!0),
+      width: n?.naturalWidth,
+      height: n?.naturalHeight,
+      alt: n?.filename || "card-icon",
+      loading: "lazy"
+    }
+  ) });
+}
+const jo = I(m)`
+  display: inline-block;
+  width: ${({ size: t }) => t};
+  height: ${({ size: t }) => t};
+  .image-icon__image {
+    object-fit: contain;
+    height: 100%;
+    width: 100%;
+  }
+`, yt = (t) => typeof t == "string" && /^[\w-_]+:[\w-_]+$/.test(t);
+function mt({ icon: t, size: e = "1rem", imageMeta: o, ...n }) {
+  const r = window.isNaN(e) ? e : `${e}px`;
+  return yt(t) ? /* @__PURE__ */ i(Yt, { icon: t }) : /* @__PURE__ */ i(Po, { component: Lo, imageMeta: o, className: "base-icon", icon: t, size: r, ...n });
+}
+const Po = I(m)`
+  flex-shrink: 0;
+`;
+function J({ text: t, children: e, icon: o = "", endIcon: n, color: r = "primary", link: a = "", href: A = "", ...s }) {
+  const l = o ? /* @__PURE__ */ i(mt, { icon: o }) : null, c = n ? /* @__PURE__ */ i(mt, { icon: n }) : null, d = a || A, u = { ...s };
+  return d && (u.href = d, gt(d) && (u.target = u.target || "_blank")), /* @__PURE__ */ i(Le, { startIcon: l, endIcon: c, color: r, ...u, children: t || e });
+}
+function ne({ editing: t, text: e, ...o }) {
+  const { pages: n = [] } = oe(), r = n.find((a) => a.id === (o.link || o.linkId));
+  if (t)
+    return /* @__PURE__ */ i(J, { ...N(o, ["link", "linkId"]), children: e });
+  if (r) {
+    const a = r.path || "/";
+    return /* @__PURE__ */ i(Qe, { to: a, children: /* @__PURE__ */ i(J, { ...N(o, ["link", "linkId"]), children: e }) });
+  }
+  return /* @__PURE__ */ i(J, { ...N(o, "linkId"), children: e });
+}
+function V({ actions: t, center: e, className: o, align: n }) {
+  return t && t?.length ? /* @__PURE__ */ i(
+    m,
+    {
+      className: v(
+        "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 zo = "section", Mo = be(m)`
+  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[zo]}px) {
+    .section__tag {
+      margin-bottom: 32px;
+    }
+    .section__title {
+      margin-bottom: 32px;
+    }
+    .section__description {
+      margin-bottom: 40px;
+    }
+  }
+`;
+function it({
+  title: t,
+  description: e,
+  descriptionMarkdown: o,
+  actions: n,
+  className: r = "",
+  classes: a = {},
+  prepend: A,
+  append: s,
+  level: l = 2,
+  tag: c,
+  badge: d,
+  center: u,
+  logo: p,
+  titleAppearance: g,
+  descriptionAppearance: b,
+  ...f
+}) {
+  const x = Jt();
+  if (!t && !e && !n && !d && !c && !A && !s && !p) return null;
+  const w = Math.max(Math.min(5, l + 1), 1), k = {
+    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"
+  }, B = l === 0 ? "big" : `h${w}`, D = l === 0;
+  return /* @__PURE__ */ y(Mo, { className: v("base-info", "lg:text-left", u && "!text-center", r), ...f, children: [
+    A && /* @__PURE__ */ i("div", { children: A }),
+    (c || d) && /* @__PURE__ */ i("div", { className: v("section__tag", a?.tag || a?.badge), children: c || d }),
+    p && /* @__PURE__ */ i("img", { className: "w-[120px] m-auto mb-8", src: p, alt: "info", loading: "lazy" }),
+    t && /* @__PURE__ */ i(
+      z,
+      {
+        sx: {
+          whiteSpace: "pre-wrap",
+          mb: e ? "2vw" : 0,
+          ...g?.color && { color: `${x(g.color)} !important` }
+        },
+        className: v(
+          "section__title",
+          "text-gray-800",
+          "dark:text-gray-50",
+          a.title,
+          "page-kit-section__title",
+          D ? "" : "section__title_non_big"
+        ),
+        component: `h${Math.max(l, 1)}`,
+        variant: B,
+        children: t
+      }
+    ),
+    e && (o ? /* @__PURE__ */ i(
+      m,
+      {
+        sx: {
+          ...b?.color && { color: `${x(b.color)} !important` }
+        },
+        className: v(
+          "section__description",
+          "text-gray-800",
+          "dark:text-gray-100",
+          k[w],
+          a.description,
+          "page-kit-section__description"
+        ),
+        children: /* @__PURE__ */ i(je, { codeOptions: { showActionButton: !1, theme: Pe }, children: e })
+      }
+    ) : /* @__PURE__ */ i(
+      z,
+      {
+        sx: {
+          whiteSpace: "pre-wrap",
+          ...b?.color && { color: `${x(b.color)} !important` }
+        },
+        className: v(
+          "section__description",
+          "text-gray-800",
+          "dark:text-gray-100",
+          k[w],
+          a.description,
+          "page-kit-section__description"
+        ),
+        component: "div",
+        variant: "body1",
+        gutterBottom: !0,
+        children: e
+      }
+    )),
+    /* @__PURE__ */ i(V, { actions: n, center: u, className: "mt-8" }),
+    s && /* @__PURE__ */ i("div", { children: s })
+  ] });
+}
+const rt = [
+  "actions",
+  "append",
+  "badge",
+  "tag",
+  "center",
+  "description",
+  "descriptionMarkdown",
+  "level",
+  "logo",
+  "prepend",
+  "title",
+  "titleAppearance",
+  "descriptionAppearance"
+];
+function Wo() {
+  const t = navigator.userAgent.toLowerCase();
+  return t.includes("safari") && !t.includes("chrome");
+}
+function Uo(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 Y(t) {
+  return t?.endsWith(".mp4") || t?.endsWith(".m4v") || t?.endsWith(".webm");
+}
+function Fo(t) {
+  return t?.endsWith(".mp4") || t?.endsWith(".m4v") ? "video/mp4" : t?.endsWith(".webm") ? "video/webm" : void 0;
+}
+function Ho(t) {
+  let e = {};
+  return typeof t == "string" ? We(t) ? e.image = t : (e.image = L(t), Ue(t) && (e.color = t, e.image = "")) : e = t, e;
+}
+function Vo() {
+  const [t, e] = ot(Date.now());
+  return K(() => {
+    const o = () => {
+      e(Date.now());
+    };
+    return document.addEventListener("visibilitychange", o), () => {
+      document.removeEventListener("visibilitychange", o);
+    };
+  }, []), t;
+}
+function Nt(t, e, o, n, r) {
+  let a = null;
+  const { color: A = "", image: s } = Ho(e);
+  if (s && Uo(s)) {
+    delete o.backgroundColor;
+    const l = !(t.mobile.apple.device || Wo()) && Y(s), c = Y(s) && n ? M(L(n), 1200, "quality") : "";
+    l ? a = /* @__PURE__ */ i(
+      m,
+      {
+        component: "video",
+        className: "section-bg",
+        autoPlay: !0,
+        loop: !0,
+        muted: !0,
+        controls: !1,
+        playsInline: !0,
+        poster: c,
+        src: Y(s) ? s : M(s, 1200, "quality"),
+        sx: {
+          width: "100%",
+          position: "absolute",
+          zIndex: -9999,
+          right: 0,
+          left: 0,
+          top: 0,
+          height: "100%",
+          objectFit: "cover"
+        }
+      },
+      s
+    ) : a = /* @__PURE__ */ i(
+      Xt,
+      {
+        src: Y(s) && n ? c : 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"
+        }
+      },
+      r || s
+    );
+  } else s ? o.backgroundImage = `${s} !important` : A && (o.backgroundColor = `${A} !important`);
+  return a;
+}
+function Go({ autoWidth: t, children: e, ...o }) {
+  return t ? /* @__PURE__ */ i(
+    m,
+    {
+      ...o,
+      sx: [
+        {
+          display: "flex"
+        },
+        ...Array.isArray(o.sx) ? o.sx : [o.sx]
+      ],
+      children: e
+    }
+  ) : /* @__PURE__ */ i(ye, { ...o, children: e });
+}
+function at({
+  dark: t = !1,
+  children: e,
+  className: o,
+  sx: n = {},
+  boxed: r = { show: !1 },
+  padding: a = "normal",
+  boxProps: A,
+  type: s,
+  ...l
+}) {
+  const c = { ...n }, d = Kt((g) => g.breakpoints.down("md"));
+  t && (c.color = Rt.common.white, c.backgroundColor = `${Rt.grey[900]} !important`), r.show && (c.display = "flex");
+  const u = E(() => !Number(l.boxMaxWidth) || d ? {
+    width: "100%"
+  } : s === "wall" && l.boxMaxWidth ? {
+    maxWidth: `${l.boxMaxWidth}px !important`,
+    width: "100%"
+  } : {
+    width: "100%"
+  }, [l.boxMaxWidth, d, s]), p = R({
+    type: "baseSectionPaddingY",
+    value: a || "normal",
+    // section default is normal
+    defaultValue: ""
+  });
+  return /* @__PURE__ */ i(
+    Oo,
+    {
+      component: "section",
+      styles: { ...c, ...p },
+      className: v("base-section", "px-2 md:px-5 lg:px-5 xl:px-10", o, {
+        dark: t
+      }),
+      ...N(
+        l,
+        "hoverStyle",
+        "boxMaxWidth",
+        "embedUrl",
+        "autoWidth",
+        "paddingXY",
+        "iframeHeight",
+        "titleAppearance",
+        "descriptionAppearance"
+      ),
+      children: /* @__PURE__ */ i(Go, { autoWidth: l?.autoWidth, className: v("section-content h-full"), sx: u, children: r.show ? /* @__PURE__ */ i(vt, { ...A, boxed: r, children: e }) : e })
+    }
+  );
+}
+function vt({
+  background: t = "",
+  backgroundVideoPoster: e,
+  children: o,
+  sx: n = {},
+  boxed: r = { show: !1 },
+  className: a = "",
+  styles: A = {},
+  ...s
+}) {
+  const l = { ...A, ...n }, c = Jt();
+  let d = null;
+  const u = Kt((b) => b.breakpoints.up("sm")), p = ze(), g = Vo();
+  return t && (d = Nt(
+    p,
+    typeof t == "string" ? c(t) : t,
+    l,
+    e,
+    g
+  )), r.show && (l.borderRadius = "10px", l.padding === void 0 && (l.padding = u ? "50px" : "20px"), r?.border && (l.border = "1px solid #c0c0c0"), r?.background && (d = Nt(
+    p,
+    typeof r?.background == "string" ? c(r?.background) : r?.background,
+    l,
+    r?.backgroundVideoPoster,
+    g
+  ))), /* @__PURE__ */ y(
+    m,
+    {
+      ...s,
+      sx: {
+        ...l,
+        ...d ? { position: "relative", overflow: "hidden", zIndex: 0 } : {}
+      },
+      className: v(a, r?.boxShadow && "shadow-xl"),
+      children: [
+        d,
+        o
+      ]
+    }
+  );
+}
+const Oo = I(vt)`
+  &:nth-of-type(even) {
+    background: #f8f8f8;
+  }
+
+  @media (max-width: 600px) {
+    .section__title {
+      font-size: 24px;
+    }
+
+    .base-info {
+      > *:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+`;
+function ie(t) {
+  if (t.type === De) {
+    const o = (t.props.children || []).filter((n) => Ot(n));
+    return o.length === 1 ? ie(o[0]) : o.length > 1;
+  }
+  return Array.isArray(t);
+}
+const P = "&>*";
+function re({ children: t, col: e, gap: o, className: n, align: r, sx: a, type: A, ...s } = {
+  children: null,
+  className: "",
+  col: 3,
+  gap: void 0,
+  sx: {},
+  align: "center",
+  type: "default"
+}) {
+  const l = Tt(), c = Number(Math.floor(100 / e * 100) / 100), d = {
+    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 = d[r] || d.center;
+  let g = o ?? ({
+    2: 6,
+    3: 4,
+    4: 4,
+    5: 3,
+    6: 3
+  }[e] || 0);
+  ie(t) || (g = 0);
+  const f = (e - 1) * g / e;
+  let x = { ...a, gap: `${g}rem` };
+  const w = { [P]: { width: "100%" } }, k = {}, B = {}, D = {};
+  switch (w.gap = "1rem", k.gap = `${g / 2}rem`, e) {
+    case 3:
+    case 4:
+      k[P] = {
+        width: `calc(50% - ${g / 2}rem)`
+      };
+      break;
+    case 5:
+    case 6:
+      w[P] = {
+        width: `calc(50% - ${g / 2 / 2}rem)`
+      }, k[P] = {
+        width: `calc(50% - ${g / 2 / 2}rem)`
+      }, B[P] = {
+        width: `calc(33.33% - ${g * 2 / 3}rem)`
+      };
+      break;
+  }
+  return x[P] = { width: `calc(${c}% - ${f}rem)` }, x[`@media (max-width: ${l.breakpoints.values.xl}px)`] = D, x[`@media (max-width: ${l.breakpoints.values.lg}px)`] = B, x[`@media (max-width: ${l.breakpoints.values.md}px)`] = k, x[`@media (max-width: ${l.breakpoints.values.sm}px)`] = w, A === "wall" && (x = { ...a, gap: `${g}rem` }, x[P] = { width: `calc(${c}% - ${f}rem)` }, w[P] = { width: `calc(45% - ${g / 2 / 2}rem)` }, x[`@media (max-width: ${l.breakpoints.values.sm}px)`] = w), /* @__PURE__ */ i(m, { className: v("flex flex-wrap flex-row h-full", u, n), sx: x, ...s, children: t });
+}
+function G({ type: t = "", icon: e = "", size: o = "3rem", className: n = "", ...r }) {
+  return /* @__PURE__ */ i(
+    mt,
+    {
+      icon: e || t,
+      size: o,
+      className: v("content-icon", n),
+      ...r,
+      color: typeof r.color > "u" ? "inherit" : r.color
+    }
+  );
+}
+function To({
+  to: t,
+  base: e,
+  children: o,
+  className: n,
+  activeClassName: r = "active",
+  target: a = "auto",
+  autoExternalMark: A = !1,
+  useRouterLink: s,
+  ...l
+}) {
+  const { pages: c = [], locale: d = "" } = {}, u = e ? $("/", e) : e || "";
+  let p = a === "auto" ? "_self" : a, g = $(u, t);
+  const b = A ? gt(g) : !1;
+  if (e)
+    return g = $(u, d, t), /* @__PURE__ */ i(
+      "a",
+      {
+        className: `no-underline ${n}`,
+        href: dt(g),
+        rel: "noreferrer noopener",
+        target: p,
+        ...l,
+        children: o
+      }
+    );
+  if (gt(t))
+    a === "auto" && (p = "_blank"), g = t;
+  else {
+    Fe(g) && (g = $(window.location.pathname, g));
+    const f = He(`${window.location.origin}${g}`), x = c.some((w) => w.pathname === f.pathname);
+    if (s || x)
+      return /* @__PURE__ */ i(
+        Re,
+        {
+          end: !0,
+          to: dt(g),
+          className: ({ isActive: w }) => v(n, w ? r : ""),
+          ...l,
+          children: o
+        }
+      );
+  }
+  return /* @__PURE__ */ y(
+    "a",
+    {
+      className: `no-underline ${n}`,
+      href: dt(g),
+      rel: "noreferrer noopener",
+      target: p,
+      ...l,
+      children: [
+        o,
+        b && /* @__PURE__ */ i(G, { icon: "i-mdi:arrow-top-right", size: "0.9em", className: "smart-link__mark", style: { marginLeft: 5 } })
+      ]
+    }
+  );
+}
+function q({
+  prepend: t,
+  append: e,
+  children: o,
+  className: n = "",
+  dark: r = !1,
+  border: a = !0,
+  ...A
+}) {
+  let s = {};
+  const { pages: l = [] } = oe(), c = l.find((p) => p.id === A.link), d = !o || Se.Children.toArray(o).every((p) => p === null);
+  A.link && (s = {
+    component: To,
+    to: c?.path || A.link,
+    useRouterLink: !0
+  });
+  const u = Ft();
+  return /* @__PURE__ */ y(
+    Yo,
+    {
+      className: v("base-card card", { dark: r, "border-transparent": !a }, n),
+      sx: {
+        borderColor: u.palette.divider
+      },
+      ...s,
+      ...N(A, ["listType", "dark", "iconColor", "link", "hoverStyle", "imageSize"]),
+      children: [
+        t,
+        !d && /* @__PURE__ */ i("div", { className: "card__body", children: o }),
+        e
+      ]
+    }
+  );
+}
+const Yo = I(m)`
+  &.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 _({
+  align: t = "left",
+  title: e,
+  titleProps: o = {},
+  description: n,
+  descriptionProps: r = {}
+}) {
+  return /* @__PURE__ */ y(X, { children: [
+    e && /* @__PURE__ */ i(
+      z,
+      {
+        className: v("card__title text-gray-800", "dark:text-gray-50"),
+        component: "h5",
+        variant: "h5",
+        gutterBottom: !0,
+        align: t,
+        ...o,
+        children: e
+      }
+    ),
+    n && /* @__PURE__ */ i(
+      z,
+      {
+        className: v("card__description", "text-gray-500", "dark:text-gray-400"),
+        component: "div",
+        variant: "body1",
+        gutterBottom: !0,
+        align: t,
+        ...r,
+        children: n
+      }
+    )
+  ] });
+}
+function Jo({
+  image: t,
+  title: e,
+  description: o,
+  imageProps: n = {},
+  imageMeta: r,
+  imageSize: a,
+  titleProps: A = {},
+  descriptionProps: s = {},
+  actions: l,
+  align: c,
+  ...d
+}) {
+  const u = yt(t), p = M(L(t), 540);
+  return /* @__PURE__ */ y(
+    Xo,
+    {
+      className: "card-article",
+      ...d,
+      prepend: /* @__PURE__ */ i("div", { className: "card__image__wrap", children: u && t ? /* @__PURE__ */ i(
+        m,
+        {
+          sx: {
+            position: "absolute",
+            left: 0,
+            top: 0,
+            right: 0,
+            bottom: 0,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          },
+          children: /* @__PURE__ */ i(G, { icon: t, color: "primary.main" })
+        }
+      ) : p && /* @__PURE__ */ i(
+        "img",
+        {
+          className: "card__image",
+          src: p,
+          ...n,
+          alt: n.alt || r?.filename || "card-image",
+          width: r?.naturalWidth,
+          height: r?.naturalHeight,
+          style: { width: "100%", height: "100%", objectFit: a || "cover", objectPosition: "center" },
+          loading: "lazy"
+        }
+      ) }),
+      children: [
+        e || o ? /* @__PURE__ */ i(
+          _,
+          {
+            align: c,
+            title: e,
+            titleProps: A,
+            description: o,
+            descriptionProps: s
+          }
+        ) : null,
+        l?.length ? /* @__PURE__ */ i(V, { align: c, actions: l, className: "mt-4" }) : null
+      ]
+    }
+  );
+}
+const Xo = I(q)`
+  ${(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;
+  }
+`, Lt = "section";
+function jt({
+  title: t,
+  image: e,
+  imageMeta: o,
+  description: n,
+  actions: r,
+  align: a,
+  listType: A = "",
+  className: s = "",
+  ...l
+}) {
+  return /* @__PURE__ */ y(Ko, { className: v("card", `list-type-${A}`, s), align: a, ...l, children: [
+    e && /* @__PURE__ */ i(
+      G,
+      {
+        icon: e,
+        color: "primary.main",
+        size: A === "icon-title" ? "1.2rem" : "3rem",
+        imageMeta: o
+      }
+    ),
+    t || n ? /* @__PURE__ */ i(_, { align: a, title: t, description: n }) : null,
+    r?.length ? /* @__PURE__ */ i(V, { align: a, actions: r, className: "mt-4" }) : null
+  ] });
+}
+const Ko = I(q)`
+  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[Lt]}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[Lt]}px) {
+    padding: 2rem 2rem;
+    text-align: left;
+    box-sizing: border-box;
+  }
+`;
+function Zo({
+  image: t,
+  title: e,
+  description: o,
+  imageProps: n = {},
+  imageMeta: r,
+  imageSize: a,
+  titleProps: A = {},
+  descriptionProps: s = {},
+  actions: l,
+  align: c,
+  ...d
+}) {
+  const u = yt(t), p = M(L(t), 540);
+  return /* @__PURE__ */ y(
+    qo,
+    {
+      className: "card-article",
+      ...d,
+      prepend: /* @__PURE__ */ i("div", { className: "card__image__wrap", children: u && t ? /* @__PURE__ */ i(
+        m,
+        {
+          sx: {
+            position: "absolute",
+            left: 0,
+            top: 0,
+            right: 0,
+            bottom: 0,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          },
+          children: /* @__PURE__ */ i(G, { icon: t, color: "primary.main" })
+        }
+      ) : p && /* @__PURE__ */ i(
+        m,
+        {
+          component: "img",
+          className: "card__image",
+          src: p,
+          ...n,
+          alt: n.alt || r?.filename || "card-image",
+          style: { width: "100%", height: "100%", objectFit: a || "contain", objectPosition: "center" },
+          loading: "lazy",
+          sx: [
+            {
+              width: r?.naturalWidth,
+              height: r?.naturalHeight
+            },
+            ...Array.isArray(n.sx) ? n.sx : [n.sx]
+          ]
+        }
+      ) }),
+      children: [
+        e || o ? /* @__PURE__ */ i(
+          _,
+          {
+            align: c,
+            title: e,
+            titleProps: A,
+            description: o,
+            descriptionProps: s
+          }
+        ) : null,
+        l?.length ? /* @__PURE__ */ i(V, { align: c, actions: l, className: "mt-4" }) : null
+      ]
+    }
+  );
+}
+const qo = I(q)`
+  ${(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;
+  }
+`, Pt = "section";
+function _o({
+  title: t,
+  image: e,
+  imageMeta: o,
+  iconSize: n = 100,
+  description: r,
+  actions: a,
+  align: A,
+  className: s = "",
+  ...l
+}) {
+  return /* @__PURE__ */ i($o, { className: v("card", s), ...l, children: /* @__PURE__ */ y(m, { className: "flex items-center", children: [
+    e && /* @__PURE__ */ i(G, { icon: e, color: "primary.main", size: n, imageMeta: o }),
+    /* @__PURE__ */ y(m, { className: "flex-1 ml-4", children: [
+      /* @__PURE__ */ i(_, { align: A, title: t, description: r }),
+      /* @__PURE__ */ i(V, { align: A, actions: a, className: "mt-4" })
+    ] })
+  ] }) });
+}
+const $o = I(q)`
+  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[Pt]}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[Pt]}px) {
+    padding: 2rem 2rem;
+    text-align: left;
+    box-sizing: border-box;
+  }
+`;
+function tn({
+  title: t,
+  titleProps: e = {},
+  description: o,
+  descriptionProps: n = {},
+  image: r,
+  imageMeta: a,
+  className: A = "",
+  align: s,
+  hoverStyle: l,
+  ...c
+}) {
+  return /* @__PURE__ */ y(en, { className: v("card-simple", A, `hover-style__${l}`), align: s, ...c, children: [
+    r && /* @__PURE__ */ i(G, { icon: r, color: "primary.main", imageMeta: a }),
+    t || o ? /* @__PURE__ */ i(
+      _,
+      {
+        align: s,
+        title: t,
+        titleProps: e,
+        description: o,
+        descriptionProps: n
+      }
+    ) : null
+  ] });
+}
+const en = I(q)`
+  .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 on({ type: t = "default", ...e }) {
+  const n = {
+    article: Jo,
+    simple: tn,
+    news: _o,
+    default: jt,
+    wall: Zo
+  }[t] || jt;
+  return /* @__PURE__ */ i(n, { ...t === "news" ? e : N(e, "iconSize") });
+}
+function nn({
+  list: t = [],
+  align: e = "top",
+  cards: o,
+  listBorder: n = !0,
+  listType: r = "",
+  col: a = 3,
+  gap: A,
+  iconColor: s,
+  className: l = "",
+  type: c = "default",
+  dark: d = !1,
+  textAlign: u = "left",
+  hoverStyle: p,
+  ...g
+}) {
+  return /* @__PURE__ */ i(
+    re,
+    {
+      type: c,
+      className: v("card-list py-1", l, "items-stretch"),
+      col: a,
+      gap: A,
+      align: e,
+      ...g,
+      children: o || t.map((b) => /* @__PURE__ */ i(
+        on,
+        {
+          borderColor: n,
+          iconColor: s,
+          type: c,
+          listType: r,
+          dark: d,
+          ...b,
+          align: u,
+          style: A === 0 && t.length > 1 ? {
+            borderRadius: 0,
+            marginRight: "-1px",
+            marginBottom: "-1px"
+          } : {}
+        },
+        b.id
+      ))
+    }
+  );
+}
+const rn = [
+  "align",
+  "cards",
+  "list",
+  "listBorder",
+  "listType",
+  "col",
+  "gap",
+  "iconColor",
+  "type",
+  "textAlign"
+];
+function j(t, e) {
+  const o = et(t, e), n = N(t, e);
+  return [o, n];
+}
+const an = I(at)`
+  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 sn({ className: t, ...e }) {
+  const [o, n] = j(e, rt), [r, a] = j(n, rn);
+  return /* @__PURE__ */ y(an, { className: v("section--card-list", t), type: e.type, ...a, children: [
+    Object.keys(o).length > 0 && /* @__PURE__ */ i(it, { center: !0, ...o, className: "mb-[2.5vw]" }),
+    /* @__PURE__ */ i(nn, { ...r, dark: !!e.dark })
+  ] });
+}
+const ln = I(sn)`
+  .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 An({ section: t, ...e }) {
+  const [{ editing: o }, n] = j(e, nt), r = E(() => ({
+    ...N(n, ["listBorder", "list", "iconSize", "imageSize"]),
+    list: n.list?.map((a) => ({
+      ...N(a, "icon", "iconColor"),
+      image: ["news", "simple", "default"].includes(n.type) && a.icon ? a.icon : a.image,
+      actions: a.actions?.map?.((A) => /* @__PURE__ */ i(ne, { ...A, editing: o }, A.id)),
+      border: n.listBorder,
+      iconSize: n.iconSize,
+      imageSize: n.imageSize,
+      hoverStyle: n.hoverStyle
+    }))
+  }), [n]);
+  return /* @__PURE__ */ i(ln, { style: o ? { pointerEvents: "none" } : {}, ...r });
+}
+function cn({
+  properties: t,
+  section: e,
+  locale: o,
+  dev: n
+}) {
+  return e?.config?.componentId ? /* @__PURE__ */ i(
+    Me,
+    {
+      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__ */ i(
+    m,
+    {
+      sx: {
+        textAlign: "center",
+        py: 2
+      },
+      children: /* @__PURE__ */ i(
+        z,
+        {
+          variant: "caption",
+          sx: {
+            color: "text.secondary"
+          },
+          children: "Please select component to render"
+        }
+      )
+    }
+  );
+}
+function dn({
+  src: t,
+  dataId: e,
+  isEdit: o = !1,
+  height: n = "100%",
+  onLoad: r = () => {
+  }
+}) {
+  return /* @__PURE__ */ i(
+    Te,
+    {
+      isEdit: o,
+      embedId: e,
+      src: t,
+      height: n,
+      onLoad: () => {
+        r();
+      }
+    }
+  );
+}
+function un({ dataId: t, src: e, actions: o, center: n, onLoad: r, ...a }) {
+  const [A, s] = j(a, rt);
+  return /* @__PURE__ */ y(at, { ...s, children: [
+    Object.keys(A).length > 0 && /* @__PURE__ */ i(it, { center: n, ...A }),
+    /* @__PURE__ */ i(
+      dn,
+      {
+        dataId: t,
+        src: e,
+        onLoad: r,
+        height: a.iframeHeight ? `${a.iframeHeight}px` : "100%"
+      }
+    ),
+    /* @__PURE__ */ i(V, { actions: o, center: n })
+  ] });
+}
+const Oi = {
+  src: "",
+  embedUrl: "",
+  title: "",
+  description: "",
+  dark: !1,
+  background: "",
+  center: !0,
+  config: {},
+  id: ""
+};
+function gn({ section: t, id: e, src: o, ...n }) {
+  const r = `${e}-${n.locale}`, [{ editing: a }, A] = j(n, nt), s = ht({}), l = JSON.parse(JSON.stringify(A)), { message: c } = Ve(r, "server"), d = Ge(JSON.parse(JSON.stringify(A.config) || "{}"));
+  return K(() => {
+    c && c.onInit(() => d.current);
+  }, [c]), K(() => {
+    const u = JSON.parse(JSON.stringify(A.config) || "{}");
+    Oe(s.current, u) || (s.current = u, c?.send("config-set", u));
+  }, [c, A.config]), o ? /* @__PURE__ */ i(un, { ...l, dataId: r, src: o, style: a ? { pointerEvents: "none" } : {} }) : /* @__PURE__ */ i(mn, { children: 'Please set the "src" attribute for this block' });
+}
+const mn = I("div")`
+  user-select: none;
+  color: #999;
+  padding: 8px;
+  height: 200px;
+`, pn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbAAAACUCAMAAADF2oyMAAAATlBMVEU1Njrq6uqGiIrT09RMTVA/QERXWFvf39+QkJJ4eXt8foCmp6iam51iY2a9vb6PkJKEhYdqa25eX2KBg4VdX2LIyMlERkk6Oz/HyMlOUFPHL+B4AAADfElEQVR42uzci5aaMBRG4ROBACUgjrWX93/RVmeNoe3IQJcJP2v29wa4hRwiYgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGX0IpW2q7PvKNuHH7lK434ohjN7e0Zia0f12sg39PPzmLbs+1O4PRef/6eVMTOOuCtvQl8PVi+XVD+4dl/avT0ctWONe2YYOhxzF5nNFRTn9dNSCvfUabENt9mJVcDNCdf901II18Vu1oepL5mJl4R6LH0ez+bVHs1f2Yr52d0M4lZVZ5U/Hwd3V3sya7RcL0V6Zi7Wxy7GyibKNZ14rsbqr9spazN9zjfaPmKxzasGUemUsVtZxtHhHeQ+lFkyrV7ZiVeFejfbAqBlMrVeuYsHd1P3cTCIYTK9XnmKle+VtRq8XTLFXlmJFvB4+1sgF0+yVulic6Dub08itYaq90hf7seC4G7mho5PtNSnWWwLe3bSzveTGeuVek2InM0tz6MV8L7Vg2r3SFis+PMEapxbsrddFtJdZ1SYpFq+I5VwvtWD3XpXJ+p6q2OiuhrleasH20CtdseCujjO91IJ1bp062FO9nA8LJSk2uM2fN1onuNWO9kT9YbUXi540c3jbjdqtVtsTnQ+rne2J3I30akCwqe3XpJWObrVgT/RyWK3/1MHWDx1He6p+/dDxqS+Je7htTnXrHIcO6UPf3cZU0s2pH3sb6/dRLPZKc+zB9kW9WLpeNm7/VPr/OEoXS/mDmN/h1KFe7N7rqyVQL9+9KQdXtCZCt1jCXnFvrl48UfYmQrVY0l7x+bVx6dM6nanQLJa2V9yvryv7QFmozSeKxVL3iqdYWDhKyyxiksUS9oqGRRfF0W3/x+/HxUR+H/p2Tt8rPoXdfzD+K25ivRWrJYql7RWFjw+6r53mlohSsSW9Mv/dqNC7wdYplqvX9A99XTn7foFa7IJ404oUu/fyllpcod7dyRivOYUf/dAolqlXPOiYrLSJqrnm0pvop1qlF6sk6jX/2ofjyVdmVXkK15Ff4gs8qxV4XDJnr/kXq8jdnD4sdrENtct75Xl1kd58OHWqncAadi4tm/mTbJDZo3+kHMfKNlV5/91yay/7zPWJ+a5wf6gDucT5MQy3asWlG3VHQwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgF/twQEJAAAAgKD/r9sRqAAAwEH1Hh4GzTWP1QAAAABJRU5ErkJggg==", hn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbAAAACUCAMAAADF2oyMAAAASFBMVEX///9gY2e6vL50d3rr7O3Dxcbh4uNqbXGwsbP3+PibnaClp6n19fXY2dqvsbOIio3c3t6/wcLLzM7U1dZ+gIPd3t7y8/Pm5ucjQ3xVAAADeElEQVR42uzcjXaaMBiH8TfhswSkMrfd/52u2lPj1gqyY8Kf0+d3B/AIeY2IAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkDCGUtqlyGF5sE7XvToV7U4zB1/aF1tR492ayDZX+TW3ZDaFxfym6+lMvZ2Jad1bYhip/9mp5DaP7wqn65+yoBWvdO9uQ96mLLeeKivL27KgF++g12oam7MX64GaE/np21IK18VO1oZcqc7GycPfF09Fufu/R7JW9WN24qzFMZW/W19NhdFdNbWbt9ouFaK/MxarY5dDbjbKKV14lsbqr9sparL7m8vZJTNY5tWBKvTIWK5s4WnyhvIZSC6bVK1uxvnDvvN3hNYOp9cpVLLiLZpibSQSD6fXKU6x072qbMegFU+yVpVjxcT+c08oF0+yVulic6Dub08qtYaq90hc7PXDcrdzQ0cn2uik2WAK1u6hme8mN9cq9bor9MLM0h17M91ILpt0rbbFi8QJrnVqwj14n0V5vxaYkxeIdsZzrpRbs2qs3WcmKeXc2zvVSC7aHXumKBXd2mOmlFqxz6zTBnur16B+UpNjoNn/eaJ3gVjvYEw1+tVeLnjRz1LYbjVutsSc6+tWO9kTuQno1INit7deklQ5utWBP9OpXG751sPVDx8Gealg/dHzrW+Ievjan2uyIQ4f0oe9uYyplLzvtbazfR7HYK82xB9sX9WLpepnf/qn0/3GQLpbyB7F6h1OHerFrr5+WQPP47k05uqIyEbrFEvaKe3PNwxPlYCJUiyXtFZ9f848+rdOZCs1iaXvF/fqmtwVlIRZMsljqXvESCw+O0jKLmGSxhL2i8aGbonfb//H7fjGR34d+HdP3ik9hDwvjv+Im1kexRqJY2l5RWD7ooXGaWyJKxRZ75f+7UaH3BVunWIJei3/o68rZ9ws0YjfEi0qk2LXXb0strlBf7mT4c07hRz80imXqFQ86JivtRt+ec+lN9LcqhRerVOl6Lb/24TDVvVlfTuE88kt8gGdVAo9L5uq1/GIVuS+nd4udbENT3l7Lry7Smw9vTY0TWMOOpS3Kc5GNMnv0M68r7G1TL3X9YrlVp33m+sbqrnB/aQK5xNU+jJdqxanzuqMhAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAn/bggAQAAABA0P/X7QhUAADgIJJyHRS4a1yAAAAAAElFTkSuQmCC", fn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAACUBAMAAADBpL5NAAAAMFBMVEU1Njrx8/Tl5+na292HiYtkZWmfoKKTlZd8fYBNTlHCxMW3uLmrrK5wcXVYWV1BQkZS3k1PAAAAjElEQVRo3u3VMa4BUBBA0Sl+8kt5RIRoLEGhF4Vep9UprUTETqzFhhiJDci8QpyzgNveAAAAAHgbbI+X6GHT2iQ6+G9Pp6i3y/A46t0yPIt6iwwPo157iXrL7I6i3iHD86h3zfA06v1leB0d3FtbRRf7c8C38zzP8zzP8zx+hed5nud5nucBAAAAfOwBSdMdvKmNQoYAAAAASUVORK5CYII=", xn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAACUBAMAAADBpL5NAAAAMFBMVEX///9gY2fX2Nm5u710d3pqbXHr6+zDxcawsbOlp6n19fXh4uPNzs+cnaCRlJaIio3fYqQbAAAAjUlEQVRo3u3Vsa0BUBSA4ZO85kV3BdGIqLQahZINbKAxhcYKKgtZxCYciQXk3EJ83wB/+wcAAADA22BzPUQP69am0cF/ezpHvUWGh1HvnuF51NtneBz12kvU22Z3FPUuGZ5FvWOGJ1HvL8Or6ODW2i66WJ4Cvp3neZ7neZ7n8Ss8z/M8z/M8DwAAAOBjD78dHWIa7LA2AAAAAElFTkSuQmCC", bn = "data:image/png;base64,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", yn = "data:image/png;base64,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", vn = "data:image/png;base64,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", kn = "data:image/png;base64,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", wn = "data:image/png;base64,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", Cn = "data:image/png;base64,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", Bn = [
+  {
+    name: "chrome",
+    mode: {
+      light: {
+        top: {
+          background: "#dfe1e5",
+          left: yn
+        },
+        bottom: {
+          background: "#fff",
+          inputStyle: {
+            background: "#f1f3f4",
+            borderRadius: "10em"
+          },
+          left: hn,
+          right: xn
+        }
+      },
+      dark: {
+        top: {
+          background: "#202124",
+          left: bn
+        },
+        bottom: {
+          background: "#35363a",
+          inputStyle: {
+            background: "#202124",
+            borderRadius: "10em"
+          },
+          left: pn,
+          right: fn
+        }
+      }
+    }
+  },
+  {
+    name: "safari",
+    mode: {
+      light: {
+        top: {
+          background: "#fff",
+          inputStyle: {
+            background: "#0000000d",
+            borderRadius: "4px"
+          },
+          left: kn,
+          right: Cn
+        }
+      },
+      dark: {
+        top: {
+          background: "#191c1f",
+          inputStyle: {
+            background: "#0c0f12",
+            borderRadius: "4px"
+          },
+          left: vn,
+          right: wn
+        }
+      }
+    }
+  }
+], zt = {
+  width: "1px",
+  style: "solid",
+  color: "divider"
+};
+function ae(t) {
+  return typeof t == "string" && t.startsWith("custom:");
+}
+function En(t) {
+  if (!ae(t)) return zt;
+  try {
+    const e = t?.substring(7) || "", [o = "1px", n = "solid", ...r] = e.split(" ");
+    return {
+      width: o,
+      style: n,
+      color: r.join(" ") || "divider"
+    };
+  } catch {
+    return zt;
+  }
+}
+function In(t) {
+  if (!t || t === "none")
+    return { border: "none" };
+  if (ae(t)) {
+    const { width: e, style: o, color: n } = En(t);
+    return {
+      border: "none",
+      // 避免和下面的详细属性冲突
+      borderWidth: e,
+      borderStyle: o,
+      borderColor: n
+    };
+  }
+  return {};
+}
+function se(t) {
+  return typeof t == "string" && t.startsWith("custom:");
+}
+function Sn(t) {
+  if (!se(t)) return "0";
+  try {
+    return t?.substring(7) || "0";
+  } catch {
+    return "0";
+  }
+}
+const pt = (t) => typeof t == "string" && t.startsWith("custom:"), Mt = (t) => pt(t) ? t.replace("custom:", "") : "";
+function Dn(t) {
+  return !t || t === "none" ? { borderRadius: 0 } : se(t) ? { borderRadius: Sn(t) } : {};
+}
+function Qn({ ref: t = void 0, type: e, sx: o, children: n, ...r }) {
+  const a = Ft(), A = a.palette.mode === "dark", l = Ht(a.breakpoints.down("sm")) ? 20 : 32, c = {
+    overflow: "hidden !important",
+    display: "grid !important"
+  }, d = "layout-block-frame", u = [c, ...Array.isArray(o) ? o : [o]];
+  return H(() => {
+    const g = so(e || ""), b = lo(e || "");
+    if (g)
+      return u.push({
+        img: {
+          objectFit: "contain !important",
+          bgcolor: (f) => f.palette.background.default,
+          borderRadius: "0 !important",
+          position: "relative"
+        }
+      }), /* @__PURE__ */ i(
+        Zt,
+        {
+          className: d,
+          type: e,
+          sx: [
+            {
+              // @ts-ignore
+              ".screenshot--container": {
+                ...c,
+                ...et(o, ["p", "px", "py", "pl", "pr", "pt", "pb", "ml", "mr", "mt", "mb", "alignItems"])
+              }
+            }
+          ],
+          children: n
+        }
+      );
+    if (b) {
+      const f = e?.includes("chrome") ? "chrome" : "safari", x = Bn.find((O) => O.name === f);
+      if (!x)
+        return /* @__PURE__ */ i(m, { className: d, ref: t, sx: u, ...r, children: n });
+      const w = x.mode[A ? "dark" : "light"], k = w.top, B = w.bottom, D = f === "chrome";
+      return /* @__PURE__ */ y(
+        m,
+        {
+          className: d,
+          sx: {
+            width: "100%",
+            height: "100%",
+            border: 1,
+            borderColor: "divider",
+            overflow: "hidden"
+          },
+          children: [
+            /* @__PURE__ */ y(
+              m,
+              {
+                sx: {
+                  display: "flex",
+                  flexDirection: "column"
+                },
+                children: [
+                  k && /* @__PURE__ */ y(
+                    m,
+                    {
+                      sx: {
+                        backgroundColor: k.background,
+                        height: l,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "space-between"
+                      },
+                      children: [
+                        k.left && /* @__PURE__ */ i(
+                          m,
+                          {
+                            sx: { height: "100%", display: "flex", alignItems: "center" },
+                            component: "img",
+                            src: k.left,
+                            alt: `${f}-browser-left`
+                          }
+                        ),
+                        k.inputStyle && /* @__PURE__ */ i(
+                          m,
+                          {
+                            sx: {
+                              my: "auto",
+                              ml: 1,
+                              height: "60%",
+                              width: "100%",
+                              ...k.inputStyle
+                            }
+                          }
+                        ),
+                        k.right && /* @__PURE__ */ i(
+                          m,
+                          {
+                            component: "img",
+                            src: k.right,
+                            alt: `${f}-browser-right`,
+                            sx: { height: "100%", display: "flex", alignItems: "center" }
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  B && /* @__PURE__ */ y(
+                    m,
+                    {
+                      sx: {
+                        height: l,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "space-between",
+                        background: B.background
+                      },
+                      children: [
+                        B.left && /* @__PURE__ */ i(
+                          m,
+                          {
+                            component: "img",
+                            src: B.left,
+                            alt: `${f}-browser-left`,
+                            sx: { height: "100%", display: "flex", alignItems: "center" }
+                          }
+                        ),
+                        B.inputStyle && /* @__PURE__ */ i(
+                          m,
+                          {
+                            sx: {
+                              my: "auto",
+                              mx: 1,
+                              height: "60%",
+                              width: "100%",
+                              ...B.inputStyle
+                            }
+                          }
+                        ),
+                        B.right && /* @__PURE__ */ i(
+                          m,
+                          {
+                            component: "img",
+                            src: B.right,
+                            alt: `${f}-browser-right`,
+                            sx: { height: "100%", display: "flex", alignItems: "center" }
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ i(
+              m,
+              {
+                ref: t,
+                sx: [
+                  ...u,
+                  {
+                    position: "relative",
+                    height: `calc(100% - ${D ? l * 2 : l}px)`
+                  }
+                ],
+                ...r,
+                children: n
+              }
+            )
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ i(m, { className: d, ref: t, sx: u, ...r, children: n });
+  }, [e, n, u, A, l])();
+}
+const Rn = "none", Nn = "none", Ln = "none", jn = "100%", Pn = "center", zn = "start", Mn = "none", Wn = "none", Un = "full", Fn = 12, Hn = ({
+  gridSettings: t,
+  section: e,
+  index: o,
+  columns: n,
+  simulateMode: r = "desktop",
+  isBackground: a
+}) => {
+  const A = t?.[r] ?? {}, s = A[e.id], l = Vn(A);
+  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
+  };
+}, Vn = (t) => Object.values(t).reduce((e, o) => Math.max(e, o.y || 0), 0) || 0, Gn = (t) => {
+  const { dev: e, id: o, section: n, onBlockRender: r } = t, a = e?.mode, A = Ht((h) => h.breakpoints.down("sm")), { t: s } = Ye(), { getPageMeta: l } = te(), c = l(), { sections: d, sectionIds: u, config: p } = n, {
+    columns: g = Fn,
+    gridSettings: b,
+    gap: f,
+    // @deprecated 使用 paddingX 和 paddingY 代替 padding
+    padding: x,
+    paddingX: w,
+    // 获取 paddingX 配置
+    paddingY: k,
+    // 获取 paddingY 配置
+    height: B,
+    maxWidth: D,
+    // 获取 maxWidth 配置
+    background: O,
+    backgroundVideoPoster: kt,
+    alignContent: wt,
+    justifyContent: Ct,
+    border: st,
+    borderRadius: Bt,
+    backgroundFullWidth: Et
+  } = p || {}, lt = E(() => {
+    const C = R({
+      type: "layoutBlockGap",
+      value: f ?? Rn,
+      format: "sx"
+    }), W = {
+      ...C,
+      gap: Object.keys(C.gap || {}).reduce((U, Q) => (U[Q] = -C.gap[Q], U), {})
+    };
+    return {
+      item: C,
+      container: W
+    };
+  }, [f]), le = E(() => {
+    const h = w ?? x ?? Nn;
+    return pt(h) ? { px: Mt(h) } : R({
+      type: "layoutBlockPaddingX",
+      value: h,
+      format: "sx"
+    });
+  }, [w, x]), Ae = E(() => {
+    const h = k ?? x ?? Ln;
+    return pt(h) ? { py: Mt(h) } : R({
+      type: "layoutBlockPaddingY",
+      value: h,
+      format: "sx"
+    });
+  }, [k, x]), At = E(() => R({
+    type: "layoutBlockAlignContent",
+    value: wt ?? Pn,
+    format: "sx"
+  }), [wt]), ct = E(() => R({
+    type: "layoutBlockJustifyContent",
+    value: Ct ?? zn,
+    format: "sx"
+  }), [Ct]), ce = E(() => {
+    const h = st ?? Mn, C = In(h);
+    return Object.keys(C).length > 0 ? C : R({
+      type: "layoutBlockBorder",
+      value: h,
+      format: "sx"
+    });
+  }, [st]), de = E(() => {
+    const h = Bt ?? Wn, C = Dn(h);
+    return Object.keys(C).length > 0 ? C : R({
+      type: "layoutBlockBorderRadius",
+      value: h,
+      format: "sx"
+    });
+  }, [Bt]), ue = E(() => R({
+    type: "layoutBlockHeight",
+    value: B ?? jn,
+    format: "sx"
+  }), [B]), ge = E(() => R({
+    type: "maxWidth",
+    value: D ?? Un,
+    format: "sx"
+  }), [D]), It = H(
+    (h, C = !1, W = 0, U) => {
+      if (!r || !h || !h.component || h.visibility === "hidden")
+        return null;
+      const Q = Hn({
+        gridSettings: b,
+        section: h,
+        index: W,
+        columns: g,
+        simulateMode: A ? "mobile" : "desktop",
+        isBackground: C
+      }), T = Q?.x ?? 0, F = Q?.y ?? 0, me = Q?.w ?? g, pe = Q?.h ?? 1, he = Q?.maxY ?? 0, fe = !!n?.config?.backgroundSectionId;
+      return /* @__PURE__ */ i(
+        m,
+        {
+          className: C ? "layout-block-content-background" : "layout-block-content",
+          sx: {
+            // 背景元素和普通元素都使用 grid 布局
+            ...C ? {
+              // 背景元素覆盖整个网格区域
+              gridColumn: "1 / -1",
+              gridRow: `1 / ${he + 1}`,
+              zIndex: 0,
+              width: "100%",
+              height: "100%",
+              overflow: "hidden",
+              "& > .BlockBase-root": {
+                width: "100%",
+                height: "100%"
+              }
+            } : {
+              position: "relative",
+              // 使用 grid 定位普通元素
+              gridColumn: `${T + 1} / span ${me}`,
+              // hasBackground 的话，不再 + 1，因为 background 会占用第一行
+              gridRow: `${F + (fe ? 0 : 1)} / span ${pe}`,
+              zIndex: 1,
+              // Ensure content is above background
+              minWidth: 0,
+              // 防止内容撑开网格项
+              minHeight: 0,
+              // 防止内容撑开网格项
+              overflow: "hidden",
+              // 防止子内容溢出网格项
+              // 只给非第一行添加上边距
+              ...F > 0 ? { mt: lt?.item?.gap } : {},
+              // 只给非第一列添加左边距
+              ...T > 0 ? { ml: lt?.item?.gap } : {},
+              "& > .BlockBase-root": {
+                height: "100%",
+                width: "100%",
+                boxSizing: "border-box",
+                position: "relative",
+                ...At,
+                ...ct
+              }
+            }
+          },
+          children: U || r({
+            id: h.id,
+            type: h.component,
+            config: {},
+            section: {
+              ...h
+            },
+            mode: a
+          })
+        },
+        h.id
+      );
+    },
+    [
+      o,
+      a,
+      r,
+      b,
+      g,
+      A,
+      lt,
+      At,
+      ct,
+      Et,
+      c
+    ]
+  ), { backgroundElements: St, contentElements: Dt } = E(() => {
+    const h = [], C = [];
+    return u?.forEach((W, U) => {
+      const Q = d?.[W];
+      if (!Q) return;
+      const T = n?.config?.backgroundSectionId === W, F = It(Q, T, U);
+      F && (T ? h.push(F) : C.push(F));
+    }), { backgroundElements: h || [], contentElements: C || [] };
+  }, [It, d, u, O, kt]);
+  return a === "draft" && !St?.length && !Dt?.length ? /* @__PURE__ */ y(
+    m,
+    {
+      sx: {
+        gridColumn: "1 / -1",
+        gridRow: "1",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 2,
+        border: (h) => `2px dashed ${h.palette.divider}`,
+        borderRadius: 2,
+        padding: 4,
+        color: "text.secondary",
+        textAlign: "center",
+        minHeight: "160px",
+        position: "relative"
+      },
+      children: [
+        /* @__PURE__ */ i(
+          m,
+          {
+            sx: {
+              fontSize: "48px",
+              opacity: 0.5
+            },
+            children: "📐"
+          }
+        ),
+        /* @__PURE__ */ i(
+          m,
+          {
+            sx: {
+              fontSize: "16px",
+              fontWeight: 500,
+              marginBottom: 1
+            },
+            children: "Section Layout"
+          }
+        ),
+        /* @__PURE__ */ i(
+          m,
+          {
+            sx: {
+              opacity: 0.7,
+              whiteSpace: "pre-line"
+            },
+            children: s("maker.layoutBlock.draftPlaceholder")
+          }
+        ),
+        /* @__PURE__ */ i(
+          m,
+          {
+            sx: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              pointerEvents: "none",
+              opacity: 0.1,
+              background: (h) => `
+                repeating-linear-gradient(
+                  90deg,
+                  transparent,
+                  transparent calc(100% / ${g} - 1px),
+                  ${h.palette.grey[400]} calc(100% / ${g} - 1px),
+                  ${h.palette.grey[400]} calc(100% / ${g})
+                )
+              `
+            }
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ y(
+    Qn,
+    {
+      type: st,
+      sx: {
+        position: "relative",
+        display: "grid",
+        gridTemplateColumns: `repeat(${g}, minmax(0, 1fr))`,
+        alignItems: "stretch",
+        width: "100%",
+        height: "100%",
+        boxSizing: "border-box",
+        overflow: "hidden",
+        // Prevent content overflow
+        ...At,
+        ...ct,
+        ...le,
+        // 应用水平内边距
+        ...Ae
+        // 应用垂直内边距
+      },
+      children: [
+        O && /* @__PURE__ */ i(
+          m,
+          {
+            className: "layout-block-background",
+            sx: {
+              position: "absolute",
+              zIndex: -1,
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              width: "100%",
+              height: "100%",
+              overflow: "hidden"
+            },
+            children: /* @__PURE__ */ i(
+              vt,
+              {
+                background: O,
+                backgroundVideoPoster: kt,
+                sx: {
+                  width: "inherit",
+                  height: "inherit"
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ y(X, { children: [
+          n?.id && /* @__PURE__ */ i(
+            ve,
+            {
+              styles: (h) => h.unstable_sx({
+                // 因为有 device frame 的存在，需要这样写
+                [`#BlockBase-${n.id}`]: {
+                  ...ue,
+                  ...ge,
+                  // 应用 maxWidth 样式
+                  ...Et && {
+                    position: "static !important",
+                    "&  .layout-block-frame": {
+                      position: "inherit !important"
+                    }
+                  },
+                  "& > div": {
+                    ...ce,
+                    ...de,
+                    overflow: "hidden"
+                  }
+                }
+              })
+            }
+          ),
+          St,
+          Dt
+        ] })
+      ]
+    }
+  );
+}, On = ["title", "description", "actions", "badge", "tag", "prepend", "append", "logo"];
+function Tn({
+  image: t,
+  imageBorder: e,
+  imageShadow: o,
+  className: n,
+  reverse: r = !1,
+  fullSizeImage: a,
+  ...A
+}) {
+  const [s, l] = j(A, rt), c = Object.keys(s).length > 0 && Object.values(et(s, On)).filter(Boolean).length > 0 && /* @__PURE__ */ i(it, { ...s }), d = Ot(t) ? t : /* @__PURE__ */ i(m, { component: "img", src: t, alt: "", className: "block" }), u = ["phone", "macbook"].includes(e), p = t && /* @__PURE__ */ i(
+    m,
+    {
+      className: v(
+        "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__ */ i(Zt, { type: e, sx: { width: "100%" }, children: d })
+      ) : d
+    }
+  );
+  return /* @__PURE__ */ i(
+    at,
+    {
+      className: v(
+        "section--block",
+        n,
+        a && !r && ut`
+            .section-bg {
+              height: 80%;
+            }
+          `
+      ),
+      ...l,
+      boxProps: a ? { sx: { padding: 0, overflow: "hidden" } } : void 0,
+      children: /* @__PURE__ */ i(
+        re,
+        {
+          col: t ? 2 : 1,
+          className: a ? ut`
+                display: flex;
+                flex-direction: column;
+
+                > .base-info,
+                > .section__image {
+                  width: 100%;
+
+                  > img,
+                  > video {
+                    width: 100%;
+                  }
+                }
+              ` : void 0,
+          children: r ? /* @__PURE__ */ y(X, { children: [
+            p,
+            c
+          ] }) : /* @__PURE__ */ y(X, { children: [
+            c,
+            p
+          ] })
+        }
+      )
+    }
+  );
+}
+const Yn = [
+  /youtu\.be\/([^#&?]{11})/,
+  // youtu.be/<id>
+  /\?v=([^#&?]{11})/,
+  // ?v=<id>
+  /&v=([^#&?]{11})/,
+  // &v=<id>
+  /embed\/([^#&?]{11})/,
+  // embed/<id>
+  /\/v\/([^#&?]{11})/
+  // /v/<id>
+];
+function Jn(t) {
+  if (/youtu\.?be/.test(t))
+    for (const e of Yn) {
+      const o = e.exec(t)?.[1];
+      if (o)
+        return o;
+    }
+}
+function Xn(t) {
+  const e = Jn(t);
+  if (e)
+    return `https://youtube.com/embed/${e}`;
+}
+function Kn({ src: t }) {
+  return K(() => {
+    import("@lottiefiles/lottie-player");
+  }, []), /* @__PURE__ */ i("lottie-player", { autoplay: !0, loop: !0, mode: "normal", src: t });
+}
+function Zn(t) {
+  return /* @__PURE__ */ i(
+    m,
+    {
+      sx: {
+        maxHeight: 400,
+        overflow: "hidden auto"
+      },
+      children: /* @__PURE__ */ i(Je, { ...t })
+    }
+  );
+}
+function qn({ url: t }) {
+  const e = ht(null), o = 495, [n, r] = ot(
+    e.current ? e.current.offsetWidth * 0.5625 : o
+  ), a = H(() => {
+    const A = 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 r(Math.floor(s * A));
+  }, []);
+  return K(() => {
+    window.addEventListener("resize", a);
+    const A = 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 r(Math.floor(s * A)), function() {
+      window.removeEventListener("resize", a);
+    };
+  }, [n, a]), /* @__PURE__ */ i(
+    m,
+    {
+      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 Ti = {
+  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
+}, _n = I(Tn)`
+  .section__description {
+  }
+`;
+function $n({
+  hasImage: t,
+  fullSizeImage: e,
+  boxed: o,
+  videoPoster: n,
+  imageMeta: r,
+  imageOptimization: a,
+  imageSize: A,
+  section: s,
+  ...l
+}) {
+  const [{ editing: c }, d] = j({ ...l, boxed: e ? void 0 : o }, nt);
+  let u = ti(d.image, n, e, r, a, A);
+  t || (u = null);
+  let p = null;
+  return d.actions && (p = d.actions?.map?.((g, b) => /* @__PURE__ */ i(ne, { ...g, editing: c }, b))), /* @__PURE__ */ i(
+    _n,
+    {
+      ...d,
+      style: c ? { pointerEvents: "none" } : {},
+      image: u,
+      fullSizeImage: t && e,
+      actions: p
+    }
+  );
+}
+function ti(t, e, o, n, r, a) {
+  if (t) {
+    if (t.endsWith(".json"))
+      return /* @__PURE__ */ i(Kn, { src: t });
+    if (t.indexOf("twitter.com") !== -1)
+      return /* @__PURE__ */ i(Zn, { sourceType: "url", url: t });
+    const A = Xn(t);
+    if (A)
+      return /* @__PURE__ */ i(qn, { url: A });
+    const { naturalWidth: s, naturalHeight: l, filename: c } = n || {};
+    if (Y(t))
+      return /* @__PURE__ */ i(
+        "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: M(L(e), o ? 1200 : 540, r),
+          children: /* @__PURE__ */ i("source", { src: L(t), type: Fo(t) })
+        },
+        t
+      );
+    const d = r === "quality" ? 1 : 0.6;
+    return /* @__PURE__ */ i(
+      Xt,
+      {
+        src: L(t),
+        sizesAttr: {
+          sm: 600 * d,
+          md: 450 * d,
+          lg: 540 * d,
+          ...o && {
+            md: 900 * d,
+            lg: 1200 * d
+          }
+        },
+        width: s && `${s}px`,
+        height: l && `${l}px`,
+        alt: c ?? t,
+        style: { objectFit: a || "contain", display: "block", width: "100%", height: "100%" },
+        loading: "lazy"
+      }
+    );
+  }
+  return null;
+}
+const Yi = ["production", "draft"];
+function Ji({ mode: t, version: e } = {}) {
+  const o = e && typeof e == "number" ? { mode: t, version: e } : { mode: t };
+  return ft.get(`/api/${xt()}/pages`, { params: o }).then((n) => n.data);
+}
+function Xi({ mode: t, routes: e }) {
+  return ft.post(`/api/${xt()}/pages/publish`, { mode: t, routes: e }).then((o) => o.data);
+}
+function ei({
+  locale: t,
+  sort: e,
+  page: o,
+  limit: n,
+  mode: r
+} = {}) {
+  return ft.get(`/api/${xt()}/pages/toc`, { params: { locale: t, sort: e, page: o, limit: n, mode: r } }).then((a) => a.data);
+}
+const Ki = {
+  style: "list",
+  sort: "-updatedAt"
+}, Wt = 20;
+function oi({ style: t, sort: e, section: o, ...n }) {
+  const [{ editing: r, locale: a }, A] = j(n, nt), [s, l] = j(A, rt), [c, d] = ot(), u = ht(!1), p = Xe(), g = Ne(), b = H(async () => {
+    if (!u.current) {
+      u.current = !0, p();
+      try {
+        const f = c ? Math.floor(c.list.length / Wt) + 1 : 1, { list: x, total: w } = await ei({ locale: a, sort: e, page: f, limit: Wt });
+        d((k) => ({
+          list: (k?.list ?? []).concat(x),
+          total: w
+        }));
+      } finally {
+        u.current = !1, p();
+      }
+    }
+  }, [c, a, e, p]);
+  return Ke(() => {
+    b();
+  }), /* @__PURE__ */ y(at, { ...l, sx: r ? { pointerEvents: "none" } : {}, children: [
+    Object.keys(s).length > 0 && /* @__PURE__ */ i(it, { ...s }),
+    c ? /* @__PURE__ */ y(X, { children: [
+      /* @__PURE__ */ i(
+        Qt,
+        {
+          container: !0,
+          spacing: 2,
+          sx: {
+            justifyContent: "center"
+          },
+          children: c?.list.map((f) => /* @__PURE__ */ i(
+            Qt,
+            {
+              size: {
+                xs: 12,
+                sm: t === "card" ? 6 : 12,
+                md: t === "card" ? 3 : 12
+              },
+              children: /* @__PURE__ */ y(
+                ni,
+                {
+                  elevation: 0,
+                  className: v(t === "card" && "style-card"),
+                  onClick: r ? void 0 : () => g(f.slug),
+                  children: [
+                    !!f.image && /* @__PURE__ */ i(
+                      Ce,
+                      {
+                        component: "img",
+                        alt: "",
+                        image: M(L(f.image), 540),
+                        loading: "lazy"
+                      }
+                    ),
+                    /* @__PURE__ */ y(Be, { children: [
+                      /* @__PURE__ */ i(z, { variant: "h6", component: "div", className: Ut, children: f.title || f.id }),
+                      /* @__PURE__ */ i(z, { variant: "body2", className: Ut, children: f.description })
+                    ] })
+                  ]
+                }
+              )
+            },
+            f.id
+          ))
+        }
+      ),
+      /* @__PURE__ */ i(
+        m,
+        {
+          sx: {
+            textAlign: "center",
+            mt: 2
+          },
+          children: c.total > c.list.length ? /* @__PURE__ */ i(J, { variant: "outlined", color: "secondary", onClick: b, loading: u.current, children: "More" }) : /* @__PURE__ */ i(J, { variant: "outlined", color: "secondary", disabled: !0, children: "No More" })
+        }
+      )
+    ] }) : /* @__PURE__ */ i(
+      m,
+      {
+        sx: {
+          p: 2,
+          textAlign: "center"
+        },
+        children: /* @__PURE__ */ i(we, { size: 24 })
+      }
+    )
+  ] });
+}
+const Ut = ut`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`, ni = I(ke)`
+  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;
+    }
+  }
+`, ii = {
+  iframe: gn,
+  section: $n,
+  "section-card-list": An,
+  toc: oi,
+  "custom-component": cn,
+  "layout-block": Gn
+};
+function ri({
+  id: t,
+  type: e,
+  mode: o,
+  config: n,
+  section: r,
+  ignorePageMetaStyle: a,
+  page: A,
+  ...s
+}) {
+  const l = ii[e], { getPageMetaStyle: c } = te(), d = E(() => {
+    const { height: g, ...b } = n;
+    return e === "layout-block" && (b.onBlockRender = (f) => {
+      const x = {
+        ...n?.dev,
+        ...f?.config?.dev
+      }, { defaultLocale: w } = x, k = {
+        ...et(n, ["locale", "editing"]),
+        ...f?.config,
+        dev: x
+      }, { locale: B } = k;
+      let D = A?.dataSource?.[f?.id]?.[B];
+      return Ie(D) && (D = A?.dataSource?.[f?.id]?.[w ?? "en"]), /* @__PURE__ */ i(
+        ri,
+        {
+          ...f,
+          config: {
+            ...f?.section?.properties,
+            ...D,
+            ...k
+          },
+          page: A,
+          ignorePageMetaStyle: !0
+        }
+      );
+    }), b;
+  }, [n, e]), u = E(() => {
+    const g = {};
+    return n.height && e !== "custom-component" && (g.height = n.height), g.sx = a ? void 0 : c("sx"), g.id = `BlockBase-${t}`, g;
+  }, [n.height, a, e, c]), p = l && /* @__PURE__ */ i(l, { mode: o, ...d, id: t, section: r });
+  return p ? /* @__PURE__ */ i(So, { ...s, ...u, children: p }) : /* @__PURE__ */ i(ai, { type: e });
+}
+function ai({ type: t }) {
+  return /* @__PURE__ */ i(
+    m,
+    {
+      sx: {
+        p: 2
+      },
+      children: /* @__PURE__ */ y(Ee, { icon: /* @__PURE__ */ i(xe, {}), color: "error", children: [
+        "Unsupported Block `",
+        t,
+        "`"
+      ] })
+    }
+  );
+}
+export {
+  ri as B,
+  Oi as I,
+  Vi as P,
+  Yi as S,
+  Ki as T,
+  Hi as a,
+  Ti as b,
+  Ji as g,
+  Xi as p
+};