@blocklet/pages-kit-inner-components 0.4.85 → 0.4.86

package/lib/es/chunks/{home-BX1L-H5W.js → home-Y2IIftcZ.js}

@@ -1,82 +1,82 @@
-import { jsx as n, jsxs as _, Fragment as U } from "react/jsx-runtime";
-import { a as R, g as N, i as ae, b as ce, E as le, c as ct, d as lt, e as Et, u as de, f as me } from "./state-DqChB5ys.js";
+import { jsx as o, jsxs as _, Fragment as U } from "react/jsx-runtime";
+import { a as T, g as I, i as ae, b as ce, E as le, c as ct, d as lt, e as Et, u as de, f as me } from "./state-DqChB5ys.js";
 import { useLocaleContext as zt } from "@arcblock/ux/lib/Locale/context";
 import Wt from "@arcblock/ux/lib/Result";
 import { useHeaderState as ue } from "@blocklet/pages-kit/builtin/page/header";
 import pe from "@blocklet/ui-react/lib/Header";
-import { cx as k, css as nt } from "@emotion/css";
+import { cx as k, css as ot } from "@emotion/css";
 import { Global as Lt, css as Ot } from "@emotion/react";
 import Ht from "@emotion/styled";
-import { Box as b, Tooltip as he, styled as At, Stack as dt, Typography as P, Container as fe, useTheme as ge, createTheme as xe, ThemeProvider as be, Card as ye, CircularProgress as Mt, Grid as vt, CardMedia as we, CardContent as ve, Button as ke } from "@mui/material";
+import { Box as b, Tooltip as he, styled as At, Stack as dt, Typography as B, Container as fe, useTheme as ge, createTheme as xe, ThemeProvider as be, Card as ye, CircularProgress as Mt, Grid as vt, CardMedia as we, CardContent as ve, Button as ke } from "@mui/material";
 import { useLatest as _e, useReactive as $e } from "ahooks";
 import Se from "isomorphic-dompurify";
-import { omit as Ut, cloneDeep as kt, isEqual as Ce } from "lodash";
-import Ne from "lodash/isEmpty";
-import Ft, { forwardRef as Ie, useState as T, useCallback as mt, useRef as F, Fragment as Pe, isValidElement as Vt, useEffect as E, useMemo as j, createContext as je, useContext as Gt, lazy as Dt, Suspense as Be } from "react";
-import { Helmet as Re } from "react-helmet";
-import { Link as Te, NavLink as Ee, useNavigate as ze, useSearchParams as We, Routes as Le, Route as Y, Navigate as Oe, ScrollRestoration as He } from "react-router-dom";
-import { useUpdate as Ae, useMount as Me, useWindowScroll as Ue, useAsync as qt } from "react-use";
-import { withoutTrailingSlash as tt, isRelative as Fe, parseURL as Ve, joinURL as Q } from "ufo";
+import kt from "lodash/cloneDeep";
+import Ce from "lodash/isEmpty";
+import Ut from "lodash/isEqual";
+import Ft, { forwardRef as Ne, useState as E, useCallback as mt, useRef as F, Fragment as Ie, isValidElement as Vt, useEffect as z, useMemo as C, createContext as Pe, useContext as Gt, lazy as Dt, Suspense as je } from "react";
+import { Helmet as Be } from "react-helmet";
+import { Link as Re, NavLink as Te, useNavigate as Ee, useSearchParams as ze, Routes as We, Route as Y, Navigate as Le, ScrollRestoration as Oe } from "react-router-dom";
+import { useUpdate as He, useMount as Ae, useWindowScroll as Me, useAsync as Jt } from "react-use";
+import { withoutTrailingSlash as tt, isRelative as Ue, parseURL as Fe, joinURL as Q } from "ufo";
 import "@mui/icons-material";
 import { AIForm as _t, AIFormResult as $t } from "@blocklet/ai-runtime/components";
-import { deepmerge as Ge } from "@mui/utils";
+import { deepmerge as Ve } from "@mui/utils";
 import ut from "lodash/pick";
-import { ErrorBoundary as De } from "react-error-boundary";
-import { Icon as ot } from "@iconify/react";
-import qe from "react-markdown";
+import { ErrorBoundary as Ge } from "react-error-boundary";
+import { Icon as nt } from "@iconify/react";
+import De from "react-markdown";
 import Je from "remark-gfm";
-import { LoadingButton as Ke } from "@mui/lab";
+import { LoadingButton as qe } from "@mui/lab";
 import { useTheme as pt, styled as $ } from "@arcblock/ux/lib/Theme";
-import Xe from "@arcblock/react-hooks/lib/useBrowser";
+import Ke from "@arcblock/react-hooks/lib/useBrowser";
 import St from "@arcblock/ux/lib/Colors";
-import { ResponsiveImage as Jt, CustomComponentRenderer as Ye } from "@blocklet/pages-kit/components";
+import { ResponsiveImage as qt, CustomComponentRenderer as Xe } from "@blocklet/pages-kit/components";
 import Kt from "@mui/material/useMediaQuery";
+import j from "lodash/omit";
 import { Icon as Xt } from "@iconify-icon/react";
-import Qe from "@arcblock/ux/lib/Screenshot";
-import W from "lodash/omit";
-import Ze from "@arcblock/ux/lib/Button";
+import Ye from "@arcblock/ux/lib/Screenshot";
+import Qe from "@arcblock/ux/lib/Button";
 import rt from "is-uri";
 import { join as Z } from "pathe";
-import { useMessage as tn } from "@blocklet/embed/message";
-import en from "lodash/isEqual";
-import { EmbedIframe as nn } from "@blocklet/embed/react";
-import { TwitterTimelineEmbed as on } from "react-twitter-embed";
-import rn from "@blocklet/ui-react/lib/Footer";
-import sn from "webfontloader";
-import { createAuthServiceSessionContext as an } from "@arcblock/did-connect/lib/Session";
-function cn(t, e, o, r) {
-  t.locales || (t.locales = {}), t.locales[o] = t.locales[o] || {}, t.locales[o].title = r.title ?? t.locales[o].title, t.locales[o].image = r.image ?? t.locales[o].image, t.locales[o].description = r.description ?? t.locales[o].description, Object.entries(r.sectionsData).forEach(([i, s]) => {
-    var c, l, d, u;
+import { useMessage as Ze } from "@blocklet/embed/message";
+import { EmbedIframe as to } from "@blocklet/embed/react";
+import { TwitterTimelineEmbed as eo } from "react-twitter-embed";
+import oo from "@blocklet/ui-react/lib/Footer";
+import no from "webfontloader";
+import { createAuthServiceSessionContext as ro } from "@arcblock/did-connect/lib/Session";
+function io(t, e, n, r) {
+  t.locales || (t.locales = {}), t.locales[n] = t.locales[n] || {}, t.locales[n].title = r.title ?? t.locales[n].title, t.locales[n].image = r.image ?? t.locales[n].image, t.locales[n].description = r.description ?? t.locales[n].description, Object.entries(r.sectionsData).forEach(([i, s]) => {
+    var c, l, d, m;
     const a = Object.values(t.sections).find(
-      (m) => m.id === i || m.name === i
+      (u) => u.id === i || u.name === i
     );
     if (a && a.isTemplateSection)
-      if (a.locales = a.locales || {}, a.locales[o] = a.locales[o] || {}, a.component === "custom-component") {
-        const m = (c = a.config) == null ? void 0 : c.componentId;
-        if (!m)
+      if (a.locales = a.locales || {}, a.locales[n] = a.locales[n] || {}, a.component === "custom-component") {
+        const u = (c = a.config) == null ? void 0 : c.componentId;
+        if (!u)
           return;
-        const h = ((l = e.components[m]) == null ? void 0 : l.data) || ((u = (d = e.resources.components) == null ? void 0 : d[m]) == null ? void 0 : u.component);
+        const h = ((l = e.components[u]) == null ? void 0 : l.data) || ((m = (d = e.resources.components) == null ? void 0 : d[u]) == null ? void 0 : m.component);
         if (!h)
           return;
-        a.locales[o].properties = a.locales[o].properties || {}, Object.entries(s || {}).forEach(([p, x]) => {
+        a.locales[n].properties = a.locales[n].properties || {}, Object.entries(s || {}).forEach(([p, x]) => {
           var f, w;
           const y = ((f = h == null ? void 0 : h.properties) == null ? void 0 : f[p]) || Object.values((h == null ? void 0 : h.properties) || {}).find((g) => {
             var v;
             return ((v = g.data) == null ? void 0 : v.key) === p;
           });
-          y && (a.locales[o].properties[(w = y.data) == null ? void 0 : w.id] = {
+          y && (a.locales[n].properties[(w = y.data) == null ? void 0 : w.id] = {
             value: x
           });
         });
       } else
-        a.locales[o] = {
-          ...a.locales[o],
+        a.locales[n] = {
+          ...a.locales[n],
           ...s || {}
         };
   });
 }
-const ln = Ie(({ onClick: t, ...e }, o) => {
-  const [r, i] = T(!1), s = mt(
+const so = Ne(({ onClick: t, ...e }, n) => {
+  const [r, i] = E(!1), s = mt(
     async (a) => {
       try {
         i(!0), await (t == null ? void 0 : t(a));
@@ -86,12 +86,12 @@ const ln = Ie(({ onClick: t, ...e }, o) => {
     },
     [t]
   );
-  return /* @__PURE__ */ n(Ke, { ref: o, ...e, loading: e.loading || r, onClick: s });
+  return /* @__PURE__ */ o(qe, { ref: n, ...e, loading: e.loading || r, onClick: s });
 });
-function dn({
+function ao({
   tip: t,
   tipSucceed: e,
-  title: o,
+  title: n,
   titleSucceed: r,
   icon: i,
   iconSucceed: s,
@@ -99,44 +99,44 @@ function dn({
   placement: c = "top",
   ...l
 }) {
-  const [d, u] = T(!1), [m, h] = T(), p = F(), x = () => {
+  const [d, m] = E(!1), [u, h] = E(), p = F(), x = () => {
     h(void 0), a && (p.current = window.setTimeout(() => {
-      u(!1);
+      m(!1);
     }, 3e3));
   }, y = () => {
     clearTimeout(p.current);
-  }, f = d ? s : i, w = m ? /* @__PURE__ */ n(b, { color: "error", children: m.message }) : d && e || t;
-  return /* @__PURE__ */ n(he, { title: w, disableInteractive: !0, placement: c, onClose: x, onOpen: y, children: /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(
-    ln,
+  }, f = d ? s : i, w = u ? /* @__PURE__ */ o(b, { color: "error", children: u.message }) : d && e || t;
+  return /* @__PURE__ */ o(he, { title: w, disableInteractive: !0, placement: c, onClose: x, onOpen: y, children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
+    so,
     {
-      startIcon: f && (typeof f == "string" ? /* @__PURE__ */ n(ot, { icon: f }) : f),
+      startIcon: f && (typeof f == "string" ? /* @__PURE__ */ o(nt, { icon: f }) : f),
       loadingPosition: f ? "start" : void 0,
       ...l,
       onClick: async (v) => {
         if (l.onClick)
           try {
-            await l.onClick(v), u(!0);
-          } catch (I) {
-            h(I);
+            await l.onClick(v), m(!0);
+          } catch (P) {
+            h(P);
           }
       },
-      children: d ? r : o
+      children: d ? r : n
     }
   ) }) });
 }
-const mn = Ft.lazy(() => import("react-syntax-highlighter").then((t) => ({ default: t.Prism }))), un = At((t) => /* @__PURE__ */ n(
-  qe,
+const co = Ft.lazy(() => import("react-syntax-highlighter").then((t) => ({ default: t.Prism }))), lo = At((t) => /* @__PURE__ */ o(
+  De,
   {
     ...t,
     remarkPlugins: [Je],
     components: {
-      pre: pn,
-      code: ({ node: e, inline: o, className: r, children: i, ...s }) => {
+      pre: mo,
+      code: ({ node: e, inline: n, className: r, children: i, ...s }) => {
         if (!i) return null;
         const a = /language-(\w+)/.exec(r || "");
-        return o ? /* @__PURE__ */ n(b, { component: "code", className: r, ...s, children: i }) : /* @__PURE__ */ n(b, { component: mn, language: a == null ? void 0 : a[1], ...s, sx: { borderRadius: 1 }, children: String(i).replace(/\n$/, "") });
+        return n ? /* @__PURE__ */ o(b, { component: "code", className: r, ...s, children: i }) : /* @__PURE__ */ o(b, { component: co, language: a == null ? void 0 : a[1], ...s, sx: { borderRadius: 1 }, children: String(i).replace(/\n$/, "") });
       },
-      table: ({ className: e, children: o }) => /* @__PURE__ */ n(b, { sx: { overflow: "auto", my: 1 }, children: /* @__PURE__ */ n("table", { className: e, children: o }) })
+      table: ({ className: e, children: n }) => /* @__PURE__ */ o(b, { sx: { overflow: "auto", my: 1 }, children: /* @__PURE__ */ o("table", { className: e, children: n }) })
     }
   }
 ))`
@@ -212,10 +212,10 @@ const mn = Ft.lazy(() => import("react-syntax-highlighter").then((t) => ({ defau
     }
   }
 `;
-function pn({ children: t }) {
+function mo({ children: t }) {
   const e = t == null ? void 0 : t.props;
   if (!(e != null && e.children)) return null;
-  const o = /language-(\w+)/.exec(e.className || ""), r = o == null ? void 0 : o[1];
+  const n = /language-(\w+)/.exec(e.className || ""), r = n == null ? void 0 : n[1];
   return /* @__PURE__ */ _(
     b,
     {
@@ -228,14 +228,14 @@ function pn({ children: t }) {
       },
       children: [
         /* @__PURE__ */ _(dt, { direction: "row", alignItems: "center", p: 0.5, pl: 1.5, borderBottom: 1, borderColor: "grey.200", children: [
-          /* @__PURE__ */ n(b, { children: r }),
-          /* @__PURE__ */ n(b, { flex: 1 }),
-          /* @__PURE__ */ n(
-            dn,
+          /* @__PURE__ */ o(b, { children: r }),
+          /* @__PURE__ */ o(b, { flex: 1 }),
+          /* @__PURE__ */ o(
+            ao,
             {
               autoReset: !0,
-              title: /* @__PURE__ */ n(ot, { icon: "tabler:copy" }),
-              titleSucceed: /* @__PURE__ */ n(ot, { icon: "tabler:copy-check" }),
+              title: /* @__PURE__ */ o(nt, { icon: "tabler:copy" }),
+              titleSucceed: /* @__PURE__ */ o(nt, { icon: "tabler:copy-check" }),
               sx: { minWidth: 32, minHeight: 32, p: 0, fontSize: 18 },
               onClick: () => {
                 window.navigator.clipboard.writeText(e.children);
@@ -248,8 +248,8 @@ function pn({ children: t }) {
     }
   );
 }
-function O({ actions: t, center: e, className: o, align: r }) {
-  return t && (t != null && t.length) ? /* @__PURE__ */ n(
+function O({ actions: t, center: e, className: n, align: r }) {
+  return t && (t != null && t.length) ? /* @__PURE__ */ o(
     b,
     {
       className: k(
@@ -258,14 +258,14 @@ function O({ actions: t, center: e, className: o, align: r }) {
         (e || r === "center") && "justify-center",
         !e && r === "right" && "justify-end",
         !e && r === "left" && "justify-start",
-        o
+        n
       ),
       sx: { alignItems: "center" },
       children: t
     }
   ) : null;
 }
-const hn = "section", fn = At(b)`
+const uo = "section", po = At(b)`
   overflow: hidden;
 
   .section__title {
@@ -314,7 +314,7 @@ const hn = "section", fn = At(b)`
       margin-bottom: 0.5rem;
     }
   }
-  @media (min-width: ${({ theme: t }) => t.breakpoints.values[hn]}px) {
+  @media (min-width: ${({ theme: t }) => t.breakpoints.values[uo]}px) {
     .section__tag {
       margin-bottom: 32px;
     }
@@ -329,7 +329,7 @@ const hn = "section", fn = At(b)`
 function V({
   title: t,
   description: e,
-  descriptionMarkdown: o,
+  descriptionMarkdown: n,
   actions: r,
   className: i = "",
   classes: s = {},
@@ -337,14 +337,14 @@ function V({
   append: c,
   level: l = 2,
   tag: d,
-  badge: u,
-  center: m,
+  badge: m,
+  center: u,
   logo: h,
   titleAppearance: p,
   descriptionAppearance: x,
   ...y
 }) {
-  if (!t && !e && !r && !u && !d && !a && !c && !h) return null;
+  if (!t && !e && !r && !m && !d && !a && !c && !h) return null;
   const f = Math.max(Math.min(5, l + 1), 1), w = {
     1: "xl:!text-3xl lg:!text-2xl md:!text-xl",
     2: "xl:!text-2xl lg:!text-xl md:!text-lg",
@@ -353,12 +353,12 @@ function V({
     5: "xl:!text-lg md:!text-md sm:!text-sm",
     6: "!text-sm"
   }, g = l === 0 ? "big" : `h${f}`, v = l === 0;
-  return /* @__PURE__ */ _(fn, { className: k("base-info", "lg:text-left", m && "!text-center", i), ...y, children: [
-    a && /* @__PURE__ */ n("div", { children: a }),
-    (d || u) && /* @__PURE__ */ n("div", { className: k("section__tag", (s == null ? void 0 : s.tag) || (s == null ? void 0 : s.badge)), children: d || u }),
-    h && /* @__PURE__ */ n("img", { className: "w-[120px] m-auto mb-8", src: h, alt: "info", loading: "lazy" }),
-    t && /* @__PURE__ */ n(
-      P,
+  return /* @__PURE__ */ _(po, { className: k("base-info", "lg:text-left", u && "!text-center", i), ...y, children: [
+    a && /* @__PURE__ */ o("div", { children: a }),
+    (d || m) && /* @__PURE__ */ o("div", { className: k("section__tag", (s == null ? void 0 : s.tag) || (s == null ? void 0 : s.badge)), children: d || m }),
+    h && /* @__PURE__ */ o("img", { className: "w-[120px] m-auto mb-8", src: h, alt: "info", loading: "lazy" }),
+    t && /* @__PURE__ */ o(
+      B,
       {
         sx: {
           whiteSpace: "pre-wrap",
@@ -378,13 +378,13 @@ function V({
         children: t
       }
     ),
-    e && (o ? /* @__PURE__ */ n(
+    e && (n ? /* @__PURE__ */ o(
       b,
       {
         sx: {
           ...(x == null ? void 0 : x.color) && { color: `${x.color} !important` }
         },
-        component: un,
+        component: lo,
         className: k(
           "section__description",
           "text-gray-800",
@@ -395,8 +395,8 @@ function V({
         ),
         children: e
       }
-    ) : /* @__PURE__ */ n(
-      P,
+    ) : /* @__PURE__ */ o(
+      B,
       {
         sx: {
           whiteSpace: "pre-wrap",
@@ -416,8 +416,8 @@ function V({
         children: e
       }
     )),
-    /* @__PURE__ */ n(O, { actions: r, center: m, className: "mt-8" }),
-    c && /* @__PURE__ */ n("div", { children: c })
+    /* @__PURE__ */ o(O, { actions: r, center: u, className: "mt-8" }),
+    c && /* @__PURE__ */ o("div", { children: c })
   ] });
 }
 const G = [
@@ -436,14 +436,14 @@ const G = [
   "descriptionAppearance"
 ];
 function Yt(t) {
-  if (t.type === Pe) {
-    const o = (t.props.children || []).filter((r) => Vt(r));
-    return o.length === 1 ? Yt(o[0]) : o.length > 1;
+  if (t.type === Ie) {
+    const n = (t.props.children || []).filter((r) => Vt(r));
+    return n.length === 1 ? Yt(n[0]) : n.length > 1;
   }
   return Array.isArray(t);
 }
-const B = "&>*";
-function ht({ children: t, col: e, gap: o, className: r, align: i, sx: s, type: a, ...c } = {
+const R = "&>*";
+function ht({ children: t, col: e, gap: n, className: r, align: i, sx: s, type: a, ...c } = {
   children: null,
   className: "",
   col: 3,
@@ -452,7 +452,7 @@ function ht({ children: t, col: e, gap: o, className: r, align: i, sx: s, type:
   align: "center",
   type: "default"
 }) {
-  const l = pt(), d = Number(Math.floor(100 / e * 100) / 100), u = {
+  const l = pt(), d = Number(Math.floor(100 / e * 100) / 100), m = {
     center: "justify-center items-center",
     left: "justify-start items-center",
     right: "justify-end items-center",
@@ -462,8 +462,8 @@ function ht({ children: t, col: e, gap: o, className: r, align: i, sx: s, type:
     "top-right": "justify-end items-start",
     "bottom-left": "justify-start items-end",
     "bottom-right": "justify-end items-end"
-  }, m = u[i] || u.center;
-  let p = o ?? ({
+  }, u = m[i] || m.center;
+  let p = n ?? ({
     2: 6,
     3: 4,
     4: 4,
@@ -473,61 +473,61 @@ function ht({ children: t, col: e, gap: o, className: r, align: i, sx: s, type:
   Yt(t) || (p = 0);
   const y = (e - 1) * p / e;
   let f = { ...s, gap: `${p}rem` };
-  const w = { [B]: { width: "100%" } }, g = {}, v = {}, I = {};
+  const w = { [R]: { width: "100%" } }, g = {}, v = {}, P = {};
   switch (w.gap = "1rem", g.gap = `${p / 2}rem`, e) {
     case 3:
     case 4:
-      g[B] = {
+      g[R] = {
         width: `calc(50% - ${p / 2}rem)`
       };
       break;
     case 5:
     case 6:
-      w[B] = {
+      w[R] = {
         width: `calc(50% - ${p / 2 / 2}rem)`
-      }, g[B] = {
+      }, g[R] = {
         width: `calc(50% - ${p / 2 / 2}rem)`
-      }, v[B] = {
+      }, v[R] = {
         width: `calc(33.33% - ${p * 2 / 3}rem)`
       };
       break;
   }
-  return f[B] = { width: `calc(${d}% - ${y}rem)` }, f[`@media (max-width: ${l.breakpoints.values.xl}px)`] = I, f[`@media (max-width: ${l.breakpoints.values.lg}px)`] = v, f[`@media (max-width: ${l.breakpoints.values.md}px)`] = g, f[`@media (max-width: ${l.breakpoints.values.sm}px)`] = w, a === "wall" && (f = { ...s, gap: `${p}rem` }, f[B] = { width: `calc(${d}% - ${y}rem)` }, w[B] = { width: `calc(45% - ${p / 2 / 2}rem)` }, f[`@media (max-width: ${l.breakpoints.values.sm}px)`] = w), /* @__PURE__ */ n(b, { className: k("flex flex-wrap flex-row h-full", m, r), sx: f, ...c, children: t });
+  return f[R] = { width: `calc(${d}% - ${y}rem)` }, f[`@media (max-width: ${l.breakpoints.values.xl}px)`] = P, f[`@media (max-width: ${l.breakpoints.values.lg}px)`] = v, f[`@media (max-width: ${l.breakpoints.values.md}px)`] = g, f[`@media (max-width: ${l.breakpoints.values.sm}px)`] = w, a === "wall" && (f = { ...s, gap: `${p}rem` }, f[R] = { width: `calc(${d}% - ${y}rem)` }, w[R] = { width: `calc(45% - ${p / 2 / 2}rem)` }, f[`@media (max-width: ${l.breakpoints.values.sm}px)`] = w), /* @__PURE__ */ o(b, { className: k("flex flex-wrap flex-row h-full", u, r), sx: f, ...c, children: t });
 }
-function gn() {
+function ho() {
   const t = navigator.userAgent.toLowerCase();
   return t.includes("safari") && !t.includes("chrome");
 }
-function xn(t = "") {
+function fo(t = "") {
   if (t.startsWith("data:image/svg+xml,")) return !0;
-  const e = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, o = /^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;
-  return e.test(t) || o.test(t);
+  const e = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, n = /^(\/|\.\/|\.\.\/)(?:[^/]+\/)*[^/]+$/;
+  return e.test(t) || n.test(t);
 }
 function it(t) {
   return (t == null ? void 0 : t.endsWith(".mp4")) || (t == null ? void 0 : t.endsWith(".m4v")) || (t == null ? void 0 : t.endsWith(".webm"));
 }
-function bn(t) {
+function go(t) {
   return t != null && t.endsWith(".mp4") || t != null && t.endsWith(".m4v") ? "video/mp4" : t != null && t.endsWith(".webm") ? "video/webm" : void 0;
 }
-function yn(t) {
+function xo(t) {
   let e = {};
-  return typeof t == "string" ? ae(t) ? e.image = t : (e.image = N(t), ce(t) && (e.color = t, e.image = "")) : e = t, e;
+  return typeof t == "string" ? ae(t) ? e.image = t : (e.image = I(t), ce(t) && (e.color = t, e.image = "")) : e = t, e;
 }
-function wn() {
-  const [t, e] = T(Date.now());
-  return E(() => {
-    const o = () => {
+function bo() {
+  const [t, e] = E(Date.now());
+  return z(() => {
+    const n = () => {
       e(Date.now());
     };
-    return document.addEventListener("visibilitychange", o), () => {
-      document.removeEventListener("visibilitychange", o);
+    return document.addEventListener("visibilitychange", n), () => {
+      document.removeEventListener("visibilitychange", n);
     };
   }, []), t;
 }
-function Ct(t, e, o, r, i) {
+function Ct(t, e, n, r, i) {
   let s = null;
-  const { color: a = "", image: c } = yn(e);
-  return c && xn(c) ? (delete o.backgroundColor, !(t.mobile.apple.device || gn()) && it(c) ? s = /* @__PURE__ */ n(
+  const { color: a = "", image: c } = xo(e);
+  return c && fo(c) ? (delete n.backgroundColor, !(t.mobile.apple.device || ho()) && it(c) ? s = /* @__PURE__ */ o(
     b,
     {
       component: "video",
@@ -538,8 +538,8 @@ function Ct(t, e, o, r, i) {
       muted: !0,
       controls: !1,
       playsInline: !0,
-      poster: R(N(r), 1200, "quality"),
-      src: it(c) ? c : R(c, 1200, "quality"),
+      poster: T(I(r), 1200, "quality"),
+      src: it(c) ? c : T(c, 1200, "quality"),
       sx: {
         position: "absolute",
         zIndex: -9999,
@@ -552,8 +552,8 @@ function Ct(t, e, o, r, i) {
       }
     },
     c
-  ) : s = /* @__PURE__ */ n(
-    Jt,
+  ) : s = /* @__PURE__ */ o(
+    qt,
     {
       src: c,
       sizesAttr: {
@@ -577,15 +577,15 @@ function Ct(t, e, o, r, i) {
       }
     },
     i || c
-  )) : c ? o.backgroundImage = `${c} !important` : a && (o.backgroundColor = `${a} !important`), s;
+  )) : c ? n.backgroundImage = `${c} !important` : a && (n.backgroundColor = `${a} !important`), s;
 }
-function vn({ autoWidth: t, children: e, ...o }) {
-  return t ? /* @__PURE__ */ n(b, { display: "flex", ...o, children: e }) : /* @__PURE__ */ n(fe, { ...o, children: e });
+function yo({ autoWidth: t, children: e, ...n }) {
+  return t ? /* @__PURE__ */ o(b, { display: "flex", ...n, children: e }) : /* @__PURE__ */ o(fe, { ...n, children: e });
 }
 function D({
   dark: t = !1,
   children: e,
-  className: o,
+  className: n,
   sx: r = {},
   boxed: i = { show: !1 },
   padding: s = "normal",
@@ -593,30 +593,30 @@ function D({
   type: c,
   ...l
 }) {
-  const d = { ...r }, u = Kt((p) => p.breakpoints.down("md"));
+  const d = { ...r }, m = Kt((p) => p.breakpoints.down("md"));
   t && (d.color = St.common.white, d.backgroundColor = `${St.grey[900]} !important`);
-  const m = {
+  const u = {
     none: "py-0",
     small: "py-5 md:py-8 lg:py-8 xl:py-12",
     normal: "py-10 md:py-15 lg:py-20 xl:py-25",
     large: "py-15 md:py-20 lg:py-25 xl:py-30"
   };
   i.show && (d.display = "flex");
-  const h = j(() => !Number(l.boxMaxWidth) || u ? {
+  const h = C(() => !Number(l.boxMaxWidth) || m ? {
     width: "100%"
   } : c === "wall" && l.boxMaxWidth ? {
     maxWidth: `${l.boxMaxWidth}px !important`,
     width: "100%"
   } : {
     width: "100%"
-  }, [l.boxMaxWidth, u, c]);
-  return /* @__PURE__ */ n(
-    kn,
+  }, [l.boxMaxWidth, m, c]);
+  return /* @__PURE__ */ o(
+    wo,
     {
       component: "section",
       styles: { ...d },
-      className: k("base-section", "px-2 md:px-5 lg:px-5 xl:px-10", m[s], o, { dark: t }),
-      ...Ut(
+      className: k("base-section", "px-2 md:px-5 lg:px-5 xl:px-10", u[s], n, { dark: t }),
+      ...j(
         l,
         "hoverStyle",
         "boxMaxWidth",
@@ -627,14 +627,14 @@ function D({
         "titleAppearance",
         "descriptionAppearance"
       ),
-      children: /* @__PURE__ */ n(vn, { autoWidth: l == null ? void 0 : l.autoWidth, className: k("section-content h-full"), sx: h, children: i.show ? /* @__PURE__ */ n(Qt, { ...a, boxed: i, children: e }) : e })
+      children: /* @__PURE__ */ o(yo, { autoWidth: l == null ? void 0 : l.autoWidth, className: k("section-content h-full"), sx: h, children: i.show ? /* @__PURE__ */ o(Qt, { ...a, boxed: i, children: e }) : e })
     }
   );
 }
 function Qt({
   background: t = "",
   backgroundVideoPoster: e,
-  children: o,
+  children: n,
   sx: r = {},
   boxed: i = { show: !1 },
   className: s = "",
@@ -643,9 +643,9 @@ function Qt({
 }) {
   const l = { ...a, ...r };
   let d = null;
-  const u = Kt((p) => p.breakpoints.up("sm")), m = Xe(), h = wn();
-  return t && (d = Ct(m, t, l, e, h)), i.show && (l.borderRadius = "10px", l.padding === void 0 && (l.padding = u ? "50px" : "20px"), i != null && i.border && (l.border = "1px solid #c0c0c0"), i != null && i.background && (d = Ct(
-    m,
+  const m = Kt((p) => p.breakpoints.up("sm")), u = Ke(), h = bo();
+  return t && (d = Ct(u, t, l, e, h)), i.show && (l.borderRadius = "10px", l.padding === void 0 && (l.padding = m ? "50px" : "20px"), i != null && i.border && (l.border = "1px solid #c0c0c0"), i != null && i.background && (d = Ct(
+    u,
     i == null ? void 0 : i.background,
     l,
     i == null ? void 0 : i.backgroundVideoPoster,
@@ -661,12 +661,12 @@ function Qt({
       className: k(s, (i == null ? void 0 : i.boxShadow) && "shadow-xl"),
       children: [
         d,
-        o
+        n
       ]
     }
   );
 }
-const kn = $(Qt)`
+const wo = $(Qt)`
   &:nth-of-type(even) {
     background: #f8f8f8;
   }
@@ -684,29 +684,29 @@ const kn = $(Qt)`
   }
 `;
 function Zt({ icon: t, ...e }) {
-  return /* @__PURE__ */ n(Xt, { icon: t, ...e, ref: null });
+  return /* @__PURE__ */ o(Xt, { icon: t, ...e, ref: null });
 }
-function C(t, e) {
-  const o = ut(t, e), r = W(t, e);
-  return [o, r];
+function N(t, e) {
+  const n = ut(t, e), r = j(t, e);
+  return [n, r];
 }
 const te = ["title", "description", "actions", "badge", "tag", "prepend", "append", "logo"];
-function _n({
+function vo({
   image: t,
   imageBorder: e,
-  imageShadow: o,
+  imageShadow: n,
   className: r,
   reverse: i = !1,
   fullSizeImage: s,
   ...a
 }) {
-  const [c, l] = C(a, G), d = Object.keys(c).length > 0 && Object.values(ut(c, te)).filter(Boolean).length > 0 && /* @__PURE__ */ n(V, { ...c }), u = Vt(t) ? t : /* @__PURE__ */ n(b, { component: "img", src: t, alt: "", className: "block" }), m = ["phone", "macbook"].includes(e), h = t && /* @__PURE__ */ n(
+  const [c, l] = N(a, G), d = Object.keys(c).length > 0 && Object.values(ut(c, te)).filter(Boolean).length > 0 && /* @__PURE__ */ o(V, { ...c }), m = Vt(t) ? t : /* @__PURE__ */ o(b, { component: "img", src: t, alt: "", className: "block" }), u = ["phone", "macbook"].includes(e), h = t && /* @__PURE__ */ o(
     b,
     {
       className: k(
         "section__image",
         "m-auto, leading-[1] text-center",
-        o && "shadow-xl",
+        n && "shadow-xl",
         c != null && c.center ? "flex justify-center items-center" : ""
       ),
       sx: {
@@ -714,21 +714,21 @@ function _n({
         borderRadius: 2,
         overflow: "hidden",
         // FIXME: Screenshot 组件无法设置最外层 div 的样式，只能通过父元素设置
-        "> div": m ? { width: "100%", video: { borderRadius: "0 !important" } } : void 0
+        "> div": u ? { width: "100%", video: { borderRadius: "0 !important" } } : void 0
       },
-      children: m ? (
+      children: u ? (
         // @ts-ignore
-        /* @__PURE__ */ n(Qe, { type: e, sx: { width: "100%" }, children: u })
-      ) : u
+        /* @__PURE__ */ o(Ye, { type: e, sx: { width: "100%" }, children: m })
+      ) : m
     }
   );
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     D,
     {
       className: k(
         "section--block",
         r,
-        s && !i && nt`
+        s && !i && ot`
             .section-bg {
               height: 80%;
             }
@@ -736,11 +736,11 @@ function _n({
       ),
       ...l,
       boxProps: s ? { sx: { padding: 0, overflow: "hidden" } } : void 0,
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ o(
         ht,
         {
           col: t ? 2 : 1,
-          className: s ? nt`
+          className: s ? ot`
                 display: flex;
                 flex-direction: column;
 
@@ -766,17 +766,17 @@ function _n({
     }
   );
 }
-const q = ["editing", "height", "locale", "dev"];
-function $n(t) {
-  return /* @__PURE__ */ n(Sn, { ...t });
+const J = ["editing", "height", "locale", "dev", "sx"];
+function ko(t) {
+  return /* @__PURE__ */ o(_o, { ...t });
 }
-const Sn = $(b)`
+const _o = $(b)`
   position: relative;
 `;
-function Cn({
+function $o({
   widget: t,
   reverse: e,
-  projectId: o,
+  projectId: n,
   assistantId: r,
   working: i,
   submitTitle: s,
@@ -784,12 +784,12 @@ function Cn({
   submitColor: c,
   placeholder: l,
   loadingIndicator: d,
-  section: u,
-  ...m
+  section: m,
+  ...u
 }) {
-  const [{ editing: h }, p] = C(m, q), [x, y] = C(p, G), f = o && r ? { projectId: o, gitRef: "main", assistantId: r, working: !0 } : void 0, w = {
+  const [{ editing: h }, p] = N(u, J), [x, y] = N(p, G), f = n && r ? { projectId: n, gitRef: "main", assistantId: r, working: !0 } : void 0, w = {
     children: s,
-    endIcon: a ? /* @__PURE__ */ n(Zt, { icon: a }) : void 0,
+    endIcon: a ? /* @__PURE__ */ o(Zt, { icon: a }) : void 0,
     sx: {
       background: c || void 0,
       ":hover": {
@@ -797,57 +797,57 @@ function Cn({
         opacity: 0.8
       }
     }
-  }, g = [], v = l && /* @__PURE__ */ n(P, { variant: "caption", color: "text.disabled", children: l }), I = d && /* @__PURE__ */ n(P, { variant: "caption", color: "text.disabled", children: d });
-  Object.keys(x).length > 0 && Object.values(ut(x, te)).filter(Boolean).length > 0 && g.push(/* @__PURE__ */ n(V, { ...x }, "base-info")), f && (t === "form" ? g.push(/* @__PURE__ */ n(_t, { identifier: f, SubmitProps: w }, "form")) : t === "result" ? g.push(
-    /* @__PURE__ */ n(
+  }, g = [], v = l && /* @__PURE__ */ o(B, { variant: "caption", color: "text.disabled", children: l }), P = d && /* @__PURE__ */ o(B, { variant: "caption", color: "text.disabled", children: d });
+  Object.keys(x).length > 0 && Object.values(ut(x, te)).filter(Boolean).length > 0 && g.push(/* @__PURE__ */ o(V, { ...x }, "base-info")), f && (t === "form" ? g.push(/* @__PURE__ */ o(_t, { identifier: f, SubmitProps: w }, "form")) : t === "result" ? g.push(
+    /* @__PURE__ */ o(
       $t,
       {
         identifier: f,
         placeholder: v,
-        loadingIndicator: I
+        loadingIndicator: P
       },
       "result"
     )
   ) : g.push(
     /* @__PURE__ */ _(dt, { width: "100%", gap: 2, direction: "row", children: [
-      /* @__PURE__ */ n(_t, { identifier: f, BoxProps: { flex: 1 }, SubmitProps: w }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(_t, { identifier: f, BoxProps: { flex: 1 }, SubmitProps: w }),
+      /* @__PURE__ */ o(
         $t,
         {
           identifier: f,
           BoxProps: { flex: 1 },
           placeholder: v,
-          loadingIndicator: I
+          loadingIndicator: P
         }
       )
     ] }, "form-result")
   )), e && g.reverse();
-  const H = ge(), X = j(
-    () => xe(Ge(H, { palette: { primary: c ? { main: c } : void 0 } })),
+  const H = ge(), X = C(
+    () => xe(Ve(H, { palette: { primary: c ? { main: c } : void 0 } })),
     [c, H]
   );
-  return /* @__PURE__ */ n(De, { fallbackRender: le, children: /* @__PURE__ */ n(be, { theme: X, children: /* @__PURE__ */ n(D, { ...y, sx: h ? { pointerEvents: "none" } : {}, children: /* @__PURE__ */ n(ht, { col: g.length, children: g }) }) }) });
+  return /* @__PURE__ */ o(Ge, { fallbackRender: le, children: /* @__PURE__ */ o(be, { theme: X, children: /* @__PURE__ */ o(D, { ...y, sx: h ? { pointerEvents: "none" } : {}, children: /* @__PURE__ */ o(ht, { col: g.length, children: g }) }) }) });
 }
-const ee = je({
+const ee = Pe({
   pages: [],
   project: void 0
-}), { Provider: Nn, Consumer: Ir } = ee;
-function ne() {
+}), { Provider: So, Consumer: Cr } = ee;
+function oe() {
   return Gt(ee);
 }
-function In({ icon: t, className: e = "", size: o = "1rem", ...r }) {
-  return /* @__PURE__ */ n(Pn, { component: Zt, className: k("css-icon", e), size: o, ...r, icon: t });
+function Co({ icon: t, className: e = "", size: n = "1rem", ...r }) {
+  return /* @__PURE__ */ o(No, { component: Zt, className: k("css-icon", e), size: n, ...r, icon: t });
 }
-const Pn = $(b)`
+const No = $(b)`
   &.css-icon {
     display: inline-block;
     width: ${({ size: t }) => t};
     height: ${({ size: t }) => t};
   }
 `;
-function jn({ icon: t, className: e = "", size: o = "1rem", imageMeta: r, ...i }) {
-  const s = R(N(t), 540), [a, c] = T(!1), l = pt();
-  return a ? /* @__PURE__ */ n(In, { icon: "i-mdi:image", color: l.palette.grey[500], size: o, className: e, ...i }) : /* @__PURE__ */ n(Bn, { className: k("image-icon", e), size: o, ...i, children: /* @__PURE__ */ n(
+function Io({ icon: t, className: e = "", size: n = "1rem", imageMeta: r, ...i }) {
+  const s = T(I(t), 540), [a, c] = E(!1), l = pt();
+  return a ? /* @__PURE__ */ o(Co, { icon: "i-mdi:image", color: l.palette.grey[500], size: n, className: e, ...i }) : /* @__PURE__ */ o(Po, { className: k("image-icon", e), size: n, ...i, children: /* @__PURE__ */ o(
     "img",
     {
       className: "image-icon__image",
@@ -860,7 +860,7 @@ function jn({ icon: t, className: e = "", size: o = "1rem", imageMeta: r, ...i }
     }
   ) });
 }
-const Bn = $(b)`
+const Po = $(b)`
   display: inline-block;
   width: ${({ size: t }) => t};
   height: ${({ size: t }) => t};
@@ -870,42 +870,42 @@ const Bn = $(b)`
     width: 100%;
   }
 `, ft = (t) => typeof t == "string" && /^[\w-_]+:[\w-_]+$/.test(t);
-function st({ icon: t, size: e = "1rem", imageMeta: o, ...r }) {
+function st({ icon: t, size: e = "1rem", imageMeta: n, ...r }) {
   const i = window.isNaN(e) ? e : `${e}px`;
-  return ft(t) ? /* @__PURE__ */ n(Xt, { icon: t }) : /* @__PURE__ */ n(Rn, { component: jn, imageMeta: o, className: "base-icon", icon: t, size: i, ...r });
+  return ft(t) ? /* @__PURE__ */ o(Xt, { icon: t }) : /* @__PURE__ */ o(jo, { component: Io, imageMeta: n, className: "base-icon", icon: t, size: i, ...r });
 }
-const Rn = $(b)`
+const jo = $(b)`
   flex-shrink: 0;
 `;
-function M({ text: t, children: e, icon: o = "", endIcon: r, color: i = "primary", link: s = "", href: a = "", ...c }) {
-  const l = o ? /* @__PURE__ */ n(st, { icon: o }) : null, d = r ? /* @__PURE__ */ n(st, { icon: r }) : null, u = s || a, m = { ...c };
-  return u && (m.href = u, rt(u) && (m.target = m.target || "_blank")), /* @__PURE__ */ n(Ze, { startIcon: l, endIcon: d, color: i, ...m, children: t || e });
+function M({ text: t, children: e, icon: n = "", endIcon: r, color: i = "primary", link: s = "", href: a = "", ...c }) {
+  const l = n ? /* @__PURE__ */ o(st, { icon: n }) : null, d = r ? /* @__PURE__ */ o(st, { icon: r }) : null, m = s || a, u = { ...c };
+  return m && (u.href = m, rt(m) && (u.target = u.target || "_blank")), /* @__PURE__ */ o(Qe, { startIcon: l, endIcon: d, color: i, ...u, children: t || e });
 }
-function oe({ editing: t, text: e, ...o }) {
-  const { pages: r = [] } = ne(), i = r.find((s) => s.id === (o.link || o.linkId));
+function ne({ editing: t, text: e, ...n }) {
+  const { pages: r = [] } = oe(), i = r.find((s) => s.id === (n.link || n.linkId));
   if (t)
-    return /* @__PURE__ */ n(M, { ...W(o, ["link", "linkId"]), children: e });
+    return /* @__PURE__ */ o(M, { ...j(n, ["link", "linkId"]), children: e });
   if (i) {
     const s = i.path || "/";
-    return /* @__PURE__ */ n(Te, { to: s, children: /* @__PURE__ */ n(M, { ...W(o, ["link", "linkId"]), children: e }) });
+    return /* @__PURE__ */ o(Re, { to: s, children: /* @__PURE__ */ o(M, { ...j(n, ["link", "linkId"]), children: e }) });
   }
-  return /* @__PURE__ */ n(M, { ...W(o, "linkId"), children: e });
+  return /* @__PURE__ */ o(M, { ...j(n, "linkId"), children: e });
 }
-function z({ type: t = "", icon: e = "", size: o = "3rem", className: r = "", ...i }) {
-  return /* @__PURE__ */ n(st, { icon: e || t, size: o, className: k("content-icon", r), ...i });
+function W({ type: t = "", icon: e = "", size: n = "3rem", className: r = "", ...i }) {
+  return /* @__PURE__ */ o(st, { icon: e || t, size: n, className: k("content-icon", r), ...i });
 }
-z.propTypes = {};
-z.defaultProps = {
+W.propTypes = {};
+W.defaultProps = {
   type: "",
   icon: "",
   size: "3rem",
   color: "inherit",
   className: ""
 };
-function Tn({
+function Bo({
   to: t,
   base: e,
-  children: o,
+  children: n,
   className: r,
   activeClassName: i = "active",
   target: s = "auto",
@@ -913,11 +913,11 @@ function Tn({
   useRouterLink: c,
   ...l
 }) {
-  const { pages: d = [], locale: u = "" } = {}, m = e ? Z("/", e) : e || "";
-  let h = s === "auto" ? "_self" : s, p = Z(m, t);
+  const { pages: d = [], locale: m = "" } = {}, u = e ? Z("/", e) : e || "";
+  let h = s === "auto" ? "_self" : s, p = Z(u, t);
   const x = a ? rt(p) : !1;
   if (e)
-    return p = Z(m, u, t), /* @__PURE__ */ n(
+    return p = Z(u, m, t), /* @__PURE__ */ o(
       "a",
       {
         className: `no-underline ${r}`,
@@ -925,23 +925,23 @@ function Tn({
         rel: "noreferrer noopener",
         target: h,
         ...l,
-        children: o
+        children: n
       }
     );
   if (rt(t))
     s === "auto" && (h = "_blank"), p = t;
   else {
-    Fe(p) && (p = Z(window.location.pathname, p));
-    const y = Ve(`${window.location.origin}${p}`), f = d.some((w) => w.pathname === y.pathname);
+    Ue(p) && (p = Z(window.location.pathname, p));
+    const y = Fe(`${window.location.origin}${p}`), f = d.some((w) => w.pathname === y.pathname);
     if (c || f)
-      return /* @__PURE__ */ n(
-        Ee,
+      return /* @__PURE__ */ o(
+        Te,
         {
           end: !0,
           to: tt(p),
           className: ({ isActive: w }) => k(r, w ? i : ""),
           ...l,
-          children: o
+          children: n
         }
       );
   }
@@ -954,29 +954,29 @@ function Tn({
       target: h,
       ...l,
       children: [
-        o,
-        x && /* @__PURE__ */ n(z, { icon: "i-mdi:arrow-top-right", size: "0.9em", className: "smart-link__mark", style: { marginLeft: 5 } })
+        n,
+        x && /* @__PURE__ */ o(W, { icon: "i-mdi:arrow-top-right", size: "0.9em", className: "smart-link__mark", style: { marginLeft: 5 } })
       ]
     }
   );
 }
-function J({
+function q({
   prepend: t,
   append: e,
-  children: o,
+  children: n,
   className: r = "",
   dark: i = !1,
   border: s = !0,
   ...a
 }) {
   let c = {};
-  const { pages: l = [] } = ne(), d = l.find((h) => h.id === a.link), u = !o || Ft.Children.toArray(o).every((h) => h === null);
+  const { pages: l = [] } = oe(), d = l.find((h) => h.id === a.link), m = !n || Ft.Children.toArray(n).every((h) => h === null);
   return a.link && (c = {
-    component: Tn,
+    component: Bo,
     to: (d == null ? void 0 : d.path) || a.link,
     useRouterLink: !0
   }), /* @__PURE__ */ _(
-    En,
+    Ro,
     {
       className: k(
         "base-card card",
@@ -986,16 +986,16 @@ function J({
         r
       ),
       ...c,
-      ...W(a, ["listType", "dark", "iconColor", "link", "hoverStyle", "imageSize"]),
+      ...j(a, ["listType", "dark", "iconColor", "link", "hoverStyle", "imageSize"]),
       children: [
         t,
-        !u && /* @__PURE__ */ n("div", { className: "card__body", children: o }),
+        !m && /* @__PURE__ */ o("div", { className: "card__body", children: n }),
         e
       ]
     }
   );
 }
-const En = $(b)`
+const Ro = $(b)`
   &.base-card {
     text-align: left;
     border-width: 1px;
@@ -1014,25 +1014,25 @@ const En = $(b)`
 function K({
   align: t = "left",
   title: e,
-  titleProps: o = {},
+  titleProps: n = {},
   description: r,
   descriptionProps: i = {}
 }) {
   return /* @__PURE__ */ _(U, { children: [
-    e && /* @__PURE__ */ n(
-      P,
+    e && /* @__PURE__ */ o(
+      B,
       {
         className: k("card__title text-gray-800", "dark:text-gray-50"),
         component: "h5",
         variant: "h5",
         gutterBottom: !0,
         align: t,
-        ...o,
+        ...n,
         children: e
       }
     ),
-    r && /* @__PURE__ */ n(
-      P,
+    r && /* @__PURE__ */ o(
+      B,
       {
         className: k("card__description", "text-gray-500", "dark:text-gray-400"),
         component: "div",
@@ -1045,10 +1045,10 @@ function K({
     )
   ] });
 }
-function zn({
+function To({
   image: t,
   title: e,
-  description: o,
+  description: n,
   imageProps: r = {},
   imageMeta: i,
   imageSize: s,
@@ -1056,15 +1056,15 @@ function zn({
   descriptionProps: c = {},
   actions: l,
   align: d,
-  ...u
+  ...m
 }) {
-  const m = ft(t), h = R(N(t), 540);
+  const u = ft(t), h = T(I(t), 540);
   return /* @__PURE__ */ _(
-    Wn,
+    Eo,
     {
       className: "card-article",
-      ...u,
-      prepend: /* @__PURE__ */ n("div", { className: "card__image__wrap", children: m && t ? /* @__PURE__ */ n(
+      ...m,
+      prepend: /* @__PURE__ */ o("div", { className: "card__image__wrap", children: u && t ? /* @__PURE__ */ o(
         b,
         {
           sx: {
@@ -1077,9 +1077,9 @@ function zn({
             alignItems: "center",
             justifyContent: "center"
           },
-          children: /* @__PURE__ */ n(z, { icon: t, color: "primary.main" })
+          children: /* @__PURE__ */ o(W, { icon: t, color: "primary.main" })
         }
-      ) : h && /* @__PURE__ */ n(
+      ) : h && /* @__PURE__ */ o(
         "img",
         {
           className: "card__image",
@@ -1093,22 +1093,22 @@ function zn({
         }
       ) }),
       children: [
-        e || o ? /* @__PURE__ */ n(
+        e || n ? /* @__PURE__ */ o(
           K,
           {
             align: d,
             title: e,
             titleProps: a,
-            description: o,
+            description: n,
             descriptionProps: c
           }
         ) : null,
-        l != null && l.length ? /* @__PURE__ */ n(O, { align: d, actions: l, className: "mt-4" }) : null
+        l != null && l.length ? /* @__PURE__ */ o(O, { align: d, actions: l, className: "mt-4" }) : null
       ]
     }
   );
 }
-const Wn = $(J)`
+const Eo = $(q)`
   ${(t) => t.hoverStyle === "none" ? "" : t.link ? `transition: box-shadow ease .3s;
               &:hover {
                 box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
@@ -1133,7 +1133,7 @@ const Wn = $(J)`
 function It({
   title: t,
   image: e,
-  imageMeta: o,
+  imageMeta: n,
   description: r,
   actions: i,
   align: s,
@@ -1141,21 +1141,21 @@ function It({
   className: c = "",
   ...l
 }) {
-  return /* @__PURE__ */ _(Ln, { className: k("card", `list-type-${a}`, c), align: s, ...l, children: [
-    e && /* @__PURE__ */ n(
-      z,
+  return /* @__PURE__ */ _(zo, { className: k("card", `list-type-${a}`, c), align: s, ...l, children: [
+    e && /* @__PURE__ */ o(
+      W,
       {
         icon: e,
         color: "primary.main",
         size: a === "icon-title" ? "1.2rem" : "3rem",
-        imageMeta: o
+        imageMeta: n
       }
     ),
-    t || r ? /* @__PURE__ */ n(K, { align: s, title: t, description: r }) : null,
-    i != null && i.length ? /* @__PURE__ */ n(O, { align: s, actions: i, className: "mt-4" }) : null
+    t || r ? /* @__PURE__ */ o(K, { align: s, title: t, description: r }) : null,
+    i != null && i.length ? /* @__PURE__ */ o(O, { align: s, actions: i, className: "mt-4" }) : null
   ] });
 }
-const Ln = $(J)`
+const zo = $(q)`
   padding: 5vw 4vw;
   box-sizing: border-box;
   /* min-height: 320px; */
@@ -1213,10 +1213,10 @@ const Ln = $(J)`
     box-sizing: border-box;
   }
 `;
-function On({
+function Wo({
   image: t,
   title: e,
-  description: o,
+  description: n,
   imageProps: r = {},
   imageMeta: i,
   imageSize: s,
@@ -1224,15 +1224,15 @@ function On({
   descriptionProps: c = {},
   actions: l,
   align: d,
-  ...u
+  ...m
 }) {
-  const m = ft(t), h = R(N(t), 540);
+  const u = ft(t), h = T(I(t), 540);
   return /* @__PURE__ */ _(
-    Hn,
+    Lo,
     {
       className: "card-article",
-      ...u,
-      prepend: /* @__PURE__ */ n("div", { className: "card__image__wrap", children: m && t ? /* @__PURE__ */ n(
+      ...m,
+      prepend: /* @__PURE__ */ o("div", { className: "card__image__wrap", children: u && t ? /* @__PURE__ */ o(
         b,
         {
           sx: {
@@ -1245,9 +1245,9 @@ function On({
             alignItems: "center",
             justifyContent: "center"
           },
-          children: /* @__PURE__ */ n(z, { icon: t, color: "primary.main" })
+          children: /* @__PURE__ */ o(W, { icon: t, color: "primary.main" })
         }
-      ) : h && /* @__PURE__ */ n(
+      ) : h && /* @__PURE__ */ o(
         b,
         {
           component: "img",
@@ -1262,22 +1262,22 @@ function On({
         }
       ) }),
       children: [
-        e || o ? /* @__PURE__ */ n(
+        e || n ? /* @__PURE__ */ o(
           K,
           {
             align: d,
             title: e,
             titleProps: a,
-            description: o,
+            description: n,
             descriptionProps: c
           }
         ) : null,
-        l != null && l.length ? /* @__PURE__ */ n(O, { align: d, actions: l, className: "mt-4" }) : null
+        l != null && l.length ? /* @__PURE__ */ o(O, { align: d, actions: l, className: "mt-4" }) : null
       ]
     }
   );
 }
-const Hn = $(J)`
+const Lo = $(q)`
   ${(t) => t.hoverStyle === "none" ? "" : t.link ? `transition: box-shadow ease .3s;
               &:hover {
                 box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
@@ -1302,10 +1302,10 @@ const Hn = $(J)`
     max-height: 60px;
   }
 `, Pt = "section";
-function An({
+function Oo({
   title: t,
   image: e,
-  imageMeta: o,
+  imageMeta: n,
   iconSize: r = 100,
   description: i,
   actions: s,
@@ -1313,15 +1313,15 @@ function An({
   className: c = "",
   ...l
 }) {
-  return /* @__PURE__ */ n(Mn, { className: k("card", c), ...l, children: /* @__PURE__ */ _(b, { className: "flex items-center", children: [
-    e && /* @__PURE__ */ n(z, { icon: e, color: "primary.main", size: r, imageMeta: o }),
+  return /* @__PURE__ */ o(Ho, { className: k("card", c), ...l, children: /* @__PURE__ */ _(b, { className: "flex items-center", children: [
+    e && /* @__PURE__ */ o(W, { icon: e, color: "primary.main", size: r, imageMeta: n }),
     /* @__PURE__ */ _(b, { className: "flex-1 ml-4", children: [
-      /* @__PURE__ */ n(K, { align: a, title: t, description: i }),
-      /* @__PURE__ */ n(O, { align: a, actions: s, className: "mt-4" })
+      /* @__PURE__ */ o(K, { align: a, title: t, description: i }),
+      /* @__PURE__ */ o(O, { align: a, actions: s, className: "mt-4" })
     ] })
   ] }) });
 }
-const Mn = $(J)`
+const Ho = $(q)`
   padding: 5vw 4vw;
   text-align: left;
   box-sizing: border-box;
@@ -1378,10 +1378,10 @@ const Mn = $(J)`
     box-sizing: border-box;
   }
 `;
-function Un({
+function Ao({
   title: t,
   titleProps: e = {},
-  description: o,
+  description: n,
   descriptionProps: r = {},
   image: i,
   imageMeta: s,
@@ -1390,21 +1390,21 @@ function Un({
   hoverStyle: l,
   ...d
 }) {
-  return /* @__PURE__ */ _(Fn, { className: k("card-simple", a, `hover-style__${l}`), align: c, ...d, children: [
-    i && /* @__PURE__ */ n(z, { icon: i, color: "primary.main", imageMeta: s }),
-    t || o ? /* @__PURE__ */ n(
+  return /* @__PURE__ */ _(Mo, { className: k("card-simple", a, `hover-style__${l}`), align: c, ...d, children: [
+    i && /* @__PURE__ */ o(W, { icon: i, color: "primary.main", imageMeta: s }),
+    t || n ? /* @__PURE__ */ o(
       K,
       {
         align: c,
         title: t,
         titleProps: e,
-        description: o,
+        description: n,
         descriptionProps: r
       }
     ) : null
   ] });
 }
-const Fn = $(J)`
+const Mo = $(q)`
   ${({ dark: t, theme: e }) => `background-color:${t ? e.palette.grey[900] : e.palette.common.white};`}
 
   &.hover-style__default {
@@ -1490,20 +1490,20 @@ const Fn = $(J)`
     }
   }
 `;
-function Vn({ type: t = "default", ...e }) {
+function Uo({ type: t = "default", ...e }) {
   const r = {
-    article: zn,
-    simple: Un,
-    news: An,
+    article: To,
+    simple: Ao,
+    news: Oo,
     default: It,
-    wall: On
+    wall: Wo
   }[t] || It;
-  return /* @__PURE__ */ n(r, { ...t === "news" ? e : Ut(e, "iconSize") });
+  return /* @__PURE__ */ o(r, { ...t === "news" ? e : j(e, "iconSize") });
 }
-function Gn({
+function Fo({
   list: t = [],
   align: e = "top",
-  cards: o,
+  cards: n,
   listBorder: r = !0,
   listType: i = "",
   col: s = 3,
@@ -1511,12 +1511,12 @@ function Gn({
   iconColor: c,
   className: l = "",
   type: d = "default",
-  dark: u = !1,
-  textAlign: m = "left",
+  dark: m = !1,
+  textAlign: u = "left",
   hoverStyle: h,
   ...p
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     ht,
     {
       type: d,
@@ -1525,18 +1525,18 @@ function Gn({
       gap: a,
       align: e,
       ...p,
-      children: o || t.map((x) => /* @__PURE__ */ n(
-        Vn,
+      children: n || t.map((x) => /* @__PURE__ */ o(
+        Uo,
         {
           borderColor: r,
           iconColor: c,
           type: d,
           listType: i,
-          dark: u,
+          dark: m,
           ...x,
-          align: m,
+          align: u,
           sx: {
-            bgcolor: d === "wall" ? void 0 : u ? "grey.900" : "common.white"
+            bgcolor: d === "wall" ? void 0 : m ? "grey.900" : "common.white"
           },
           style: a === 0 && t.length > 1 ? {
             borderRadius: 0,
@@ -1549,7 +1549,7 @@ function Gn({
     }
   );
 }
-const Dn = [
+const Vo = [
   "align",
   "cards",
   "list",
@@ -1560,7 +1560,7 @@ const Dn = [
   "iconColor",
   "type",
   "textAlign"
-], qn = $(D)`
+], Go = $(D)`
   a .card {
     color: #404040;
     cursor: pointer;
@@ -1576,14 +1576,14 @@ const Dn = [
     color: #404040;
   }
 `;
-function Jn({ className: t, ...e }) {
-  const [o, r] = C(e, G), [i, s] = C(r, Dn);
-  return /* @__PURE__ */ _(qn, { className: k("section--card-list", t), type: e.type, ...s, children: [
-    Object.keys(o).length > 0 && /* @__PURE__ */ n(V, { center: !0, ...o, className: "mb-[2.5vw]" }),
-    /* @__PURE__ */ n(Gn, { ...i, dark: !!e.dark })
+function Do({ className: t, ...e }) {
+  const [n, r] = N(e, G), [i, s] = N(r, Vo);
+  return /* @__PURE__ */ _(Go, { className: k("section--card-list", t), type: e.type, ...s, children: [
+    Object.keys(n).length > 0 && /* @__PURE__ */ o(V, { center: !0, ...n, className: "mb-[2.5vw]" }),
+    /* @__PURE__ */ o(Fo, { ...i, dark: !!e.dark })
   ] });
 }
-const Kn = $(Jn)`
+const Jo = $(Do)`
   .card__description {
     white-space: pre-wrap;
   }
@@ -1599,17 +1599,17 @@ const Kn = $(Jn)`
     background: inherit !important;
   }
 `;
-function Xn({ section: t, ...e }) {
-  const [{ editing: o }, r] = C(e, q), i = j(() => {
+function qo({ section: t, ...e }) {
+  const [{ editing: n }, r] = N(e, J), i = C(() => {
     var s;
     return {
-      ...W(r, ["listBorder", "list", "iconSize", "imageSize"]),
+      ...j(r, ["listBorder", "list", "iconSize", "imageSize"]),
       list: (s = r.list) == null ? void 0 : s.map((a) => {
         var c, l;
         return {
-          ...W(a, "icon", "iconColor"),
+          ...j(a, "icon", "iconColor"),
           image: ["news", "simple", "default"].includes(r.type) && a.icon ? a.icon : a.image,
-          actions: (l = (c = a.actions) == null ? void 0 : c.map) == null ? void 0 : l.call(c, (d) => /* @__PURE__ */ n(oe, { ...d, editing: o }, d.id)),
+          actions: (l = (c = a.actions) == null ? void 0 : c.map) == null ? void 0 : l.call(c, (d) => /* @__PURE__ */ o(ne, { ...d, editing: n }, d.id)),
           border: r.listBorder,
           iconSize: r.iconSize,
           imageSize: r.imageSize,
@@ -1618,41 +1618,41 @@ function Xn({ section: t, ...e }) {
       })
     };
   }, [r]);
-  return /* @__PURE__ */ n(Kn, { style: o ? { pointerEvents: "none" } : {}, ...i });
+  return /* @__PURE__ */ o(Jo, { style: n ? { pointerEvents: "none" } : {}, ...i });
 }
-function Yn({
+function Ko({
   properties: t,
   section: e,
-  locale: o,
+  locale: n,
   dev: r
 }) {
   var i;
-  return (i = e == null ? void 0 : e.config) != null && i.componentId ? /* @__PURE__ */ n(
-    Ye,
+  return (i = e == null ? void 0 : e.config) != null && i.componentId ? /* @__PURE__ */ o(
+    Xe,
     {
       instanceId: e.id,
       componentId: e.config.componentId,
       blockletId: e.config.blockletId,
       blockletTitle: e.config.blockletTitle,
       componentName: e.config.componentName,
-      locale: o,
+      locale: n,
       properties: t,
       dev: r
     }
-  ) : /* @__PURE__ */ n(b, { textAlign: "center", py: 2, children: /* @__PURE__ */ n(P, { variant: "caption", color: "text.secondary", children: "Please select component to render" }) });
+  ) : /* @__PURE__ */ o(b, { textAlign: "center", py: 2, children: /* @__PURE__ */ o(B, { variant: "caption", color: "text.secondary", children: "Please select component to render" }) });
 }
-function Qn({
+function Xo({
   src: t,
   dataId: e,
-  isEdit: o = !1,
+  isEdit: n = !1,
   height: r = "100%",
   onLoad: i = () => {
   }
 }) {
-  return /* @__PURE__ */ n(
-    nn,
+  return /* @__PURE__ */ o(
+    to,
     {
-      isEdit: o,
+      isEdit: n,
       embedId: e,
       src: t,
       height: r,
@@ -1662,12 +1662,12 @@ function Qn({
     }
   );
 }
-function Zn({ dataId: t, src: e, actions: o, center: r, onLoad: i, ...s }) {
-  const [a, c] = C(s, G);
+function Yo({ dataId: t, src: e, actions: n, center: r, onLoad: i, ...s }) {
+  const [a, c] = N(s, G);
   return /* @__PURE__ */ _(D, { ...c, children: [
-    Object.keys(a).length > 0 && /* @__PURE__ */ n(V, { center: r, ...a }),
-    /* @__PURE__ */ n(
-      Qn,
+    Object.keys(a).length > 0 && /* @__PURE__ */ o(V, { center: r, ...a }),
+    /* @__PURE__ */ o(
+      Xo,
       {
         dataId: t,
         src: e,
@@ -1675,24 +1675,24 @@ function Zn({ dataId: t, src: e, actions: o, center: r, onLoad: i, ...s }) {
         height: s.iframeHeight ? `${s.iframeHeight}px` : "100%"
       }
     ),
-    /* @__PURE__ */ n(O, { actions: o, center: r })
+    /* @__PURE__ */ o(O, { actions: n, center: r })
   ] });
 }
-function to({ section: t, id: e, src: o, ...r }) {
-  const i = `${e}-${r.locale}`, [{ editing: s }, a] = C(r, q), c = F({}), l = JSON.parse(JSON.stringify(a)), { message: d } = tn(i, "server"), u = _e(JSON.parse(JSON.stringify(a.config) || "{}"));
-  return E(() => {
-    d && d.onInit(() => u.current);
-  }, [d]), E(() => {
-    const m = JSON.parse(JSON.stringify(a.config) || "{}");
-    en(c.current, m) || (c.current = m, d == null || d.send("config-set", m));
-  }, [d, a.config]), o ? /* @__PURE__ */ n(Zn, { ...l, dataId: i, src: o, style: s ? { pointerEvents: "none" } : {} }) : /* @__PURE__ */ n(eo, { children: 'Please set the "src" attribute for this block' });
+function Qo({ section: t, id: e, src: n, ...r }) {
+  const i = `${e}-${r.locale}`, [{ editing: s }, a] = N(r, J), c = F({}), l = JSON.parse(JSON.stringify(a)), { message: d } = Ze(i, "server"), m = _e(JSON.parse(JSON.stringify(a.config) || "{}"));
+  return z(() => {
+    d && d.onInit(() => m.current);
+  }, [d]), z(() => {
+    const u = JSON.parse(JSON.stringify(a.config) || "{}");
+    Ut(c.current, u) || (c.current = u, d == null || d.send("config-set", u));
+  }, [d, a.config]), n ? /* @__PURE__ */ o(Yo, { ...l, dataId: i, src: n, style: s ? { pointerEvents: "none" } : {} }) : /* @__PURE__ */ o(Zo, { children: 'Please set the "src" attribute for this block' });
 }
-const eo = $("div")`
+const Zo = $("div")`
   user-select: none;
   color: #999;
   padding: 8px;
   height: 200px;
-`, no = [
+`, tn = [
   /youtu\.be\/([^#&?]{11})/,
   // youtu.be/<id>
   /\?v=([^#&?]{11})/,
@@ -1704,42 +1704,42 @@ const eo = $("div")`
   /\/v\/([^#&?]{11})/
   // /v/<id>
 ];
-function oo(t) {
+function en(t) {
   var e;
   if (/youtu\.?be/.test(t))
-    for (const o of no) {
-      const r = (e = o.exec(t)) == null ? void 0 : e[1];
+    for (const n of tn) {
+      const r = (e = n.exec(t)) == null ? void 0 : e[1];
       if (r)
         return r;
     }
 }
-function ro(t) {
-  const e = oo(t);
+function on(t) {
+  const e = en(t);
   if (e)
     return `https://youtube.com/embed/${e}`;
 }
-function io({ src: t }) {
-  return E(() => {
+function nn({ src: t }) {
+  return z(() => {
     import("@lottiefiles/lottie-player");
-  }, []), /* @__PURE__ */ n("lottie-player", { autoplay: !0, loop: !0, mode: "normal", src: t });
+  }, []), /* @__PURE__ */ o("lottie-player", { autoplay: !0, loop: !0, mode: "normal", src: t });
 }
-function so(t) {
-  return /* @__PURE__ */ n(b, { maxHeight: 400, overflow: "hidden auto", children: /* @__PURE__ */ n(on, { ...t }) });
+function rn(t) {
+  return /* @__PURE__ */ o(b, { maxHeight: 400, overflow: "hidden auto", children: /* @__PURE__ */ o(eo, { ...t }) });
 }
-function ao({ url: t }) {
-  const e = F(null), o = 495, [r, i] = T(
-    e.current ? e.current.offsetWidth * 0.5625 : o
+function sn({ url: t }) {
+  const e = F(null), n = 495, [r, i] = E(
+    e.current ? e.current.offsetWidth * 0.5625 : n
   ), s = mt(() => {
-    const a = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, c = e.current ? e.current.offsetWidth * 0.5625 : o;
+    const a = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, c = e.current ? e.current.offsetWidth * 0.5625 : n;
     return i(Math.floor(c * a));
   }, []);
-  return E(() => {
+  return z(() => {
     window.addEventListener("resize", s);
-    const a = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, c = e.current ? e.current.offsetWidth * 0.5625 : o;
+    const a = window.innerWidth > 990 ? 1 : window.innerWidth > 522 ? 1.2 : window.innerWidth > 400 ? 1.45 : 1.85, c = e.current ? e.current.offsetWidth * 0.5625 : n;
     return i(Math.floor(c * a)), function() {
       window.removeEventListener("resize", s);
     };
-  }, [r, s]), /* @__PURE__ */ n(
+  }, [r, s]), /* @__PURE__ */ o(
     b,
     {
       component: "iframe",
@@ -1755,14 +1755,14 @@ function ao({ url: t }) {
     }
   );
 }
-const co = $(_n)`
+const an = $(vo)`
   .section__description {
   }
 `;
-function lo({
+function cn({
   hasImage: t,
   fullSizeImage: e,
-  boxed: o,
+  boxed: n,
   videoPoster: r,
   imageMeta: i,
   imageOptimization: s,
@@ -1771,33 +1771,33 @@ function lo({
   ...l
 }) {
   var p, x;
-  const [{ editing: d }, u] = C({ ...l, boxed: e ? void 0 : o }, q);
-  let m = mo(u.image, r, e, i, s, a);
-  t || (m = null);
+  const [{ editing: d }, m] = N({ ...l, boxed: e ? void 0 : n }, J);
+  let u = ln(m.image, r, e, i, s, a);
+  t || (u = null);
   let h = null;
-  return u.actions && (h = (x = (p = u.actions) == null ? void 0 : p.map) == null ? void 0 : x.call(p, (y, f) => /* @__PURE__ */ n(oe, { ...y, editing: d }, f))), /* @__PURE__ */ n(
-    co,
+  return m.actions && (h = (x = (p = m.actions) == null ? void 0 : p.map) == null ? void 0 : x.call(p, (y, f) => /* @__PURE__ */ o(ne, { ...y, editing: d }, f))), /* @__PURE__ */ o(
+    an,
     {
-      ...u,
+      ...m,
       style: d ? { pointerEvents: "none" } : {},
-      image: m,
+      image: u,
       fullSizeImage: t && e,
       actions: h
     }
   );
 }
-function mo(t, e, o, r, i, s) {
+function ln(t, e, n, r, i, s) {
   if (t) {
     if (t.endsWith(".json"))
-      return /* @__PURE__ */ n(io, { src: t });
+      return /* @__PURE__ */ o(nn, { src: t });
     if (t.indexOf("twitter.com") !== -1)
-      return /* @__PURE__ */ n(so, { sourceType: "url", url: t });
-    const a = ro(t);
+      return /* @__PURE__ */ o(rn, { sourceType: "url", url: t });
+    const a = on(t);
     if (a)
-      return /* @__PURE__ */ n(ao, { url: a });
+      return /* @__PURE__ */ o(sn, { url: a });
     const { naturalWidth: c, naturalHeight: l, filename: d } = r || {};
     if (it(t))
-      return /* @__PURE__ */ n(
+      return /* @__PURE__ */ o(
         "video",
         {
           width: c && `${c}px`,
@@ -1812,23 +1812,23 @@ function mo(t, e, o, r, i, s) {
             width: "100%",
             height: "100%"
           },
-          poster: R(N(e), o ? 1200 : 540, i),
-          children: /* @__PURE__ */ n("source", { src: N(t), type: bn(t) })
+          poster: T(I(e), n ? 1200 : 540, i),
+          children: /* @__PURE__ */ o("source", { src: I(t), type: go(t) })
         },
         t
       );
-    const u = i === "quality" ? 1 : 0.6;
-    return /* @__PURE__ */ n(
-      Jt,
+    const m = i === "quality" ? 1 : 0.6;
+    return /* @__PURE__ */ o(
+      qt,
       {
-        src: N(t),
+        src: I(t),
         sizesAttr: {
-          sm: 600 * u,
-          md: 450 * u,
-          lg: 540 * u,
-          ...o && {
-            md: 900 * u,
-            lg: 1200 * u
+          sm: 600 * m,
+          md: 450 * m,
+          lg: 540 * m,
+          ...n && {
+            md: 900 * m,
+            lg: 1200 * m
           }
         },
         width: c && `${c}px`,
@@ -1841,78 +1841,78 @@ function mo(t, e, o, r, i, s) {
   }
   return null;
 }
-const uo = ["production", "draft"];
-function po({ mode: t, version: e } = {}) {
-  const o = e && typeof e == "number" ? { mode: t, version: e } : { mode: t };
-  return ct.get(`/api/${lt()}/pages`, { params: o }).then((r) => r.data);
+const dn = ["production", "draft"];
+function mn({ mode: t, version: e } = {}) {
+  const n = e && typeof e == "number" ? { mode: t, version: e } : { mode: t };
+  return ct.get(`/api/${lt()}/pages`, { params: n }).then((r) => r.data);
 }
-function Pr({ mode: t, pages: e }) {
-  return ct.post(`/api/${lt()}/pages/publish`, { mode: t, pages: e }).then((o) => o.data);
+function Nr({ mode: t, pages: e }) {
+  return ct.post(`/api/${lt()}/pages/publish`, { mode: t, pages: e }).then((n) => n.data);
 }
-function ho({
+function un({
   locale: t,
   sort: e,
-  page: o,
+  page: n,
   limit: r,
   mode: i
 } = {}) {
-  return ct.get(`/api/${lt()}/pages/toc`, { params: { locale: t, sort: e, page: o, limit: r, mode: i } }).then((s) => s.data);
+  return ct.get(`/api/${lt()}/pages/toc`, { params: { locale: t, sort: e, page: n, limit: r, mode: i } }).then((s) => s.data);
 }
 const jt = 20;
-function fo({ style: t, sort: e, section: o, ...r }) {
-  const [{ editing: i, locale: s }, a] = C(r, q), [c, l] = C(a, G), [d, u] = T(), m = F(!1), h = Ae(), p = ze(), x = mt(async () => {
-    if (!m.current) {
-      m.current = !0, h();
+function pn({ style: t, sort: e, section: n, ...r }) {
+  const [{ editing: i, locale: s }, a] = N(r, J), [c, l] = N(a, G), [d, m] = E(), u = F(!1), h = He(), p = Ee(), x = mt(async () => {
+    if (!u.current) {
+      u.current = !0, h();
       try {
-        const y = d ? Math.floor(d.list.length / jt) + 1 : 1, { list: f, total: w } = await ho({ locale: s, sort: e, page: y, limit: jt });
-        u((g) => ({
+        const y = d ? Math.floor(d.list.length / jt) + 1 : 1, { list: f, total: w } = await un({ locale: s, sort: e, page: y, limit: jt });
+        m((g) => ({
           list: ((g == null ? void 0 : g.list) ?? []).concat(f),
           total: w
         }));
       } finally {
-        m.current = !1, h();
+        u.current = !1, h();
       }
     }
   }, [d, s, e, h]);
-  return Me(() => {
+  return Ae(() => {
     x();
   }), /* @__PURE__ */ _(D, { ...l, sx: i ? { pointerEvents: "none" } : {}, children: [
-    Object.keys(c).length > 0 && /* @__PURE__ */ n(V, { ...c }),
+    Object.keys(c).length > 0 && /* @__PURE__ */ o(V, { ...c }),
     d ? /* @__PURE__ */ _(U, { children: [
-      /* @__PURE__ */ n(vt, { container: !0, spacing: 2, justifyContent: "center", children: d == null ? void 0 : d.list.map((y) => /* @__PURE__ */ n(vt, { item: !0, xs: 12, sm: t === "card" ? 6 : 12, md: t === "card" ? 3 : 12, children: /* @__PURE__ */ _(
-        go,
+      /* @__PURE__ */ o(vt, { container: !0, spacing: 2, justifyContent: "center", children: d == null ? void 0 : d.list.map((y) => /* @__PURE__ */ o(vt, { item: !0, xs: 12, sm: t === "card" ? 6 : 12, md: t === "card" ? 3 : 12, children: /* @__PURE__ */ _(
+        hn,
         {
           elevation: 0,
           className: k(t === "card" && "style-card"),
           onClick: i ? void 0 : () => p(y.slug),
           children: [
-            !!y.image && /* @__PURE__ */ n(
+            !!y.image && /* @__PURE__ */ o(
               we,
               {
                 component: "img",
                 alt: "",
-                image: R(N(y.image), 540),
+                image: T(I(y.image), 540),
                 loading: "lazy"
               }
             ),
             /* @__PURE__ */ _(ve, { children: [
-              /* @__PURE__ */ n(P, { variant: "h6", component: "div", className: Bt, children: y.title || y.id }),
-              /* @__PURE__ */ n(P, { variant: "body2", className: Bt, children: y.description })
+              /* @__PURE__ */ o(B, { variant: "h6", component: "div", className: Bt, children: y.title || y.id }),
+              /* @__PURE__ */ o(B, { variant: "body2", className: Bt, children: y.description })
             ] })
           ]
         }
       ) }, y.id)) }),
-      /* @__PURE__ */ n(b, { textAlign: "center", mt: 2, children: d.total > d.list.length ? /* @__PURE__ */ n(M, { variant: "outlined", color: "secondary", onClick: x, loading: m.current, children: "More" }) : /* @__PURE__ */ n(M, { variant: "outlined", color: "secondary", disabled: !0, children: "No More" }) })
-    ] }) : /* @__PURE__ */ n(b, { p: 2, textAlign: "center", children: /* @__PURE__ */ n(Mt, { size: 24 }) })
+      /* @__PURE__ */ o(b, { textAlign: "center", mt: 2, children: d.total > d.list.length ? /* @__PURE__ */ o(M, { variant: "outlined", color: "secondary", onClick: x, loading: u.current, children: "More" }) : /* @__PURE__ */ o(M, { variant: "outlined", color: "secondary", disabled: !0, children: "No More" }) })
+    ] }) : /* @__PURE__ */ o(b, { p: 2, textAlign: "center", children: /* @__PURE__ */ o(Mt, { size: 24 }) })
   ] });
 }
-const Bt = nt`
+const Bt = ot`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   text-overflow: ellipsis;
-`, go = $(ye)`
+`, hn = $(ye)`
   border: 1px solid #e0e0e0;
   background-color: transparent;
   cursor: pointer;
@@ -1932,34 +1932,40 @@ const Bt = nt`
       max-height: 50vw;
     }
   }
-`, xo = {
-  iframe: to,
-  section: lo,
-  "section-card-list": Xn,
-  toc: fo,
-  "ai-runtime": Cn,
-  "custom-component": Yn
+`, fn = {
+  iframe: Qo,
+  section: cn,
+  "section-card-list": qo,
+  toc: pn,
+  "ai-runtime": $o,
+  "custom-component": Ko
 };
-function bo({ id: t, type: e, mode: o, config: r, section: i, ...s }) {
-  const a = xo[e], c = a && /* @__PURE__ */ n(a, { mode: o, ...r, id: t, section: i });
-  return e === "custom-component" ? c : /* @__PURE__ */ n($n, { ...s, height: r.height, children: c });
-}
-const yo = $(rn, { shouldForwardProp: (t) => !!t })`
+function gn({ id: t, type: e, mode: n, config: r, section: i, ...s }) {
+  const a = fn[e], c = C(() => {
+    const { sx: m, height: u, ...h } = r;
+    return h;
+  }, [r]), l = C(() => {
+    const m = { sx: r.sx };
+    return e !== "custom-component" && (m.height = r.height), m;
+  }, [r.sx, r.height, e]), d = a && /* @__PURE__ */ o(a, { mode: n, ...c, id: t, section: i });
+  return /* @__PURE__ */ o(ko, { ...s, ...l, children: d });
+}
+const xn = $(oo, { shouldForwardProp: (t) => !!t })`
   & > div > .MuiContainer-root {
     max-width: unset;
   }
 `;
-function wo({ meta: t, ...e }) {
-  const o = pt();
-  return /* @__PURE__ */ n(yo, { ...e, meta: t, theme: o || {} });
+function bn({ meta: t, ...e }) {
+  const n = pt();
+  return /* @__PURE__ */ o(xn, { ...e, meta: t, theme: n || {} });
 }
-function vo(t) {
-  return /* @__PURE__ */ n(b, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ n(Mt, { size: 30 }) });
+function yn(t) {
+  return /* @__PURE__ */ o(b, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ o(Mt, { size: 30 }) });
 }
-function ko(t) {
-  return /* @__PURE__ */ n(_o, { ...t });
+function wn(t) {
+  return /* @__PURE__ */ o(vn, { ...t });
 }
-const _o = $(b)`
+const vn = $(b)`
   position: fixed;
   left: 0;
   top: 0;
@@ -1970,8 +1976,8 @@ const _o = $(b)`
   opacity: 0.7;
   transform: translateX(-23%) translateY(70%) rotate(-45deg);
   pointer-events: none;
-`, $o = (t) => new Promise((e, o) => {
-  (t == null ? void 0 : t.length) > 0 ? sn.load({
+`, kn = (t) => new Promise((e, n) => {
+  (t == null ? void 0 : t.length) > 0 ? no.load({
     google: {
       families: t
     },
@@ -1979,26 +1985,26 @@ const _o = $(b)`
       e("success");
     },
     fontinactive: () => {
-      o(new Error("load font fail"));
+      n(new Error("load font fail"));
     }
   }) : e("success");
 }), Rt = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
     sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`, Tt = {};
-function So({
+function _n({
   titleFontFamily: t,
   descriptionFontFamily: e
 }) {
-  const o = async (r) => {
+  const n = async (r) => {
     if (r && !document.querySelectorAll(`link[href*="${r}" i]`).length)
       try {
-        Tt[r] || (await $o([r]), Tt[r] = !0);
+        Tt[r] || (await kn([r]), Tt[r] = !0);
       } catch (i) {
         console.error(i);
       }
   };
-  return E(() => {
-    t && o(t), e && o(e);
-  }, [t, e]), /* @__PURE__ */ n(
+  return z(() => {
+    t && n(t), e && n(e);
+  }, [t, e]), /* @__PURE__ */ o(
     Lt,
     {
       styles: Ot`
@@ -2015,90 +2021,90 @@ function So({
     }
   );
 }
-const { SessionProvider: jr, SessionContext: Co, SessionConsumer: Br, withSession: Rr } = an();
+const { SessionProvider: Ir, SessionContext: $n, SessionConsumer: Pr, withSession: jr } = ro();
 function gt() {
-  return Gt(Co);
+  return Gt($n);
 }
-function No(...t) {
-  var o;
+function Sn(...t) {
+  var n;
   const { session: e } = gt();
-  return t.includes((o = e.user) == null ? void 0 : o.role);
+  return t.includes((n = e.user) == null ? void 0 : n.role);
 }
-function Io(...t) {
+function Cn(...t) {
   var r;
-  const { session: e } = gt(), o = No(...t);
-  return ((r = window.blocklet) == null ? void 0 : r.tenantMode) === "multiple" ? !!e.user : o;
+  const { session: e } = gt(), n = Sn(...t);
+  return ((r = window.blocklet) == null ? void 0 : r.tenantMode) === "multiple" ? !!e.user : n;
 }
-function Po(t) {
+function Nn(t) {
   return t != null;
 }
-function Tr() {
-  const [t] = We(), { session: e } = gt(), o = Io("owner", "admin", "pagesEditor", "member"), r = j(() => {
+function Br() {
+  const [t] = ze(), { session: e } = gt(), n = Cn("owner", "admin", "pagesEditor", "member"), r = C(() => {
     const s = t.get("mode");
-    return uo.includes(s) ? s : "production";
-  }, [t]), i = r === "production" ? r : e.user ? o ? r : "production" : null;
-  return i ? /* @__PURE__ */ n(jo, { mode: i }) : null;
+    return dn.includes(s) ? s : "production";
+  }, [t]), i = r === "production" ? r : e.user ? n ? r : "production" : null;
+  return i ? /* @__PURE__ */ o(In, { mode: i }) : null;
 }
-function jo({ mode: t }) {
+function In({ mode: t }) {
   if (t !== "draft") {
     const e = window.__PAGE_STATE__;
-    return e ? /* @__PURE__ */ n(et, { mode: t, state: e }) : /* @__PURE__ */ n(Ro, { mode: t, children: ({ state: o }) => /* @__PURE__ */ n(et, { mode: t, state: o }) });
+    return e ? /* @__PURE__ */ o(et, { mode: t, state: e }) : /* @__PURE__ */ o(jn, { mode: t, children: ({ state: n }) => /* @__PURE__ */ o(et, { mode: t, state: n }) });
   }
-  return /* @__PURE__ */ n(Bo, { children: ({ state: e }) => /* @__PURE__ */ n(et, { mode: t, state: e }) });
+  return /* @__PURE__ */ o(Pn, { children: ({ state: e }) => /* @__PURE__ */ o(et, { mode: t, state: e }) });
 }
-const Bo = Dt(() => import("./draft-data-vlK5oTGT.js"));
-function Ro({
+const Pn = Dt(() => import("./draft-data-vlK5oTGT.js"));
+function jn({
   mode: t,
   children: e
 }) {
-  const o = document.querySelector('meta[property="pages:version"]'), r = o == null ? void 0 : o.content, i = de(), s = j(() => {
+  const n = document.querySelector('meta[property="pages:version"]'), r = n == null ? void 0 : n.content, i = de(), s = C(() => {
     if (r === "{{pagesPublishedAt}}") {
       const l = localStorage.getItem(me(i ?? ""));
       return Number(l) ? Number(l) : (/* @__PURE__ */ new Date()).getTime();
     }
     return Number(r);
-  }, [r]), { loading: a, value: c } = qt(() => po({ mode: t, version: s }), [t, s]);
-  return a ? /* @__PURE__ */ n(vo, {}) : c ? e({ state: c }) : null;
+  }, [r]), { loading: a, value: c } = Jt(() => mn({ mode: t, version: s }), [t, s]);
+  return a ? /* @__PURE__ */ o(yn, {}) : c ? e({ state: c }) : null;
 }
 function et({ mode: t, state: e }) {
   var x, y, f, w;
-  const { t: o, locale: r } = zt(), {
+  const { t: n, locale: r } = zt(), {
     pageIds: i,
     pages: s,
     supportedLocales: a,
     config: { defaultLocale: c },
     resources: l
-  } = e, d = Et(e), u = j(
+  } = e, d = Et(e), m = C(
     () => a != null && a.some((g) => g.locale === r) ? r : void 0,
     [r, a]
-  ), m = Object.values(s).find((g) => (g == null ? void 0 : g.slug) === "/") ? void 0 : Object.values(s)[0], h = j(
+  ), u = Object.values(s).find((g) => (g == null ? void 0 : g.slug) === "/") ? void 0 : Object.values(s)[0], h = C(
     () => i.map((g) => {
       const v = s[g];
       return v && {
         id: v.id,
-        path: Q("/", u || "", v.slug, t !== "production" ? `?mode=${t}` : "")
+        path: Q("/", m || "", v.slug, t !== "production" ? `?mode=${t}` : "")
       };
-    }).filter(Po),
-    [i, s, u, t]
+    }).filter(Nn),
+    [i, s, m, t]
   ), p = ([...g]) => (t !== "production" && g.unshift(
-    /* @__PURE__ */ n(Be, { fallback: /* @__PURE__ */ n("div", {}), children: /* @__PURE__ */ n(To, { mode: "production", state: e }) })
+    /* @__PURE__ */ o(je, { fallback: /* @__PURE__ */ o("div", {}), children: /* @__PURE__ */ o(Bn, { mode: "production", state: e }) })
   ), g);
-  return /* @__PURE__ */ _(Nn, { value: { pages: h }, children: [
-    /* @__PURE__ */ _(Le, { children: [
-      m && /* @__PURE__ */ n(Y, { index: !0, element: /* @__PURE__ */ n(Oe, { to: Q("/", u || "", m.slug) }) }),
+  return /* @__PURE__ */ _(So, { value: { pages: h }, children: [
+    /* @__PURE__ */ _(We, { children: [
+      u && /* @__PURE__ */ o(Y, { index: !0, element: /* @__PURE__ */ o(Le, { to: Q("/", m || "", u.slug) }) }),
       i.map((g) => {
         const v = s[g];
-        return v ? /* @__PURE__ */ n(
+        return v ? /* @__PURE__ */ o(
           Y,
           {
             path: Q(":projectIdOrSlug?", v.slug),
-            element: /* @__PURE__ */ n(
+            element: /* @__PURE__ */ o(
               at,
               {
                 mode: t,
                 components: d,
                 page: v,
-                locale: u,
+                locale: m,
                 defaultLocale: c,
                 headerAddons: p
               }
@@ -2107,17 +2113,17 @@ function et({ mode: t, state: e }) {
           v.id
         ) : null;
       }),
-      l.pages && Object.values(l.pages).map(({ blockletId: g, page: v }) => /* @__PURE__ */ n(
+      l.pages && Object.values(l.pages).map(({ blockletId: g, page: v }) => /* @__PURE__ */ o(
         Y,
         {
           path: Q("/", `@${g}`, v.slug),
-          element: /* @__PURE__ */ n(
+          element: /* @__PURE__ */ o(
             at,
             {
               mode: t,
               components: d,
               page: v,
-              locale: u,
+              locale: m,
               defaultLocale: c,
               headerAddons: p
             }
@@ -2125,17 +2131,17 @@ function et({ mode: t, state: e }) {
         },
         v.id
       )),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(
         Y,
         {
           path: "*",
-          element: /* @__PURE__ */ n(b, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(Wt, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ n(ie, { href: "/", children: o("common.back") }) }) })
+          element: /* @__PURE__ */ o(b, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ o(Wt, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ o(ie, { href: "/", children: n("common.back") }) }) })
         }
       )
     ] }),
-    t !== "production" && /* @__PURE__ */ n(ko, { sx: { bgcolor: "info.light" }, children: t }),
-    /* @__PURE__ */ n(
-      So,
+    t !== "production" && /* @__PURE__ */ o(wn, { sx: { bgcolor: "info.light" }, children: t }),
+    /* @__PURE__ */ o(
+      _n,
       {
         titleFontFamily: (y = (x = e.config) == null ? void 0 : x.fontFamily) == null ? void 0 : y.title,
         descriptionFontFamily: (w = (f = e.config) == null ? void 0 : f.fontFamily) == null ? void 0 : w.description
@@ -2143,10 +2149,10 @@ function et({ mode: t, state: e }) {
     )
   ] });
 }
-function Er({
+function Rr({
   mode: t,
   state: e,
-  path: o,
+  path: n,
   pageData: r
 }) {
   const { t: i, locale: s } = zt(), {
@@ -2154,23 +2160,23 @@ function Er({
     supportedLocales: c,
     config: { defaultLocale: l },
     resources: d
-  } = e, u = Object.values(a).find((f) => (f == null ? void 0 : f.slug) === o), m = Object.values(d.pages || {}).find((f) => f.page.slug === o), h = j(
+  } = e, m = Object.values(a).find((f) => (f == null ? void 0 : f.slug) === n), u = Object.values(d.pages || {}).find((f) => f.page.slug === n), h = C(
     () => c != null && c.some((f) => f.locale === s) ? s : void 0,
     [s, c]
   ), p = $e({
     page: null
   });
-  E(() => {
-    const f = u || (m == null ? void 0 : m.page) || null;
+  z(() => {
+    const f = m || (u == null ? void 0 : u.page) || null;
     f ? p.page = kt(f) : p.page = null;
-  }, [u, m]);
+  }, [m, u]);
   const x = F();
-  if (E(() => {
-    Ce(r, x.current) || r && p.page && (cn(p.page, e, h, r), x.current = kt(r));
-  }, [{}]), !u && !(m != null && m.page))
-    return /* @__PURE__ */ n(b, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ n(Wt, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ n(ie, { href: "/", children: i("common.back") }) }) });
+  if (z(() => {
+    Ut(r, x.current) || r && p.page && (io(p.page, e, h, r), x.current = kt(r));
+  }, [{}]), !m && !(u != null && u.page))
+    return /* @__PURE__ */ o(b, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ o(Wt, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ o(ie, { href: "/", children: i("common.back") }) }) });
   const y = Et(e);
-  return p.page ? /* @__PURE__ */ n(
+  return p.page ? /* @__PURE__ */ o(
     at,
     {
       mode: t,
@@ -2184,22 +2190,22 @@ function Er({
 function at({
   mode: t,
   components: e,
-  page: o,
+  page: n,
   locale: r,
   defaultLocale: i,
   headerAddons: s
 }) {
-  var f, w, g, v, I, H, X, xt, bt;
-  const a = ((f = o.locales) == null ? void 0 : f[r]) ?? ((w = o.locales) == null ? void 0 : w[i]) ?? {}, c = a.title || ((g = window.blocklet) == null ? void 0 : g.appName), l = a.description || ((v = window.blocklet) == null ? void 0 : v.appDescription), d = R(N(a.image), 540), { logo: u, brand: m, description: h, ...p } = ue(), x = j(
+  var f, w, g, v, P, H, X, xt, bt;
+  const a = ((f = n.locales) == null ? void 0 : f[r]) ?? ((w = n.locales) == null ? void 0 : w[i]) ?? {}, c = a.title || ((g = window.blocklet) == null ? void 0 : g.appName), l = a.description || ((v = window.blocklet) == null ? void 0 : v.appDescription), d = T(I(a.image), 540), { logo: m, brand: u, description: h, ...p } = ue(), x = C(
     () => (L) => {
       var A;
       let S = (s == null ? void 0 : s(L)) ?? L;
       return S = ((A = p.addons) == null ? void 0 : A.call(p, S)) ?? S, S;
     },
     [p.addons, s]
-  ), y = (I = a.header) != null && I.translucent ? zo : re;
+  ), y = (P = a.header) != null && P.translucent ? Tn : re;
   return /* @__PURE__ */ _(U, { children: [
-    !!a.backgroundColor && /* @__PURE__ */ n(
+    !!a.backgroundColor && /* @__PURE__ */ o(
       Lt,
       {
         styles: Ot`
@@ -2209,45 +2215,45 @@ function at({
           `
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ o(
       y,
       {
         hideNavMenu: !!((H = a.header) != null && H.hideNavMenus),
         translucentTextColor: (X = a.header) == null ? void 0 : X.translucentTextColor,
-        ...u ? { logo: u } : {},
-        ...m ? { brand: m } : {},
+        ...m ? { logo: m } : {},
+        ...u ? { brand: u } : {},
         ...h ? { description: h } : {},
         className: k(((xt = a.header) == null ? void 0 : xt.sticky) && "sticky", "page-header"),
         maxWidth: !1,
         addons: x
       }
     ),
-    /* @__PURE__ */ n(He, {}),
-    /* @__PURE__ */ _(Re, { children: [
-      /* @__PURE__ */ n("title", { children: c }),
-      /* @__PURE__ */ n("meta", { name: "og:title", content: c }),
-      /* @__PURE__ */ n("meta", { name: "og:description", content: l }),
-      /* @__PURE__ */ n("meta", { name: "og:image", content: d }),
-      /* @__PURE__ */ n("meta", { name: "twitter:image:src", content: d }),
-      /* @__PURE__ */ n("meta", { name: "twitter:image", content: d }),
-      /* @__PURE__ */ n("meta", { property: "twitter:description", content: l }),
-      /* @__PURE__ */ n("meta", { property: "twitter:title", content: c }),
-      /* @__PURE__ */ n("meta", { name: "description", content: l })
+    /* @__PURE__ */ o(Oe, {}),
+    /* @__PURE__ */ _(Be, { children: [
+      /* @__PURE__ */ o("title", { children: c }),
+      /* @__PURE__ */ o("meta", { name: "og:title", content: c }),
+      /* @__PURE__ */ o("meta", { name: "og:description", content: l }),
+      /* @__PURE__ */ o("meta", { name: "og:image", content: d }),
+      /* @__PURE__ */ o("meta", { name: "twitter:image:src", content: d }),
+      /* @__PURE__ */ o("meta", { name: "twitter:image", content: d }),
+      /* @__PURE__ */ o("meta", { property: "twitter:description", content: l }),
+      /* @__PURE__ */ o("meta", { property: "twitter:title", content: c }),
+      /* @__PURE__ */ o("meta", { name: "description", content: l })
     ] }),
-    /* @__PURE__ */ n(dt, { flexGrow: 1, children: o.sectionIds.map((L) => {
+    /* @__PURE__ */ o(dt, { flexGrow: 1, children: n.sectionIds.map((L) => {
       var yt, wt;
-      const S = o.sections[L];
+      const S = n.sections[L];
       if (!S || S.visibility === "hidden") return null;
       const A = (yt = S.locales) == null ? void 0 : yt[r], se = ((wt = S.locales) == null ? void 0 : wt[i]) ?? {};
-      return /* @__PURE__ */ n(
-        bo,
+      return /* @__PURE__ */ o(
+        gn,
         {
           id: L,
           type: S.component,
           mode: t,
           section: S,
           config: {
-            ...Ne(A) ? se : A,
+            ...Ce(A) ? se : A,
             locale: r,
             dev: t === "draft" ? {
               mode: t,
@@ -2259,42 +2265,42 @@ function at({
         L
       );
     }) }),
-    !((bt = a.footer) != null && bt.hidden) && /* @__PURE__ */ n(wo, {})
+    !((bt = a.footer) != null && bt.hidden) && /* @__PURE__ */ o(bn, {})
   ] });
 }
-const To = Dt(() => import("./publish-button-DUkACr5d.js")), re = Ht(pe)`
+const Bn = Dt(() => import("./publish-button-BTed0K41.js")), re = Ht(pe)`
   &.sticky {
     position: sticky;
     top: 0;
   }
 `;
-function Eo({ logo: t }) {
-  const [e, o] = T(), { value: r } = qt(() => new Promise((i) => {
+function Rn({ logo: t }) {
+  const [e, n] = E(), { value: r } = Jt(() => new Promise((i) => {
     fetch("/.well-known/service/blocklet/logo-rect").then((s) => {
       const a = s.headers.get("content-type");
       a != null && a.includes("svg") && s.text().then((c) => {
-        o(c), i(null);
+        n(c), i(null);
       }), i(s.url);
     });
   }), []);
   if (t)
     return t;
   if (e)
-    return /* @__PURE__ */ n(b, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Se.sanitize(e) } });
+    return /* @__PURE__ */ o(b, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Se.sanitize(e) } });
   if (r) {
     const i = new URL(r);
     i.searchParams.set("imageFilter", "convert"), i.searchParams.set("f", "png"), i.searchParams.set("h", "80");
     const s = i.toString();
-    return /* @__PURE__ */ n("img", { src: s, alt: "logo" });
+    return /* @__PURE__ */ o("img", { src: s, alt: "logo" });
   }
   return null;
 }
-function zo({
+function Tn({
   logo: t,
   translucentTextColor: e,
-  ...o
+  ...n
 }) {
-  const { y: r } = Ue();
+  const { y: r } = Me();
   let i = Math.min(r / 800, 1), s = "";
   if (i > 0.1) {
     i = Math.max(i, 0.6);
@@ -2302,11 +2308,11 @@ function zo({
     s = `rgb(${a}, ${a}, ${a})`;
   } else
     s = e || "#EEEEEE";
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     re,
     {
-      logo: /* @__PURE__ */ n(Eo, { logo: t }),
-      ...o,
+      logo: /* @__PURE__ */ o(Rn, { logo: t }),
+      ...n,
       className: k(i <= 0.7 && "reverse-color"),
       style: {
         backgroundColor: `rgba(255,255,255,${i})`,
@@ -2338,13 +2344,13 @@ function zo({
 }
 const ie = Ht(ke)``;
 export {
-  Tr as H,
-  vo as L,
+  Br as H,
+  yn as L,
   et as P,
-  zo as T,
-  jo as a,
-  Er as b,
+  Tn as T,
+  In as a,
+  Rr as b,
   at as c,
-  po as g,
-  Pr as p
+  mn as g,
+  Nr as p
 };