@blocklet/pages-kit-inner-components 0.4.159 → 0.5.0

package/lib/es/chunks/{array-BAy40Bak.js → array-D52_0LRy.js}

@@ -1,12 +1,12 @@
 import { jsx as i, jsxs as w, Fragment as J } from "react/jsx-runtime";
 import "@mui/icons-material";
-import { Box as b, styled as Tt, Typography as C, Container as Et, Stack as Ot, useTheme as At, createTheme as Ft, ThemeProvider as Ut, Card as Vt, CircularProgress as Dt, Grid as st, CardMedia as Ht, CardContent as Yt } from "@mui/material";
-import Jt, { createContext as xt, useMemo as W, useCallback as M, useContext as bt, Fragment as Mt, isValidElement as yt, useState as K, useEffect as E, useRef as tt } from "react";
+import { Box as y, styled as Tt, Typography as C, Container as Et, Stack as Ot, useTheme as At, createTheme as Ft, ThemeProvider as Ut, Card as Vt, CircularProgress as Dt, Grid as st, CardMedia as Ht, CardContent as Yt } from "@mui/material";
+import Jt, { createContext as xt, useMemo as W, useCallback as M, useContext as yt, Fragment as Mt, isValidElement as bt, useState as K, useEffect as E, useRef as tt } from "react";
 import G from "lodash/keyBy";
 import { e as j, g as N, E as Kt, h as et, l as ot } from "./state-C_CbKF7g.js";
 import { AIForm as lt, AIFormResult as ct } from "@blocklet/ai-runtime/components";
 import { deepmerge as Gt } from "@mui/utils";
-import nt from "lodash/pick";
+import rt from "lodash/pick";
 import { ErrorBoundary as Xt } from "react-error-boundary";
 import qt from "@blocklet/pages-kit/builtin/markdown/markdown-renderer";
 import { useColorConvert as wt } from "@blocklet/pages-kit/contexts/color";
@@ -20,8 +20,8 @@ import { isGradient as ee, isColorString as oe } from "@blocklet/pages-kit/utils
 import _t from "@mui/material/useMediaQuery";
 import S from "lodash/omit";
 import { Icon as $t } from "@iconify-icon/react";
-import ne from "@arcblock/ux/lib/Screenshot";
-import { Link as re, NavLink as ie, useNavigate as ae } from "react-router-dom";
+import re from "@arcblock/ux/lib/Screenshot";
+import { Link as ne, NavLink as ie, useNavigate as ae } from "react-router-dom";
 import se from "@arcblock/ux/lib/Button";
 import Q from "is-uri";
 import { join as H } from "pathe";
@@ -53,7 +53,7 @@ const Nt = "{{CUSTOM_VALUE}}", xe = [
     value: "large",
     sx: { py: { xs: 7.5, md: 10, lg: 12.5, xl: 15 } }
   }
-], be = [
+], ye = [
   {
     title: "None",
     value: "none",
@@ -74,7 +74,7 @@ const Nt = "{{CUSTOM_VALUE}}", xe = [
     value: "large",
     sx: { py: { xs: 6, md: 9, lg: 9, xl: 11 } }
   }
-], ye = [
+], be = [
   {
     title: "None",
     value: "none",
@@ -95,9 +95,9 @@ const Nt = "{{CUSTOM_VALUE}}", xe = [
     value: "large",
     sx: { px: { xs: 2.5, md: 10, lg: 12.5, xl: 15 } }
   }
-], Y = (t, e, r) => {
-  const n = t.breakpoints.values[r];
-  return `${e}${n ? ` (${n}px)` : ""}`;
+], Y = (t, e, n) => {
+  const r = t.breakpoints.values[n];
+  return `${e}${r ? ` (${r}px)` : ""}`;
 }, we = [
   {
     title: "100%",
@@ -137,7 +137,7 @@ const Nt = "{{CUSTOM_VALUE}}", xe = [
       mx: "auto"
     }
   }
-], ve = G(xe, "value"), ke = G(be, "value"), _e = G(ye, "value"), $e = G(we, "value"), Ne = /* @__PURE__ */ new Map([
+], ve = G(xe, "value"), ke = G(ye, "value"), _e = G(be, "value"), $e = G(we, "value"), Ne = /* @__PURE__ */ new Map([
   ["baseSectionPaddingY", ve],
   ["maxWidth", $e],
   ["paddingY", ke],
@@ -145,14 +145,14 @@ const Nt = "{{CUSTOM_VALUE}}", xe = [
 ]);
 function St(t) {
   var l;
-  const { type: e, value: r, format: n = "sx", defaultValue: o = null } = t, a = Ne.get(e);
+  const { type: e, value: n, format: r = "sx", defaultValue: o = null } = t, a = Ne.get(e);
   if (!a)
     return o;
-  const d = r.startsWith("custom:"), s = d ? "custom" : r;
-  if (a != null && a[s] && ((l = a == null ? void 0 : a[s]) != null && l[n])) {
-    const c = a[s][n];
+  const d = n.startsWith("custom:"), s = d ? "custom" : n;
+  if (a != null && a[s] && ((l = a == null ? void 0 : a[s]) != null && l[r])) {
+    const c = a[s][r];
     if (d) {
-      const m = r.replace("custom:", "");
+      const m = n.replace("custom:", "");
       try {
         return JSON.parse(JSON.stringify(c || {}).replaceAll(Nt, m));
       } catch {
@@ -168,32 +168,32 @@ const Ct = xt({
   getPageMetaStyle: () => ({})
 });
 function Se() {
-  return bt(Ct);
+  return yt(Ct);
 }
-function cn({
+function lr({
   page: t,
   children: e,
-  defaultLocale: r = "en",
-  currentLocale: n
+  defaultLocale: n = "en",
+  currentLocale: r
 }) {
   const o = W(() => t ? JSON.parse(JSON.stringify(t)) : null, [JSON.stringify(t)]), a = M(() => {
     var c;
     if (!o) return {};
-    const l = n || r;
+    const l = r || n;
     return ((c = o.locales) == null ? void 0 : c[l]) ?? {};
-  }, [o, r, n]), d = M(
+  }, [o, n, r]), d = M(
     (l = "sx") => {
       const c = a();
       return !c || !c.style ? {} : Object.entries(c.style || {}).reduce((p, [h, u]) => {
         if (!u) return p;
         const f = `${h}Custom`;
         c.style[f];
-        const y = St({
+        const b = St({
           type: h,
           value: u,
           format: l
         });
-        return y ? { ...p, ...y } : p;
+        return b ? { ...p, ...b } : p;
       }, {});
     },
     [a]
@@ -207,24 +207,24 @@ function cn({
   );
   return /* @__PURE__ */ i(Ct.Provider, { value: s, children: e });
 }
-function z({ actions: t, center: e, className: r, align: n }) {
+function z({ actions: t, center: e, className: n, align: r }) {
   return t && (t != null && t.length) ? /* @__PURE__ */ i(
-    b,
+    y,
     {
       className: g(
         "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",
-        r
+        (e || r === "center") && "justify-center",
+        !e && r === "right" && "justify-end",
+        !e && r === "left" && "justify-start",
+        n
       ),
       sx: { alignItems: "center" },
       children: t
     }
   ) : null;
 }
-const Ce = "section", Pe = Tt(b)`
+const Ce = "section", Pe = Tt(y)`
   overflow: hidden;
 
   .section__title {
@@ -290,8 +290,8 @@ const Ce = "section", Pe = Tt(b)`
 function O({
   title: t,
   description: e,
-  descriptionMarkdown: r,
-  actions: n,
+  descriptionMarkdown: n,
+  actions: r,
   className: o = "",
   classes: a = {},
   prepend: d,
@@ -303,10 +303,10 @@ function O({
   logo: h,
   titleAppearance: u,
   descriptionAppearance: f,
-  ...y
+  ...b
 }) {
   const x = wt();
-  if (!t && !e && !n && !m && !c && !d && !s && !h) return null;
+  if (!t && !e && !r && !m && !c && !d && !s && !h) return null;
   const k = Math.max(Math.min(5, l + 1), 1), v = {
     1: "xl:!text-3xl lg:!text-2xl md:!text-xl",
     2: "xl:!text-2xl lg:!text-xl md:!text-lg",
@@ -315,7 +315,7 @@ function O({
     5: "xl:!text-lg md:!text-md sm:!text-sm",
     6: "!text-sm"
   }, I = l === 0 ? "big" : `h${k}`, R = l === 0;
-  return /* @__PURE__ */ w(Pe, { className: g("base-info", "lg:text-left", p && "!text-center", o), ...y, children: [
+  return /* @__PURE__ */ w(Pe, { className: g("base-info", "lg:text-left", p && "!text-center", o), ...b, children: [
     d && /* @__PURE__ */ i("div", { children: d }),
     (c || m) && /* @__PURE__ */ i("div", { className: g("section__tag", (a == null ? void 0 : a.tag) || (a == null ? void 0 : a.badge)), children: c || m }),
     h && /* @__PURE__ */ i("img", { className: "w-[120px] m-auto mb-8", src: h, alt: "info", loading: "lazy" }),
@@ -340,8 +340,8 @@ function O({
         children: t
       }
     ),
-    e && (r ? /* @__PURE__ */ i(
-      b,
+    e && (n ? /* @__PURE__ */ i(
+      y,
       {
         sx: {
           ...(f == null ? void 0 : f.color) && { color: `${x(f.color)} !important` }
@@ -377,7 +377,7 @@ function O({
         children: e
       }
     )),
-    /* @__PURE__ */ i(z, { actions: n, center: p, className: "mt-8" }),
+    /* @__PURE__ */ i(z, { actions: r, center: p, className: "mt-8" }),
     s && /* @__PURE__ */ i("div", { children: s })
   ] });
 }
@@ -398,13 +398,13 @@ const A = [
 ];
 function Pt(t) {
   if (t.type === Mt) {
-    const r = (t.props.children || []).filter((n) => yt(n));
-    return r.length === 1 ? Pt(r[0]) : r.length > 1;
+    const n = (t.props.children || []).filter((r) => bt(r));
+    return n.length === 1 ? Pt(n[0]) : n.length > 1;
   }
   return Array.isArray(t);
 }
 const P = "&>*";
-function rt({ children: t, col: e, gap: r, className: n, align: o, sx: a, type: d, ...s } = {
+function nt({ children: t, col: e, gap: n, className: r, align: o, sx: a, type: d, ...s } = {
   children: null,
   className: "",
   col: 3,
@@ -424,7 +424,7 @@ function rt({ children: t, col: e, gap: r, className: n, align: o, sx: a, type:
     "bottom-left": "justify-start items-end",
     "bottom-right": "justify-end items-end"
   }, p = m[o] || m.center;
-  let u = r ?? ({
+  let u = n ?? ({
     2: 6,
     3: 4,
     4: 4,
@@ -432,7 +432,7 @@ function rt({ children: t, col: e, gap: r, className: n, align: o, sx: a, type:
     6: 3
   }[e] || 0);
   Pt(t) || (u = 0);
-  const y = (e - 1) * u / e;
+  const b = (e - 1) * u / e;
   let x = { ...a, gap: `${u}rem` };
   const k = { [P]: { width: "100%" } }, v = {}, I = {}, R = {};
   switch (k.gap = "1rem", v.gap = `${u / 2}rem`, e) {
@@ -453,7 +453,7 @@ function rt({ children: t, col: e, gap: r, className: n, align: o, sx: a, type:
       };
       break;
   }
-  return x[P] = { width: `calc(${c}% - ${y}rem)` }, x[`@media (max-width: ${l.breakpoints.values.xl}px)`] = R, x[`@media (max-width: ${l.breakpoints.values.lg}px)`] = I, x[`@media (max-width: ${l.breakpoints.values.md}px)`] = v, x[`@media (max-width: ${l.breakpoints.values.sm}px)`] = k, d === "wall" && (x = { ...a, gap: `${u}rem` }, x[P] = { width: `calc(${c}% - ${y}rem)` }, k[P] = { width: `calc(45% - ${u / 2 / 2}rem)` }, x[`@media (max-width: ${l.breakpoints.values.sm}px)`] = k), /* @__PURE__ */ i(b, { className: g("flex flex-wrap flex-row h-full", p, n), sx: x, ...s, children: t });
+  return x[P] = { width: `calc(${c}% - ${b}rem)` }, x[`@media (max-width: ${l.breakpoints.values.xl}px)`] = R, x[`@media (max-width: ${l.breakpoints.values.lg}px)`] = I, x[`@media (max-width: ${l.breakpoints.values.md}px)`] = v, x[`@media (max-width: ${l.breakpoints.values.sm}px)`] = k, d === "wall" && (x = { ...a, gap: `${u}rem` }, x[P] = { width: `calc(${c}% - ${b}rem)` }, k[P] = { width: `calc(45% - ${u / 2 / 2}rem)` }, x[`@media (max-width: ${l.breakpoints.values.sm}px)`] = k), /* @__PURE__ */ i(y, { className: g("flex flex-wrap flex-row h-full", p, r), sx: x, ...s, children: t });
 }
 function Be() {
   const t = navigator.userAgent.toLowerCase();
@@ -461,8 +461,8 @@ function Be() {
 }
 function Ie(t = "") {
   if (t.startsWith("data:image/svg+xml,")) return !0;
-  const e = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, r = /^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;
-  return e.test(t) || r.test(t);
+  const e = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, n = /^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;
+  return e.test(t) || n.test(t);
 }
 function L(t) {
   return (t == null ? void 0 : t.endsWith(".mp4")) || (t == null ? void 0 : t.endsWith(".m4v")) || (t == null ? void 0 : t.endsWith(".webm"));
@@ -477,22 +477,22 @@ function je(t) {
 function Re() {
   const [t, e] = K(Date.now());
   return E(() => {
-    const r = () => {
+    const n = () => {
       e(Date.now());
     };
-    return document.addEventListener("visibilitychange", r), () => {
-      document.removeEventListener("visibilitychange", r);
+    return document.addEventListener("visibilitychange", n), () => {
+      document.removeEventListener("visibilitychange", n);
     };
   }, []), t;
 }
-function mt(t, e, r, n, o) {
+function mt(t, e, n, r, o) {
   let a = null;
   const { color: d = "", image: s } = je(e);
   if (s && Ie(s)) {
-    delete r.backgroundColor;
-    const l = !(t.mobile.apple.device || Be()) && L(s), c = L(s) && n ? j(N(n), 1200, "quality") : "";
+    delete n.backgroundColor;
+    const l = !(t.mobile.apple.device || Be()) && L(s), c = L(s) && r ? j(N(r), 1200, "quality") : "";
     l ? a = /* @__PURE__ */ i(
-      b,
+      y,
       {
         component: "video",
         className: "section-bg",
@@ -519,7 +519,7 @@ function mt(t, e, r, n, o) {
     ) : a = /* @__PURE__ */ i(
       kt,
       {
-        src: L(s) && n ? c : s,
+        src: L(s) && r ? c : s,
         sizesAttr: {
           sm: 600,
           md: 900,
@@ -542,24 +542,24 @@ function mt(t, e, r, n, o) {
       },
       o || s
     );
-  } else s ? r.backgroundImage = `${s} !important` : d && (r.backgroundColor = `${d} !important`);
+  } else s ? n.backgroundImage = `${s} !important` : d && (n.backgroundColor = `${d} !important`);
   return a;
 }
-function ze({ autoWidth: t, children: e, ...r }) {
-  return t ? /* @__PURE__ */ i(b, { display: "flex", ...r, children: e }) : /* @__PURE__ */ i(Et, { ...r, children: e });
+function ze({ autoWidth: t, children: e, ...n }) {
+  return t ? /* @__PURE__ */ i(y, { display: "flex", ...n, children: e }) : /* @__PURE__ */ i(Et, { ...n, children: e });
 }
 function F({
   dark: t = !1,
   children: e,
-  className: r,
-  sx: n = {},
+  className: n,
+  sx: r = {},
   boxed: o = { show: !1 },
   padding: a = "normal",
   boxProps: d,
   type: s,
   ...l
 }) {
-  const c = { ...n }, m = _t((u) => u.breakpoints.down("md"));
+  const c = { ...r }, m = _t((u) => u.breakpoints.down("md"));
   t && (c.color = dt.common.white, c.backgroundColor = `${dt.grey[900]} !important`), o.show && (c.display = "flex");
   const p = W(() => !Number(l.boxMaxWidth) || m ? {
     width: "100%"
@@ -579,7 +579,7 @@ function F({
     {
       component: "section",
       styles: { ...c, ...h },
-      className: g("base-section", "px-2 md:px-5 lg:px-5 xl:px-10", r, {
+      className: g("base-section", "px-2 md:px-5 lg:px-5 xl:px-10", n, {
         dark: t
       }),
       ...S(
@@ -600,14 +600,14 @@ function F({
 function Bt({
   background: t = "",
   backgroundVideoPoster: e,
-  children: r,
-  sx: n = {},
+  children: n,
+  sx: r = {},
   boxed: o = { show: !1 },
   className: a = "",
   styles: d = {},
   ...s
 }) {
-  const l = { ...d, ...n }, c = wt();
+  const l = { ...d, ...r }, c = wt();
   let m = null;
   const p = _t((f) => f.breakpoints.up("sm")), h = Zt(), u = Re();
   return t && (m = mt(
@@ -623,7 +623,7 @@ function Bt({
     o == null ? void 0 : o.backgroundVideoPoster,
     u
   ))), /* @__PURE__ */ w(
-    b,
+    y,
     {
       ...s,
       sx: {
@@ -633,7 +633,7 @@ function Bt({
       className: g(a, (o == null ? void 0 : o.boxShadow) && "shadow-xl"),
       children: [
         m,
-        r
+        n
       ]
     }
   );
@@ -659,26 +659,26 @@ function It({ icon: t, ...e }) {
   return /* @__PURE__ */ i($t, { icon: t, ...e, ref: null });
 }
 function $(t, e) {
-  const r = nt(t, e), n = S(t, e);
-  return [r, n];
+  const n = rt(t, e), r = S(t, e);
+  return [n, r];
 }
 const Wt = ["title", "description", "actions", "badge", "tag", "prepend", "append", "logo"];
 function Te({
   image: t,
   imageBorder: e,
-  imageShadow: r,
-  className: n,
+  imageShadow: n,
+  className: r,
   reverse: o = !1,
   fullSizeImage: a,
   ...d
 }) {
-  const [s, l] = $(d, A), c = Object.keys(s).length > 0 && Object.values(nt(s, Wt)).filter(Boolean).length > 0 && /* @__PURE__ */ i(O, { ...s }), m = yt(t) ? t : /* @__PURE__ */ i(b, { component: "img", src: t, alt: "", className: "block" }), p = ["phone", "macbook"].includes(e), h = t && /* @__PURE__ */ i(
-    b,
+  const [s, l] = $(d, A), c = Object.keys(s).length > 0 && Object.values(rt(s, Wt)).filter(Boolean).length > 0 && /* @__PURE__ */ i(O, { ...s }), m = bt(t) ? t : /* @__PURE__ */ i(y, { component: "img", src: t, alt: "", className: "block" }), p = ["phone", "macbook"].includes(e), h = t && /* @__PURE__ */ i(
+    y,
     {
       className: g(
         "section__image",
         "m-auto, leading-[1] text-center",
-        r && "shadow-xl",
+        n && "shadow-xl",
         s != null && s.center ? "flex justify-center items-center" : ""
       ),
       sx: {
@@ -690,7 +690,7 @@ function Te({
       },
       children: p ? (
         // @ts-ignore
-        /* @__PURE__ */ i(ne, { type: e, sx: { width: "100%" }, children: m })
+        /* @__PURE__ */ i(re, { type: e, sx: { width: "100%" }, children: m })
       ) : m
     }
   );
@@ -699,7 +699,7 @@ function Te({
     {
       className: g(
         "section--block",
-        n,
+        r,
         a && !o && q`
             .section-bg {
               height: 80%;
@@ -709,7 +709,7 @@ function Te({
       ...l,
       boxProps: a ? { sx: { padding: 0, overflow: "hidden" } } : void 0,
       children: /* @__PURE__ */ i(
-        rt,
+        nt,
         {
           col: t ? 2 : 1,
           className: a ? q`
@@ -740,18 +740,18 @@ function Te({
 }
 const U = ["editing", "height", "locale", "dev", "sx"];
 function Ee(t) {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ i(Oe, { ...r, className: g("BlockBase-root", e) });
+  const { className: e, ...n } = t;
+  return /* @__PURE__ */ i(Oe, { ...n, className: g("BlockBase-root", e) });
 }
-const Oe = _(b)`
+const Oe = _(y)`
   position: relative;
   color: ${({ theme: t }) => t.palette.text.primary};
 `;
 function Ae({
   widget: t,
   reverse: e,
-  projectId: r,
-  assistantId: n,
+  projectId: n,
+  assistantId: r,
   working: o,
   submitTitle: a,
   submitIcon: d,
@@ -761,7 +761,7 @@ function Ae({
   section: m,
   ...p
 }) {
-  const [{ editing: h }, u] = $(p, U), [f, y] = $(u, A), x = r && n ? { projectId: r, gitRef: "main", assistantId: n, working: !0 } : void 0, k = {
+  const [{ editing: h }, u] = $(p, U), [f, b] = $(u, A), x = n && r ? { projectId: n, gitRef: "main", assistantId: r, working: !0 } : void 0, k = {
     children: a,
     endIcon: d ? /* @__PURE__ */ i(It, { icon: d }) : void 0,
     sx: {
@@ -772,7 +772,7 @@ function Ae({
       }
     }
   }, v = [], I = l && /* @__PURE__ */ i(C, { variant: "caption", color: "text.disabled", children: l }), R = c && /* @__PURE__ */ i(C, { variant: "caption", color: "text.disabled", children: c });
-  Object.keys(f).length > 0 && Object.values(nt(f, Wt)).filter(Boolean).length > 0 && v.push(/* @__PURE__ */ i(O, { ...f }, "base-info")), x && (t === "form" ? v.push(/* @__PURE__ */ i(lt, { identifier: x, SubmitProps: k }, "form")) : t === "result" ? v.push(
+  Object.keys(f).length > 0 && Object.values(rt(f, Wt)).filter(Boolean).length > 0 && v.push(/* @__PURE__ */ i(O, { ...f }, "base-info")), x && (t === "form" ? v.push(/* @__PURE__ */ i(lt, { identifier: x, SubmitProps: k }, "form")) : t === "result" ? v.push(
     /* @__PURE__ */ i(
       ct,
       {
@@ -800,41 +800,41 @@ function Ae({
     () => Ft(Gt(at, { palette: { primary: s ? { main: s } : void 0 } })),
     [s, at]
   );
-  return /* @__PURE__ */ i(Xt, { fallbackRender: Kt, children: /* @__PURE__ */ i(Ut, { theme: Lt, children: /* @__PURE__ */ i(F, { ...y, sx: h ? { pointerEvents: "none" } : {}, children: /* @__PURE__ */ i(rt, { col: v.length, children: v }) }) }) });
+  return /* @__PURE__ */ i(Xt, { fallbackRender: Kt, children: /* @__PURE__ */ i(Ut, { theme: Lt, children: /* @__PURE__ */ i(F, { ...b, sx: h ? { pointerEvents: "none" } : {}, children: /* @__PURE__ */ i(nt, { col: v.length, children: v }) }) }) });
 }
 const jt = xt({
   pages: [],
   project: void 0
-}), { Provider: dn, Consumer: mn } = jt;
+}), { Provider: cr, Consumer: dr } = jt;
 function Rt() {
-  return bt(jt);
+  return yt(jt);
 }
-function Fe({ icon: t, className: e = "", size: r = "1rem", ...n }) {
-  return /* @__PURE__ */ i(Ue, { component: It, className: g("css-icon", e), size: r, ...n, icon: t });
+function Fe({ icon: t, className: e = "", size: n = "1rem", ...r }) {
+  return /* @__PURE__ */ i(Ue, { component: It, className: g("css-icon", e), size: n, ...r, icon: t });
 }
-const Ue = _(b)`
+const Ue = _(y)`
   &.css-icon {
     display: inline-block;
     width: ${({ size: t }) => t};
     height: ${({ size: t }) => t};
   }
 `;
-function Ve({ icon: t, className: e = "", size: r = "1rem", imageMeta: n, ...o }) {
+function Ve({ icon: t, className: e = "", size: n = "1rem", imageMeta: r, ...o }) {
   const a = j(N(t), 540), [d, s] = K(!1), l = vt();
-  return d ? /* @__PURE__ */ i(Fe, { icon: "i-mdi:image", color: l.palette.grey[500], size: r, className: e, ...o }) : /* @__PURE__ */ i(De, { className: g("image-icon", e), size: r, ...o, children: /* @__PURE__ */ i(
+  return d ? /* @__PURE__ */ i(Fe, { icon: "i-mdi:image", color: l.palette.grey[500], size: n, className: e, ...o }) : /* @__PURE__ */ i(De, { className: g("image-icon", e), size: n, ...o, children: /* @__PURE__ */ i(
     "img",
     {
       className: "image-icon__image",
       src: a,
       onError: () => s(!0),
-      width: n == null ? void 0 : n.naturalWidth,
-      height: n == null ? void 0 : n.naturalHeight,
-      alt: (n == null ? void 0 : n.filename) || "card-icon",
+      width: r == null ? void 0 : r.naturalWidth,
+      height: r == null ? void 0 : r.naturalHeight,
+      alt: (r == null ? void 0 : r.filename) || "card-icon",
       loading: "lazy"
     }
   ) });
 }
-const De = _(b)`
+const De = _(y)`
   display: inline-block;
   width: ${({ size: t }) => t};
   height: ${({ size: t }) => t};
@@ -844,29 +844,29 @@ const De = _(b)`
     width: 100%;
   }
 `, it = (t) => typeof t == "string" && /^[\w-_]+:[\w-_]+$/.test(t);
-function Z({ icon: t, size: e = "1rem", imageMeta: r, ...n }) {
+function Z({ icon: t, size: e = "1rem", imageMeta: n, ...r }) {
   const o = window.isNaN(e) ? e : `${e}px`;
-  return it(t) ? /* @__PURE__ */ i($t, { icon: t }) : /* @__PURE__ */ i(He, { component: Ve, imageMeta: r, className: "base-icon", icon: t, size: o, ...n });
+  return it(t) ? /* @__PURE__ */ i($t, { icon: t }) : /* @__PURE__ */ i(He, { component: Ve, imageMeta: n, className: "base-icon", icon: t, size: o, ...r });
 }
-const He = _(b)`
+const He = _(y)`
   flex-shrink: 0;
 `;
-function T({ text: t, children: e, icon: r = "", endIcon: n, color: o = "primary", link: a = "", href: d = "", ...s }) {
-  const l = r ? /* @__PURE__ */ i(Z, { icon: r }) : null, c = n ? /* @__PURE__ */ i(Z, { icon: n }) : null, m = a || d, p = { ...s };
+function T({ text: t, children: e, icon: n = "", endIcon: r, color: o = "primary", link: a = "", href: d = "", ...s }) {
+  const l = n ? /* @__PURE__ */ i(Z, { icon: n }) : null, c = r ? /* @__PURE__ */ i(Z, { icon: r }) : null, m = a || d, p = { ...s };
   return m && (p.href = m, Q(m) && (p.target = p.target || "_blank")), /* @__PURE__ */ i(se, { startIcon: l, endIcon: c, color: o, ...p, children: t || e });
 }
-function zt({ editing: t, text: e, ...r }) {
-  const { pages: n = [] } = Rt(), o = n.find((a) => a.id === (r.link || r.linkId));
+function zt({ editing: t, text: e, ...n }) {
+  const { pages: r = [] } = Rt(), o = r.find((a) => a.id === (n.link || n.linkId));
   if (t)
-    return /* @__PURE__ */ i(T, { ...S(r, ["link", "linkId"]), children: e });
+    return /* @__PURE__ */ i(T, { ...S(n, ["link", "linkId"]), children: e });
   if (o) {
     const a = o.path || "/";
-    return /* @__PURE__ */ i(re, { to: a, children: /* @__PURE__ */ i(T, { ...S(r, ["link", "linkId"]), children: e }) });
+    return /* @__PURE__ */ i(ne, { to: a, children: /* @__PURE__ */ i(T, { ...S(n, ["link", "linkId"]), children: e }) });
   }
-  return /* @__PURE__ */ i(T, { ...S(r, "linkId"), children: e });
+  return /* @__PURE__ */ i(T, { ...S(n, "linkId"), children: e });
 }
-function B({ type: t = "", icon: e = "", size: r = "3rem", className: n = "", ...o }) {
-  return /* @__PURE__ */ i(Z, { icon: e || t, size: r, className: g("content-icon", n), ...o });
+function B({ type: t = "", icon: e = "", size: n = "3rem", className: r = "", ...o }) {
+  return /* @__PURE__ */ i(Z, { icon: e || t, size: n, className: g("content-icon", r), ...o });
 }
 B.propTypes = {};
 B.defaultProps = {
@@ -879,8 +879,8 @@ B.defaultProps = {
 function Ye({
   to: t,
   base: e,
-  children: r,
-  className: n,
+  children: n,
+  className: r,
   activeClassName: o = "active",
   target: a = "auto",
   autoExternalMark: d = !1,
@@ -894,41 +894,41 @@ function Ye({
     return u = H(p, m, t), /* @__PURE__ */ i(
       "a",
       {
-        className: `no-underline ${n}`,
+        className: `no-underline ${r}`,
         href: X(u),
         rel: "noreferrer noopener",
         target: h,
         ...l,
-        children: r
+        children: n
       }
     );
   if (Q(t))
     a === "auto" && (h = "_blank"), u = t;
   else {
     le(u) && (u = H(window.location.pathname, u));
-    const y = ce(`${window.location.origin}${u}`), x = c.some((k) => k.pathname === y.pathname);
+    const b = ce(`${window.location.origin}${u}`), x = c.some((k) => k.pathname === b.pathname);
     if (s || x)
       return /* @__PURE__ */ i(
         ie,
         {
           end: !0,
           to: X(u),
-          className: ({ isActive: k }) => g(n, k ? o : ""),
+          className: ({ isActive: k }) => g(r, k ? o : ""),
           ...l,
-          children: r
+          children: n
         }
       );
   }
   return /* @__PURE__ */ w(
     "a",
     {
-      className: `no-underline ${n}`,
+      className: `no-underline ${r}`,
       href: X(u),
       rel: "noreferrer noopener",
       target: h,
       ...l,
       children: [
-        r,
+        n,
         f && /* @__PURE__ */ i(B, { icon: "i-mdi:arrow-top-right", size: "0.9em", className: "smart-link__mark", style: { marginLeft: 5 } })
       ]
     }
@@ -937,14 +937,14 @@ function Ye({
 function V({
   prepend: t,
   append: e,
-  children: r,
-  className: n = "",
+  children: n,
+  className: r = "",
   dark: o = !1,
   border: a = !0,
   ...d
 }) {
   let s = {};
-  const { pages: l = [] } = Rt(), c = l.find((h) => h.id === d.link), m = !r || Jt.Children.toArray(r).every((h) => h === null);
+  const { pages: l = [] } = Rt(), c = l.find((h) => h.id === d.link), m = !n || Jt.Children.toArray(n).every((h) => h === null);
   return d.link && (s = {
     component: Ye,
     to: (c == null ? void 0 : c.path) || d.link,
@@ -957,19 +957,19 @@ function V({
         { "border-gray-200": a },
         { "dark:border-gray-500": o && a },
         { dark: o, "border-transparent": !a },
-        n
+        r
       ),
       ...s,
       ...S(d, ["listType", "dark", "iconColor", "link", "hoverStyle", "imageSize"]),
       children: [
         t,
-        !m && /* @__PURE__ */ i("div", { className: "card__body", children: r }),
+        !m && /* @__PURE__ */ i("div", { className: "card__body", children: n }),
         e
       ]
     }
   );
 }
-const Je = _(b)`
+const Je = _(y)`
   &.base-card {
     text-align: left;
     border-width: 1px;
@@ -988,8 +988,8 @@ const Je = _(b)`
 function D({
   align: t = "left",
   title: e,
-  titleProps: r = {},
-  description: n,
+  titleProps: n = {},
+  description: r,
   descriptionProps: o = {}
 }) {
   return /* @__PURE__ */ w(J, { children: [
@@ -1001,11 +1001,11 @@ function D({
         variant: "h5",
         gutterBottom: !0,
         align: t,
-        ...r,
+        ...n,
         children: e
       }
     ),
-    n && /* @__PURE__ */ i(
+    r && /* @__PURE__ */ i(
       C,
       {
         className: g("card__description", "text-gray-500", "dark:text-gray-400"),
@@ -1014,7 +1014,7 @@ function D({
         gutterBottom: !0,
         align: t,
         ...o,
-        children: n
+        children: r
       }
     )
   ] });
@@ -1022,8 +1022,8 @@ function D({
 function Me({
   image: t,
   title: e,
-  description: r,
-  imageProps: n = {},
+  description: n,
+  imageProps: r = {},
   imageMeta: o,
   imageSize: a,
   titleProps: d = {},
@@ -1039,7 +1039,7 @@ function Me({
       className: "card-article",
       ...m,
       prepend: /* @__PURE__ */ i("div", { className: "card__image__wrap", children: p && t ? /* @__PURE__ */ i(
-        b,
+        y,
         {
           sx: {
             position: "absolute",
@@ -1058,8 +1058,8 @@ function Me({
         {
           className: "card__image",
           src: h,
-          ...n,
-          alt: n.alt || (o == null ? void 0 : o.filename) || "card-image",
+          ...r,
+          alt: r.alt || (o == null ? void 0 : o.filename) || "card-image",
           width: o == null ? void 0 : o.naturalWidth,
           height: o == null ? void 0 : o.naturalHeight,
           style: { width: "100%", height: "100%", objectFit: a || "cover", objectPosition: "center" },
@@ -1067,13 +1067,13 @@ function Me({
         }
       ) }),
       children: [
-        e || r ? /* @__PURE__ */ i(
+        e || n ? /* @__PURE__ */ i(
           D,
           {
             align: c,
             title: e,
             titleProps: d,
-            description: r,
+            description: n,
             descriptionProps: s
           }
         ) : null,
@@ -1088,6 +1088,19 @@ const Ke = _(V)`
                 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%;
@@ -1107,8 +1120,8 @@ const Ke = _(V)`
 function ut({
   title: t,
   image: e,
-  imageMeta: r,
-  description: n,
+  imageMeta: n,
+  description: r,
   actions: o,
   align: a,
   listType: d = "",
@@ -1122,10 +1135,10 @@ function ut({
         icon: e,
         color: "primary.main",
         size: d === "icon-title" ? "1.2rem" : "3rem",
-        imageMeta: r
+        imageMeta: n
       }
     ),
-    t || n ? /* @__PURE__ */ i(D, { align: a, title: t, description: n }) : null,
+    t || r ? /* @__PURE__ */ i(D, { align: a, title: t, description: r }) : null,
     o != null && o.length ? /* @__PURE__ */ i(z, { align: a, actions: o, className: "mt-4" }) : null
   ] });
 }
@@ -1193,8 +1206,8 @@ const Ge = _(V)`
 function Xe({
   image: t,
   title: e,
-  description: r,
-  imageProps: n = {},
+  description: n,
+  imageProps: r = {},
   imageMeta: o,
   imageSize: a,
   titleProps: d = {},
@@ -1210,7 +1223,7 @@ function Xe({
       className: "card-article",
       ...m,
       prepend: /* @__PURE__ */ i("div", { className: "card__image__wrap", children: p && t ? /* @__PURE__ */ i(
-        b,
+        y,
         {
           sx: {
             position: "absolute",
@@ -1225,13 +1238,13 @@ function Xe({
           children: /* @__PURE__ */ i(B, { icon: t, color: "primary.main" })
         }
       ) : h && /* @__PURE__ */ i(
-        b,
+        y,
         {
           component: "img",
           className: "card__image",
           src: h,
-          ...n,
-          alt: n.alt || (o == null ? void 0 : o.filename) || "card-image",
+          ...r,
+          alt: r.alt || (o == null ? void 0 : o.filename) || "card-image",
           width: o == null ? void 0 : o.naturalWidth,
           height: o == null ? void 0 : o.naturalHeight,
           style: { width: "100%", height: "100%", objectFit: a || "contain", objectPosition: "center" },
@@ -1239,13 +1252,13 @@ function Xe({
         }
       ) }),
       children: [
-        e || r ? /* @__PURE__ */ i(
+        e || n ? /* @__PURE__ */ i(
           D,
           {
             align: c,
             title: e,
             titleProps: d,
-            description: r,
+            description: n,
             descriptionProps: s
           }
         ) : null,
@@ -1282,17 +1295,17 @@ const qe = _(V)`
 function Qe({
   title: t,
   image: e,
-  imageMeta: r,
-  iconSize: n = 100,
+  imageMeta: n,
+  iconSize: r = 100,
   description: o,
   actions: a,
   align: d,
   className: s = "",
   ...l
 }) {
-  return /* @__PURE__ */ i(Ze, { className: g("card", s), ...l, children: /* @__PURE__ */ w(b, { className: "flex items-center", children: [
-    e && /* @__PURE__ */ i(B, { icon: e, color: "primary.main", size: n, imageMeta: r }),
-    /* @__PURE__ */ w(b, { className: "flex-1 ml-4", children: [
+  return /* @__PURE__ */ i(Ze, { className: g("card", s), ...l, children: /* @__PURE__ */ w(y, { className: "flex items-center", children: [
+    e && /* @__PURE__ */ i(B, { icon: e, color: "primary.main", size: r, imageMeta: n }),
+    /* @__PURE__ */ w(y, { className: "flex-1 ml-4", children: [
       /* @__PURE__ */ i(D, { align: d, title: t, description: o }),
       /* @__PURE__ */ i(z, { align: d, actions: a, className: "mt-4" })
     ] })
@@ -1322,11 +1335,13 @@ const Ze = _(V)`
   .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};
     }
@@ -1358,8 +1373,8 @@ const Ze = _(V)`
 function to({
   title: t,
   titleProps: e = {},
-  description: r,
-  descriptionProps: n = {},
+  description: n,
+  descriptionProps: r = {},
   image: o,
   imageMeta: a,
   className: d = "",
@@ -1369,20 +1384,31 @@ function to({
 }) {
   return /* @__PURE__ */ w(eo, { className: g("card-simple", d, `hover-style__${l}`), align: s, ...c, children: [
     o && /* @__PURE__ */ i(B, { icon: o, color: "primary.main", imageMeta: a }),
-    t || r ? /* @__PURE__ */ i(
+    t || n ? /* @__PURE__ */ i(
       D,
       {
         align: s,
         title: t,
         titleProps: e,
-        description: r,
-        descriptionProps: n
+        description: n,
+        descriptionProps: r
       }
     ) : null
   ] });
 }
 const eo = _(V)`
-  ${({ dark: t, theme: e }) => `background-color:${t ? e.palette.grey[900] : e.palette.common.white};`}
+  .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 {
@@ -1468,20 +1494,20 @@ const eo = _(V)`
   }
 `;
 function oo({ type: t = "default", ...e }) {
-  const n = {
+  const r = {
     article: Me,
     simple: to,
     news: Qe,
     default: ut,
     wall: Xe
   }[t] || ut;
-  return /* @__PURE__ */ i(n, { ...t === "news" ? e : S(e, "iconSize") });
+  return /* @__PURE__ */ i(r, { ...t === "news" ? e : S(e, "iconSize") });
 }
-function no({
+function ro({
   list: t = [],
   align: e = "top",
-  cards: r,
-  listBorder: n = !0,
+  cards: n,
+  listBorder: r = !0,
   listType: o = "",
   col: a = 3,
   gap: d,
@@ -1494,7 +1520,7 @@ function no({
   ...u
 }) {
   return /* @__PURE__ */ i(
-    rt,
+    nt,
     {
       type: c,
       className: g("card-list py-1", l, "items-stretch"),
@@ -1502,10 +1528,10 @@ function no({
       gap: d,
       align: e,
       ...u,
-      children: r || t.map((f) => /* @__PURE__ */ i(
+      children: n || t.map((f) => /* @__PURE__ */ i(
         oo,
         {
-          borderColor: n,
+          borderColor: r,
           iconColor: s,
           type: c,
           listType: o,
@@ -1523,7 +1549,7 @@ function no({
     }
   );
 }
-const ro = [
+const no = [
   "align",
   "cards",
   "list",
@@ -1551,10 +1577,10 @@ const ro = [
   }
 `;
 function ao({ className: t, ...e }) {
-  const [r, n] = $(e, A), [o, a] = $(n, ro);
+  const [n, r] = $(e, A), [o, a] = $(r, no);
   return /* @__PURE__ */ w(io, { className: g("section--card-list", t), type: e.type, ...a, children: [
-    Object.keys(r).length > 0 && /* @__PURE__ */ i(O, { center: !0, ...r, className: "mb-[2.5vw]" }),
-    /* @__PURE__ */ i(no, { ...o, dark: !!e.dark })
+    Object.keys(n).length > 0 && /* @__PURE__ */ i(O, { center: !0, ...n, className: "mb-[2.5vw]" }),
+    /* @__PURE__ */ i(ro, { ...o, dark: !!e.dark })
   ] });
 }
 const so = _(ao)`
@@ -1574,31 +1600,31 @@ const so = _(ao)`
   }
 `;
 function lo({ section: t, ...e }) {
-  const [{ editing: r }, n] = $(e, U), o = W(() => {
+  const [{ editing: n }, r] = $(e, U), o = W(() => {
     var a;
     return {
-      ...S(n, ["listBorder", "list", "iconSize", "imageSize"]),
-      list: (a = n.list) == null ? void 0 : a.map((d) => {
+      ...S(r, ["listBorder", "list", "iconSize", "imageSize"]),
+      list: (a = r.list) == null ? void 0 : a.map((d) => {
         var s, l;
         return {
           ...S(d, "icon", "iconColor"),
-          image: ["news", "simple", "default"].includes(n.type) && d.icon ? d.icon : d.image,
-          actions: (l = (s = d.actions) == null ? void 0 : s.map) == null ? void 0 : l.call(s, (c) => /* @__PURE__ */ i(zt, { ...c, editing: r }, c.id)),
-          border: n.listBorder,
-          iconSize: n.iconSize,
-          imageSize: n.imageSize,
-          hoverStyle: n.hoverStyle
+          image: ["news", "simple", "default"].includes(r.type) && d.icon ? d.icon : d.image,
+          actions: (l = (s = d.actions) == null ? void 0 : s.map) == null ? void 0 : l.call(s, (c) => /* @__PURE__ */ i(zt, { ...c, editing: n }, c.id)),
+          border: r.listBorder,
+          iconSize: r.iconSize,
+          imageSize: r.imageSize,
+          hoverStyle: r.hoverStyle
         };
       })
     };
-  }, [n]);
-  return /* @__PURE__ */ i(so, { style: r ? { pointerEvents: "none" } : {}, ...o });
+  }, [r]);
+  return /* @__PURE__ */ i(so, { style: n ? { pointerEvents: "none" } : {}, ...o });
 }
 function co({
   properties: t,
   section: e,
-  locale: r,
-  dev: n
+  locale: n,
+  dev: r
 }) {
   var o;
   return (o = e == null ? void 0 : e.config) != null && o.componentId ? /* @__PURE__ */ i(
@@ -1609,37 +1635,37 @@ function co({
       blockletId: e.config.blockletId,
       blockletTitle: e.config.blockletTitle,
       componentName: e.config.componentName,
-      locale: r,
+      locale: n,
       properties: t,
-      dev: n
+      dev: r
     }
-  ) : /* @__PURE__ */ i(b, { textAlign: "center", py: 2, children: /* @__PURE__ */ i(C, { variant: "caption", color: "text.secondary", children: "Please select component to render" }) });
+  ) : /* @__PURE__ */ i(y, { textAlign: "center", py: 2, children: /* @__PURE__ */ i(C, { variant: "caption", color: "text.secondary", children: "Please select component to render" }) });
 }
 function mo({
   src: t,
   dataId: e,
-  isEdit: r = !1,
-  height: n = "100%",
+  isEdit: n = !1,
+  height: r = "100%",
   onLoad: o = () => {
   }
 }) {
   return /* @__PURE__ */ i(
     ue,
     {
-      isEdit: r,
+      isEdit: n,
       embedId: e,
       src: t,
-      height: n,
+      height: r,
       onLoad: () => {
         o();
       }
     }
   );
 }
-function po({ dataId: t, src: e, actions: r, center: n, onLoad: o, ...a }) {
+function po({ dataId: t, src: e, actions: n, center: r, onLoad: o, ...a }) {
   const [d, s] = $(a, A);
   return /* @__PURE__ */ w(F, { ...s, children: [
-    Object.keys(d).length > 0 && /* @__PURE__ */ i(O, { center: n, ...d }),
+    Object.keys(d).length > 0 && /* @__PURE__ */ i(O, { center: r, ...d }),
     /* @__PURE__ */ i(
       mo,
       {
@@ -1649,10 +1675,10 @@ function po({ dataId: t, src: e, actions: r, center: n, onLoad: o, ...a }) {
         height: a.iframeHeight ? `${a.iframeHeight}px` : "100%"
       }
     ),
-    /* @__PURE__ */ i(z, { actions: r, center: n })
+    /* @__PURE__ */ i(z, { actions: n, center: r })
   ] });
 }
-const pn = {
+const mr = {
   src: "",
   embedUrl: "",
   title: "",
@@ -1663,14 +1689,14 @@ const pn = {
   config: {},
   id: ""
 };
-function uo({ section: t, id: e, src: r, ...n }) {
-  const o = `${e}-${n.locale}`, [{ editing: a }, d] = $(n, U), s = tt({}), l = JSON.parse(JSON.stringify(d)), { message: c } = de(o, "server"), m = me(JSON.parse(JSON.stringify(d.config) || "{}"));
+function uo({ section: t, id: e, src: n, ...r }) {
+  const o = `${e}-${r.locale}`, [{ editing: a }, d] = $(r, U), s = tt({}), l = JSON.parse(JSON.stringify(d)), { message: c } = de(o, "server"), m = me(JSON.parse(JSON.stringify(d.config) || "{}"));
   return E(() => {
     c && c.onInit(() => m.current);
   }, [c]), E(() => {
     const p = JSON.parse(JSON.stringify(d.config) || "{}");
     pe(s.current, p) || (s.current = p, c == null || c.send("config-set", p));
-  }, [c, d.config]), r ? /* @__PURE__ */ i(po, { ...l, dataId: o, src: r, style: a ? { pointerEvents: "none" } : {} }) : /* @__PURE__ */ i(ho, { children: 'Please set the "src" attribute for this block' });
+  }, [c, d.config]), n ? /* @__PURE__ */ i(po, { ...l, dataId: o, src: n, style: a ? { pointerEvents: "none" } : {} }) : /* @__PURE__ */ i(ho, { children: 'Please set the "src" attribute for this block' });
 }
 const ho = _("div")`
   user-select: none;
@@ -1692,10 +1718,10 @@ const ho = _("div")`
 function go(t) {
   var e;
   if (/youtu\.?be/.test(t))
-    for (const r of fo) {
-      const n = (e = r.exec(t)) == null ? void 0 : e[1];
-      if (n)
-        return n;
+    for (const n of fo) {
+      const r = (e = n.exec(t)) == null ? void 0 : e[1];
+      if (r)
+        return r;
     }
 }
 function xo(t) {
@@ -1703,35 +1729,35 @@ function xo(t) {
   if (e)
     return `https://youtube.com/embed/${e}`;
 }
-function bo({ src: t }) {
+function yo({ src: t }) {
   return E(() => {
     import("@lottiefiles/lottie-player");
   }, []), /* @__PURE__ */ i("lottie-player", { autoplay: !0, loop: !0, mode: "normal", src: t });
 }
-function yo(t) {
-  return /* @__PURE__ */ i(b, { maxHeight: 400, overflow: "hidden auto", children: /* @__PURE__ */ i(he, { ...t }) });
+function bo(t) {
+  return /* @__PURE__ */ i(y, { maxHeight: 400, overflow: "hidden auto", children: /* @__PURE__ */ i(he, { ...t }) });
 }
 function wo({ url: t }) {
-  const e = tt(null), r = 495, [n, o] = K(
-    e.current ? e.current.offsetWidth * 0.5625 : r
+  const e = tt(null), n = 495, [r, o] = K(
+    e.current ? e.current.offsetWidth * 0.5625 : n
   ), a = M(() => {
-    const d = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, s = e.current ? e.current.offsetWidth * 0.5625 : r;
+    const d = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, s = e.current ? e.current.offsetWidth * 0.5625 : n;
     return o(Math.floor(s * d));
   }, []);
   return E(() => {
     window.addEventListener("resize", a);
-    const d = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, s = e.current ? e.current.offsetWidth * 0.5625 : r;
+    const d = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, s = e.current ? e.current.offsetWidth * 0.5625 : n;
     return o(Math.floor(s * d)), function() {
       window.removeEventListener("resize", a);
     };
-  }, [n, a]), /* @__PURE__ */ i(
-    b,
+  }, [r, a]), /* @__PURE__ */ i(
+    y,
     {
       component: "iframe",
       ref: e,
       title: "youtube",
       width: "100%",
-      height: `${n}px`,
+      height: `${r}px`,
       src: t,
       frameBorder: "0",
       allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
@@ -1740,7 +1766,7 @@ function wo({ url: t }) {
     }
   );
 }
-const un = {
+const pr = {
   image: "https://www.arcblock.io/static/ead0cabde7f2b7ff34db8f3e8ceca271/afc4b/builder.png",
   badge: "Develop · Deploy · Run",
   title: "The Future is Here: Blockchain and Decentralized Application Development",
@@ -1758,8 +1784,8 @@ const un = {
 function ko({
   hasImage: t,
   fullSizeImage: e,
-  boxed: r,
-  videoPoster: n,
+  boxed: n,
+  videoPoster: r,
   imageMeta: o,
   imageOptimization: a,
   imageSize: d,
@@ -1767,11 +1793,11 @@ function ko({
   ...l
 }) {
   var u, f;
-  const [{ editing: c }, m] = $({ ...l, boxed: e ? void 0 : r }, U);
-  let p = _o(m.image, n, e, o, a, d);
+  const [{ editing: c }, m] = $({ ...l, boxed: e ? void 0 : n }, U);
+  let p = _o(m.image, r, e, o, a, d);
   t || (p = null);
   let h = null;
-  return m.actions && (h = (f = (u = m.actions) == null ? void 0 : u.map) == null ? void 0 : f.call(u, (y, x) => /* @__PURE__ */ i(zt, { ...y, editing: c }, x))), /* @__PURE__ */ i(
+  return m.actions && (h = (f = (u = m.actions) == null ? void 0 : u.map) == null ? void 0 : f.call(u, (b, x) => /* @__PURE__ */ i(zt, { ...b, editing: c }, x))), /* @__PURE__ */ i(
     vo,
     {
       ...m,
@@ -1782,16 +1808,16 @@ function ko({
     }
   );
 }
-function _o(t, e, r, n, o, a) {
+function _o(t, e, n, r, o, a) {
   if (t) {
     if (t.endsWith(".json"))
-      return /* @__PURE__ */ i(bo, { src: t });
+      return /* @__PURE__ */ i(yo, { src: t });
     if (t.indexOf("twitter.com") !== -1)
-      return /* @__PURE__ */ i(yo, { sourceType: "url", url: t });
+      return /* @__PURE__ */ i(bo, { sourceType: "url", url: t });
     const d = xo(t);
     if (d)
       return /* @__PURE__ */ i(wo, { url: d });
-    const { naturalWidth: s, naturalHeight: l, filename: c } = n || {};
+    const { naturalWidth: s, naturalHeight: l, filename: c } = r || {};
     if (L(t))
       return /* @__PURE__ */ i(
         "video",
@@ -1808,7 +1834,7 @@ function _o(t, e, r, n, o, a) {
             width: "100%",
             height: "100%"
           },
-          poster: j(N(e), r ? 1200 : 540, o),
+          poster: j(N(e), n ? 1200 : 540, o),
           children: /* @__PURE__ */ i("source", { src: N(t), type: We(t) })
         },
         t
@@ -1822,7 +1848,7 @@ function _o(t, e, r, n, o, a) {
           sm: 600 * m,
           md: 450 * m,
           lg: 540 * m,
-          ...r && {
+          ...n && {
             md: 900 * m,
             lg: 1200 * m
           }
@@ -1837,33 +1863,33 @@ function _o(t, e, r, n, o, a) {
   }
   return null;
 }
-const hn = ["production", "draft"];
-function fn({ mode: t, version: e } = {}) {
-  const r = e && typeof e == "number" ? { mode: t, version: e } : { mode: t };
-  return et.get(`/api/${ot()}/pages`, { params: r }).then((n) => n.data);
+const ur = ["production", "draft"];
+function hr({ mode: t, version: e } = {}) {
+  const n = e && typeof e == "number" ? { mode: t, version: e } : { mode: t };
+  return et.get(`/api/${ot()}/pages`, { params: n }).then((r) => r.data);
 }
-function gn({ mode: t, routes: e }) {
-  return et.post(`/api/${ot()}/pages/publish`, { mode: t, routes: e }).then((r) => r.data);
+function fr({ mode: t, routes: e }) {
+  return et.post(`/api/${ot()}/pages/publish`, { mode: t, routes: e }).then((n) => n.data);
 }
 function $o({
   locale: t,
   sort: e,
-  page: r,
-  limit: n,
+  page: n,
+  limit: r,
   mode: o
 } = {}) {
-  return et.get(`/api/${ot()}/pages/toc`, { params: { locale: t, sort: e, page: r, limit: n, mode: o } }).then((a) => a.data);
+  return et.get(`/api/${ot()}/pages/toc`, { params: { locale: t, sort: e, page: n, limit: r, mode: o } }).then((a) => a.data);
 }
-const xn = {
+const gr = {
   style: "list",
   sort: "-updatedAt"
 }, ft = 20;
-function No({ style: t, sort: e, section: r, ...n }) {
-  const [{ editing: o, locale: a }, d] = $(n, U), [s, l] = $(d, A), [c, m] = K(), p = tt(!1), h = fe(), u = ae(), f = M(async () => {
+function No({ style: t, sort: e, section: n, ...r }) {
+  const [{ editing: o, locale: a }, d] = $(r, U), [s, l] = $(d, A), [c, m] = K(), p = tt(!1), h = fe(), u = ae(), f = M(async () => {
     if (!p.current) {
       p.current = !0, h();
       try {
-        const y = c ? Math.floor(c.list.length / ft) + 1 : 1, { list: x, total: k } = await $o({ locale: a, sort: e, page: y, limit: ft });
+        const b = c ? Math.floor(c.list.length / ft) + 1 : 1, { list: x, total: k } = await $o({ locale: a, sort: e, page: b, limit: ft });
         m((v) => ({
           list: ((v == null ? void 0 : v.list) ?? []).concat(x),
           total: k
@@ -1878,31 +1904,31 @@ function No({ style: t, sort: e, section: r, ...n }) {
   }), /* @__PURE__ */ w(F, { ...l, sx: o ? { pointerEvents: "none" } : {}, children: [
     Object.keys(s).length > 0 && /* @__PURE__ */ i(O, { ...s }),
     c ? /* @__PURE__ */ w(J, { children: [
-      /* @__PURE__ */ i(st, { container: !0, spacing: 2, justifyContent: "center", children: c == null ? void 0 : c.list.map((y) => /* @__PURE__ */ i(st, { item: !0, xs: 12, sm: t === "card" ? 6 : 12, md: t === "card" ? 3 : 12, children: /* @__PURE__ */ w(
+      /* @__PURE__ */ i(st, { container: !0, spacing: 2, justifyContent: "center", children: c == null ? void 0 : c.list.map((b) => /* @__PURE__ */ i(st, { item: !0, xs: 12, sm: t === "card" ? 6 : 12, md: t === "card" ? 3 : 12, children: /* @__PURE__ */ w(
         So,
         {
           elevation: 0,
           className: g(t === "card" && "style-card"),
-          onClick: o ? void 0 : () => u(y.slug),
+          onClick: o ? void 0 : () => u(b.slug),
           children: [
-            !!y.image && /* @__PURE__ */ i(
+            !!b.image && /* @__PURE__ */ i(
               Ht,
               {
                 component: "img",
                 alt: "",
-                image: j(N(y.image), 540),
+                image: j(N(b.image), 540),
                 loading: "lazy"
               }
             ),
             /* @__PURE__ */ w(Yt, { children: [
-              /* @__PURE__ */ i(C, { variant: "h6", component: "div", className: gt, children: y.title || y.id }),
-              /* @__PURE__ */ i(C, { variant: "body2", className: gt, children: y.description })
+              /* @__PURE__ */ i(C, { variant: "h6", component: "div", className: gt, children: b.title || b.id }),
+              /* @__PURE__ */ i(C, { variant: "body2", className: gt, children: b.description })
             ] })
           ]
         }
-      ) }, y.id)) }),
-      /* @__PURE__ */ i(b, { textAlign: "center", mt: 2, children: c.total > c.list.length ? /* @__PURE__ */ i(T, { variant: "outlined", color: "secondary", onClick: f, loading: p.current, children: "More" }) : /* @__PURE__ */ i(T, { variant: "outlined", color: "secondary", disabled: !0, children: "No More" }) })
-    ] }) : /* @__PURE__ */ i(b, { p: 2, textAlign: "center", children: /* @__PURE__ */ i(Dt, { size: 24 }) })
+      ) }, b.id)) }),
+      /* @__PURE__ */ i(y, { textAlign: "center", mt: 2, children: c.total > c.list.length ? /* @__PURE__ */ i(T, { variant: "outlined", color: "secondary", onClick: f, loading: p.current, children: "More" }) : /* @__PURE__ */ i(T, { variant: "outlined", color: "secondary", disabled: !0, children: "No More" }) })
+    ] }) : /* @__PURE__ */ i(y, { p: 2, textAlign: "center", children: /* @__PURE__ */ i(Dt, { size: 24 }) })
   ] });
 }
 const gt = q`
@@ -1939,30 +1965,30 @@ const gt = q`
   "ai-runtime": Ae,
   "custom-component": co
 };
-function bn({ id: t, type: e, mode: r, config: n, section: o, ...a }) {
+function xr({ id: t, type: e, mode: n, config: r, section: o, ...a }) {
   const d = Co[e], { getPageMetaStyle: s } = Se(), l = W(() => {
-    const { height: p, ...h } = n;
+    const { height: p, ...h } = r;
     return h;
-  }, [n]), c = W(() => {
+  }, [r]), c = W(() => {
     const p = {};
-    return e !== "custom-component" && (p.height = n.height), p.sx = s("sx"), p;
-  }, [n.height, e, s]), m = d && /* @__PURE__ */ i(d, { mode: r, ...l, id: t, section: o });
+    return e !== "custom-component" && (p.height = r.height), p.sx = s("sx"), p;
+  }, [r.height, e, s]), m = d && /* @__PURE__ */ i(d, { mode: n, ...l, id: t, section: o });
   return /* @__PURE__ */ i(Ee, { ...a, ...c, children: m });
 }
-function yn(t) {
+function yr(t) {
   return t != null;
 }
 export {
   zt as A,
-  bn as B,
+  xr as B,
   It as I,
-  dn as P,
-  hn as S,
-  xn as T,
-  cn as a,
-  un as b,
-  pn as c,
-  fn as g,
-  yn as n,
-  gn as p
+  cr as P,
+  ur as S,
+  gr as T,
+  lr as a,
+  pr as b,
+  mr as c,
+  hr as g,
+  yr as n,
+  fr as p
 };