@blocklet/pages-kit-inner-components 0.5.55 → 0.6.0

package/lib/es/chunks/array-c6HYTLze.js

@@ -1,2224 +0,0 @@
-import { jsx as n, jsxs as _, Fragment as Z } from "react/jsx-runtime";
-import { ErrorOutline as Ht } from "@mui/icons-material";
-import { Box as y, styled as Mt, Typography as R, Container as Vt, Stack as Yt, useTheme as _t, createTheme as Dt, ThemeProvider as Jt, useMediaQuery as Gt, Card as Kt, CircularProgress as Xt, Grid as pt, CardMedia as qt, CardContent as Qt, Alert as Zt } from "@mui/material";
-import te from "lodash/isEmpty";
-import tt from "lodash/pick";
-import ee, { createContext as $t, useMemo as L, useCallback as F, useContext as Ct, Fragment as oe, isValidElement as Nt, useState as et, useEffect as H, useRef as lt } from "react";
-import ot from "lodash/keyBy";
-import { f as T, g as I, E as re, i as st, m as ct } from "./state-l--dTdHq.js";
-import { AIForm as ht, AIFormResult as ft } from "@blocklet/ai-runtime/components";
-import { deepmerge as ne } from "@mui/utils";
-import { ErrorBoundary as ie } from "react-error-boundary";
-import ae from "@blocklet/pages-kit/builtin/markdown/markdown-renderer";
-import { useColorConvert as St } from "@blocklet/pages-kit/contexts/color";
-import { cx as k, css as nt } from "@emotion/css";
-import { materialDark as le } from "react-syntax-highlighter/dist/esm/styles/prism";
-import { useTheme as Bt, styled as $ } from "@arcblock/ux/lib/Theme";
-import se from "@arcblock/react-hooks/lib/useBrowser";
-import gt from "@arcblock/ux/lib/Colors";
-import { ResponsiveImage as It, CustomComponentRenderer as ce } from "@blocklet/pages-kit/components";
-import { isGradient as de, isColorString as me } from "@blocklet/pages-kit/utils/style";
-import Wt from "@mui/material/useMediaQuery";
-import W from "lodash/omit";
-import { Icon as Rt } from "@iconify-icon/react";
-import ue from "@arcblock/ux/lib/Screenshot";
-import { Link as pe, NavLink as he, useNavigate as fe } from "react-router-dom";
-import ge from "@arcblock/ux/lib/Button";
-import it from "is-uri";
-import { join as q } from "pathe";
-import { withoutTrailingSlash as rt, isRelative as xe, parseURL as ye } from "ufo";
-import { useMessage as be } from "@blocklet/embed/message";
-import { useLatest as we } from "ahooks";
-import ve from "lodash/isEqual";
-import { EmbedIframe as ke } from "@blocklet/embed/react";
-import { useLocaleContext as _e } from "@arcblock/ux/lib/Locale/context";
-import { TwitterTimelineEmbed as $e } from "react-twitter-embed";
-import { useUpdate as Ce, useMount as Ne } from "react-use";
-const jt = "{{CUSTOM_VALUE}}", Se = [
-  {
-    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 } }
-  }
-], Be = [
-  {
-    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 } }
-  }
-], Ie = [
-  {
-    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, i) => {
-  const o = t.breakpoints.values[i];
-  return `${e}${o ? ` (${o}px)` : ""}`;
-}, We = [
-  {
-    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: jt,
-      width: "100%",
-      mx: "auto"
-    }
-  }
-], Re = ot(Se, "value"), je = ot(Be, "value"), ze = ot(Ie, "value"), Le = ot(We, "value"), Ee = /* @__PURE__ */ new Map([
-  ["baseSectionPaddingY", Re],
-  ["maxWidth", Le],
-  ["paddingY", je],
-  ["paddingX", ze]
-]);
-function zt(t) {
-  var s;
-  const { type: e, value: i, format: o = "sx", defaultValue: r = null } = t, l = Ee.get(e);
-  if (!l)
-    return r;
-  const d = i.startsWith("custom:"), a = d ? "custom" : i;
-  if (l != null && l[a] && ((s = l == null ? void 0 : l[a]) != null && s[o])) {
-    const c = l[a][o];
-    if (d) {
-      const u = i.replace("custom:", "");
-      try {
-        return JSON.parse(JSON.stringify(c || {}).replaceAll(jt, u));
-      } catch {
-      }
-    }
-    return c;
-  }
-  return r;
-}
-const Lt = $t({
-  page: null,
-  getPageMeta: () => ({}),
-  getPageMetaStyle: () => ({})
-});
-function Pe() {
-  return Ct(Lt);
-}
-function Nr({
-  page: t,
-  children: e,
-  defaultLocale: i = "en",
-  currentLocale: o
-}) {
-  const r = L(() => t ? JSON.parse(JSON.stringify(t)) : null, [JSON.stringify(t)]), l = F(() => {
-    var c;
-    if (!r) return {};
-    const s = o || i;
-    return ((c = r.locales) == null ? void 0 : c[s]) ?? {};
-  }, [r, i, o]), d = F(
-    (s = "sx") => {
-      const c = l();
-      return !c || !c.style ? {} : Object.entries(c.style || {}).reduce((m, [h, p]) => {
-        if (!p) return m;
-        const x = `${h}Custom`;
-        c.style[x];
-        const f = zt({
-          type: h,
-          value: p,
-          format: s
-        });
-        return f ? { ...m, ...f } : m;
-      }, {});
-    },
-    [l]
-  ), a = L(
-    () => ({
-      page: r,
-      getPageMeta: l,
-      getPageMetaStyle: d
-    }),
-    [r, l, d]
-  );
-  return /* @__PURE__ */ n(Lt.Provider, { value: a, children: e });
-}
-function O({ actions: t, center: e, className: i, align: o }) {
-  return t && (t != null && t.length) ? /* @__PURE__ */ n(
-    y,
-    {
-      className: k(
-        "flex gap-4 flex-wrap",
-        "lg:flex-row lg:gap-8",
-        (e || o === "center") && "justify-center",
-        !e && o === "right" && "justify-end",
-        !e && o === "left" && "justify-start",
-        i
-      ),
-      sx: { alignItems: "center" },
-      children: t
-    }
-  ) : null;
-}
-const Te = "section", Oe = Mt(y)`
-  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[Te]}px) {
-    .section__tag {
-      margin-bottom: 32px;
-    }
-    .section__title {
-      margin-bottom: 32px;
-    }
-    .section__description {
-      margin-bottom: 40px;
-    }
-  }
-`;
-function M({
-  title: t,
-  description: e,
-  descriptionMarkdown: i,
-  actions: o,
-  className: r = "",
-  classes: l = {},
-  prepend: d,
-  append: a,
-  level: s = 2,
-  tag: c,
-  badge: u,
-  center: m,
-  logo: h,
-  titleAppearance: p,
-  descriptionAppearance: x,
-  ...f
-}) {
-  const b = St();
-  if (!t && !e && !o && !u && !c && !d && !a && !h) return null;
-  const g = Math.max(Math.min(5, s + 1), 1), w = {
-    1: "xl:!text-3xl lg:!text-2xl md:!text-xl",
-    2: "xl:!text-2xl lg:!text-xl md:!text-lg",
-    3: "xl:!text-2xl lg:!text-xl md:!text-lg",
-    4: "xl:!text-xl lg:!text-lg md:!text-md",
-    5: "xl:!text-lg md:!text-md sm:!text-sm",
-    6: "!text-sm"
-  }, C = s === 0 ? "big" : `h${g}`, v = s === 0;
-  return /* @__PURE__ */ _(Oe, { className: k("base-info", "lg:text-left", m && "!text-center", r), ...f, children: [
-    d && /* @__PURE__ */ n("div", { children: d }),
-    (c || u) && /* @__PURE__ */ n("div", { className: k("section__tag", (l == null ? void 0 : l.tag) || (l == null ? void 0 : l.badge)), children: c || u }),
-    h && /* @__PURE__ */ n("img", { className: "w-[120px] m-auto mb-8", src: h, alt: "info", loading: "lazy" }),
-    t && /* @__PURE__ */ n(
-      R,
-      {
-        sx: {
-          whiteSpace: "pre-wrap",
-          mb: e ? "2vw" : 0,
-          ...(p == null ? void 0 : p.color) && { color: `${b(p.color)} !important` }
-        },
-        className: k(
-          "section__title",
-          "text-gray-800",
-          "dark:text-gray-50",
-          l.title,
-          "page-kit-section__title",
-          v ? "" : "section__title_non_big"
-        ),
-        component: `h${Math.max(s, 1)}`,
-        variant: C,
-        children: t
-      }
-    ),
-    e && (i ? /* @__PURE__ */ n(
-      y,
-      {
-        sx: {
-          ...(x == null ? void 0 : x.color) && { color: `${b(x.color)} !important` }
-        },
-        className: k(
-          "section__description",
-          "text-gray-800",
-          "dark:text-gray-100",
-          w[g],
-          l.description,
-          "page-kit-section__description"
-        ),
-        children: /* @__PURE__ */ n(ae, { codeOptions: { showActionButton: !1, theme: le }, children: e })
-      }
-    ) : /* @__PURE__ */ n(
-      R,
-      {
-        sx: {
-          whiteSpace: "pre-wrap",
-          ...(x == null ? void 0 : x.color) && { color: `${b(x.color)} !important` }
-        },
-        className: k(
-          "section__description",
-          "text-gray-800",
-          "dark:text-gray-100",
-          w[g],
-          l.description,
-          "page-kit-section__description"
-        ),
-        component: "div",
-        variant: "body1",
-        gutterBottom: !0,
-        children: e
-      }
-    )),
-    /* @__PURE__ */ n(O, { actions: o, center: m, className: "mt-8" }),
-    a && /* @__PURE__ */ n("div", { children: a })
-  ] });
-}
-const V = [
-  "actions",
-  "append",
-  "badge",
-  "tag",
-  "center",
-  "description",
-  "descriptionMarkdown",
-  "level",
-  "logo",
-  "prepend",
-  "title",
-  "titleAppearance",
-  "descriptionAppearance"
-];
-function Et(t) {
-  if (t.type === oe) {
-    const i = (t.props.children || []).filter((o) => Nt(o));
-    return i.length === 1 ? Et(i[0]) : i.length > 1;
-  }
-  return Array.isArray(t);
-}
-const z = "&>*";
-function dt({ children: t, col: e, gap: i, className: o, align: r, sx: l, type: d, ...a } = {
-  children: null,
-  className: "",
-  col: 3,
-  gap: void 0,
-  sx: {},
-  align: "center",
-  type: "default"
-}) {
-  const s = Bt(), c = Number(Math.floor(100 / e * 100) / 100), u = {
-    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"
-  }, m = u[r] || u.center;
-  let p = i ?? ({
-    2: 6,
-    3: 4,
-    4: 4,
-    5: 3,
-    6: 3
-  }[e] || 0);
-  Et(t) || (p = 0);
-  const f = (e - 1) * p / e;
-  let b = { ...l, gap: `${p}rem` };
-  const g = { [z]: { width: "100%" } }, w = {}, C = {}, v = {};
-  switch (g.gap = "1rem", w.gap = `${p / 2}rem`, e) {
-    case 3:
-    case 4:
-      w[z] = {
-        width: `calc(50% - ${p / 2}rem)`
-      };
-      break;
-    case 5:
-    case 6:
-      g[z] = {
-        width: `calc(50% - ${p / 2 / 2}rem)`
-      }, w[z] = {
-        width: `calc(50% - ${p / 2 / 2}rem)`
-      }, C[z] = {
-        width: `calc(33.33% - ${p * 2 / 3}rem)`
-      };
-      break;
-  }
-  return b[z] = { width: `calc(${c}% - ${f}rem)` }, b[`@media (max-width: ${s.breakpoints.values.xl}px)`] = v, b[`@media (max-width: ${s.breakpoints.values.lg}px)`] = C, b[`@media (max-width: ${s.breakpoints.values.md}px)`] = w, b[`@media (max-width: ${s.breakpoints.values.sm}px)`] = g, d === "wall" && (b = { ...l, gap: `${p}rem` }, b[z] = { width: `calc(${c}% - ${f}rem)` }, g[z] = { width: `calc(45% - ${p / 2 / 2}rem)` }, b[`@media (max-width: ${s.breakpoints.values.sm}px)`] = g), /* @__PURE__ */ n(y, { className: k("flex flex-wrap flex-row h-full", m, o), sx: b, ...a, children: t });
-}
-function Ae() {
-  const t = navigator.userAgent.toLowerCase();
-  return t.includes("safari") && !t.includes("chrome");
-}
-function Ue(t = "") {
-  if (t.startsWith("data:image/svg+xml,")) return !0;
-  const e = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, i = /^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;
-  return e.test(t) || i.test(t);
-}
-function A(t) {
-  return (t == null ? void 0 : t.endsWith(".mp4")) || (t == null ? void 0 : t.endsWith(".m4v")) || (t == null ? void 0 : t.endsWith(".webm"));
-}
-function Fe(t) {
-  return t != null && t.endsWith(".mp4") || t != null && t.endsWith(".m4v") ? "video/mp4" : t != null && t.endsWith(".webm") ? "video/webm" : void 0;
-}
-function He(t) {
-  let e = {};
-  return typeof t == "string" ? de(t) ? e.image = t : (e.image = I(t), me(t) && (e.color = t, e.image = "")) : e = t, e;
-}
-function Me() {
-  const [t, e] = et(Date.now());
-  return H(() => {
-    const i = () => {
-      e(Date.now());
-    };
-    return document.addEventListener("visibilitychange", i), () => {
-      document.removeEventListener("visibilitychange", i);
-    };
-  }, []), t;
-}
-function xt(t, e, i, o, r) {
-  let l = null;
-  const { color: d = "", image: a } = He(e);
-  if (a && Ue(a)) {
-    delete i.backgroundColor;
-    const s = !(t.mobile.apple.device || Ae()) && A(a), c = A(a) && o ? T(I(o), 1200, "quality") : "";
-    s ? l = /* @__PURE__ */ n(
-      y,
-      {
-        component: "video",
-        className: "section-bg",
-        width: "100%",
-        autoPlay: !0,
-        loop: !0,
-        muted: !0,
-        controls: !1,
-        playsInline: !0,
-        poster: c,
-        src: A(a) ? a : T(a, 1200, "quality"),
-        sx: {
-          position: "absolute",
-          zIndex: -9999,
-          right: 0,
-          left: 0,
-          top: 0,
-          width: "100%",
-          height: "100%",
-          objectFit: "cover"
-        }
-      },
-      a
-    ) : l = /* @__PURE__ */ n(
-      It,
-      {
-        src: A(a) && o ? c : a,
-        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 || a
-    );
-  } else a ? i.backgroundImage = `${a} !important` : d && (i.backgroundColor = `${d} !important`);
-  return l;
-}
-function Ve({ autoWidth: t, children: e, ...i }) {
-  return t ? /* @__PURE__ */ n(y, { display: "flex", ...i, children: e }) : /* @__PURE__ */ n(Vt, { ...i, children: e });
-}
-function Y({
-  dark: t = !1,
-  children: e,
-  className: i,
-  sx: o = {},
-  boxed: r = { show: !1 },
-  padding: l = "normal",
-  boxProps: d,
-  type: a,
-  ...s
-}) {
-  const c = { ...o }, u = Wt((p) => p.breakpoints.down("md"));
-  t && (c.color = gt.common.white, c.backgroundColor = `${gt.grey[900]} !important`), r.show && (c.display = "flex");
-  const m = L(() => !Number(s.boxMaxWidth) || u ? {
-    width: "100%"
-  } : a === "wall" && s.boxMaxWidth ? {
-    maxWidth: `${s.boxMaxWidth}px !important`,
-    width: "100%"
-  } : {
-    width: "100%"
-  }, [s.boxMaxWidth, u, a]), h = zt({
-    type: "baseSectionPaddingY",
-    value: l || "normal",
-    // section default is normal
-    defaultValue: ""
-  });
-  return /* @__PURE__ */ n(
-    Ye,
-    {
-      component: "section",
-      styles: { ...c, ...h },
-      className: k("base-section", "px-2 md:px-5 lg:px-5 xl:px-10", i, {
-        dark: t
-      }),
-      ...W(
-        s,
-        "hoverStyle",
-        "boxMaxWidth",
-        "embedUrl",
-        "autoWidth",
-        "paddingXY",
-        "iframeHeight",
-        "titleAppearance",
-        "descriptionAppearance"
-      ),
-      children: /* @__PURE__ */ n(Ve, { autoWidth: s == null ? void 0 : s.autoWidth, className: k("section-content h-full"), sx: m, children: r.show ? /* @__PURE__ */ n(Pt, { ...d, boxed: r, children: e }) : e })
-    }
-  );
-}
-function Pt({
-  background: t = "",
-  backgroundVideoPoster: e,
-  children: i,
-  sx: o = {},
-  boxed: r = { show: !1 },
-  className: l = "",
-  styles: d = {},
-  ...a
-}) {
-  const s = { ...d, ...o }, c = St();
-  let u = null;
-  const m = Wt((x) => x.breakpoints.up("sm")), h = se(), p = Me();
-  return t && (u = xt(
-    h,
-    typeof t == "string" ? c(t) : t,
-    s,
-    e,
-    p
-  )), r.show && (s.borderRadius = "10px", s.padding === void 0 && (s.padding = m ? "50px" : "20px"), r != null && r.border && (s.border = "1px solid #c0c0c0"), r != null && r.background && (u = xt(
-    h,
-    typeof (r == null ? void 0 : r.background) == "string" ? c(r == null ? void 0 : r.background) : r == null ? void 0 : r.background,
-    s,
-    r == null ? void 0 : r.backgroundVideoPoster,
-    p
-  ))), /* @__PURE__ */ _(
-    y,
-    {
-      ...a,
-      sx: {
-        ...s,
-        ...u ? { position: "relative", overflow: "hidden", zIndex: 0 } : {}
-      },
-      className: k(l, (r == null ? void 0 : r.boxShadow) && "shadow-xl"),
-      children: [
-        u,
-        i
-      ]
-    }
-  );
-}
-const Ye = $(Pt)`
-  &:nth-of-type(even) {
-    background: #f8f8f8;
-  }
-
-  @media (max-width: 600px) {
-    .section__title {
-      font-size: 24px;
-    }
-
-    .base-info {
-      > *:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-`;
-function Tt({ icon: t, ...e }) {
-  return /* @__PURE__ */ n(Rt, { icon: t, ...e, ref: null });
-}
-function N(t, e) {
-  const i = tt(t, e), o = W(t, e);
-  return [i, o];
-}
-const Ot = ["title", "description", "actions", "badge", "tag", "prepend", "append", "logo"];
-function De({
-  image: t,
-  imageBorder: e,
-  imageShadow: i,
-  className: o,
-  reverse: r = !1,
-  fullSizeImage: l,
-  ...d
-}) {
-  const [a, s] = N(d, V), c = Object.keys(a).length > 0 && Object.values(tt(a, Ot)).filter(Boolean).length > 0 && /* @__PURE__ */ n(M, { ...a }), u = Nt(t) ? t : /* @__PURE__ */ n(y, { component: "img", src: t, alt: "", className: "block" }), m = ["phone", "macbook"].includes(e), h = t && /* @__PURE__ */ n(
-    y,
-    {
-      className: k(
-        "section__image",
-        "m-auto, leading-[1] text-center",
-        i && "shadow-xl",
-        a != null && a.center ? "flex justify-center items-center" : ""
-      ),
-      sx: {
-        border: e === !0 ? "1px solid #c0c0c0" : void 0,
-        borderRadius: 2,
-        overflow: "hidden",
-        // FIXME: Screenshot 组件无法设置最外层 div 的样式，只能通过父元素设置
-        "> div": m ? { width: "100%", video: { borderRadius: "0 !important" } } : void 0
-      },
-      children: m ? (
-        // @ts-ignore
-        /* @__PURE__ */ n(ue, { type: e, sx: { width: "100%" }, children: u })
-      ) : u
-    }
-  );
-  return /* @__PURE__ */ n(
-    Y,
-    {
-      className: k(
-        "section--block",
-        o,
-        l && !r && nt`
-            .section-bg {
-              height: 80%;
-            }
-          `
-      ),
-      ...s,
-      boxProps: l ? { sx: { padding: 0, overflow: "hidden" } } : void 0,
-      children: /* @__PURE__ */ n(
-        dt,
-        {
-          col: t ? 2 : 1,
-          className: l ? nt`
-                display: flex;
-                flex-direction: column;
-
-                > .base-info,
-                > .section__image {
-                  width: 100%;
-
-                  > img,
-                  > video {
-                    width: 100%;
-                  }
-                }
-              ` : void 0,
-          children: r ? /* @__PURE__ */ _(Z, { children: [
-            h,
-            c
-          ] }) : /* @__PURE__ */ _(Z, { children: [
-            c,
-            h
-          ] })
-        }
-      )
-    }
-  );
-}
-const D = ["editing", "height", "locale", "dev", "sx"];
-function Je(t) {
-  const { className: e, ...i } = t;
-  return /* @__PURE__ */ n(Ge, { ...i, className: k("BlockBase-root", e) });
-}
-const Ge = $(y)`
-  position: relative;
-  color: ${({ theme: t }) => t.palette.text.primary};
-`;
-function Ke({
-  widget: t,
-  reverse: e,
-  projectId: i,
-  assistantId: o,
-  working: r,
-  submitTitle: l,
-  submitIcon: d,
-  submitColor: a,
-  placeholder: s,
-  loadingIndicator: c,
-  section: u,
-  ...m
-}) {
-  const [{ editing: h }, p] = N(m, D), [x, f] = N(p, V), b = i && o ? { projectId: i, gitRef: "main", assistantId: o, working: !0 } : void 0, g = {
-    children: l,
-    endIcon: d ? /* @__PURE__ */ n(Tt, { icon: d }) : void 0,
-    sx: {
-      background: a || void 0,
-      ":hover": {
-        background: a || void 0,
-        opacity: 0.8
-      }
-    }
-  }, w = [], C = s && /* @__PURE__ */ n(R, { variant: "caption", color: "text.disabled", children: s }), v = c && /* @__PURE__ */ n(R, { variant: "caption", color: "text.disabled", children: c });
-  Object.keys(x).length > 0 && Object.values(tt(x, Ot)).filter(Boolean).length > 0 && w.push(/* @__PURE__ */ n(M, { ...x }, "base-info")), b && (t === "form" ? w.push(/* @__PURE__ */ n(ht, { identifier: b, SubmitProps: g }, "form")) : t === "result" ? w.push(
-    /* @__PURE__ */ n(
-      ft,
-      {
-        identifier: b,
-        placeholder: C,
-        loadingIndicator: v
-      },
-      "result"
-    )
-  ) : w.push(
-    /* @__PURE__ */ _(Yt, { width: "100%", gap: 2, direction: "row", children: [
-      /* @__PURE__ */ n(ht, { identifier: b, BoxProps: { flex: 1 }, SubmitProps: g }),
-      /* @__PURE__ */ n(
-        ft,
-        {
-          identifier: b,
-          BoxProps: { flex: 1 },
-          placeholder: C,
-          loadingIndicator: v
-        }
-      )
-    ] }, "form-result")
-  )), e && w.reverse();
-  const S = _t(), B = L(
-    () => Dt(ne(S, { palette: { primary: a ? { main: a } : void 0 } })),
-    [a, S]
-  );
-  return /* @__PURE__ */ n(ie, { fallbackRender: re, children: /* @__PURE__ */ n(Jt, { theme: B, children: /* @__PURE__ */ n(Y, { ...f, sx: h ? { pointerEvents: "none" } : {}, children: /* @__PURE__ */ n(dt, { col: w.length, children: w }) }) }) });
-}
-const At = $t({
-  pages: [],
-  project: void 0
-}), { Provider: Sr, Consumer: Br } = At;
-function Ut() {
-  return Ct(At);
-}
-function Xe({ icon: t, className: e = "", size: i = "1rem", ...o }) {
-  return /* @__PURE__ */ n(qe, { component: Tt, className: k("css-icon", e), size: i, ...o, icon: t });
-}
-const qe = $(y)`
-  &.css-icon {
-    display: inline-block;
-    width: ${({ size: t }) => t};
-    height: ${({ size: t }) => t};
-  }
-`;
-function Qe({ icon: t, className: e = "", size: i = "1rem", imageMeta: o, ...r }) {
-  const l = T(I(t), 540), [d, a] = et(!1), s = Bt();
-  return d ? /* @__PURE__ */ n(Xe, { icon: "i-mdi:image", color: s.palette.grey[500], size: i, className: e, ...r }) : /* @__PURE__ */ n(Ze, { className: k("image-icon", e), size: i, ...r, children: /* @__PURE__ */ n(
-    "img",
-    {
-      className: "image-icon__image",
-      src: l,
-      onError: () => a(!0),
-      width: o == null ? void 0 : o.naturalWidth,
-      height: o == null ? void 0 : o.naturalHeight,
-      alt: (o == null ? void 0 : o.filename) || "card-icon",
-      loading: "lazy"
-    }
-  ) });
-}
-const Ze = $(y)`
-  display: inline-block;
-  width: ${({ size: t }) => t};
-  height: ${({ size: t }) => t};
-  .image-icon__image {
-    object-fit: contain;
-    height: 100%;
-    width: 100%;
-  }
-`, mt = (t) => typeof t == "string" && /^[\w-_]+:[\w-_]+$/.test(t);
-function at({ icon: t, size: e = "1rem", imageMeta: i, ...o }) {
-  const r = window.isNaN(e) ? e : `${e}px`;
-  return mt(t) ? /* @__PURE__ */ n(Rt, { icon: t }) : /* @__PURE__ */ n(to, { component: Qe, imageMeta: i, className: "base-icon", icon: t, size: r, ...o });
-}
-const to = $(y)`
-  flex-shrink: 0;
-`;
-function U({ text: t, children: e, icon: i = "", endIcon: o, color: r = "primary", link: l = "", href: d = "", ...a }) {
-  const s = i ? /* @__PURE__ */ n(at, { icon: i }) : null, c = o ? /* @__PURE__ */ n(at, { icon: o }) : null, u = l || d, m = { ...a };
-  return u && (m.href = u, it(u) && (m.target = m.target || "_blank")), /* @__PURE__ */ n(ge, { startIcon: s, endIcon: c, color: r, ...m, children: t || e });
-}
-function Ft({ editing: t, text: e, ...i }) {
-  const { pages: o = [] } = Ut(), r = o.find((l) => l.id === (i.link || i.linkId));
-  if (t)
-    return /* @__PURE__ */ n(U, { ...W(i, ["link", "linkId"]), children: e });
-  if (r) {
-    const l = r.path || "/";
-    return /* @__PURE__ */ n(pe, { to: l, children: /* @__PURE__ */ n(U, { ...W(i, ["link", "linkId"]), children: e }) });
-  }
-  return /* @__PURE__ */ n(U, { ...W(i, "linkId"), children: e });
-}
-function E({ type: t = "", icon: e = "", size: i = "3rem", className: o = "", ...r }) {
-  return /* @__PURE__ */ n(at, { icon: e || t, size: i, className: k("content-icon", o), ...r });
-}
-E.propTypes = {};
-E.defaultProps = {
-  type: "",
-  icon: "",
-  size: "3rem",
-  color: "inherit",
-  className: ""
-};
-function eo({
-  to: t,
-  base: e,
-  children: i,
-  className: o,
-  activeClassName: r = "active",
-  target: l = "auto",
-  autoExternalMark: d = !1,
-  useRouterLink: a,
-  ...s
-}) {
-  const { pages: c = [], locale: u = "" } = {}, m = e ? q("/", e) : e || "";
-  let h = l === "auto" ? "_self" : l, p = q(m, t);
-  const x = d ? it(p) : !1;
-  if (e)
-    return p = q(m, u, t), /* @__PURE__ */ n(
-      "a",
-      {
-        className: `no-underline ${o}`,
-        href: rt(p),
-        rel: "noreferrer noopener",
-        target: h,
-        ...s,
-        children: i
-      }
-    );
-  if (it(t))
-    l === "auto" && (h = "_blank"), p = t;
-  else {
-    xe(p) && (p = q(window.location.pathname, p));
-    const f = ye(`${window.location.origin}${p}`), b = c.some((g) => g.pathname === f.pathname);
-    if (a || b)
-      return /* @__PURE__ */ n(
-        he,
-        {
-          end: !0,
-          to: rt(p),
-          className: ({ isActive: g }) => k(o, g ? r : ""),
-          ...s,
-          children: i
-        }
-      );
-  }
-  return /* @__PURE__ */ _(
-    "a",
-    {
-      className: `no-underline ${o}`,
-      href: rt(p),
-      rel: "noreferrer noopener",
-      target: h,
-      ...s,
-      children: [
-        i,
-        x && /* @__PURE__ */ n(E, { icon: "i-mdi:arrow-top-right", size: "0.9em", className: "smart-link__mark", style: { marginLeft: 5 } })
-      ]
-    }
-  );
-}
-function J({
-  prepend: t,
-  append: e,
-  children: i,
-  className: o = "",
-  dark: r = !1,
-  border: l = !0,
-  ...d
-}) {
-  let a = {};
-  const { pages: s = [] } = Ut(), c = s.find((h) => h.id === d.link), u = !i || ee.Children.toArray(i).every((h) => h === null);
-  d.link && (a = {
-    component: eo,
-    to: (c == null ? void 0 : c.path) || d.link,
-    useRouterLink: !0
-  });
-  const m = _t();
-  return /* @__PURE__ */ _(
-    oo,
-    {
-      className: k("base-card card", { dark: r, "border-transparent": !l }, o),
-      sx: {
-        borderColor: m.palette.divider
-      },
-      ...a,
-      ...W(d, ["listType", "dark", "iconColor", "link", "hoverStyle", "imageSize"]),
-      children: [
-        t,
-        !u && /* @__PURE__ */ n("div", { className: "card__body", children: i }),
-        e
-      ]
-    }
-  );
-}
-const oo = $(y)`
-  &.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 G({
-  align: t = "left",
-  title: e,
-  titleProps: i = {},
-  description: o,
-  descriptionProps: r = {}
-}) {
-  return /* @__PURE__ */ _(Z, { children: [
-    e && /* @__PURE__ */ n(
-      R,
-      {
-        className: k("card__title text-gray-800", "dark:text-gray-50"),
-        component: "h5",
-        variant: "h5",
-        gutterBottom: !0,
-        align: t,
-        ...i,
-        children: e
-      }
-    ),
-    o && /* @__PURE__ */ n(
-      R,
-      {
-        className: k("card__description", "text-gray-500", "dark:text-gray-400"),
-        component: "div",
-        variant: "body1",
-        gutterBottom: !0,
-        align: t,
-        ...r,
-        children: o
-      }
-    )
-  ] });
-}
-function ro({
-  image: t,
-  title: e,
-  description: i,
-  imageProps: o = {},
-  imageMeta: r,
-  imageSize: l,
-  titleProps: d = {},
-  descriptionProps: a = {},
-  actions: s,
-  align: c,
-  ...u
-}) {
-  const m = mt(t), h = T(I(t), 540);
-  return /* @__PURE__ */ _(
-    no,
-    {
-      className: "card-article",
-      ...u,
-      prepend: /* @__PURE__ */ n("div", { className: "card__image__wrap", children: m && t ? /* @__PURE__ */ n(
-        y,
-        {
-          sx: {
-            position: "absolute",
-            left: 0,
-            top: 0,
-            right: 0,
-            bottom: 0,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center"
-          },
-          children: /* @__PURE__ */ n(E, { icon: t, color: "primary.main" })
-        }
-      ) : h && /* @__PURE__ */ n(
-        "img",
-        {
-          className: "card__image",
-          src: h,
-          ...o,
-          alt: o.alt || (r == null ? void 0 : r.filename) || "card-image",
-          width: r == null ? void 0 : r.naturalWidth,
-          height: r == null ? void 0 : r.naturalHeight,
-          style: { width: "100%", height: "100%", objectFit: l || "cover", objectPosition: "center" },
-          loading: "lazy"
-        }
-      ) }),
-      children: [
-        e || i ? /* @__PURE__ */ n(
-          G,
-          {
-            align: c,
-            title: e,
-            titleProps: d,
-            description: i,
-            descriptionProps: a
-          }
-        ) : null,
-        s != null && s.length ? /* @__PURE__ */ n(O, { align: c, actions: s, className: "mt-4" }) : null
-      ]
-    }
-  );
-}
-const no = $(J)`
-  ${(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;
-  }
-`, yt = "section";
-function bt({
-  title: t,
-  image: e,
-  imageMeta: i,
-  description: o,
-  actions: r,
-  align: l,
-  listType: d = "",
-  className: a = "",
-  ...s
-}) {
-  return /* @__PURE__ */ _(io, { className: k("card", `list-type-${d}`, a), align: l, ...s, children: [
-    e && /* @__PURE__ */ n(
-      E,
-      {
-        icon: e,
-        color: "primary.main",
-        size: d === "icon-title" ? "1.2rem" : "3rem",
-        imageMeta: i
-      }
-    ),
-    t || o ? /* @__PURE__ */ n(G, { align: l, title: t, description: o }) : null,
-    r != null && r.length ? /* @__PURE__ */ n(O, { align: l, actions: r, className: "mt-4" }) : null
-  ] });
-}
-const io = $(J)`
-  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[yt]}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[yt]}px) {
-    padding: 2rem 2rem;
-    text-align: left;
-    box-sizing: border-box;
-  }
-`;
-function ao({
-  image: t,
-  title: e,
-  description: i,
-  imageProps: o = {},
-  imageMeta: r,
-  imageSize: l,
-  titleProps: d = {},
-  descriptionProps: a = {},
-  actions: s,
-  align: c,
-  ...u
-}) {
-  const m = mt(t), h = T(I(t), 540);
-  return /* @__PURE__ */ _(
-    lo,
-    {
-      className: "card-article",
-      ...u,
-      prepend: /* @__PURE__ */ n("div", { className: "card__image__wrap", children: m && t ? /* @__PURE__ */ n(
-        y,
-        {
-          sx: {
-            position: "absolute",
-            left: 0,
-            top: 0,
-            right: 0,
-            bottom: 0,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center"
-          },
-          children: /* @__PURE__ */ n(E, { icon: t, color: "primary.main" })
-        }
-      ) : h && /* @__PURE__ */ n(
-        y,
-        {
-          component: "img",
-          className: "card__image",
-          src: h,
-          ...o,
-          alt: o.alt || (r == null ? void 0 : r.filename) || "card-image",
-          width: r == null ? void 0 : r.naturalWidth,
-          height: r == null ? void 0 : r.naturalHeight,
-          style: { width: "100%", height: "100%", objectFit: l || "contain", objectPosition: "center" },
-          loading: "lazy"
-        }
-      ) }),
-      children: [
-        e || i ? /* @__PURE__ */ n(
-          G,
-          {
-            align: c,
-            title: e,
-            titleProps: d,
-            description: i,
-            descriptionProps: a
-          }
-        ) : null,
-        s != null && s.length ? /* @__PURE__ */ n(O, { align: c, actions: s, className: "mt-4" }) : null
-      ]
-    }
-  );
-}
-const lo = $(J)`
-  ${(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;
-  }
-`, wt = "section";
-function so({
-  title: t,
-  image: e,
-  imageMeta: i,
-  iconSize: o = 100,
-  description: r,
-  actions: l,
-  align: d,
-  className: a = "",
-  ...s
-}) {
-  return /* @__PURE__ */ n(co, { className: k("card", a), ...s, children: /* @__PURE__ */ _(y, { className: "flex items-center", children: [
-    e && /* @__PURE__ */ n(E, { icon: e, color: "primary.main", size: o, imageMeta: i }),
-    /* @__PURE__ */ _(y, { className: "flex-1 ml-4", children: [
-      /* @__PURE__ */ n(G, { align: d, title: t, description: r }),
-      /* @__PURE__ */ n(O, { align: d, actions: l, className: "mt-4" })
-    ] })
-  ] }) });
-}
-const co = $(J)`
-  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[wt]}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[wt]}px) {
-    padding: 2rem 2rem;
-    text-align: left;
-    box-sizing: border-box;
-  }
-`;
-function mo({
-  title: t,
-  titleProps: e = {},
-  description: i,
-  descriptionProps: o = {},
-  image: r,
-  imageMeta: l,
-  className: d = "",
-  align: a,
-  hoverStyle: s,
-  ...c
-}) {
-  return /* @__PURE__ */ _(uo, { className: k("card-simple", d, `hover-style__${s}`), align: a, ...c, children: [
-    r && /* @__PURE__ */ n(E, { icon: r, color: "primary.main", imageMeta: l }),
-    t || i ? /* @__PURE__ */ n(
-      G,
-      {
-        align: a,
-        title: t,
-        titleProps: e,
-        description: i,
-        descriptionProps: o
-      }
-    ) : null
-  ] });
-}
-const uo = $(J)`
-  .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 po({ type: t = "default", ...e }) {
-  const o = {
-    article: ro,
-    simple: mo,
-    news: so,
-    default: bt,
-    wall: ao
-  }[t] || bt;
-  return /* @__PURE__ */ n(o, { ...t === "news" ? e : W(e, "iconSize") });
-}
-function ho({
-  list: t = [],
-  align: e = "top",
-  cards: i,
-  listBorder: o = !0,
-  listType: r = "",
-  col: l = 3,
-  gap: d,
-  iconColor: a,
-  className: s = "",
-  type: c = "default",
-  dark: u = !1,
-  textAlign: m = "left",
-  hoverStyle: h,
-  ...p
-}) {
-  return /* @__PURE__ */ n(
-    dt,
-    {
-      type: c,
-      className: k("card-list py-1", s, "items-stretch"),
-      col: l,
-      gap: d,
-      align: e,
-      ...p,
-      children: i || t.map((x) => /* @__PURE__ */ n(
-        po,
-        {
-          borderColor: o,
-          iconColor: a,
-          type: c,
-          listType: r,
-          dark: u,
-          ...x,
-          align: m,
-          style: d === 0 && t.length > 1 ? {
-            borderRadius: 0,
-            marginRight: "-1px",
-            marginBottom: "-1px"
-          } : {}
-        },
-        x.id
-      ))
-    }
-  );
-}
-const fo = [
-  "align",
-  "cards",
-  "list",
-  "listBorder",
-  "listType",
-  "col",
-  "gap",
-  "iconColor",
-  "type",
-  "textAlign"
-], go = $(Y)`
-  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 xo({ className: t, ...e }) {
-  const [i, o] = N(e, V), [r, l] = N(o, fo);
-  return /* @__PURE__ */ _(go, { className: k("section--card-list", t), type: e.type, ...l, children: [
-    Object.keys(i).length > 0 && /* @__PURE__ */ n(M, { center: !0, ...i, className: "mb-[2.5vw]" }),
-    /* @__PURE__ */ n(ho, { ...r, dark: !!e.dark })
-  ] });
-}
-const yo = $(xo)`
-  .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 bo({ section: t, ...e }) {
-  const [{ editing: i }, o] = N(e, D), r = L(() => {
-    var l;
-    return {
-      ...W(o, ["listBorder", "list", "iconSize", "imageSize"]),
-      list: (l = o.list) == null ? void 0 : l.map((d) => {
-        var a, s;
-        return {
-          ...W(d, "icon", "iconColor"),
-          image: ["news", "simple", "default"].includes(o.type) && d.icon ? d.icon : d.image,
-          actions: (s = (a = d.actions) == null ? void 0 : a.map) == null ? void 0 : s.call(a, (c) => /* @__PURE__ */ n(Ft, { ...c, editing: i }, c.id)),
-          border: o.listBorder,
-          iconSize: o.iconSize,
-          imageSize: o.imageSize,
-          hoverStyle: o.hoverStyle
-        };
-      })
-    };
-  }, [o]);
-  return /* @__PURE__ */ n(yo, { style: i ? { pointerEvents: "none" } : {}, ...r });
-}
-function wo({
-  properties: t,
-  section: e,
-  locale: i,
-  dev: o
-}) {
-  var r;
-  return (r = e == null ? void 0 : e.config) != null && r.componentId ? /* @__PURE__ */ n(
-    ce,
-    {
-      instanceId: e.id,
-      componentId: e.config.componentId,
-      blockletId: e.config.blockletId,
-      blockletTitle: e.config.blockletTitle,
-      componentName: e.config.componentName,
-      locale: i,
-      properties: t,
-      dev: o
-    }
-  ) : /* @__PURE__ */ n(y, { textAlign: "center", py: 2, children: /* @__PURE__ */ n(R, { variant: "caption", color: "text.secondary", children: "Please select component to render" }) });
-}
-function vo({
-  src: t,
-  dataId: e,
-  isEdit: i = !1,
-  height: o = "100%",
-  onLoad: r = () => {
-  }
-}) {
-  return /* @__PURE__ */ n(
-    ke,
-    {
-      isEdit: i,
-      embedId: e,
-      src: t,
-      height: o,
-      onLoad: () => {
-        r();
-      }
-    }
-  );
-}
-function ko({ dataId: t, src: e, actions: i, center: o, onLoad: r, ...l }) {
-  const [d, a] = N(l, V);
-  return /* @__PURE__ */ _(Y, { ...a, children: [
-    Object.keys(d).length > 0 && /* @__PURE__ */ n(M, { center: o, ...d }),
-    /* @__PURE__ */ n(
-      vo,
-      {
-        dataId: t,
-        src: e,
-        onLoad: r,
-        height: l.iframeHeight ? `${l.iframeHeight}px` : "100%"
-      }
-    ),
-    /* @__PURE__ */ n(O, { actions: i, center: o })
-  ] });
-}
-const Ir = {
-  src: "",
-  embedUrl: "",
-  title: "",
-  description: "",
-  dark: !1,
-  background: "",
-  center: !0,
-  config: {},
-  id: ""
-};
-function _o({ section: t, id: e, src: i, ...o }) {
-  const r = `${e}-${o.locale}`, [{ editing: l }, d] = N(o, D), a = lt({}), s = JSON.parse(JSON.stringify(d)), { message: c } = be(r, "server"), u = we(JSON.parse(JSON.stringify(d.config) || "{}"));
-  return H(() => {
-    c && c.onInit(() => u.current);
-  }, [c]), H(() => {
-    const m = JSON.parse(JSON.stringify(d.config) || "{}");
-    ve(a.current, m) || (a.current = m, c == null || c.send("config-set", m));
-  }, [c, d.config]), i ? /* @__PURE__ */ n(ko, { ...s, dataId: r, src: i, style: l ? { pointerEvents: "none" } : {} }) : /* @__PURE__ */ n($o, { children: 'Please set the "src" attribute for this block' });
-}
-const $o = $("div")`
-  user-select: none;
-  color: #999;
-  padding: 8px;
-  height: 200px;
-`, Co = 12, No = ({
-  gridSettings: t,
-  section: e,
-  index: i,
-  columns: o,
-  simulateMode: r = "desktop",
-  isBackground: l
-}) => {
-  const d = (t == null ? void 0 : t[r]) ?? {}, a = d[e.id], s = So(d);
-  return {
-    i: e.id,
-    static: (e == null ? void 0 : e.locked) || l,
-    ...l ? {
-      x: 0,
-      y: 0,
-      w: o,
-      h: 1,
-      isResizable: !1
-    } : {
-      x: (a == null ? void 0 : a.x) ?? 0,
-      y: (a == null ? void 0 : a.y) ?? i,
-      w: (a == null ? void 0 : a.w) ?? o,
-      h: (a == null ? void 0 : a.h) ?? 1,
-      isResizable: !0
-    },
-    minH: 1,
-    maxH: 1,
-    maxY: s
-  };
-}, So = (t) => Object.values(t).reduce((e, i) => Math.max(e, i.y || 0), 0) || 0, Bo = (t) => {
-  const { dev: e, id: i, section: o, onBlockRender: r } = t, l = e == null ? void 0 : e.mode, d = Gt((g) => g.breakpoints.down("sm")), { t: a } = _e(), { sections: s, sectionIds: c, config: u } = o, { columns: m = Co, gridSettings: h } = u || {}, p = F(
-    (g, w = !1, C = 0) => {
-      var ut;
-      if (!r || !g || !g.component || g.visibility === "hidden")
-        return null;
-      const v = No({
-        gridSettings: h,
-        section: g,
-        index: C,
-        columns: m,
-        simulateMode: d ? "mobile" : "desktop",
-        isBackground: w
-      }), S = (v == null ? void 0 : v.x) ?? 0, B = (v == null ? void 0 : v.y) ?? 0, j = (v == null ? void 0 : v.w) ?? m, P = (v == null ? void 0 : v.h) ?? 1, K = (v == null ? void 0 : v.maxY) ?? 0, X = !!((ut = o == null ? void 0 : o.config) != null && ut.backgroundSectionId);
-      return /* @__PURE__ */ n(
-        y,
-        {
-          className: w ? "layout-block-background" : "layout-block-section",
-          sx: {
-            // 背景元素和普通元素都使用 grid 布局
-            ...w ? {
-              // 背景元素覆盖整个网格区域
-              gridColumn: "1 / -1",
-              gridRow: `1 / ${K + 1}`,
-              zIndex: 0,
-              width: "100%",
-              height: "100%",
-              "& .BlockBase-root": {
-                width: "100%",
-                height: "100%"
-              }
-            } : {
-              position: "relative",
-              // 使用 grid 定位普通元素
-              gridColumn: `${S + 1} / span ${j}`,
-              // hasBackground 的话，不再 + 1，因为 background 会占用第一行
-              gridRow: `${B + (X ? 0 : 1)} / span ${P}`,
-              zIndex: 1
-              // Ensure content is above background
-            }
-          },
-          children: r({
-            id: g.id,
-            type: g.component,
-            config: {},
-            section: {
-              ...g
-            },
-            mode: l
-          })
-        },
-        g.id
-      );
-    },
-    [i, l, r, h, m, d]
-  ), { backgroundElements: x, contentElements: f } = L(() => {
-    if (!c || !c.length || !s || !Object.keys(s).length)
-      return { backgroundElements: [], contentElements: [] };
-    const g = [], w = [];
-    return c == null || c.forEach((C, v) => {
-      var P;
-      const S = s[C];
-      if (!S) return;
-      const B = ((P = o == null ? void 0 : o.config) == null ? void 0 : P.backgroundSectionId) === C, j = p(S, B, v);
-      j && (B ? g.push(j) : w.push(j));
-    }), { backgroundElements: g, contentElements: w };
-  }, [p, s, c]);
-  return l === "draft" && !(x != null && x.length) && !(f != null && f.length) ? /* @__PURE__ */ _(
-    y,
-    {
-      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"
-      },
-      children: [
-        /* @__PURE__ */ n(
-          y,
-          {
-            sx: {
-              fontSize: "48px",
-              opacity: 0.5
-            },
-            children: "📐"
-          }
-        ),
-        /* @__PURE__ */ n(
-          y,
-          {
-            sx: {
-              fontSize: "16px",
-              fontWeight: 500,
-              marginBottom: 1
-            },
-            children: "Section Layout"
-          }
-        ),
-        /* @__PURE__ */ n(
-          y,
-          {
-            sx: {
-              opacity: 0.7,
-              whiteSpace: "pre-line"
-            },
-            children: a("maker.layoutBlock.draftPlaceholder")
-          }
-        ),
-        /* @__PURE__ */ n(
-          y,
-          {
-            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% / ${m} - 1px),
-                  ${g.palette.grey[400]} calc(100% / ${m} - 1px),
-                  ${g.palette.grey[400]} calc(100% / ${m})
-                )
-              `
-            }
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ _(
-    y,
-    {
-      sx: {
-        position: "relative",
-        display: "grid",
-        gridTemplateColumns: `repeat(${m}, 1fr)`,
-        alignItems: "center",
-        width: "100%",
-        height: "100%"
-      },
-      children: [
-        x,
-        f
-      ]
-    }
-  );
-}, Io = [
-  /youtu\.be\/([^#&?]{11})/,
-  // youtu.be/<id>
-  /\?v=([^#&?]{11})/,
-  // ?v=<id>
-  /&v=([^#&?]{11})/,
-  // &v=<id>
-  /embed\/([^#&?]{11})/,
-  // embed/<id>
-  /\/v\/([^#&?]{11})/
-  // /v/<id>
-];
-function Wo(t) {
-  var e;
-  if (/youtu\.?be/.test(t))
-    for (const i of Io) {
-      const o = (e = i.exec(t)) == null ? void 0 : e[1];
-      if (o)
-        return o;
-    }
-}
-function Ro(t) {
-  const e = Wo(t);
-  if (e)
-    return `https://youtube.com/embed/${e}`;
-}
-function jo({ src: t }) {
-  return H(() => {
-    import("@lottiefiles/lottie-player");
-  }, []), /* @__PURE__ */ n("lottie-player", { autoplay: !0, loop: !0, mode: "normal", src: t });
-}
-function zo(t) {
-  return /* @__PURE__ */ n(y, { maxHeight: 400, overflow: "hidden auto", children: /* @__PURE__ */ n($e, { ...t }) });
-}
-function Lo({ url: t }) {
-  const e = lt(null), i = 495, [o, r] = et(
-    e.current ? e.current.offsetWidth * 0.5625 : i
-  ), l = F(() => {
-    const d = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, a = e.current ? e.current.offsetWidth * 0.5625 : i;
-    return r(Math.floor(a * d));
-  }, []);
-  return H(() => {
-    window.addEventListener("resize", l);
-    const d = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, a = e.current ? e.current.offsetWidth * 0.5625 : i;
-    return r(Math.floor(a * d)), function() {
-      window.removeEventListener("resize", l);
-    };
-  }, [o, l]), /* @__PURE__ */ n(
-    y,
-    {
-      component: "iframe",
-      ref: e,
-      title: "youtube",
-      width: "100%",
-      height: `${o}px`,
-      src: t,
-      frameBorder: "0",
-      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-      allowFullScreen: !0,
-      sx: { display: "block" }
-    }
-  );
-}
-const Wr = {
-  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
-}, Eo = $(De)`
-  .section__description {
-  }
-`;
-function Po({
-  hasImage: t,
-  fullSizeImage: e,
-  boxed: i,
-  videoPoster: o,
-  imageMeta: r,
-  imageOptimization: l,
-  imageSize: d,
-  section: a,
-  ...s
-}) {
-  var p, x;
-  const [{ editing: c }, u] = N({ ...s, boxed: e ? void 0 : i }, D);
-  let m = To(u.image, o, e, r, l, d);
-  t || (m = null);
-  let h = null;
-  return u.actions && (h = (x = (p = u.actions) == null ? void 0 : p.map) == null ? void 0 : x.call(p, (f, b) => /* @__PURE__ */ n(Ft, { ...f, editing: c }, b))), /* @__PURE__ */ n(
-    Eo,
-    {
-      ...u,
-      style: c ? { pointerEvents: "none" } : {},
-      image: m,
-      fullSizeImage: t && e,
-      actions: h
-    }
-  );
-}
-function To(t, e, i, o, r, l) {
-  if (t) {
-    if (t.endsWith(".json"))
-      return /* @__PURE__ */ n(jo, { src: t });
-    if (t.indexOf("twitter.com") !== -1)
-      return /* @__PURE__ */ n(zo, { sourceType: "url", url: t });
-    const d = Ro(t);
-    if (d)
-      return /* @__PURE__ */ n(Lo, { url: d });
-    const { naturalWidth: a, naturalHeight: s, filename: c } = o || {};
-    if (A(t))
-      return /* @__PURE__ */ n(
-        "video",
-        {
-          width: a && `${a}px`,
-          height: s && `${s}px`,
-          controls: !0,
-          autoPlay: !0,
-          muted: !0,
-          style: {
-            display: "block",
-            objectFit: l || "contain",
-            borderRadius: "8px",
-            width: "100%",
-            height: "100%"
-          },
-          poster: T(I(e), i ? 1200 : 540, r),
-          children: /* @__PURE__ */ n("source", { src: I(t), type: Fe(t) })
-        },
-        t
-      );
-    const u = r === "quality" ? 1 : 0.6;
-    return /* @__PURE__ */ n(
-      It,
-      {
-        src: I(t),
-        sizesAttr: {
-          sm: 600 * u,
-          md: 450 * u,
-          lg: 540 * u,
-          ...i && {
-            md: 900 * u,
-            lg: 1200 * u
-          }
-        },
-        width: a && `${a}px`,
-        height: s && `${s}px`,
-        alt: c ?? t,
-        style: { objectFit: l || "contain", display: "block", width: "100%", height: "100%" },
-        loading: "lazy"
-      }
-    );
-  }
-  return null;
-}
-const Rr = ["production", "draft"];
-function jr({ mode: t, version: e } = {}) {
-  const i = e && typeof e == "number" ? { mode: t, version: e } : { mode: t };
-  return st.get(`/api/${ct()}/pages`, { params: i }).then((o) => o.data);
-}
-function zr({ mode: t, routes: e }) {
-  return st.post(`/api/${ct()}/pages/publish`, { mode: t, routes: e }).then((i) => i.data);
-}
-function Oo({
-  locale: t,
-  sort: e,
-  page: i,
-  limit: o,
-  mode: r
-} = {}) {
-  return st.get(`/api/${ct()}/pages/toc`, { params: { locale: t, sort: e, page: i, limit: o, mode: r } }).then((l) => l.data);
-}
-const Lr = {
-  style: "list",
-  sort: "-updatedAt"
-}, vt = 20;
-function Ao({ style: t, sort: e, section: i, ...o }) {
-  const [{ editing: r, locale: l }, d] = N(o, D), [a, s] = N(d, V), [c, u] = et(), m = lt(!1), h = Ce(), p = fe(), x = F(async () => {
-    if (!m.current) {
-      m.current = !0, h();
-      try {
-        const f = c ? Math.floor(c.list.length / vt) + 1 : 1, { list: b, total: g } = await Oo({ locale: l, sort: e, page: f, limit: vt });
-        u((w) => ({
-          list: ((w == null ? void 0 : w.list) ?? []).concat(b),
-          total: g
-        }));
-      } finally {
-        m.current = !1, h();
-      }
-    }
-  }, [c, l, e, h]);
-  return Ne(() => {
-    x();
-  }), /* @__PURE__ */ _(Y, { ...s, sx: r ? { pointerEvents: "none" } : {}, children: [
-    Object.keys(a).length > 0 && /* @__PURE__ */ n(M, { ...a }),
-    c ? /* @__PURE__ */ _(Z, { children: [
-      /* @__PURE__ */ n(pt, { container: !0, spacing: 2, justifyContent: "center", children: c == null ? void 0 : c.list.map((f) => /* @__PURE__ */ n(pt, { item: !0, xs: 12, sm: t === "card" ? 6 : 12, md: t === "card" ? 3 : 12, children: /* @__PURE__ */ _(
-        Uo,
-        {
-          elevation: 0,
-          className: k(t === "card" && "style-card"),
-          onClick: r ? void 0 : () => p(f.slug),
-          children: [
-            !!f.image && /* @__PURE__ */ n(
-              qt,
-              {
-                component: "img",
-                alt: "",
-                image: T(I(f.image), 540),
-                loading: "lazy"
-              }
-            ),
-            /* @__PURE__ */ _(Qt, { children: [
-              /* @__PURE__ */ n(R, { variant: "h6", component: "div", className: kt, children: f.title || f.id }),
-              /* @__PURE__ */ n(R, { variant: "body2", className: kt, children: f.description })
-            ] })
-          ]
-        }
-      ) }, f.id)) }),
-      /* @__PURE__ */ n(y, { textAlign: "center", mt: 2, children: c.total > c.list.length ? /* @__PURE__ */ n(U, { variant: "outlined", color: "secondary", onClick: x, loading: m.current, children: "More" }) : /* @__PURE__ */ n(U, { variant: "outlined", color: "secondary", disabled: !0, children: "No More" }) })
-    ] }) : /* @__PURE__ */ n(y, { p: 2, textAlign: "center", children: /* @__PURE__ */ n(Xt, { size: 24 }) })
-  ] });
-}
-const kt = nt`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`, Uo = $(Kt)`
-  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;
-    }
-  }
-`, Fo = {
-  iframe: _o,
-  section: Po,
-  "section-card-list": bo,
-  toc: Ao,
-  "ai-runtime": Ke,
-  "custom-component": wo,
-  "layout-block": Bo
-};
-function Ho({
-  id: t,
-  type: e,
-  mode: i,
-  config: o,
-  section: r,
-  ignorePageMetaStyle: l,
-  page: d,
-  ...a
-}) {
-  const s = Fo[e], { getPageMetaStyle: c } = Pe(), u = L(() => {
-    const { height: p, ...x } = o;
-    return e === "layout-block" && (x.onBlockRender = (f) => {
-      var S, B, j, P, K, X;
-      const b = {
-        ...o == null ? void 0 : o.dev,
-        ...(S = f == null ? void 0 : f.config) == null ? void 0 : S.dev
-      }, { defaultLocale: g } = b, w = {
-        ...tt(o, ["locale", "editing"]),
-        ...f == null ? void 0 : f.config,
-        dev: b
-      }, { locale: C } = w;
-      let v = (j = (B = d == null ? void 0 : d.dataSource) == null ? void 0 : B[f == null ? void 0 : f.id]) == null ? void 0 : j[C];
-      return te(v) && (v = (K = (P = d == null ? void 0 : d.dataSource) == null ? void 0 : P[f == null ? void 0 : f.id]) == null ? void 0 : K[g ?? "en"]), /* @__PURE__ */ n(
-        Ho,
-        {
-          ...f,
-          config: {
-            ...(X = f == null ? void 0 : f.section) == null ? void 0 : X.properties,
-            ...v,
-            ...w
-          },
-          page: d,
-          ignorePageMetaStyle: !0
-        }
-      );
-    }), x;
-  }, [o, e]), m = L(() => {
-    const p = {};
-    return e !== "custom-component" && (p.height = o.height), p.sx = l ? void 0 : c("sx"), p.id = `BlockBase-${t}`, p;
-  }, [o.height, l, e, c]), h = s && /* @__PURE__ */ n(s, { mode: i, ...u, id: t, section: r });
-  return h ? /* @__PURE__ */ n(Je, { ...a, ...m, children: h }) : /* @__PURE__ */ n(Mo, { type: e });
-}
-function Mo({ type: t }) {
-  return /* @__PURE__ */ n(y, { p: 2, children: /* @__PURE__ */ _(Zt, { icon: /* @__PURE__ */ n(Ht, {}), color: "error", children: [
-    "Unsupported Block `",
-    t,
-    "`"
-  ] }) });
-}
-function Er(t) {
-  return t != null;
-}
-export {
-  Ft as A,
-  Ho as B,
-  Tt as I,
-  Sr as P,
-  Rr as S,
-  Lr as T,
-  Nr as a,
-  Wr as b,
-  Ir as c,
-  jr as g,
-  Er as n,
-  zr as p
-};