@blocklet/pages-kit-inner-components 0.4.90 → 0.4.92

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

@@ -1,64 +1,65 @@
-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 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 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 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 { jsx as o, jsxs as _, Fragment as F } from "react/jsx-runtime";
+import { a as T, g as I, i as ce, b as le, E as de, c as lt, d as dt, e as zt, u as me, f as ue } from "./state-JDvNqLu1.js";
+import { cloneDeep as M } from "lodash";
+import { useLocaleContext as Wt } from "@arcblock/ux/lib/Locale/context";
+import Lt from "@arcblock/ux/lib/Result";
+import { useHeaderState as pe } from "@blocklet/pages-kit/builtin/page/header";
+import he from "@blocklet/ui-react/lib/Header";
+import { cx as k, css as nt } from "@emotion/css";
+import { Global as Ot, css as Ht } from "@emotion/react";
+import At from "@emotion/styled";
+import { Box as b, Tooltip as fe, styled as Mt, Stack as mt, Typography as B, Container as ge, useTheme as xe, createTheme as be, ThemeProvider as ye, Card as we, CircularProgress as Ut, Grid as kt, CardMedia as ve, CardContent as ke, Button as _e } from "@mui/material";
+import { useLatest as $e, useReactive as Se } from "ahooks";
+import Ce from "isomorphic-dompurify";
+import _t from "lodash/cloneDeep";
+import Ne from "lodash/isEmpty";
+import Ft from "lodash/isEqual";
+import Vt, { forwardRef as Ie, useState as E, useCallback as ut, useRef as V, Fragment as Pe, isValidElement as Gt, useEffect as z, useMemo as C, createContext as je, useContext as Dt, lazy as Jt, 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 Q, 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 et, isRelative as Fe, parseURL as Ve, joinURL as Z } from "ufo";
 import "@mui/icons-material";
-import { AIForm as _t, AIFormResult as $t } from "@blocklet/ai-runtime/components";
-import { deepmerge as Ve } from "@mui/utils";
-import ut from "lodash/pick";
-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 qe } from "@mui/lab";
-import { useTheme as pt, styled as $ } from "@arcblock/ux/lib/Theme";
-import Ke from "@arcblock/react-hooks/lib/useBrowser";
-import St from "@arcblock/ux/lib/Colors";
-import { ResponsiveImage as qt, CustomComponentRenderer as Xe } from "@blocklet/pages-kit/components";
-import Kt from "@mui/material/useMediaQuery";
+import { AIForm as $t, AIFormResult as St } from "@blocklet/ai-runtime/components";
+import { deepmerge as Ge } from "@mui/utils";
+import pt from "lodash/pick";
+import { ErrorBoundary as De } from "react-error-boundary";
+import { Icon as rt } from "@iconify/react";
+import Je from "react-markdown";
+import qe from "remark-gfm";
+import { LoadingButton as Ke } from "@mui/lab";
+import { useTheme as ht, styled as $ } from "@arcblock/ux/lib/Theme";
+import Xe from "@arcblock/react-hooks/lib/useBrowser";
+import Ct from "@arcblock/ux/lib/Colors";
+import { ResponsiveImage as Kt, CustomComponentRenderer as Ye } from "@blocklet/pages-kit/components";
+import Xt from "@mui/material/useMediaQuery";
 import j from "lodash/omit";
-import { Icon as Xt } from "@iconify-icon/react";
-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 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]) => {
+import { Icon as Yt } from "@iconify-icon/react";
+import Qe from "@arcblock/ux/lib/Screenshot";
+import Ze from "@arcblock/ux/lib/Button";
+import it from "is-uri";
+import { join as tt } from "pathe";
+import { useMessage as to } from "@blocklet/embed/message";
+import { EmbedIframe as eo } from "@blocklet/embed/react";
+import { TwitterTimelineEmbed as oo } from "react-twitter-embed";
+import no from "@blocklet/ui-react/lib/Footer";
+import ro from "webfontloader";
+import { createAuthServiceSessionContext as io } from "@arcblock/did-connect/lib/Session";
+function so(t, e, n, r) {
+  t.locales || (t.locales = {}), t.locales[n] = M(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(
       (u) => u.id === i || u.name === i
     );
     if (a && a.isTemplateSection)
-      if (a.locales = a.locales || {}, a.locales[n] = a.locales[n] || {}, a.component === "custom-component") {
+      if (a.locales = M(a.locales || {}), a.locales[n] = M(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[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[n].properties = a.locales[n].properties || {}, Object.entries(s || {}).forEach(([p, x]) => {
+        a.locales[n].properties = M(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;
@@ -70,13 +71,13 @@ function io(t, e, n, r) {
         });
       } else
         a.locales[n] = {
-          ...a.locales[n],
+          ...M(a.locales[n]),
           ...s || {}
         };
   });
 }
-const so = Ne(({ onClick: t, ...e }, n) => {
-  const [r, i] = E(!1), s = mt(
+const ao = Ie(({ onClick: t, ...e }, n) => {
+  const [r, i] = E(!1), s = ut(
     async (a) => {
       try {
         i(!0), await (t == null ? void 0 : t(a));
@@ -86,9 +87,9 @@ const so = Ne(({ onClick: t, ...e }, n) => {
     },
     [t]
   );
-  return /* @__PURE__ */ o(qe, { ref: n, ...e, loading: e.loading || r, onClick: s });
+  return /* @__PURE__ */ o(Ke, { ref: n, ...e, loading: e.loading || r, onClick: s });
 });
-function ao({
+function co({
   tip: t,
   tipSucceed: e,
   title: n,
@@ -99,17 +100,17 @@ function ao({
   placement: c = "top",
   ...l
 }) {
-  const [d, m] = E(!1), [u, h] = E(), p = F(), x = () => {
+  const [d, m] = E(!1), [u, h] = E(), p = V(), x = () => {
     h(void 0), a && (p.current = window.setTimeout(() => {
       m(!1);
     }, 3e3));
   }, y = () => {
     clearTimeout(p.current);
   }, 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,
+  return /* @__PURE__ */ o(fe, { title: w, disableInteractive: !0, placement: c, onClose: x, onOpen: y, children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
+    ao,
     {
-      startIcon: f && (typeof f == "string" ? /* @__PURE__ */ o(nt, { icon: f }) : f),
+      startIcon: f && (typeof f == "string" ? /* @__PURE__ */ o(rt, { icon: f }) : f),
       loadingPosition: f ? "start" : void 0,
       ...l,
       onClick: async (v) => {
@@ -124,17 +125,17 @@ function ao({
     }
   ) }) });
 }
-const co = Ft.lazy(() => import("react-syntax-highlighter").then((t) => ({ default: t.Prism }))), lo = At((t) => /* @__PURE__ */ o(
-  De,
+const lo = Vt.lazy(() => import("react-syntax-highlighter").then((t) => ({ default: t.Prism }))), mo = Mt((t) => /* @__PURE__ */ o(
+  Je,
   {
     ...t,
-    remarkPlugins: [Je],
+    remarkPlugins: [qe],
     components: {
-      pre: mo,
+      pre: uo,
       code: ({ node: e, inline: n, className: r, children: i, ...s }) => {
         if (!i) return null;
         const a = /language-(\w+)/.exec(r || "");
-        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$/, "") });
+        return n ? /* @__PURE__ */ o(b, { component: "code", className: r, ...s, children: i }) : /* @__PURE__ */ o(b, { component: lo, language: a == null ? void 0 : a[1], ...s, sx: { borderRadius: 1 }, children: String(i).replace(/\n$/, "") });
       },
       table: ({ className: e, children: n }) => /* @__PURE__ */ o(b, { sx: { overflow: "auto", my: 1 }, children: /* @__PURE__ */ o("table", { className: e, children: n }) })
     }
@@ -212,7 +213,7 @@ const co = Ft.lazy(() => import("react-syntax-highlighter").then((t) => ({ defau
     }
   }
 `;
-function mo({ children: t }) {
+function uo({ children: t }) {
   const e = t == null ? void 0 : t.props;
   if (!(e != null && e.children)) return null;
   const n = /language-(\w+)/.exec(e.className || ""), r = n == null ? void 0 : n[1];
@@ -227,15 +228,15 @@ function mo({ children: t }) {
         "> pre": { mt: "0 !important" }
       },
       children: [
-        /* @__PURE__ */ _(dt, { direction: "row", alignItems: "center", p: 0.5, pl: 1.5, borderBottom: 1, borderColor: "grey.200", children: [
+        /* @__PURE__ */ _(mt, { direction: "row", alignItems: "center", p: 0.5, pl: 1.5, borderBottom: 1, borderColor: "grey.200", children: [
           /* @__PURE__ */ o(b, { children: r }),
           /* @__PURE__ */ o(b, { flex: 1 }),
           /* @__PURE__ */ o(
-            ao,
+            co,
             {
               autoReset: !0,
-              title: /* @__PURE__ */ o(nt, { icon: "tabler:copy" }),
-              titleSucceed: /* @__PURE__ */ o(nt, { icon: "tabler:copy-check" }),
+              title: /* @__PURE__ */ o(rt, { icon: "tabler:copy" }),
+              titleSucceed: /* @__PURE__ */ o(rt, { icon: "tabler:copy-check" }),
               sx: { minWidth: 32, minHeight: 32, p: 0, fontSize: 18 },
               onClick: () => {
                 window.navigator.clipboard.writeText(e.children);
@@ -265,7 +266,7 @@ function O({ actions: t, center: e, className: n, align: r }) {
     }
   ) : null;
 }
-const uo = "section", po = At(b)`
+const po = "section", ho = Mt(b)`
   overflow: hidden;
 
   .section__title {
@@ -314,7 +315,7 @@ const uo = "section", po = At(b)`
       margin-bottom: 0.5rem;
     }
   }
-  @media (min-width: ${({ theme: t }) => t.breakpoints.values[uo]}px) {
+  @media (min-width: ${({ theme: t }) => t.breakpoints.values[po]}px) {
     .section__tag {
       margin-bottom: 32px;
     }
@@ -326,7 +327,7 @@ const uo = "section", po = At(b)`
     }
   }
 `;
-function V({
+function G({
   title: t,
   description: e,
   descriptionMarkdown: n,
@@ -353,7 +354,7 @@ 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__ */ _(po, { className: k("base-info", "lg:text-left", u && "!text-center", i), ...y, children: [
+  return /* @__PURE__ */ _(ho, { 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" }),
@@ -384,7 +385,7 @@ function V({
         sx: {
           ...(x == null ? void 0 : x.color) && { color: `${x.color} !important` }
         },
-        component: lo,
+        component: mo,
         className: k(
           "section__description",
           "text-gray-800",
@@ -420,7 +421,7 @@ function V({
     c && /* @__PURE__ */ o("div", { children: c })
   ] });
 }
-const G = [
+const D = [
   "actions",
   "append",
   "badge",
@@ -435,15 +436,15 @@ const G = [
   "titleAppearance",
   "descriptionAppearance"
 ];
-function Yt(t) {
-  if (t.type === Ie) {
-    const n = (t.props.children || []).filter((r) => Vt(r));
-    return n.length === 1 ? Yt(n[0]) : n.length > 1;
+function Qt(t) {
+  if (t.type === Pe) {
+    const n = (t.props.children || []).filter((r) => Gt(r));
+    return n.length === 1 ? Qt(n[0]) : n.length > 1;
   }
   return Array.isArray(t);
 }
 const R = "&>*";
-function ht({ children: t, col: e, gap: n, className: r, align: i, sx: s, type: a, ...c } = {
+function ft({ children: t, col: e, gap: n, className: r, align: i, sx: s, type: a, ...c } = {
   children: null,
   className: "",
   col: 3,
@@ -452,7 +453,7 @@ function ht({ children: t, col: e, gap: n, className: r, align: i, sx: s, type:
   align: "center",
   type: "default"
 }) {
-  const l = pt(), d = Number(Math.floor(100 / e * 100) / 100), m = {
+  const l = ht(), d = Number(Math.floor(100 / e * 100) / 100), m = {
     center: "justify-center items-center",
     left: "justify-start items-center",
     right: "justify-end items-center",
@@ -470,7 +471,7 @@ function ht({ children: t, col: e, gap: n, className: r, align: i, sx: s, type:
     5: 3,
     6: 3
   }[e] || 0);
-  Yt(t) || (p = 0);
+  Qt(t) || (p = 0);
   const y = (e - 1) * p / e;
   let f = { ...s, gap: `${p}rem` };
   const w = { [R]: { width: "100%" } }, g = {}, v = {}, P = {};
@@ -494,26 +495,26 @@ function ht({ children: t, col: e, gap: n, className: r, align: i, sx: s, type:
   }
   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 ho() {
+function fo() {
   const t = navigator.userAgent.toLowerCase();
   return t.includes("safari") && !t.includes("chrome");
 }
-function fo(t = "") {
+function go(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);
 }
-function it(t) {
+function st(t) {
   return (t == null ? void 0 : t.endsWith(".mp4")) || (t == null ? void 0 : t.endsWith(".m4v")) || (t == null ? void 0 : t.endsWith(".webm"));
 }
-function go(t) {
+function xo(t) {
   return t != null && t.endsWith(".mp4") || t != null && t.endsWith(".m4v") ? "video/mp4" : t != null && t.endsWith(".webm") ? "video/webm" : void 0;
 }
-function xo(t) {
+function bo(t) {
   let e = {};
-  return typeof t == "string" ? ae(t) ? e.image = t : (e.image = I(t), ce(t) && (e.color = t, e.image = "")) : e = t, e;
+  return typeof t == "string" ? ce(t) ? e.image = t : (e.image = I(t), le(t) && (e.color = t, e.image = "")) : e = t, e;
 }
-function bo() {
+function yo() {
   const [t, e] = E(Date.now());
   return z(() => {
     const n = () => {
@@ -524,10 +525,10 @@ function bo() {
     };
   }, []), t;
 }
-function Ct(t, e, n, r, i) {
+function Nt(t, e, n, r, i) {
   let s = null;
-  const { color: a = "", image: c } = xo(e);
-  return c && fo(c) ? (delete n.backgroundColor, !(t.mobile.apple.device || ho()) && it(c) ? s = /* @__PURE__ */ o(
+  const { color: a = "", image: c } = bo(e);
+  return c && go(c) ? (delete n.backgroundColor, !(t.mobile.apple.device || fo()) && st(c) ? s = /* @__PURE__ */ o(
     b,
     {
       component: "video",
@@ -539,7 +540,7 @@ function Ct(t, e, n, r, i) {
       controls: !1,
       playsInline: !0,
       poster: T(I(r), 1200, "quality"),
-      src: it(c) ? c : T(c, 1200, "quality"),
+      src: st(c) ? c : T(c, 1200, "quality"),
       sx: {
         position: "absolute",
         zIndex: -9999,
@@ -553,7 +554,7 @@ function Ct(t, e, n, r, i) {
     },
     c
   ) : s = /* @__PURE__ */ o(
-    qt,
+    Kt,
     {
       src: c,
       sizesAttr: {
@@ -579,10 +580,10 @@ function Ct(t, e, n, r, i) {
     i || c
   )) : c ? n.backgroundImage = `${c} !important` : a && (n.backgroundColor = `${a} !important`), s;
 }
-function yo({ autoWidth: t, children: e, ...n }) {
-  return t ? /* @__PURE__ */ o(b, { display: "flex", ...n, children: e }) : /* @__PURE__ */ o(fe, { ...n, children: e });
+function wo({ autoWidth: t, children: e, ...n }) {
+  return t ? /* @__PURE__ */ o(b, { display: "flex", ...n, children: e }) : /* @__PURE__ */ o(ge, { ...n, children: e });
 }
-function D({
+function J({
   dark: t = !1,
   children: e,
   className: n,
@@ -593,8 +594,8 @@ function D({
   type: c,
   ...l
 }) {
-  const d = { ...r }, m = Kt((p) => p.breakpoints.down("md"));
-  t && (d.color = St.common.white, d.backgroundColor = `${St.grey[900]} !important`);
+  const d = { ...r }, m = Xt((p) => p.breakpoints.down("md"));
+  t && (d.color = Ct.common.white, d.backgroundColor = `${Ct.grey[900]} !important`);
   const u = {
     none: "py-0",
     small: "py-5 md:py-8 lg:py-8 xl:py-12",
@@ -611,7 +612,7 @@ function D({
     width: "100%"
   }, [l.boxMaxWidth, m, c]);
   return /* @__PURE__ */ o(
-    wo,
+    vo,
     {
       component: "section",
       styles: { ...d },
@@ -627,11 +628,11 @@ function D({
         "titleAppearance",
         "descriptionAppearance"
       ),
-      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 })
+      children: /* @__PURE__ */ o(wo, { autoWidth: l == null ? void 0 : l.autoWidth, className: k("section-content h-full"), sx: h, children: i.show ? /* @__PURE__ */ o(Zt, { ...a, boxed: i, children: e }) : e })
     }
   );
 }
-function Qt({
+function Zt({
   background: t = "",
   backgroundVideoPoster: e,
   children: n,
@@ -643,8 +644,8 @@ function Qt({
 }) {
   const l = { ...a, ...r };
   let d = null;
-  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(
+  const m = Xt((p) => p.breakpoints.up("sm")), u = Xe(), h = yo();
+  return t && (d = Nt(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 = Nt(
     u,
     i == null ? void 0 : i.background,
     l,
@@ -666,7 +667,7 @@ function Qt({
     }
   );
 }
-const wo = $(Qt)`
+const vo = $(Zt)`
   &:nth-of-type(even) {
     background: #f8f8f8;
   }
@@ -683,15 +684,15 @@ const wo = $(Qt)`
     }
   }
 `;
-function Zt({ icon: t, ...e }) {
-  return /* @__PURE__ */ o(Xt, { icon: t, ...e, ref: null });
+function te({ icon: t, ...e }) {
+  return /* @__PURE__ */ o(Yt, { icon: t, ...e, ref: null });
 }
 function N(t, e) {
-  const n = ut(t, e), r = j(t, e);
+  const n = pt(t, e), r = j(t, e);
   return [n, r];
 }
-const te = ["title", "description", "actions", "badge", "tag", "prepend", "append", "logo"];
-function vo({
+const ee = ["title", "description", "actions", "badge", "tag", "prepend", "append", "logo"];
+function ko({
   image: t,
   imageBorder: e,
   imageShadow: n,
@@ -700,7 +701,7 @@ function vo({
   fullSizeImage: s,
   ...a
 }) {
-  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(
+  const [c, l] = N(a, D), d = Object.keys(c).length > 0 && Object.values(pt(c, ee)).filter(Boolean).length > 0 && /* @__PURE__ */ o(G, { ...c }), m = Gt(t) ? t : /* @__PURE__ */ o(b, { component: "img", src: t, alt: "", className: "block" }), u = ["phone", "macbook"].includes(e), h = t && /* @__PURE__ */ o(
     b,
     {
       className: k(
@@ -718,17 +719,17 @@ function vo({
       },
       children: u ? (
         // @ts-ignore
-        /* @__PURE__ */ o(Ye, { type: e, sx: { width: "100%" }, children: m })
+        /* @__PURE__ */ o(Qe, { type: e, sx: { width: "100%" }, children: m })
       ) : m
     }
   );
   return /* @__PURE__ */ o(
-    D,
+    J,
     {
       className: k(
         "section--block",
         r,
-        s && !i && ot`
+        s && !i && nt`
             .section-bg {
               height: 80%;
             }
@@ -737,10 +738,10 @@ function vo({
       ...l,
       boxProps: s ? { sx: { padding: 0, overflow: "hidden" } } : void 0,
       children: /* @__PURE__ */ o(
-        ht,
+        ft,
         {
           col: t ? 2 : 1,
-          className: s ? ot`
+          className: s ? nt`
                 display: flex;
                 flex-direction: column;
 
@@ -754,10 +755,10 @@ function vo({
                   }
                 }
               ` : void 0,
-          children: i ? /* @__PURE__ */ _(U, { children: [
+          children: i ? /* @__PURE__ */ _(F, { children: [
             h,
             d
-          ] }) : /* @__PURE__ */ _(U, { children: [
+          ] }) : /* @__PURE__ */ _(F, { children: [
             d,
             h
           ] })
@@ -766,14 +767,14 @@ function vo({
     }
   );
 }
-const J = ["editing", "height", "locale", "dev", "sx"];
-function ko(t) {
-  return /* @__PURE__ */ o(_o, { ...t });
+const q = ["editing", "height", "locale", "dev", "sx"];
+function _o(t) {
+  return /* @__PURE__ */ o($o, { ...t });
 }
-const _o = $(b)`
+const $o = $(b)`
   position: relative;
 `;
-function $o({
+function So({
   widget: t,
   reverse: e,
   projectId: n,
@@ -787,9 +788,9 @@ function $o({
   section: m,
   ...u
 }) {
-  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 = {
+  const [{ editing: h }, p] = N(u, q), [x, y] = N(p, D), f = n && r ? { projectId: n, gitRef: "main", assistantId: r, working: !0 } : void 0, w = {
     children: s,
-    endIcon: a ? /* @__PURE__ */ o(Zt, { icon: a }) : void 0,
+    endIcon: a ? /* @__PURE__ */ o(te, { icon: a }) : void 0,
     sx: {
       background: c || void 0,
       ":hover": {
@@ -798,9 +799,9 @@ function $o({
       }
     }
   }, 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(
+  Object.keys(x).length > 0 && Object.values(pt(x, ee)).filter(Boolean).length > 0 && g.push(/* @__PURE__ */ o(G, { ...x }, "base-info")), f && (t === "form" ? g.push(/* @__PURE__ */ o($t, { identifier: f, SubmitProps: w }, "form")) : t === "result" ? g.push(
     /* @__PURE__ */ o(
-      $t,
+      St,
       {
         identifier: f,
         placeholder: v,
@@ -809,10 +810,10 @@ function $o({
       "result"
     )
   ) : g.push(
-    /* @__PURE__ */ _(dt, { width: "100%", gap: 2, direction: "row", children: [
-      /* @__PURE__ */ o(_t, { identifier: f, BoxProps: { flex: 1 }, SubmitProps: w }),
+    /* @__PURE__ */ _(mt, { width: "100%", gap: 2, direction: "row", children: [
+      /* @__PURE__ */ o($t, { identifier: f, BoxProps: { flex: 1 }, SubmitProps: w }),
       /* @__PURE__ */ o(
-        $t,
+        St,
         {
           identifier: f,
           BoxProps: { flex: 1 },
@@ -822,32 +823,32 @@ function $o({
       )
     ] }, "form-result")
   )), e && g.reverse();
-  const H = ge(), X = C(
-    () => xe(Ve(H, { palette: { primary: c ? { main: c } : void 0 } })),
+  const H = xe(), Y = C(
+    () => be(Ge(H, { palette: { primary: c ? { main: c } : void 0 } })),
     [c, H]
   );
-  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 }) }) }) });
+  return /* @__PURE__ */ o(De, { fallbackRender: de, children: /* @__PURE__ */ o(ye, { theme: Y, children: /* @__PURE__ */ o(J, { ...y, sx: h ? { pointerEvents: "none" } : {}, children: /* @__PURE__ */ o(ft, { col: g.length, children: g }) }) }) });
 }
-const ee = Pe({
+const oe = je({
   pages: [],
   project: void 0
-}), { Provider: So, Consumer: Cr } = ee;
-function oe() {
-  return Gt(ee);
+}), { Provider: Co, Consumer: Ir } = oe;
+function ne() {
+  return Dt(oe);
 }
-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 });
+function No({ icon: t, className: e = "", size: n = "1rem", ...r }) {
+  return /* @__PURE__ */ o(Io, { component: te, className: k("css-icon", e), size: n, ...r, icon: t });
 }
-const No = $(b)`
+const Io = $(b)`
   &.css-icon {
     display: inline-block;
     width: ${({ size: t }) => t};
     height: ${({ size: t }) => t};
   }
 `;
-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(
+function Po({ icon: t, className: e = "", size: n = "1rem", imageMeta: r, ...i }) {
+  const s = T(I(t), 540), [a, c] = E(!1), l = ht();
+  return a ? /* @__PURE__ */ o(No, { icon: "i-mdi:image", color: l.palette.grey[500], size: n, className: e, ...i }) : /* @__PURE__ */ o(jo, { className: k("image-icon", e), size: n, ...i, children: /* @__PURE__ */ o(
     "img",
     {
       className: "image-icon__image",
@@ -860,7 +861,7 @@ function Io({ icon: t, className: e = "", size: n = "1rem", imageMeta: r, ...i }
     }
   ) });
 }
-const Po = $(b)`
+const jo = $(b)`
   display: inline-block;
   width: ${({ size: t }) => t};
   height: ${({ size: t }) => t};
@@ -869,30 +870,30 @@ const Po = $(b)`
     height: 100%;
     width: 100%;
   }
-`, ft = (t) => typeof t == "string" && /^[\w-_]+:[\w-_]+$/.test(t);
-function st({ icon: t, size: e = "1rem", imageMeta: n, ...r }) {
+`, gt = (t) => typeof t == "string" && /^[\w-_]+:[\w-_]+$/.test(t);
+function at({ icon: t, size: e = "1rem", imageMeta: n, ...r }) {
   const i = window.isNaN(e) ? e : `${e}px`;
-  return ft(t) ? /* @__PURE__ */ o(Xt, { icon: t }) : /* @__PURE__ */ o(jo, { component: Io, imageMeta: n, className: "base-icon", icon: t, size: i, ...r });
+  return gt(t) ? /* @__PURE__ */ o(Yt, { icon: t }) : /* @__PURE__ */ o(Bo, { component: Po, imageMeta: n, className: "base-icon", icon: t, size: i, ...r });
 }
-const jo = $(b)`
+const Bo = $(b)`
   flex-shrink: 0;
 `;
-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 U({ text: t, children: e, icon: n = "", endIcon: r, color: i = "primary", link: s = "", href: a = "", ...c }) {
+  const l = n ? /* @__PURE__ */ o(at, { icon: n }) : null, d = r ? /* @__PURE__ */ o(at, { icon: r }) : null, m = s || a, u = { ...c };
+  return m && (u.href = m, it(m) && (u.target = u.target || "_blank")), /* @__PURE__ */ o(Ze, { startIcon: l, endIcon: d, color: i, ...u, children: t || e });
 }
-function ne({ editing: t, text: e, ...n }) {
-  const { pages: r = [] } = oe(), i = r.find((s) => s.id === (n.link || n.linkId));
+function re({ editing: t, text: e, ...n }) {
+  const { pages: r = [] } = ne(), i = r.find((s) => s.id === (n.link || n.linkId));
   if (t)
-    return /* @__PURE__ */ o(M, { ...j(n, ["link", "linkId"]), children: e });
+    return /* @__PURE__ */ o(U, { ...j(n, ["link", "linkId"]), children: e });
   if (i) {
     const s = i.path || "/";
-    return /* @__PURE__ */ o(Re, { to: s, children: /* @__PURE__ */ o(M, { ...j(n, ["link", "linkId"]), children: e }) });
+    return /* @__PURE__ */ o(Te, { to: s, children: /* @__PURE__ */ o(U, { ...j(n, ["link", "linkId"]), children: e }) });
   }
-  return /* @__PURE__ */ o(M, { ...j(n, "linkId"), children: e });
+  return /* @__PURE__ */ o(U, { ...j(n, "linkId"), children: e });
 }
 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 });
+  return /* @__PURE__ */ o(at, { icon: e || t, size: n, className: k("content-icon", r), ...i });
 }
 W.propTypes = {};
 W.defaultProps = {
@@ -902,7 +903,7 @@ W.defaultProps = {
   color: "inherit",
   className: ""
 };
-function Bo({
+function Ro({
   to: t,
   base: e,
   children: n,
@@ -913,32 +914,32 @@ function Bo({
   useRouterLink: c,
   ...l
 }) {
-  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;
+  const { pages: d = [], locale: m = "" } = {}, u = e ? tt("/", e) : e || "";
+  let h = s === "auto" ? "_self" : s, p = tt(u, t);
+  const x = a ? it(p) : !1;
   if (e)
-    return p = Z(u, m, t), /* @__PURE__ */ o(
+    return p = tt(u, m, t), /* @__PURE__ */ o(
       "a",
       {
         className: `no-underline ${r}`,
-        href: tt(p),
+        href: et(p),
         rel: "noreferrer noopener",
         target: h,
         ...l,
         children: n
       }
     );
-  if (rt(t))
+  if (it(t))
     s === "auto" && (h = "_blank"), p = t;
   else {
-    Ue(p) && (p = Z(window.location.pathname, p));
-    const y = Fe(`${window.location.origin}${p}`), f = d.some((w) => w.pathname === y.pathname);
+    Fe(p) && (p = tt(window.location.pathname, p));
+    const y = Ve(`${window.location.origin}${p}`), f = d.some((w) => w.pathname === y.pathname);
     if (c || f)
       return /* @__PURE__ */ o(
-        Te,
+        Ee,
         {
           end: !0,
-          to: tt(p),
+          to: et(p),
           className: ({ isActive: w }) => k(r, w ? i : ""),
           ...l,
           children: n
@@ -949,7 +950,7 @@ function Bo({
     "a",
     {
       className: `no-underline ${r}`,
-      href: tt(p),
+      href: et(p),
       rel: "noreferrer noopener",
       target: h,
       ...l,
@@ -960,7 +961,7 @@ function Bo({
     }
   );
 }
-function q({
+function K({
   prepend: t,
   append: e,
   children: n,
@@ -970,13 +971,13 @@ function q({
   ...a
 }) {
   let c = {};
-  const { pages: l = [] } = oe(), d = l.find((h) => h.id === a.link), m = !n || Ft.Children.toArray(n).every((h) => h === null);
+  const { pages: l = [] } = ne(), d = l.find((h) => h.id === a.link), m = !n || Vt.Children.toArray(n).every((h) => h === null);
   return a.link && (c = {
-    component: Bo,
+    component: Ro,
     to: (d == null ? void 0 : d.path) || a.link,
     useRouterLink: !0
   }), /* @__PURE__ */ _(
-    Ro,
+    To,
     {
       className: k(
         "base-card card",
@@ -995,7 +996,7 @@ function q({
     }
   );
 }
-const Ro = $(b)`
+const To = $(b)`
   &.base-card {
     text-align: left;
     border-width: 1px;
@@ -1011,14 +1012,14 @@ const Ro = $(b)`
     padding: 15px 15px;
   }
 `;
-function K({
+function X({
   align: t = "left",
   title: e,
   titleProps: n = {},
   description: r,
   descriptionProps: i = {}
 }) {
-  return /* @__PURE__ */ _(U, { children: [
+  return /* @__PURE__ */ _(F, { children: [
     e && /* @__PURE__ */ o(
       B,
       {
@@ -1045,7 +1046,7 @@ function K({
     )
   ] });
 }
-function To({
+function Eo({
   image: t,
   title: e,
   description: n,
@@ -1058,9 +1059,9 @@ function To({
   align: d,
   ...m
 }) {
-  const u = ft(t), h = T(I(t), 540);
+  const u = gt(t), h = T(I(t), 540);
   return /* @__PURE__ */ _(
-    Eo,
+    zo,
     {
       className: "card-article",
       ...m,
@@ -1094,7 +1095,7 @@ function To({
       ) }),
       children: [
         e || n ? /* @__PURE__ */ o(
-          K,
+          X,
           {
             align: d,
             title: e,
@@ -1108,7 +1109,7 @@ function To({
     }
   );
 }
-const Eo = $(q)`
+const zo = $(K)`
   ${(t) => t.hoverStyle === "none" ? "" : t.link ? `transition: box-shadow ease .3s;
               &:hover {
                 box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
@@ -1129,8 +1130,8 @@ const Eo = $(q)`
     height: 100%;
     object-position: top center;
   }
-`, Nt = "section";
-function It({
+`, It = "section";
+function Pt({
   title: t,
   image: e,
   imageMeta: n,
@@ -1141,7 +1142,7 @@ function It({
   className: c = "",
   ...l
 }) {
-  return /* @__PURE__ */ _(zo, { className: k("card", `list-type-${a}`, c), align: s, ...l, children: [
+  return /* @__PURE__ */ _(Wo, { className: k("card", `list-type-${a}`, c), align: s, ...l, children: [
     e && /* @__PURE__ */ o(
       W,
       {
@@ -1151,18 +1152,18 @@ function It({
         imageMeta: n
       }
     ),
-    t || r ? /* @__PURE__ */ o(K, { align: s, title: t, description: r }) : null,
+    t || r ? /* @__PURE__ */ o(X, { align: s, title: t, description: r }) : null,
     i != null && i.length ? /* @__PURE__ */ o(O, { align: s, actions: i, className: "mt-4" }) : null
   ] });
 }
-const zo = $(q)`
+const Wo = $(K)`
   padding: 5vw 4vw;
   box-sizing: border-box;
   /* min-height: 320px; */
   color: inherit !important;
   border-radius: 0.5rem;
   /* ${({ dark: t, theme: e }) => `background-color:${t ? e.palette.grey[900] : e.palette.common.white};`} */
-  @media (max-width: ${({ theme: t }) => t.breakpoints.values[Nt]}px) {
+  @media (max-width: ${({ theme: t }) => t.breakpoints.values[It]}px) {
     padding: 1.5rem 2rem;
   }
   @media (max-width: ${({ theme: t }) => t.breakpoints.values.sm}px) {
@@ -1207,13 +1208,13 @@ const zo = $(q)`
     }
   }
 
-  @media (min-width: ${({ theme: t }) => t.breakpoints.values[Nt]}px) {
+  @media (min-width: ${({ theme: t }) => t.breakpoints.values[It]}px) {
     padding: 2rem 2rem;
     text-align: left;
     box-sizing: border-box;
   }
 `;
-function Wo({
+function Lo({
   image: t,
   title: e,
   description: n,
@@ -1226,9 +1227,9 @@ function Wo({
   align: d,
   ...m
 }) {
-  const u = ft(t), h = T(I(t), 540);
+  const u = gt(t), h = T(I(t), 540);
   return /* @__PURE__ */ _(
-    Lo,
+    Oo,
     {
       className: "card-article",
       ...m,
@@ -1263,7 +1264,7 @@ function Wo({
       ) }),
       children: [
         e || n ? /* @__PURE__ */ o(
-          K,
+          X,
           {
             align: d,
             title: e,
@@ -1277,7 +1278,7 @@ function Wo({
     }
   );
 }
-const Lo = $(q)`
+const Oo = $(K)`
   ${(t) => t.hoverStyle === "none" ? "" : t.link ? `transition: box-shadow ease .3s;
               &:hover {
                 box-shadow: 0 0 10px rgba(95, 142, 244, 0.42);
@@ -1301,8 +1302,8 @@ const Lo = $(q)`
   .card__image {
     max-height: 60px;
   }
-`, Pt = "section";
-function Oo({
+`, jt = "section";
+function Ho({
   title: t,
   image: e,
   imageMeta: n,
@@ -1313,15 +1314,15 @@ function Oo({
   className: c = "",
   ...l
 }) {
-  return /* @__PURE__ */ o(Ho, { className: k("card", c), ...l, children: /* @__PURE__ */ _(b, { className: "flex items-center", children: [
+  return /* @__PURE__ */ o(Ao, { 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__ */ o(K, { align: a, title: t, description: i }),
+      /* @__PURE__ */ o(X, { align: a, title: t, description: i }),
       /* @__PURE__ */ o(O, { align: a, actions: s, className: "mt-4" })
     ] })
   ] }) });
 }
-const Ho = $(q)`
+const Ao = $(K)`
   padding: 5vw 4vw;
   text-align: left;
   box-sizing: border-box;
@@ -1329,7 +1330,7 @@ const Ho = $(q)`
   color: inherit !important;
   border-radius: 0.5rem;
   /* ${({ dark: t, theme: e }) => `background-color:${t ? e.palette.grey[900] : e.palette.common.white};`} */
-  @media (max-width: ${({ theme: t }) => t.breakpoints.values[Pt]}px) {
+  @media (max-width: ${({ theme: t }) => t.breakpoints.values[jt]}px) {
     padding: 1.5rem 2rem;
   }
   @media (max-width: ${({ theme: t }) => t.breakpoints.values.sm}px) {
@@ -1372,13 +1373,13 @@ const Ho = $(q)`
     }
   }
 
-  @media (min-width: ${({ theme: t }) => t.breakpoints.values[Pt]}px) {
+  @media (min-width: ${({ theme: t }) => t.breakpoints.values[jt]}px) {
     padding: 2rem 2rem;
     text-align: left;
     box-sizing: border-box;
   }
 `;
-function Ao({
+function Mo({
   title: t,
   titleProps: e = {},
   description: n,
@@ -1390,10 +1391,10 @@ function Ao({
   hoverStyle: l,
   ...d
 }) {
-  return /* @__PURE__ */ _(Mo, { className: k("card-simple", a, `hover-style__${l}`), align: c, ...d, children: [
+  return /* @__PURE__ */ _(Uo, { 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,
+      X,
       {
         align: c,
         title: t,
@@ -1404,7 +1405,7 @@ function Ao({
     ) : null
   ] });
 }
-const Mo = $(q)`
+const Uo = $(K)`
   ${({ dark: t, theme: e }) => `background-color:${t ? e.palette.grey[900] : e.palette.common.white};`}
 
   &.hover-style__default {
@@ -1490,17 +1491,17 @@ const Mo = $(q)`
     }
   }
 `;
-function Uo({ type: t = "default", ...e }) {
+function Fo({ type: t = "default", ...e }) {
   const r = {
-    article: To,
-    simple: Ao,
-    news: Oo,
-    default: It,
-    wall: Wo
-  }[t] || It;
+    article: Eo,
+    simple: Mo,
+    news: Ho,
+    default: Pt,
+    wall: Lo
+  }[t] || Pt;
   return /* @__PURE__ */ o(r, { ...t === "news" ? e : j(e, "iconSize") });
 }
-function Fo({
+function Vo({
   list: t = [],
   align: e = "top",
   cards: n,
@@ -1517,7 +1518,7 @@ function Fo({
   ...p
 }) {
   return /* @__PURE__ */ o(
-    ht,
+    ft,
     {
       type: d,
       className: k("card-list py-1", l, "items-stretch"),
@@ -1526,7 +1527,7 @@ function Fo({
       align: e,
       ...p,
       children: n || t.map((x) => /* @__PURE__ */ o(
-        Uo,
+        Fo,
         {
           borderColor: r,
           iconColor: c,
@@ -1549,7 +1550,7 @@ function Fo({
     }
   );
 }
-const Vo = [
+const Go = [
   "align",
   "cards",
   "list",
@@ -1560,7 +1561,7 @@ const Vo = [
   "iconColor",
   "type",
   "textAlign"
-], Go = $(D)`
+], Do = $(J)`
   a .card {
     color: #404040;
     cursor: pointer;
@@ -1576,14 +1577,14 @@ const Vo = [
     color: #404040;
   }
 `;
-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 })
+function Jo({ className: t, ...e }) {
+  const [n, r] = N(e, D), [i, s] = N(r, Go);
+  return /* @__PURE__ */ _(Do, { className: k("section--card-list", t), type: e.type, ...s, children: [
+    Object.keys(n).length > 0 && /* @__PURE__ */ o(G, { center: !0, ...n, className: "mb-[2.5vw]" }),
+    /* @__PURE__ */ o(Vo, { ...i, dark: !!e.dark })
   ] });
 }
-const Jo = $(Do)`
+const qo = $(Jo)`
   .card__description {
     white-space: pre-wrap;
   }
@@ -1599,8 +1600,8 @@ const Jo = $(Do)`
     background: inherit !important;
   }
 `;
-function qo({ section: t, ...e }) {
-  const [{ editing: n }, r] = N(e, J), i = C(() => {
+function Ko({ section: t, ...e }) {
+  const [{ editing: n }, r] = N(e, q), i = C(() => {
     var s;
     return {
       ...j(r, ["listBorder", "list", "iconSize", "imageSize"]),
@@ -1609,7 +1610,7 @@ function qo({ section: t, ...e }) {
         return {
           ...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__ */ o(ne, { ...d, editing: n }, d.id)),
+          actions: (l = (c = a.actions) == null ? void 0 : c.map) == null ? void 0 : l.call(c, (d) => /* @__PURE__ */ o(re, { ...d, editing: n }, d.id)),
           border: r.listBorder,
           iconSize: r.iconSize,
           imageSize: r.imageSize,
@@ -1618,9 +1619,9 @@ function qo({ section: t, ...e }) {
       })
     };
   }, [r]);
-  return /* @__PURE__ */ o(Jo, { style: n ? { pointerEvents: "none" } : {}, ...i });
+  return /* @__PURE__ */ o(qo, { style: n ? { pointerEvents: "none" } : {}, ...i });
 }
-function Ko({
+function Xo({
   properties: t,
   section: e,
   locale: n,
@@ -1628,7 +1629,7 @@ function Ko({
 }) {
   var i;
   return (i = e == null ? void 0 : e.config) != null && i.componentId ? /* @__PURE__ */ o(
-    Xe,
+    Ye,
     {
       instanceId: e.id,
       componentId: e.config.componentId,
@@ -1641,7 +1642,7 @@ function Ko({
     }
   ) : /* @__PURE__ */ o(b, { textAlign: "center", py: 2, children: /* @__PURE__ */ o(B, { variant: "caption", color: "text.secondary", children: "Please select component to render" }) });
 }
-function Xo({
+function Yo({
   src: t,
   dataId: e,
   isEdit: n = !1,
@@ -1650,7 +1651,7 @@ function Xo({
   }
 }) {
   return /* @__PURE__ */ o(
-    to,
+    eo,
     {
       isEdit: n,
       embedId: e,
@@ -1662,12 +1663,12 @@ function Xo({
     }
   );
 }
-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__ */ o(V, { center: r, ...a }),
+function Qo({ dataId: t, src: e, actions: n, center: r, onLoad: i, ...s }) {
+  const [a, c] = N(s, D);
+  return /* @__PURE__ */ _(J, { ...c, children: [
+    Object.keys(a).length > 0 && /* @__PURE__ */ o(G, { center: r, ...a }),
     /* @__PURE__ */ o(
-      Xo,
+      Yo,
       {
         dataId: t,
         src: e,
@@ -1678,21 +1679,21 @@ function Yo({ dataId: t, src: e, actions: n, center: r, onLoad: i, ...s }) {
     /* @__PURE__ */ o(O, { actions: n, center: r })
   ] });
 }
-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) || "{}"));
+function Zo({ section: t, id: e, src: n, ...r }) {
+  const i = `${e}-${r.locale}`, [{ editing: s }, a] = N(r, q), c = V({}), l = JSON.parse(JSON.stringify(a)), { message: d } = to(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' });
+    Ft(c.current, u) || (c.current = u, d == null || d.send("config-set", u));
+  }, [d, a.config]), n ? /* @__PURE__ */ o(Qo, { ...l, dataId: i, src: n, style: s ? { pointerEvents: "none" } : {} }) : /* @__PURE__ */ o(tn, { children: 'Please set the "src" attribute for this block' });
 }
-const Zo = $("div")`
+const tn = $("div")`
   user-select: none;
   color: #999;
   padding: 8px;
   height: 200px;
-`, tn = [
+`, en = [
   /youtu\.be\/([^#&?]{11})/,
   // youtu.be/<id>
   /\?v=([^#&?]{11})/,
@@ -1704,32 +1705,32 @@ const Zo = $("div")`
   /\/v\/([^#&?]{11})/
   // /v/<id>
 ];
-function en(t) {
+function on(t) {
   var e;
   if (/youtu\.?be/.test(t))
-    for (const n of tn) {
+    for (const n of en) {
       const r = (e = n.exec(t)) == null ? void 0 : e[1];
       if (r)
         return r;
     }
 }
-function on(t) {
-  const e = en(t);
+function nn(t) {
+  const e = on(t);
   if (e)
     return `https://youtube.com/embed/${e}`;
 }
-function nn({ src: t }) {
+function rn({ src: t }) {
   return z(() => {
     import("@lottiefiles/lottie-player");
   }, []), /* @__PURE__ */ o("lottie-player", { autoplay: !0, loop: !0, mode: "normal", src: t });
 }
-function rn(t) {
-  return /* @__PURE__ */ o(b, { maxHeight: 400, overflow: "hidden auto", children: /* @__PURE__ */ o(eo, { ...t }) });
+function sn(t) {
+  return /* @__PURE__ */ o(b, { maxHeight: 400, overflow: "hidden auto", children: /* @__PURE__ */ o(oo, { ...t }) });
 }
-function sn({ url: t }) {
-  const e = F(null), n = 495, [r, i] = E(
+function an({ url: t }) {
+  const e = V(null), n = 495, [r, i] = E(
     e.current ? e.current.offsetWidth * 0.5625 : n
-  ), s = mt(() => {
+  ), s = ut(() => {
     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));
   }, []);
@@ -1755,11 +1756,11 @@ function sn({ url: t }) {
     }
   );
 }
-const an = $(vo)`
+const cn = $(ko)`
   .section__description {
   }
 `;
-function cn({
+function ln({
   hasImage: t,
   fullSizeImage: e,
   boxed: n,
@@ -1771,12 +1772,12 @@ function cn({
   ...l
 }) {
   var p, x;
-  const [{ editing: d }, m] = N({ ...l, boxed: e ? void 0 : n }, J);
-  let u = ln(m.image, r, e, i, s, a);
+  const [{ editing: d }, m] = N({ ...l, boxed: e ? void 0 : n }, q);
+  let u = dn(m.image, r, e, i, s, a);
   t || (u = null);
   let h = null;
-  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,
+  return m.actions && (h = (x = (p = m.actions) == null ? void 0 : p.map) == null ? void 0 : x.call(p, (y, f) => /* @__PURE__ */ o(re, { ...y, editing: d }, f))), /* @__PURE__ */ o(
+    cn,
     {
       ...m,
       style: d ? { pointerEvents: "none" } : {},
@@ -1786,17 +1787,17 @@ function cn({
     }
   );
 }
-function ln(t, e, n, r, i, s) {
+function dn(t, e, n, r, i, s) {
   if (t) {
     if (t.endsWith(".json"))
-      return /* @__PURE__ */ o(nn, { src: t });
+      return /* @__PURE__ */ o(rn, { src: t });
     if (t.indexOf("twitter.com") !== -1)
-      return /* @__PURE__ */ o(rn, { sourceType: "url", url: t });
-    const a = on(t);
+      return /* @__PURE__ */ o(sn, { sourceType: "url", url: t });
+    const a = nn(t);
     if (a)
-      return /* @__PURE__ */ o(sn, { url: a });
+      return /* @__PURE__ */ o(an, { url: a });
     const { naturalWidth: c, naturalHeight: l, filename: d } = r || {};
-    if (it(t))
+    if (st(t))
       return /* @__PURE__ */ o(
         "video",
         {
@@ -1813,13 +1814,13 @@ function ln(t, e, n, r, i, s) {
             height: "100%"
           },
           poster: T(I(e), n ? 1200 : 540, i),
-          children: /* @__PURE__ */ o("source", { src: I(t), type: go(t) })
+          children: /* @__PURE__ */ o("source", { src: I(t), type: xo(t) })
         },
         t
       );
     const m = i === "quality" ? 1 : 0.6;
     return /* @__PURE__ */ o(
-      qt,
+      Kt,
       {
         src: I(t),
         sizesAttr: {
@@ -1841,30 +1842,30 @@ function ln(t, e, n, r, i, s) {
   }
   return null;
 }
-const dn = ["production", "draft"];
-function mn({ mode: t, version: e } = {}) {
+const mn = ["production", "draft"];
+function un({ 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);
+  return lt.get(`/api/${dt()}/pages`, { params: n }).then((r) => r.data);
 }
-function Nr({ mode: t, pages: e }) {
-  return ct.post(`/api/${lt()}/pages/publish`, { mode: t, pages: e }).then((n) => n.data);
+function Pr({ mode: t, pages: e }) {
+  return lt.post(`/api/${dt()}/pages/publish`, { mode: t, pages: e }).then((n) => n.data);
 }
-function un({
+function pn({
   locale: t,
   sort: e,
   page: n,
   limit: r,
   mode: i
 } = {}) {
-  return ct.get(`/api/${lt()}/pages/toc`, { params: { locale: t, sort: e, page: n, limit: r, mode: i } }).then((s) => s.data);
+  return lt.get(`/api/${dt()}/pages/toc`, { params: { locale: t, sort: e, page: n, limit: r, mode: i } }).then((s) => s.data);
 }
-const jt = 20;
-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 () => {
+const Bt = 20;
+function hn({ style: t, sort: e, section: n, ...r }) {
+  const [{ editing: i, locale: s }, a] = N(r, q), [c, l] = N(a, D), [d, m] = E(), u = V(!1), h = Ae(), p = ze(), x = ut(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 un({ locale: s, sort: e, page: y, limit: jt });
+        const y = d ? Math.floor(d.list.length / Bt) + 1 : 1, { list: f, total: w } = await pn({ locale: s, sort: e, page: y, limit: Bt });
         m((g) => ({
           list: ((g == null ? void 0 : g.list) ?? []).concat(f),
           total: w
@@ -1874,20 +1875,20 @@ function pn({ style: t, sort: e, section: n, ...r }) {
       }
     }
   }, [d, s, e, h]);
-  return Ae(() => {
+  return Me(() => {
     x();
-  }), /* @__PURE__ */ _(D, { ...l, sx: i ? { pointerEvents: "none" } : {}, children: [
-    Object.keys(c).length > 0 && /* @__PURE__ */ o(V, { ...c }),
-    d ? /* @__PURE__ */ _(U, { children: [
-      /* @__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,
+  }), /* @__PURE__ */ _(J, { ...l, sx: i ? { pointerEvents: "none" } : {}, children: [
+    Object.keys(c).length > 0 && /* @__PURE__ */ o(G, { ...c }),
+    d ? /* @__PURE__ */ _(F, { children: [
+      /* @__PURE__ */ o(kt, { container: !0, spacing: 2, justifyContent: "center", children: d == null ? void 0 : d.list.map((y) => /* @__PURE__ */ o(kt, { item: !0, xs: 12, sm: t === "card" ? 6 : 12, md: t === "card" ? 3 : 12, children: /* @__PURE__ */ _(
+        fn,
         {
           elevation: 0,
           className: k(t === "card" && "style-card"),
           onClick: i ? void 0 : () => p(y.slug),
           children: [
             !!y.image && /* @__PURE__ */ o(
-              we,
+              ve,
               {
                 component: "img",
                 alt: "",
@@ -1895,24 +1896,24 @@ function pn({ style: t, sort: e, section: n, ...r }) {
                 loading: "lazy"
               }
             ),
-            /* @__PURE__ */ _(ve, { children: [
-              /* @__PURE__ */ o(B, { variant: "h6", component: "div", className: Bt, children: y.title || y.id }),
-              /* @__PURE__ */ o(B, { variant: "body2", className: Bt, children: y.description })
+            /* @__PURE__ */ _(ke, { children: [
+              /* @__PURE__ */ o(B, { variant: "h6", component: "div", className: Rt, children: y.title || y.id }),
+              /* @__PURE__ */ o(B, { variant: "body2", className: Rt, children: y.description })
             ] })
           ]
         }
       ) }, y.id)) }),
-      /* @__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 }) })
+      /* @__PURE__ */ o(b, { textAlign: "center", mt: 2, children: d.total > d.list.length ? /* @__PURE__ */ o(U, { variant: "outlined", color: "secondary", onClick: x, loading: u.current, children: "More" }) : /* @__PURE__ */ o(U, { variant: "outlined", color: "secondary", disabled: !0, children: "No More" }) })
+    ] }) : /* @__PURE__ */ o(b, { p: 2, textAlign: "center", children: /* @__PURE__ */ o(Ut, { size: 24 }) })
   ] });
 }
-const Bt = ot`
+const Rt = nt`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   text-overflow: ellipsis;
-`, hn = $(ye)`
+`, fn = $(we)`
   border: 1px solid #e0e0e0;
   background-color: transparent;
   cursor: pointer;
@@ -1932,40 +1933,40 @@ const Bt = ot`
       max-height: 50vw;
     }
   }
-`, fn = {
-  iframe: Qo,
-  section: cn,
-  "section-card-list": qo,
-  toc: pn,
-  "ai-runtime": $o,
-  "custom-component": Ko
+`, gn = {
+  iframe: Zo,
+  section: ln,
+  "section-card-list": Ko,
+  toc: hn,
+  "ai-runtime": So,
+  "custom-component": Xo
 };
-function gn({ id: t, type: e, mode: n, config: r, section: i, ...s }) {
-  const a = fn[e], c = C(() => {
+function xn({ id: t, type: e, mode: n, config: r, section: i, ...s }) {
+  const a = gn[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 });
+  return /* @__PURE__ */ o(_o, { ...s, ...l, children: d });
 }
-const xn = $(oo, { shouldForwardProp: (t) => !!t })`
+const bn = $(no, { shouldForwardProp: (t) => !!t })`
   & > div > .MuiContainer-root {
     max-width: unset;
   }
 `;
-function bn({ meta: t, ...e }) {
-  const n = pt();
-  return /* @__PURE__ */ o(xn, { ...e, meta: t, theme: n || {} });
-}
-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 yn({ meta: t, ...e }) {
+  const n = ht();
+  return /* @__PURE__ */ o(bn, { ...e, meta: t, theme: n || {} });
 }
 function wn(t) {
-  return /* @__PURE__ */ o(vn, { ...t });
+  return /* @__PURE__ */ o(b, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ o(Ut, { size: 30 }) });
 }
-const vn = $(b)`
+function vn(t) {
+  return /* @__PURE__ */ o(kn, { ...t });
+}
+const kn = $(b)`
   position: fixed;
   left: 0;
   top: 0;
@@ -1976,8 +1977,8 @@ const vn = $(b)`
   opacity: 0.7;
   transform: translateX(-23%) translateY(70%) rotate(-45deg);
   pointer-events: none;
-`, kn = (t) => new Promise((e, n) => {
-  (t == null ? void 0 : t.length) > 0 ? no.load({
+`, _n = (t) => new Promise((e, n) => {
+  (t == null ? void 0 : t.length) > 0 ? ro.load({
     google: {
       families: t
     },
@@ -1988,16 +1989,16 @@ const vn = $(b)`
       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 _n({
+}), Tt = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`, Et = {};
+function $n({
   titleFontFamily: t,
   descriptionFontFamily: e
 }) {
   const n = async (r) => {
     if (r && !document.querySelectorAll(`link[href*="${r}" i]`).length)
       try {
-        Tt[r] || (await kn([r]), Tt[r] = !0);
+        Et[r] || (await _n([r]), Et[r] = !0);
       } catch (i) {
         console.error(i);
       }
@@ -2005,76 +2006,76 @@ function _n({
   return z(() => {
     t && n(t), e && n(e);
   }, [t, e]), /* @__PURE__ */ o(
-    Lt,
+    Ot,
     {
-      styles: Ot`
+      styles: Ht`
         #app {
           .page-kit-section__title {
-            font-family: ${JSON.stringify(t)}, ${Rt};
+            font-family: ${JSON.stringify(t)}, ${Tt};
           }
 
           .page-kit-section__description {
-            font-family: ${JSON.stringify(e)}, ${Rt};
+            font-family: ${JSON.stringify(e)}, ${Tt};
           }
         }
       `
     }
   );
 }
-const { SessionProvider: Ir, SessionContext: $n, SessionConsumer: Pr, withSession: jr } = ro();
-function gt() {
-  return Gt($n);
+const { SessionProvider: jr, SessionContext: Sn, SessionConsumer: Br, withSession: Rr } = io();
+function xt() {
+  return Dt(Sn);
 }
-function Sn(...t) {
+function Cn(...t) {
   var n;
-  const { session: e } = gt();
+  const { session: e } = xt();
   return t.includes((n = e.user) == null ? void 0 : n.role);
 }
-function Cn(...t) {
+function Nn(...t) {
   var r;
-  const { session: e } = gt(), n = Sn(...t);
+  const { session: e } = xt(), n = Cn(...t);
   return ((r = window.blocklet) == null ? void 0 : r.tenantMode) === "multiple" ? !!e.user : n;
 }
-function Nn(t) {
+function In(t) {
   return t != null;
 }
-function Br() {
-  const [t] = ze(), { session: e } = gt(), n = Cn("owner", "admin", "pagesEditor", "member"), r = C(() => {
+function Tr() {
+  const [t] = We(), { session: e } = xt(), n = Nn("owner", "admin", "pagesEditor", "member"), r = C(() => {
     const s = t.get("mode");
-    return dn.includes(s) ? s : "production";
+    return mn.includes(s) ? s : "production";
   }, [t]), i = r === "production" ? r : e.user ? n ? r : "production" : null;
-  return i ? /* @__PURE__ */ o(In, { mode: i }) : null;
+  return i ? /* @__PURE__ */ o(Pn, { mode: i }) : null;
 }
-function In({ mode: t }) {
+function Pn({ mode: t }) {
   if (t !== "draft") {
     const e = window.__PAGE_STATE__;
-    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 e ? /* @__PURE__ */ o(ot, { mode: t, state: e }) : /* @__PURE__ */ o(Bn, { mode: t, children: ({ state: n }) => /* @__PURE__ */ o(ot, { mode: t, state: n }) });
   }
-  return /* @__PURE__ */ o(Pn, { children: ({ state: e }) => /* @__PURE__ */ o(et, { mode: t, state: e }) });
+  return /* @__PURE__ */ o(jn, { children: ({ state: e }) => /* @__PURE__ */ o(ot, { mode: t, state: e }) });
 }
-const Pn = Dt(() => import("./draft-data-vlK5oTGT.js"));
-function jn({
+const jn = Jt(() => import("./draft-data-rHmtmftB.js"));
+function Bn({
   mode: t,
   children: e
 }) {
-  const n = document.querySelector('meta[property="pages:version"]'), r = n == null ? void 0 : n.content, i = de(), s = C(() => {
+  const n = document.querySelector('meta[property="pages:version"]'), r = n == null ? void 0 : n.content, i = me(), s = C(() => {
     if (r === "{{pagesPublishedAt}}") {
-      const l = localStorage.getItem(me(i ?? ""));
+      const l = localStorage.getItem(ue(i ?? ""));
       return Number(l) ? Number(l) : (/* @__PURE__ */ new Date()).getTime();
     }
     return Number(r);
-  }, [r]), { loading: a, value: c } = Jt(() => mn({ mode: t, version: s }), [t, s]);
-  return a ? /* @__PURE__ */ o(yn, {}) : c ? e({ state: c }) : null;
+  }, [r]), { loading: a, value: c } = qt(() => un({ mode: t, version: s }), [t, s]);
+  return a ? /* @__PURE__ */ o(wn, {}) : c ? e({ state: c }) : null;
 }
-function et({ mode: t, state: e }) {
+function ot({ mode: t, state: e }) {
   var x, y, f, w;
-  const { t: n, locale: r } = zt(), {
+  const { t: n, locale: r } = Wt(), {
     pageIds: i,
     pages: s,
     supportedLocales: a,
     config: { defaultLocale: c },
     resources: l
-  } = e, d = Et(e), m = C(
+  } = e, d = zt(e), m = C(
     () => a != null && a.some((g) => g.locale === r) ? r : void 0,
     [r, a]
   ), u = Object.values(s).find((g) => (g == null ? void 0 : g.slug) === "/") ? void 0 : Object.values(s)[0], h = C(
@@ -2082,24 +2083,24 @@ function et({ mode: t, state: e }) {
       const v = s[g];
       return v && {
         id: v.id,
-        path: Q("/", m || "", v.slug, t !== "production" ? `?mode=${t}` : "")
+        path: Z("/", m || "", v.slug, t !== "production" ? `?mode=${t}` : "")
       };
-    }).filter(Nn),
+    }).filter(In),
     [i, s, m, t]
   ), p = ([...g]) => (t !== "production" && g.unshift(
-    /* @__PURE__ */ o(je, { fallback: /* @__PURE__ */ o("div", {}), children: /* @__PURE__ */ o(Bn, { mode: "production", state: e }) })
+    /* @__PURE__ */ o(Be, { fallback: /* @__PURE__ */ o("div", {}), children: /* @__PURE__ */ o(Rn, { mode: "production", state: e }) })
   ), g);
-  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) }) }),
+  return /* @__PURE__ */ _(Co, { value: { pages: h }, children: [
+    /* @__PURE__ */ _(Le, { children: [
+      u && /* @__PURE__ */ o(Q, { index: !0, element: /* @__PURE__ */ o(Oe, { to: Z("/", m || "", u.slug) }) }),
       i.map((g) => {
         const v = s[g];
         return v ? /* @__PURE__ */ o(
-          Y,
+          Q,
           {
-            path: Q(":projectIdOrSlug?", v.slug),
+            path: Z(":projectIdOrSlug?", v.slug),
             element: /* @__PURE__ */ o(
-              at,
+              ct,
               {
                 mode: t,
                 components: d,
@@ -2114,11 +2115,11 @@ function et({ mode: t, state: e }) {
         ) : null;
       }),
       l.pages && Object.values(l.pages).map(({ blockletId: g, page: v }) => /* @__PURE__ */ o(
-        Y,
+        Q,
         {
-          path: Q("/", `@${g}`, v.slug),
+          path: Z("/", `@${g}`, v.slug),
           element: /* @__PURE__ */ o(
-            at,
+            ct,
             {
               mode: t,
               components: d,
@@ -2132,16 +2133,16 @@ function et({ mode: t, state: e }) {
         v.id
       )),
       /* @__PURE__ */ o(
-        Y,
+        Q,
         {
           path: "*",
-          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") }) }) })
+          element: /* @__PURE__ */ o(b, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ o(Lt, { status: 404, extra: /* @__PURE__ */ o(se, { href: "/", children: n("common.back") }) }) })
         }
       )
     ] }),
-    t !== "production" && /* @__PURE__ */ o(wn, { sx: { bgcolor: "info.light" }, children: t }),
+    t !== "production" && /* @__PURE__ */ o(vn, { sx: { bgcolor: "info.light" }, children: t }),
     /* @__PURE__ */ o(
-      _n,
+      $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
@@ -2149,13 +2150,13 @@ function et({ mode: t, state: e }) {
     )
   ] });
 }
-function Rr({
+function Er({
   mode: t,
   state: e,
   path: n,
   pageData: r
 }) {
-  const { t: i, locale: s } = zt(), {
+  const { t: i, locale: s } = Wt(), {
     pages: a,
     supportedLocales: c,
     config: { defaultLocale: l },
@@ -2163,21 +2164,21 @@ function Rr({
   } = 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({
+  ), p = Se({
     page: null
   });
   z(() => {
     const f = m || (u == null ? void 0 : u.page) || null;
-    f ? p.page = kt(f) : p.page = null;
+    f ? p.page = _t(f) : p.page = null;
   }, [m, u]);
-  const x = F();
+  const x = V();
   if (z(() => {
-    Ut(r, x.current) || r && p.page && (io(p.page, e, h, r), x.current = kt(r));
+    Ft(r, x.current) || r && p.page && (so(p.page, e, h, r), x.current = _t(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 /* @__PURE__ */ o(b, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ o(Lt, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ o(se, { href: "/", children: i("common.back") }) }) });
+  const y = zt(e);
   return p.page ? /* @__PURE__ */ o(
-    at,
+    ct,
     {
       mode: t,
       components: y,
@@ -2187,7 +2188,7 @@ function Rr({
     }
   ) : null;
 }
-function at({
+function ct({
   mode: t,
   components: e,
   page: n,
@@ -2195,20 +2196,20 @@ function at({
   defaultLocale: i,
   headerAddons: s
 }) {
-  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(
+  var f, w, g, v, P, H, Y, bt, yt;
+  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 } = pe(), 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 = (P = a.header) != null && P.translucent ? Tn : re;
-  return /* @__PURE__ */ _(U, { children: [
+  ), y = (P = a.header) != null && P.translucent ? En : ie;
+  return /* @__PURE__ */ _(F, { children: [
     !!a.backgroundColor && /* @__PURE__ */ o(
-      Lt,
+      Ot,
       {
-        styles: Ot`
+        styles: Ht`
             body {
               background-color: ${a.backgroundColor} !important;
             }
@@ -2219,17 +2220,17 @@ function at({
       y,
       {
         hideNavMenu: !!((H = a.header) != null && H.hideNavMenus),
-        translucentTextColor: (X = a.header) == null ? void 0 : X.translucentTextColor,
+        translucentTextColor: (Y = a.header) == null ? void 0 : Y.translucentTextColor,
         ...m ? { logo: m } : {},
         ...u ? { brand: u } : {},
         ...h ? { description: h } : {},
-        className: k(((xt = a.header) == null ? void 0 : xt.sticky) && "sticky", "page-header"),
+        className: k(((bt = a.header) == null ? void 0 : bt.sticky) && "sticky", "page-header"),
         maxWidth: !1,
         addons: x
       }
     ),
-    /* @__PURE__ */ o(Oe, {}),
-    /* @__PURE__ */ _(Be, { children: [
+    /* @__PURE__ */ o(He, {}),
+    /* @__PURE__ */ _(Re, { children: [
       /* @__PURE__ */ o("title", { children: c }),
       /* @__PURE__ */ o("meta", { name: "og:title", content: c }),
       /* @__PURE__ */ o("meta", { name: "og:description", content: l }),
@@ -2240,20 +2241,20 @@ function at({
       /* @__PURE__ */ o("meta", { property: "twitter:title", content: c }),
       /* @__PURE__ */ o("meta", { name: "description", content: l })
     ] }),
-    /* @__PURE__ */ o(dt, { flexGrow: 1, children: n.sectionIds.map((L) => {
-      var yt, wt;
+    /* @__PURE__ */ o(mt, { flexGrow: 1, children: n.sectionIds.map((L) => {
+      var wt, vt;
       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]) ?? {};
+      const A = (wt = S.locales) == null ? void 0 : wt[r], ae = ((vt = S.locales) == null ? void 0 : vt[i]) ?? {};
       return /* @__PURE__ */ o(
-        gn,
+        xn,
         {
           id: L,
           type: S.component,
           mode: t,
           section: S,
           config: {
-            ...Ce(A) ? se : A,
+            ...Ne(A) ? ae : A,
             locale: r,
             dev: t === "draft" ? {
               mode: t,
@@ -2265,17 +2266,17 @@ function at({
         L
       );
     }) }),
-    !((bt = a.footer) != null && bt.hidden) && /* @__PURE__ */ o(bn, {})
+    !((yt = a.footer) != null && yt.hidden) && /* @__PURE__ */ o(yn, {})
   ] });
 }
-const Bn = Dt(() => import("./publish-button-BTed0K41.js")), re = Ht(pe)`
+const Rn = Jt(() => import("./publish-button-DtE5FP5v.js")), ie = At(he)`
   &.sticky {
     position: sticky;
     top: 0;
   }
 `;
-function Rn({ logo: t }) {
-  const [e, n] = E(), { value: r } = Jt(() => new Promise((i) => {
+function Tn({ logo: t }) {
+  const [e, n] = E(), { value: r } = qt(() => 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) => {
@@ -2286,7 +2287,7 @@ function Rn({ logo: t }) {
   if (t)
     return t;
   if (e)
-    return /* @__PURE__ */ o(b, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Se.sanitize(e) } });
+    return /* @__PURE__ */ o(b, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Ce.sanitize(e) } });
   if (r) {
     const i = new URL(r);
     i.searchParams.set("imageFilter", "convert"), i.searchParams.set("f", "png"), i.searchParams.set("h", "80");
@@ -2295,12 +2296,12 @@ function Rn({ logo: t }) {
   }
   return null;
 }
-function Tn({
+function En({
   logo: t,
   translucentTextColor: e,
   ...n
 }) {
-  const { y: r } = Me();
+  const { y: r } = Ue();
   let i = Math.min(r / 800, 1), s = "";
   if (i > 0.1) {
     i = Math.max(i, 0.6);
@@ -2309,9 +2310,9 @@ function Tn({
   } else
     s = e || "#EEEEEE";
   return /* @__PURE__ */ o(
-    re,
+    ie,
     {
-      logo: /* @__PURE__ */ o(Rn, { logo: t }),
+      logo: /* @__PURE__ */ o(Tn, { logo: t }),
       ...n,
       className: k(i <= 0.7 && "reverse-color"),
       style: {
@@ -2342,15 +2343,15 @@ function Tn({
     }
   );
 }
-const ie = Ht(ke)``;
+const se = At(_e)``;
 export {
-  Br as H,
-  yn as L,
-  et as P,
-  Tn as T,
-  In as a,
-  Rr as b,
-  at as c,
-  mn as g,
-  Nr as p
+  Tr as H,
+  wn as L,
+  ot as P,
+  En as T,
+  Pn as a,
+  Er as b,
+  ct as c,
+  un as g,
+  Pr as p
 };