@blocklet/pages-kit-inner-components 0.4.118 → 0.4.120

package/lib/es/chunks/{array-k2vnX696.js → array-BXCsMjKT.js}

@@ -1,8 +1,8 @@
-import { jsx as i, jsxs as w, Fragment as Y } from "react/jsx-runtime";
+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 Vt, Card as Ut, 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 J, useContext as bt, Fragment as Mt, isValidElement as yt, useState as M, useEffect as T, useRef as tt } from "react";
-import K from "lodash/keyBy";
+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 G from "lodash/keyBy";
 import { e as j, b as N, E as Kt, h as et, l as ot } from "./state-Dz3GnGWC.js";
 import { AIForm as lt, AIFormResult as ct } from "@blocklet/ai-runtime/components";
 import { deepmerge as Gt } from "@mui/utils";
@@ -10,7 +10,7 @@ import nt 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";
-import { cx as g, css as X } from "@emotion/css";
+import { cx as g, css as q } from "@emotion/css";
 import { materialDark as Qt } from "react-syntax-highlighter/dist/esm/styles/prism";
 import { useTheme as vt, styled as _ } from "@arcblock/ux/lib/Theme";
 import Zt from "@arcblock/react-hooks/lib/useBrowser";
@@ -23,9 +23,9 @@ 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 se from "@arcblock/ux/lib/Button";
-import q from "is-uri";
-import { join as D } from "pathe";
-import { withoutTrailingSlash as G, isRelative as le, parseURL as ce } from "ufo";
+import Q from "is-uri";
+import { join as H } from "pathe";
+import { withoutTrailingSlash as X, isRelative as le, parseURL as ce } from "ufo";
 import { useMessage as de } from "@blocklet/embed/message";
 import { useLatest as me } from "ahooks";
 import pe from "lodash/isEqual";
@@ -95,9 +95,9 @@ const Nt = "{{CUSTOM_VALUE}}", xe = [
     value: "large",
     sx: { px: { xs: 7.5, md: 10, lg: 12.5, xl: 15 } }
   }
-], H = (t, e, n) => {
-  const r = t.breakpoints.values[n];
-  return `${e}${r ? ` (${r}px)` : ""}`;
+], Y = (t, e, r) => {
+  const n = t.breakpoints.values[r];
+  return `${e}${n ? ` (${n}px)` : ""}`;
 }, we = [
   {
     title: "100%",
@@ -105,7 +105,7 @@ const Nt = "{{CUSTOM_VALUE}}", xe = [
     sx: { maxWidth: "100%" }
   },
   {
-    title: (t) => H(t, "Small", "sm"),
+    title: (t) => Y(t, "Small", "sm"),
     value: "sm",
     sx: {
       maxWidth: (t) => t.breakpoints.values.sm,
@@ -114,17 +114,17 @@ const Nt = "{{CUSTOM_VALUE}}", xe = [
     }
   },
   {
-    title: (t) => H(t, "Normal", "md"),
+    title: (t) => Y(t, "Normal", "md"),
     value: "md",
     sx: { maxWidth: (t) => t.breakpoints.values.md, width: "100%", mx: "auto" }
   },
   {
-    title: (t) => H(t, "Large", "lg"),
+    title: (t) => Y(t, "Large", "lg"),
     value: "lg",
     sx: { maxWidth: (t) => t.breakpoints.values.lg, width: "100%", mx: "auto" }
   },
   {
-    title: (t) => H(t, "Extra Large", "xl"),
+    title: (t) => Y(t, "Extra Large", "xl"),
     value: "xl",
     sx: { maxWidth: (t) => t.breakpoints.values.xl, width: "100%", mx: "auto" }
   },
@@ -137,7 +137,7 @@ const Nt = "{{CUSTOM_VALUE}}", xe = [
       mx: "auto"
     }
   }
-], ve = K(xe, "value"), ke = K(be, "value"), _e = K(ye, "value"), $e = K(we, "value"), Ne = /* @__PURE__ */ new Map([
+], ve = G(xe, "value"), ke = G(be, "value"), _e = G(ye, "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: n, format: r = "sx", defaultValue: o = null } = t, a = Ne.get(e);
+  const { type: e, value: r, format: n = "sx", defaultValue: o = null } = t, a = Ne.get(e);
   if (!a)
     return o;
-  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];
+  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];
     if (d) {
-      const m = n.replace("custom:", "");
+      const m = r.replace("custom:", "");
       try {
         return JSON.parse(JSON.stringify(c || {}).replaceAll(Nt, m));
       } catch {
@@ -173,15 +173,15 @@ function Se() {
 function cn({
   page: t,
   children: e,
-  defaultLocale: n = "en",
-  currentLocale: r
+  defaultLocale: r = "en",
+  currentLocale: n
 }) {
-  const o = W(() => t ? JSON.parse(JSON.stringify(t)) : null, [JSON.stringify(t)]), a = J(() => {
+  const o = W(() => t ? JSON.parse(JSON.stringify(t)) : null, [JSON.stringify(t)]), a = M(() => {
     var c;
     if (!o) return {};
-    const l = r || n;
+    const l = n || r;
     return ((c = o.locales) == null ? void 0 : c[l]) ?? {};
-  }, [o, n, r]), d = J(
+  }, [o, r, n]), d = M(
     (l = "sx") => {
       const c = a();
       return !c || !c.style ? {} : Object.entries(c.style || {}).reduce((p, [h, u]) => {
@@ -207,17 +207,17 @@ function cn({
   );
   return /* @__PURE__ */ i(Ct.Provider, { value: s, children: e });
 }
-function z({ actions: t, center: e, className: n, align: r }) {
+function z({ actions: t, center: e, className: r, align: n }) {
   return t && (t != null && t.length) ? /* @__PURE__ */ i(
     b,
     {
       className: g(
         "flex gap-4 flex-wrap",
         "lg:flex-row lg:gap-8",
-        (e || r === "center") && "justify-center",
-        !e && r === "right" && "justify-end",
-        !e && r === "left" && "justify-start",
-        n
+        (e || n === "center") && "justify-center",
+        !e && n === "right" && "justify-end",
+        !e && n === "left" && "justify-start",
+        r
       ),
       sx: { alignItems: "center" },
       children: t
@@ -287,11 +287,11 @@ const Ce = "section", Pe = Tt(b)`
     }
   }
 `;
-function E({
+function O({
   title: t,
   description: e,
-  descriptionMarkdown: n,
-  actions: r,
+  descriptionMarkdown: r,
+  actions: n,
   className: o = "",
   classes: a = {},
   prepend: d,
@@ -306,7 +306,7 @@ function E({
   ...y
 }) {
   const x = wt();
-  if (!t && !e && !r && !m && !c && !d && !s && !h) return null;
+  if (!t && !e && !n && !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",
@@ -340,7 +340,7 @@ function E({
         children: t
       }
     ),
-    e && (n ? /* @__PURE__ */ i(
+    e && (r ? /* @__PURE__ */ i(
       b,
       {
         sx: {
@@ -377,11 +377,11 @@ function E({
         children: e
       }
     )),
-    /* @__PURE__ */ i(z, { actions: r, center: p, className: "mt-8" }),
+    /* @__PURE__ */ i(z, { actions: n, center: p, className: "mt-8" }),
     s && /* @__PURE__ */ i("div", { children: s })
   ] });
 }
-const O = [
+const A = [
   "actions",
   "append",
   "badge",
@@ -398,13 +398,13 @@ const O = [
 ];
 function Pt(t) {
   if (t.type === Mt) {
-    const n = (t.props.children || []).filter((r) => yt(r));
-    return n.length === 1 ? Pt(n[0]) : n.length > 1;
+    const r = (t.props.children || []).filter((n) => yt(n));
+    return r.length === 1 ? Pt(r[0]) : r.length > 1;
   }
   return Array.isArray(t);
 }
 const P = "&>*";
-function rt({ children: t, col: e, gap: n, className: r, align: o, sx: a, type: d, ...s } = {
+function rt({ children: t, col: e, gap: r, className: n, align: o, sx: a, type: d, ...s } = {
   children: null,
   className: "",
   col: 3,
@@ -424,7 +424,7 @@ function rt({ children: t, col: e, gap: n, className: r, align: o, sx: a, type:
     "bottom-left": "justify-start items-end",
     "bottom-right": "justify-end items-end"
   }, p = m[o] || m.center;
-  let u = n ?? ({
+  let u = r ?? ({
     2: 6,
     3: 4,
     4: 4,
@@ -453,7 +453,7 @@ function rt({ children: t, col: e, gap: n, className: r, 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, r), sx: x, ...s, children: t });
+  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 });
 }
 function Be() {
   const t = navigator.userAgent.toLowerCase();
@@ -461,10 +461,10 @@ 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}\/?/, n = /^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;
-  return e.test(t) || n.test(t);
+  const e = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, r = /^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;
+  return e.test(t) || r.test(t);
 }
-function Q(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"));
 }
 function We(t) {
@@ -475,86 +475,91 @@ function je(t) {
   return typeof t == "string" ? ee(t) ? e.image = t : (e.image = N(t), oe(t) && (e.color = t, e.image = "")) : e = t, e;
 }
 function Re() {
-  const [t, e] = M(Date.now());
-  return T(() => {
-    const n = () => {
+  const [t, e] = K(Date.now());
+  return E(() => {
+    const r = () => {
       e(Date.now());
     };
-    return document.addEventListener("visibilitychange", n), () => {
-      document.removeEventListener("visibilitychange", n);
+    return document.addEventListener("visibilitychange", r), () => {
+      document.removeEventListener("visibilitychange", r);
     };
   }, []), t;
 }
-function mt(t, e, n, r, o) {
+function mt(t, e, r, n, o) {
   let a = null;
   const { color: d = "", image: s } = je(e);
-  return s && Ie(s) ? (delete n.backgroundColor, !(t.mobile.apple.device || Be()) && Q(s) ? a = /* @__PURE__ */ i(
-    b,
-    {
-      component: "video",
-      className: "section-bg",
-      width: "100%",
-      autoPlay: !0,
-      loop: !0,
-      muted: !0,
-      controls: !1,
-      playsInline: !0,
-      poster: j(N(r), 1200, "quality"),
-      src: Q(s) ? s : j(s, 1200, "quality"),
-      sx: {
-        position: "absolute",
-        zIndex: -9999,
-        right: 0,
-        left: 0,
-        top: 0,
+  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") : "";
+    l ? a = /* @__PURE__ */ i(
+      b,
+      {
+        component: "video",
+        className: "section-bg",
         width: "100%",
-        height: "100%",
-        objectFit: "cover"
-      }
-    },
-    s
-  ) : a = /* @__PURE__ */ i(
-    kt,
-    {
-      src: s,
-      sizesAttr: {
-        sm: 600,
-        md: 900,
-        lg: 1200
+        autoPlay: !0,
+        loop: !0,
+        muted: !0,
+        controls: !1,
+        playsInline: !0,
+        poster: c,
+        src: L(s) ? s : j(s, 1200, "quality"),
+        sx: {
+          position: "absolute",
+          zIndex: -9999,
+          right: 0,
+          left: 0,
+          top: 0,
+          width: "100%",
+          height: "100%",
+          objectFit: "cover"
+        }
       },
-      className: "section-bg",
-      alt: "",
-      width: "100%",
-      loading: "lazy",
-      sx: {
-        position: "absolute",
-        zIndex: -9999,
-        right: 0,
-        left: 0,
-        top: 0,
+      s
+    ) : a = /* @__PURE__ */ i(
+      kt,
+      {
+        src: L(s) && n ? c : s,
+        sizesAttr: {
+          sm: 600,
+          md: 900,
+          lg: 1200
+        },
+        className: "section-bg",
+        alt: "",
         width: "100%",
-        height: "100%",
-        objectFit: "cover"
-      }
-    },
-    o || s
-  )) : s ? n.backgroundImage = `${s} !important` : d && (n.backgroundColor = `${d} !important`), a;
+        loading: "lazy",
+        sx: {
+          position: "absolute",
+          zIndex: -9999,
+          right: 0,
+          left: 0,
+          top: 0,
+          width: "100%",
+          height: "100%",
+          objectFit: "cover"
+        }
+      },
+      o || s
+    );
+  } else s ? r.backgroundImage = `${s} !important` : d && (r.backgroundColor = `${d} !important`);
+  return a;
 }
-function ze({ autoWidth: t, children: e, ...n }) {
-  return t ? /* @__PURE__ */ i(b, { display: "flex", ...n, children: e }) : /* @__PURE__ */ i(Et, { ...n, children: e });
+function ze({ autoWidth: t, children: e, ...r }) {
+  return t ? /* @__PURE__ */ i(b, { display: "flex", ...r, children: e }) : /* @__PURE__ */ i(Et, { ...r, children: e });
 }
-function A({
+function F({
   dark: t = !1,
   children: e,
-  className: n,
-  sx: r = {},
+  className: r,
+  sx: n = {},
   boxed: o = { show: !1 },
   padding: a = "normal",
   boxProps: d,
   type: s,
   ...l
 }) {
-  const c = { ...r }, m = _t((u) => u.breakpoints.down("md"));
+  const c = { ...n }, 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%"
@@ -574,7 +579,7 @@ function A({
     {
       component: "section",
       styles: { ...c, ...h },
-      className: g("base-section", "px-2 md:px-5 lg:px-5 xl:px-10", n, {
+      className: g("base-section", "px-2 md:px-5 lg:px-5 xl:px-10", r, {
         dark: t
       }),
       ...S(
@@ -595,14 +600,14 @@ function A({
 function Bt({
   background: t = "",
   backgroundVideoPoster: e,
-  children: n,
-  sx: r = {},
+  children: r,
+  sx: n = {},
   boxed: o = { show: !1 },
   className: a = "",
   styles: d = {},
   ...s
 }) {
-  const l = { ...d, ...r }, c = wt();
+  const l = { ...d, ...n }, c = wt();
   let m = null;
   const p = _t((f) => f.breakpoints.up("sm")), h = Zt(), u = Re();
   return t && (m = mt(
@@ -628,7 +633,7 @@ function Bt({
       className: g(a, (o == null ? void 0 : o.boxShadow) && "shadow-xl"),
       children: [
         m,
-        n
+        r
       ]
     }
   );
@@ -654,26 +659,26 @@ function It({ icon: t, ...e }) {
   return /* @__PURE__ */ i($t, { icon: t, ...e, ref: null });
 }
 function $(t, e) {
-  const n = nt(t, e), r = S(t, e);
-  return [n, r];
+  const r = nt(t, e), n = S(t, e);
+  return [r, n];
 }
 const Wt = ["title", "description", "actions", "badge", "tag", "prepend", "append", "logo"];
 function Te({
   image: t,
   imageBorder: e,
-  imageShadow: n,
-  className: r,
+  imageShadow: r,
+  className: n,
   reverse: o = !1,
   fullSizeImage: a,
   ...d
 }) {
-  const [s, l] = $(d, O), c = Object.keys(s).length > 0 && Object.values(nt(s, Wt)).filter(Boolean).length > 0 && /* @__PURE__ */ i(E, { ...s }), m = yt(t) ? t : /* @__PURE__ */ i(b, { component: "img", src: t, alt: "", className: "block" }), p = ["phone", "macbook"].includes(e), h = t && /* @__PURE__ */ i(
+  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,
     {
       className: g(
         "section__image",
         "m-auto, leading-[1] text-center",
-        n && "shadow-xl",
+        r && "shadow-xl",
         s != null && s.center ? "flex justify-center items-center" : ""
       ),
       sx: {
@@ -690,12 +695,12 @@ function Te({
     }
   );
   return /* @__PURE__ */ i(
-    A,
+    F,
     {
       className: g(
         "section--block",
-        r,
-        a && !o && X`
+        n,
+        a && !o && q`
             .section-bg {
               height: 80%;
             }
@@ -707,7 +712,7 @@ function Te({
         rt,
         {
           col: t ? 2 : 1,
-          className: a ? X`
+          className: a ? q`
                 display: flex;
                 flex-direction: column;
 
@@ -721,10 +726,10 @@ function Te({
                   }
                 }
               ` : void 0,
-          children: o ? /* @__PURE__ */ w(Y, { children: [
+          children: o ? /* @__PURE__ */ w(J, { children: [
             h,
             c
-          ] }) : /* @__PURE__ */ w(Y, { children: [
+          ] }) : /* @__PURE__ */ w(J, { children: [
             c,
             h
           ] })
@@ -733,10 +738,10 @@ function Te({
     }
   );
 }
-const F = ["editing", "height", "locale", "dev", "sx"];
+const U = ["editing", "height", "locale", "dev", "sx"];
 function Ee(t) {
-  const { className: e, ...n } = t;
-  return /* @__PURE__ */ i(Oe, { ...n, className: g("BlockBase-root", e) });
+  const { className: e, ...r } = t;
+  return /* @__PURE__ */ i(Oe, { ...r, className: g("BlockBase-root", e) });
 }
 const Oe = _(b)`
   position: relative;
@@ -745,8 +750,8 @@ const Oe = _(b)`
 function Ae({
   widget: t,
   reverse: e,
-  projectId: n,
-  assistantId: r,
+  projectId: r,
+  assistantId: n,
   working: o,
   submitTitle: a,
   submitIcon: d,
@@ -756,7 +761,7 @@ function Ae({
   section: m,
   ...p
 }) {
-  const [{ editing: h }, u] = $(p, F), [f, y] = $(u, O), x = n && r ? { projectId: n, gitRef: "main", assistantId: r, working: !0 } : void 0, k = {
+  const [{ editing: h }, u] = $(p, U), [f, y] = $(u, A), x = r && n ? { projectId: r, gitRef: "main", assistantId: n, working: !0 } : void 0, k = {
     children: a,
     endIcon: d ? /* @__PURE__ */ i(It, { icon: d }) : void 0,
     sx: {
@@ -767,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(E, { ...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(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(
     /* @__PURE__ */ i(
       ct,
       {
@@ -795,7 +800,7 @@ function Ae({
     () => Ft(Gt(at, { palette: { primary: s ? { main: s } : void 0 } })),
     [s, at]
   );
-  return /* @__PURE__ */ i(Xt, { fallbackRender: Kt, children: /* @__PURE__ */ i(Vt, { theme: Lt, children: /* @__PURE__ */ i(A, { ...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, { ...y, sx: h ? { pointerEvents: "none" } : {}, children: /* @__PURE__ */ i(rt, { col: v.length, children: v }) }) }) });
 }
 const jt = xt({
   pages: [],
@@ -804,27 +809,27 @@ const jt = xt({
 function Rt() {
   return bt(jt);
 }
-function Fe({ icon: t, className: e = "", size: n = "1rem", ...r }) {
-  return /* @__PURE__ */ i(Ve, { component: It, className: g("css-icon", e), size: n, ...r, icon: t });
+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 });
 }
-const Ve = _(b)`
+const Ue = _(b)`
   &.css-icon {
     display: inline-block;
     width: ${({ size: t }) => t};
     height: ${({ size: t }) => t};
   }
 `;
-function Ue({ icon: t, className: e = "", size: n = "1rem", imageMeta: r, ...o }) {
-  const a = j(N(t), 540), [d, s] = M(!1), l = vt();
-  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(
+function Ve({ icon: t, className: e = "", size: r = "1rem", imageMeta: n, ...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(
     "img",
     {
       className: "image-icon__image",
       src: a,
       onError: () => s(!0),
-      width: r == null ? void 0 : r.naturalWidth,
-      height: r == null ? void 0 : r.naturalHeight,
-      alt: (r == null ? void 0 : r.filename) || "card-icon",
+      width: n == null ? void 0 : n.naturalWidth,
+      height: n == null ? void 0 : n.naturalHeight,
+      alt: (n == null ? void 0 : n.filename) || "card-icon",
       loading: "lazy"
     }
   ) });
@@ -839,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: n, ...r }) {
+function Z({ icon: t, size: e = "1rem", imageMeta: r, ...n }) {
   const o = window.isNaN(e) ? e : `${e}px`;
-  return it(t) ? /* @__PURE__ */ i($t, { icon: t }) : /* @__PURE__ */ i(He, { component: Ue, imageMeta: n, className: "base-icon", icon: t, size: o, ...r });
+  return it(t) ? /* @__PURE__ */ i($t, { icon: t }) : /* @__PURE__ */ i(He, { component: Ve, imageMeta: r, className: "base-icon", icon: t, size: o, ...n });
 }
 const He = _(b)`
   flex-shrink: 0;
 `;
-function L({ 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 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 };
+  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, ...n }) {
-  const { pages: r = [] } = Rt(), o = r.find((a) => a.id === (n.link || n.linkId));
+function zt({ editing: t, text: e, ...r }) {
+  const { pages: n = [] } = Rt(), o = n.find((a) => a.id === (r.link || r.linkId));
   if (t)
-    return /* @__PURE__ */ i(L, { ...S(n, ["link", "linkId"]), children: e });
+    return /* @__PURE__ */ i(T, { ...S(r, ["link", "linkId"]), children: e });
   if (o) {
     const a = o.path || "/";
-    return /* @__PURE__ */ i(re, { to: a, children: /* @__PURE__ */ i(L, { ...S(n, ["link", "linkId"]), children: e }) });
+    return /* @__PURE__ */ i(re, { to: a, children: /* @__PURE__ */ i(T, { ...S(r, ["link", "linkId"]), children: e }) });
   }
-  return /* @__PURE__ */ i(L, { ...S(n, "linkId"), children: e });
+  return /* @__PURE__ */ i(T, { ...S(r, "linkId"), children: e });
 }
-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 });
+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 });
 }
 B.propTypes = {};
 B.defaultProps = {
@@ -874,56 +879,56 @@ B.defaultProps = {
 function Ye({
   to: t,
   base: e,
-  children: n,
-  className: r,
+  children: r,
+  className: n,
   activeClassName: o = "active",
   target: a = "auto",
   autoExternalMark: d = !1,
   useRouterLink: s,
   ...l
 }) {
-  const { pages: c = [], locale: m = "" } = {}, p = e ? D("/", e) : e || "";
-  let h = a === "auto" ? "_self" : a, u = D(p, t);
-  const f = d ? q(u) : !1;
+  const { pages: c = [], locale: m = "" } = {}, p = e ? H("/", e) : e || "";
+  let h = a === "auto" ? "_self" : a, u = H(p, t);
+  const f = d ? Q(u) : !1;
   if (e)
-    return u = D(p, m, t), /* @__PURE__ */ i(
+    return u = H(p, m, t), /* @__PURE__ */ i(
       "a",
       {
-        className: `no-underline ${r}`,
-        href: G(u),
+        className: `no-underline ${n}`,
+        href: X(u),
         rel: "noreferrer noopener",
         target: h,
         ...l,
-        children: n
+        children: r
       }
     );
-  if (q(t))
+  if (Q(t))
     a === "auto" && (h = "_blank"), u = t;
   else {
-    le(u) && (u = D(window.location.pathname, u));
+    le(u) && (u = H(window.location.pathname, u));
     const y = ce(`${window.location.origin}${u}`), x = c.some((k) => k.pathname === y.pathname);
     if (s || x)
       return /* @__PURE__ */ i(
         ie,
         {
           end: !0,
-          to: G(u),
-          className: ({ isActive: k }) => g(r, k ? o : ""),
+          to: X(u),
+          className: ({ isActive: k }) => g(n, k ? o : ""),
           ...l,
-          children: n
+          children: r
         }
       );
   }
   return /* @__PURE__ */ w(
     "a",
     {
-      className: `no-underline ${r}`,
-      href: G(u),
+      className: `no-underline ${n}`,
+      href: X(u),
       rel: "noreferrer noopener",
       target: h,
       ...l,
       children: [
-        n,
+        r,
         f && /* @__PURE__ */ i(B, { icon: "i-mdi:arrow-top-right", size: "0.9em", className: "smart-link__mark", style: { marginLeft: 5 } })
       ]
     }
@@ -932,14 +937,14 @@ function Ye({
 function V({
   prepend: t,
   append: e,
-  children: n,
-  className: r = "",
+  children: r,
+  className: n = "",
   dark: o = !1,
   border: a = !0,
   ...d
 }) {
   let s = {};
-  const { pages: l = [] } = Rt(), c = l.find((h) => h.id === d.link), m = !n || Jt.Children.toArray(n).every((h) => h === null);
+  const { pages: l = [] } = Rt(), c = l.find((h) => h.id === d.link), m = !r || Jt.Children.toArray(r).every((h) => h === null);
   return d.link && (s = {
     component: Ye,
     to: (c == null ? void 0 : c.path) || d.link,
@@ -952,13 +957,13 @@ function V({
         { "border-gray-200": a },
         { "dark:border-gray-500": o && a },
         { dark: o, "border-transparent": !a },
-        r
+        n
       ),
       ...s,
       ...S(d, ["listType", "dark", "iconColor", "link", "hoverStyle", "imageSize"]),
       children: [
         t,
-        !m && /* @__PURE__ */ i("div", { className: "card__body", children: n }),
+        !m && /* @__PURE__ */ i("div", { className: "card__body", children: r }),
         e
       ]
     }
@@ -980,14 +985,14 @@ const Je = _(b)`
     padding: 15px 15px;
   }
 `;
-function U({
+function D({
   align: t = "left",
   title: e,
-  titleProps: n = {},
-  description: r,
+  titleProps: r = {},
+  description: n,
   descriptionProps: o = {}
 }) {
-  return /* @__PURE__ */ w(Y, { children: [
+  return /* @__PURE__ */ w(J, { children: [
     e && /* @__PURE__ */ i(
       C,
       {
@@ -996,11 +1001,11 @@ function U({
         variant: "h5",
         gutterBottom: !0,
         align: t,
-        ...n,
+        ...r,
         children: e
       }
     ),
-    r && /* @__PURE__ */ i(
+    n && /* @__PURE__ */ i(
       C,
       {
         className: g("card__description", "text-gray-500", "dark:text-gray-400"),
@@ -1009,7 +1014,7 @@ function U({
         gutterBottom: !0,
         align: t,
         ...o,
-        children: r
+        children: n
       }
     )
   ] });
@@ -1017,8 +1022,8 @@ function U({
 function Me({
   image: t,
   title: e,
-  description: n,
-  imageProps: r = {},
+  description: r,
+  imageProps: n = {},
   imageMeta: o,
   imageSize: a,
   titleProps: d = {},
@@ -1053,8 +1058,8 @@ function Me({
         {
           className: "card__image",
           src: h,
-          ...r,
-          alt: r.alt || (o == null ? void 0 : o.filename) || "card-image",
+          ...n,
+          alt: n.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" },
@@ -1062,13 +1067,13 @@ function Me({
         }
       ) }),
       children: [
-        e || n ? /* @__PURE__ */ i(
-          U,
+        e || r ? /* @__PURE__ */ i(
+          D,
           {
             align: c,
             title: e,
             titleProps: d,
-            description: n,
+            description: r,
             descriptionProps: s
           }
         ) : null,
@@ -1102,8 +1107,8 @@ const Ke = _(V)`
 function ut({
   title: t,
   image: e,
-  imageMeta: n,
-  description: r,
+  imageMeta: r,
+  description: n,
   actions: o,
   align: a,
   listType: d = "",
@@ -1117,10 +1122,10 @@ function ut({
         icon: e,
         color: "primary.main",
         size: d === "icon-title" ? "1.2rem" : "3rem",
-        imageMeta: n
+        imageMeta: r
       }
     ),
-    t || r ? /* @__PURE__ */ i(U, { align: a, title: t, description: r }) : null,
+    t || n ? /* @__PURE__ */ i(D, { align: a, title: t, description: n }) : null,
     o != null && o.length ? /* @__PURE__ */ i(z, { align: a, actions: o, className: "mt-4" }) : null
   ] });
 }
@@ -1188,8 +1193,8 @@ const Ge = _(V)`
 function Xe({
   image: t,
   title: e,
-  description: n,
-  imageProps: r = {},
+  description: r,
+  imageProps: n = {},
   imageMeta: o,
   imageSize: a,
   titleProps: d = {},
@@ -1225,8 +1230,8 @@ function Xe({
           component: "img",
           className: "card__image",
           src: h,
-          ...r,
-          alt: r.alt || (o == null ? void 0 : o.filename) || "card-image",
+          ...n,
+          alt: n.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" },
@@ -1234,13 +1239,13 @@ function Xe({
         }
       ) }),
       children: [
-        e || n ? /* @__PURE__ */ i(
-          U,
+        e || r ? /* @__PURE__ */ i(
+          D,
           {
             align: c,
             title: e,
             titleProps: d,
-            description: n,
+            description: r,
             descriptionProps: s
           }
         ) : null,
@@ -1277,8 +1282,8 @@ const qe = _(V)`
 function Qe({
   title: t,
   image: e,
-  imageMeta: n,
-  iconSize: r = 100,
+  imageMeta: r,
+  iconSize: n = 100,
   description: o,
   actions: a,
   align: d,
@@ -1286,9 +1291,9 @@ function Qe({
   ...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: r, imageMeta: n }),
+    e && /* @__PURE__ */ i(B, { icon: e, color: "primary.main", size: n, imageMeta: r }),
     /* @__PURE__ */ w(b, { className: "flex-1 ml-4", children: [
-      /* @__PURE__ */ i(U, { align: d, title: t, description: o }),
+      /* @__PURE__ */ i(D, { align: d, title: t, description: o }),
       /* @__PURE__ */ i(z, { align: d, actions: a, className: "mt-4" })
     ] })
   ] }) });
@@ -1353,8 +1358,8 @@ const Ze = _(V)`
 function to({
   title: t,
   titleProps: e = {},
-  description: n,
-  descriptionProps: r = {},
+  description: r,
+  descriptionProps: n = {},
   image: o,
   imageMeta: a,
   className: d = "",
@@ -1364,14 +1369,14 @@ 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 || n ? /* @__PURE__ */ i(
-      U,
+    t || r ? /* @__PURE__ */ i(
+      D,
       {
         align: s,
         title: t,
         titleProps: e,
-        description: n,
-        descriptionProps: r
+        description: r,
+        descriptionProps: n
       }
     ) : null
   ] });
@@ -1463,20 +1468,20 @@ const eo = _(V)`
   }
 `;
 function oo({ type: t = "default", ...e }) {
-  const r = {
+  const n = {
     article: Me,
     simple: to,
     news: Qe,
     default: ut,
     wall: Xe
   }[t] || ut;
-  return /* @__PURE__ */ i(r, { ...t === "news" ? e : S(e, "iconSize") });
+  return /* @__PURE__ */ i(n, { ...t === "news" ? e : S(e, "iconSize") });
 }
 function no({
   list: t = [],
   align: e = "top",
-  cards: n,
-  listBorder: r = !0,
+  cards: r,
+  listBorder: n = !0,
   listType: o = "",
   col: a = 3,
   gap: d,
@@ -1497,10 +1502,10 @@ function no({
       gap: d,
       align: e,
       ...u,
-      children: n || t.map((f) => /* @__PURE__ */ i(
+      children: r || t.map((f) => /* @__PURE__ */ i(
         oo,
         {
-          borderColor: r,
+          borderColor: n,
           iconColor: s,
           type: c,
           listType: o,
@@ -1532,7 +1537,7 @@ const ro = [
   "iconColor",
   "type",
   "textAlign"
-], io = _(A)`
+], io = _(F)`
   a .card {
     color: #404040;
     cursor: pointer;
@@ -1549,9 +1554,9 @@ const ro = [
   }
 `;
 function ao({ className: t, ...e }) {
-  const [n, r] = $(e, O), [o, a] = $(r, ro);
+  const [r, n] = $(e, A), [o, a] = $(n, ro);
   return /* @__PURE__ */ w(io, { className: g("section--card-list", t), type: e.type, ...a, children: [
-    Object.keys(n).length > 0 && /* @__PURE__ */ i(E, { center: !0, ...n, className: "mb-[2.5vw]" }),
+    Object.keys(r).length > 0 && /* @__PURE__ */ i(O, { center: !0, ...r, className: "mb-[2.5vw]" }),
     /* @__PURE__ */ i(no, { ...o, dark: !!e.dark })
   ] });
 }
@@ -1572,31 +1577,31 @@ const so = _(ao)`
   }
 `;
 function lo({ section: t, ...e }) {
-  const [{ editing: n }, r] = $(e, F), o = W(() => {
+  const [{ editing: r }, n] = $(e, U), o = W(() => {
     var a;
     return {
-      ...S(r, ["listBorder", "list", "iconSize", "imageSize"]),
-      list: (a = r.list) == null ? void 0 : a.map((d) => {
+      ...S(n, ["listBorder", "list", "iconSize", "imageSize"]),
+      list: (a = n.list) == null ? void 0 : a.map((d) => {
         var s, l;
         return {
           ...S(d, "icon", "iconColor"),
-          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
+          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
         };
       })
     };
-  }, [r]);
-  return /* @__PURE__ */ i(so, { style: n ? { pointerEvents: "none" } : {}, ...o });
+  }, [n]);
+  return /* @__PURE__ */ i(so, { style: r ? { pointerEvents: "none" } : {}, ...o });
 }
 function co({
   properties: t,
   section: e,
-  locale: n,
-  dev: r
+  locale: r,
+  dev: n
 }) {
   var o;
   return (o = e == null ? void 0 : e.config) != null && o.componentId ? /* @__PURE__ */ i(
@@ -1607,37 +1612,37 @@ function co({
       blockletId: e.config.blockletId,
       blockletTitle: e.config.blockletTitle,
       componentName: e.config.componentName,
-      locale: n,
+      locale: r,
       properties: t,
-      dev: r
+      dev: n
     }
   ) : /* @__PURE__ */ i(b, { 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: n = !1,
-  height: r = "100%",
+  isEdit: r = !1,
+  height: n = "100%",
   onLoad: o = () => {
   }
 }) {
   return /* @__PURE__ */ i(
     ue,
     {
-      isEdit: n,
+      isEdit: r,
       embedId: e,
       src: t,
-      height: r,
+      height: n,
       onLoad: () => {
         o();
       }
     }
   );
 }
-function po({ dataId: t, src: e, actions: n, center: r, onLoad: o, ...a }) {
-  const [d, s] = $(a, O);
-  return /* @__PURE__ */ w(A, { ...s, children: [
-    Object.keys(d).length > 0 && /* @__PURE__ */ i(E, { center: r, ...d }),
+function po({ dataId: t, src: e, actions: r, center: n, 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 }),
     /* @__PURE__ */ i(
       mo,
       {
@@ -1647,7 +1652,7 @@ function po({ dataId: t, src: e, actions: n, center: r, onLoad: o, ...a }) {
         height: a.iframeHeight ? `${a.iframeHeight}px` : "100%"
       }
     ),
-    /* @__PURE__ */ i(z, { actions: n, center: r })
+    /* @__PURE__ */ i(z, { actions: r, center: n })
   ] });
 }
 const pn = {
@@ -1661,14 +1666,14 @@ const pn = {
   config: {},
   id: ""
 };
-function uo({ section: t, id: e, src: n, ...r }) {
-  const o = `${e}-${r.locale}`, [{ editing: a }, d] = $(r, F), s = tt({}), l = JSON.parse(JSON.stringify(d)), { message: c } = de(o, "server"), m = me(JSON.parse(JSON.stringify(d.config) || "{}"));
-  return T(() => {
+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) || "{}"));
+  return E(() => {
     c && c.onInit(() => m.current);
-  }, [c]), T(() => {
+  }, [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]), 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' });
+  }, [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' });
 }
 const ho = _("div")`
   user-select: none;
@@ -1690,10 +1695,10 @@ const ho = _("div")`
 function go(t) {
   var e;
   if (/youtu\.?be/.test(t))
-    for (const n of fo) {
-      const r = (e = n.exec(t)) == null ? void 0 : e[1];
-      if (r)
-        return r;
+    for (const r of fo) {
+      const n = (e = r.exec(t)) == null ? void 0 : e[1];
+      if (n)
+        return n;
     }
 }
 function xo(t) {
@@ -1702,7 +1707,7 @@ function xo(t) {
     return `https://youtube.com/embed/${e}`;
 }
 function bo({ src: t }) {
-  return T(() => {
+  return E(() => {
     import("@lottiefiles/lottie-player");
   }, []), /* @__PURE__ */ i("lottie-player", { autoplay: !0, loop: !0, mode: "normal", src: t });
 }
@@ -1710,26 +1715,26 @@ function yo(t) {
   return /* @__PURE__ */ i(b, { maxHeight: 400, overflow: "hidden auto", children: /* @__PURE__ */ i(he, { ...t }) });
 }
 function wo({ url: t }) {
-  const e = tt(null), n = 495, [r, o] = M(
-    e.current ? e.current.offsetWidth * 0.5625 : n
-  ), a = J(() => {
-    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;
+  const e = tt(null), r = 495, [n, o] = K(
+    e.current ? e.current.offsetWidth * 0.5625 : r
+  ), 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;
     return o(Math.floor(s * d));
   }, []);
-  return T(() => {
+  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 : n;
+    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;
     return o(Math.floor(s * d)), function() {
       window.removeEventListener("resize", a);
     };
-  }, [r, a]), /* @__PURE__ */ i(
+  }, [n, a]), /* @__PURE__ */ i(
     b,
     {
       component: "iframe",
       ref: e,
       title: "youtube",
       width: "100%",
-      height: `${r}px`,
+      height: `${n}px`,
       src: t,
       frameBorder: "0",
       allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
@@ -1756,8 +1761,8 @@ const un = {
 function ko({
   hasImage: t,
   fullSizeImage: e,
-  boxed: n,
-  videoPoster: r,
+  boxed: r,
+  videoPoster: n,
   imageMeta: o,
   imageOptimization: a,
   imageSize: d,
@@ -1765,8 +1770,8 @@ function ko({
   ...l
 }) {
   var u, f;
-  const [{ editing: c }, m] = $({ ...l, boxed: e ? void 0 : n }, F);
-  let p = _o(m.image, r, e, o, a, d);
+  const [{ editing: c }, m] = $({ ...l, boxed: e ? void 0 : r }, U);
+  let p = _o(m.image, n, 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(
@@ -1780,7 +1785,7 @@ function ko({
     }
   );
 }
-function _o(t, e, n, r, o, a) {
+function _o(t, e, r, n, o, a) {
   if (t) {
     if (t.endsWith(".json"))
       return /* @__PURE__ */ i(bo, { src: t });
@@ -1789,8 +1794,8 @@ function _o(t, e, n, r, o, a) {
     const d = xo(t);
     if (d)
       return /* @__PURE__ */ i(wo, { url: d });
-    const { naturalWidth: s, naturalHeight: l, filename: c } = r || {};
-    if (Q(t))
+    const { naturalWidth: s, naturalHeight: l, filename: c } = n || {};
+    if (L(t))
       return /* @__PURE__ */ i(
         "video",
         {
@@ -1806,7 +1811,7 @@ function _o(t, e, n, r, o, a) {
             width: "100%",
             height: "100%"
           },
-          poster: j(N(e), n ? 1200 : 540, o),
+          poster: j(N(e), r ? 1200 : 540, o),
           children: /* @__PURE__ */ i("source", { src: N(t), type: We(t) })
         },
         t
@@ -1820,7 +1825,7 @@ function _o(t, e, n, r, o, a) {
           sm: 600 * m,
           md: 450 * m,
           lg: 540 * m,
-          ...n && {
+          ...r && {
             md: 900 * m,
             lg: 1200 * m
           }
@@ -1837,27 +1842,27 @@ function _o(t, e, n, r, o, a) {
 }
 const hn = ["production", "draft"];
 function fn({ 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);
+  const r = e && typeof e == "number" ? { mode: t, version: e } : { mode: t };
+  return et.get(`/api/${ot()}/pages`, { params: r }).then((n) => n.data);
 }
 function gn({ mode: t, routes: e }) {
-  return et.post(`/api/${ot()}/pages/publish`, { mode: t, routes: e }).then((n) => n.data);
+  return et.post(`/api/${ot()}/pages/publish`, { mode: t, routes: e }).then((r) => r.data);
 }
 function $o({
   locale: t,
   sort: e,
-  page: n,
-  limit: r,
+  page: r,
+  limit: n,
   mode: o
 } = {}) {
-  return et.get(`/api/${ot()}/pages/toc`, { params: { locale: t, sort: e, page: n, limit: r, mode: o } }).then((a) => a.data);
+  return et.get(`/api/${ot()}/pages/toc`, { params: { locale: t, sort: e, page: r, limit: n, mode: o } }).then((a) => a.data);
 }
 const xn = {
   style: "list",
   sort: "-updatedAt"
 }, ft = 20;
-function No({ style: t, sort: e, section: n, ...r }) {
-  const [{ editing: o, locale: a }, d] = $(r, F), [s, l] = $(d, O), [c, m] = M(), p = tt(!1), h = fe(), u = ae(), f = J(async () => {
+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 () => {
     if (!p.current) {
       p.current = !0, h();
       try {
@@ -1873,9 +1878,9 @@ function No({ style: t, sort: e, section: n, ...r }) {
   }, [c, a, e, h]);
   return ge(() => {
     f();
-  }), /* @__PURE__ */ w(A, { ...l, sx: o ? { pointerEvents: "none" } : {}, children: [
-    Object.keys(s).length > 0 && /* @__PURE__ */ i(E, { ...s }),
-    c ? /* @__PURE__ */ w(Y, { children: [
+  }), /* @__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(
         So,
         {
@@ -1899,17 +1904,17 @@ function No({ style: t, sort: e, section: n, ...r }) {
           ]
         }
       ) }, y.id)) }),
-      /* @__PURE__ */ i(b, { textAlign: "center", mt: 2, children: c.total > c.list.length ? /* @__PURE__ */ i(L, { variant: "outlined", color: "secondary", onClick: f, loading: p.current, children: "More" }) : /* @__PURE__ */ i(L, { variant: "outlined", color: "secondary", disabled: !0, children: "No More" }) })
+      /* @__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 }) })
   ] });
 }
-const gt = X`
+const gt = q`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   text-overflow: ellipsis;
-`, So = _(Ut)`
+`, So = _(Vt)`
   border: 1px solid #e0e0e0;
   background-color: transparent;
   cursor: pointer;
@@ -1937,14 +1942,14 @@ const gt = X`
   "ai-runtime": Ae,
   "custom-component": co
 };
-function bn({ id: t, type: e, mode: n, config: r, section: o, ...a }) {
+function bn({ id: t, type: e, mode: r, config: n, section: o, ...a }) {
   const d = Co[e], { getPageMetaStyle: s } = Se(), l = W(() => {
-    const { height: p, ...h } = r;
+    const { height: p, ...h } = n;
     return h;
-  }, [r]), c = W(() => {
+  }, [n]), c = W(() => {
     const p = {};
-    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 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 /* @__PURE__ */ i(Ee, { ...a, ...c, children: m });
 }
 function yn(t) {