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

package/lib/es/chunks/{home-DOrhBil-.js → home-uXodXQ2c.js}

@@ -1,47 +1,47 @@
 import { jsx as e, jsxs as D } from "react/jsx-runtime";
-import { d as q, e as pe, g as me, u as de, c as ge } from "./state-C_CbKF7g.js";
-import { useLocaleContext as K } from "@arcblock/ux/lib/Locale/context";
-import Q from "@arcblock/ux/lib/Result";
-import { useHeaderState as fe } from "@blocklet/pages-kit/builtin/page/header";
-import { useColorConvert as he } from "@blocklet/pages-kit/contexts/color";
-import { setPageDataSource as X } from "@blocklet/pages-kit/utils/data-source";
-import { generateParamCombinations as be } from "@blocklet/pages-kit/utils/route";
+import { d as K, e as me, g as de, u as ge, c as fe } from "./state-C_CbKF7g.js";
+import { useLocaleContext as Q } from "@arcblock/ux/lib/Locale/context";
+import X from "@arcblock/ux/lib/Result";
+import { useHeaderState as he } from "@blocklet/pages-kit/builtin/page/header";
+import { useColorConvert as be } from "@blocklet/pages-kit/contexts/color";
+import { setPageDataSource as Y } from "@blocklet/pages-kit/utils/data-source";
+import { generateParamCombinations as ve } from "@blocklet/pages-kit/utils/route";
 import ye from "@blocklet/ui-react/lib/Header";
-import { cx as Y } from "@emotion/css";
-import { Global as J, css as Z } from "@emotion/react";
-import ee from "@emotion/styled";
-import { Box as L, CircularProgress as ve, useTheme as te, Button as we, Stack as Se, alpha as G, useMediaQuery as xe } from "@mui/material";
-import { useReactive as oe, useScroll as ke } from "ahooks";
-import Pe from "isomorphic-dompurify";
+import { cx as J } from "@emotion/css";
+import { Global as Z, css as ee } from "@emotion/react";
+import te from "@emotion/styled";
+import { Box as L, CircularProgress as we, useTheme as oe, Button as xe, Stack as Se, alpha as W, useMediaQuery as Pe } from "@mui/material";
+import { useReactive as ne, useScroll as ke } from "ahooks";
+import Ce from "isomorphic-dompurify";
 import N from "lodash/cloneDeep";
-import Ce from "lodash/isEmpty";
-import ne from "lodash/isEqual";
-import { useEffect as O, useContext as Ie, lazy as re, useMemo as j, useRef as ae, Suspense as Re, useState as je } from "react";
-import { Helmet as Ee } from "react-helmet";
-import { useSearchParams as se, Routes as Me, Route as I, Navigate as Te, ScrollRestoration as Be } from "react-router-dom";
-import { useAsync as ie } from "react-use";
+import Ie from "lodash/isEmpty";
+import re from "lodash/isEqual";
+import { useEffect as F, useContext as Re, lazy as ae, useMemo as j, useRef as se, Suspense as je, useState as Ee } from "react";
+import { Helmet as Me } from "react-helmet";
+import { useSearchParams as ie, Routes as Te, Route as I, Navigate as Be, ScrollRestoration as Oe } from "react-router-dom";
+import { useAsync as le } from "react-use";
 import { joinURL as R } from "ufo";
-import { S as Fe, n as Oe, P as Le, a as _e, B as Ae, g as De } from "./array-BAy40Bak.js";
-import { styled as le, useTheme as Ne } from "@arcblock/ux/lib/Theme";
-import $e from "@blocklet/ui-react/lib/Footer";
+import { S as Fe, n as Le, P as _e, a as Ae, B as De, g as Ne } from "./array-D52_0LRy.js";
+import { styled as ce, useTheme as $e } from "@arcblock/ux/lib/Theme";
+import He from "@blocklet/ui-react/lib/Footer";
 import "webfontloader";
-import { createAuthServiceSessionContext as He } from "@arcblock/did-connect/lib/Session";
-const Ue = le($e, { shouldForwardProp: (t) => !!t })`
+import { createAuthServiceSessionContext as Ue } from "@arcblock/did-connect/lib/Session";
+const Ve = ce(He, { shouldForwardProp: (t) => !!t })`
   & > div > .MuiContainer-root {
     max-width: unset;
   }
 `;
-function Ve({ meta: t, ...n }) {
-  const r = Ne();
-  return /* @__PURE__ */ e(Ue, { ...n, meta: t, theme: r || {} });
-}
-function ze(t) {
-  return /* @__PURE__ */ e(L, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ e(ve, { size: 30 }) });
+function ze({ meta: t, ...n }) {
+  const r = $e();
+  return /* @__PURE__ */ e(Ve, { ...n, meta: t, theme: r || {} });
 }
 function Ge(t) {
-  return /* @__PURE__ */ e(We, { ...t });
+  return /* @__PURE__ */ e(L, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ e(we, { size: 30 }) });
+}
+function We(t) {
+  return /* @__PURE__ */ e(qe, { ...t });
 }
-const We = le(L)`
+const qe = ce(L)`
   position: fixed;
   left: 0;
   top: 0;
@@ -52,21 +52,21 @@ const We = le(L)`
   opacity: 0.7;
   transform: translateX(-23%) translateY(70%) rotate(-45deg);
   pointer-events: none;
-`, qe = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+`, Ke = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
     sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;
-function Ke({
+function Qe({
   titleFontFamily: t,
   descriptionFontFamily: n
 }) {
   var o;
-  const r = te(), a = (o = r == null ? void 0 : r.typography) == null ? void 0 : o.fontFamily;
-  O(() => {
+  const r = oe(), a = (o = r == null ? void 0 : r.typography) == null ? void 0 : o.fontFamily;
+  F(() => {
   }, [t, n]);
-  const l = `${a}, ${qe}`;
+  const l = `${a}, ${Ke}`;
   return /* @__PURE__ */ e(
-    J,
+    Z,
     {
-      styles: Z`
+      styles: ee`
         #app {
           font-family: ${l};
 
@@ -82,84 +82,84 @@ function Ke({
     }
   );
 }
-const { SessionProvider: Bt, SessionContext: Qe, SessionConsumer: Ft, withSession: Ot } = He();
+const { SessionProvider: Ot, SessionContext: Xe, SessionConsumer: Ft, withSession: Lt } = Ue();
 function U() {
-  return Ie(Qe);
+  return Re(Xe);
 }
-function Xe(...t) {
+function Ye(...t) {
   var r;
   const { session: n } = U();
   return t.includes((r = n.user) == null ? void 0 : r.role);
 }
-function Ye(...t) {
+function Je(...t) {
   var a;
-  const { session: n } = U(), r = Xe(...t);
+  const { session: n } = U(), r = Ye(...t);
   return ((a = window.blocklet) == null ? void 0 : a.tenantMode) === "multiple" ? !!n.user : r;
 }
-function Lt() {
-  const [t] = se(), { session: n } = U(), r = Ye("owner", "admin", "pagesEditor", "member"), a = j(() => {
+function _t() {
+  const [t] = ie(), { session: n } = U(), r = Je("owner", "admin", "pagesEditor", "member"), a = j(() => {
     const o = t.get("mode");
     return Fe.includes(o) ? o : "production";
   }, [t]), l = a === "production" ? a : n.user ? r ? a : "production" : null;
-  return l ? /* @__PURE__ */ e(Je, { mode: l }) : null;
+  return l ? /* @__PURE__ */ e(Ze, { mode: l }) : null;
 }
-function Je({ mode: t }) {
+function Ze({ mode: t }) {
   if (t !== "draft") {
     const n = window.__PAGE_STATE__;
-    return n ? /* @__PURE__ */ e(H, { mode: t, state: n }) : /* @__PURE__ */ e(et, { mode: t, children: ({ state: r }) => /* @__PURE__ */ e(H, { mode: t, state: r }) });
+    return n ? /* @__PURE__ */ e(H, { mode: t, state: n }) : /* @__PURE__ */ e(tt, { mode: t, children: ({ state: r }) => /* @__PURE__ */ e(H, { mode: t, state: r }) });
   }
-  return /* @__PURE__ */ e(Ze, { children: ({ state: n }) => /* @__PURE__ */ e(H, { mode: t, state: n }) });
+  return /* @__PURE__ */ e(et, { children: ({ state: n }) => /* @__PURE__ */ e(H, { mode: t, state: n }) });
 }
-const Ze = re(() => import("./draft-data-B7-JQvuO.js"));
-function et({
+const et = ae(() => import("./draft-data-B7-JQvuO.js"));
+function tt({
   mode: t,
   children: n
 }) {
-  const r = document.querySelector('meta[property="pages:version"]'), a = r == null ? void 0 : r.content, l = de(), o = j(() => {
+  const r = document.querySelector('meta[property="pages:version"]'), a = r == null ? void 0 : r.content, l = ge(), o = j(() => {
     if (a === "{{pagesPublishedAt}}") {
-      const c = localStorage.getItem(ge(l ?? ""));
+      const c = localStorage.getItem(fe(l ?? ""));
       return Number(c) ? Number(c) : (/* @__PURE__ */ new Date()).getTime();
     }
     return Number(a);
-  }, [a]), { loading: d, value: s } = ie(() => De({ mode: t, version: o }), [t, o]);
-  return d ? /* @__PURE__ */ e(ze, {}) : s ? n({ state: s }) : null;
+  }, [a]), { loading: d, value: s } = le(() => Ne({ mode: t, version: o }), [t, o]);
+  return d ? /* @__PURE__ */ e(Ge, {}) : s ? n({ state: s }) : null;
 }
 function H({ mode: t, state: n }) {
-  const { t: r, locale: a } = K(), [l] = se(), o = l.get("hiddenBadge") === "true", d = l.get("showPublish") === "true", {
+  const { t: r, locale: a } = Q(), [l] = ie(), o = l.get("hiddenBadge") === "true", d = l.get("showPublish") === "true", {
     pageIds: s,
     pages: c,
     routeIds: g,
-    routes: u,
-    supportedLocales: p,
-    config: { defaultLocale: b },
-    resources: v
-  } = n, w = q(n), y = j(
-    () => p != null && p.some((m) => m.locale === a) ? a : void 0,
-    [a, p]
-  ), f = Object.values(u).find((m) => (m == null ? void 0 : m.path) === "/") ? void 0 : Object.values(c)[0], _ = j(
-    () => s.map((m) => {
-      const i = c[m];
+    routes: p,
+    supportedLocales: m,
+    config: { defaultLocale: f },
+    resources: y
+  } = n, w = K(n), b = j(
+    () => m != null && m.some((u) => u.locale === a) ? a : void 0,
+    [a, m]
+  ), E = Object.values(p || {}).find((u) => (u == null ? void 0 : u.path) === "/") || Object.values(c).find((u) => (u == null ? void 0 : u.slug) === "/") ? void 0 : Object.values(c)[0], _ = j(
+    () => s.map((u) => {
+      const i = c[u];
       return i && {
         id: i.id,
-        path: R("/", y || "", i.slug, t !== "production" ? `?mode=${t}` : "")
+        path: R("/", b || "", i.slug, t !== "production" ? `?mode=${t}` : "")
       };
-    }).filter(Oe),
-    [s, c, y, t]
-  ), k = ([...m]) => (t !== "production" && d && m.unshift(
-    /* @__PURE__ */ e(Re, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(tt, { mode: "production", state: n }) })
-  ), m);
-  return /* @__PURE__ */ D(Le, { value: { pages: _ }, children: [
-    /* @__PURE__ */ D(Me, { children: [
-      f && /* @__PURE__ */ e(I, { index: !0, element: /* @__PURE__ */ e(Te, { to: R("/", y || "", f.slug) }) }),
-      g == null ? void 0 : g.map((m) => {
-        var E, M, T, S;
-        const i = u == null ? void 0 : u[m];
+    }).filter(Le),
+    [s, c, b, t]
+  ), P = ([...u]) => (t !== "production" && d && u.unshift(
+    /* @__PURE__ */ e(je, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(ot, { mode: "production", state: n }) })
+  ), u);
+  return /* @__PURE__ */ D(_e, { value: { pages: _ }, children: [
+    /* @__PURE__ */ D(Te, { children: [
+      E && /* @__PURE__ */ e(I, { index: !0, element: /* @__PURE__ */ e(Be, { to: R("/", b || "", E.slug) }) }),
+      g == null ? void 0 : g.map((u) => {
+        var M, T, x, h;
+        const i = p == null ? void 0 : p[u];
         if (!i || !i.displayTemplateId) return null;
-        const P = c[i.displayTemplateId];
-        if (!P) return null;
+        const k = c[i.displayTemplateId];
+        if (!k) return null;
         let C = [];
         if (i.params && i.params.length > 0) {
-          const h = be({
+          const S = ve({
             basePath: i.path,
             params: i.params,
             routeId: i.id,
@@ -169,28 +169,28 @@ function H({ mode: t, state: n }) {
             currentOptionIds: [],
             result: []
           });
-          C = h == null ? void 0 : h.map((x) => {
-            var B, F, V, z;
-            const A = x.paramOptionIds.join("-");
+          C = S == null ? void 0 : S.map((A) => {
+            var O, V, z, G;
+            const B = A.paramOptionIds.join("-");
             return /* @__PURE__ */ e(
               I,
               {
-                path: R(":projectIdOrSlug?", x.path),
+                path: R(":projectIdOrSlug?", A.path),
                 element: /* @__PURE__ */ e(
-                  W,
+                  q,
                   {
                     mode: t,
                     components: w,
-                    page: P,
-                    locale: y,
-                    defaultLocale: b,
-                    headerAddons: k,
+                    page: k,
+                    locale: b,
+                    defaultLocale: f,
+                    headerAddons: P,
                     state: n,
-                    pageData: (z = (V = (F = (B = i.dataSource) == null ? void 0 : B.pathDataMappings) == null ? void 0 : F[A]) == null ? void 0 : V.dataCache) == null ? void 0 : z[y || b || "en"]
+                    pageData: (G = (z = (V = (O = i.dataSource) == null ? void 0 : O.pathDataMappings) == null ? void 0 : V[B]) == null ? void 0 : z.dataCache) == null ? void 0 : G[b || f || "en"]
                   }
                 )
               },
-              A
+              B
             );
           });
         }
@@ -200,16 +200,16 @@ function H({ mode: t, state: n }) {
             {
               path: R(":projectIdOrSlug?", i.path),
               element: /* @__PURE__ */ e(
-                W,
+                q,
                 {
                   mode: t,
                   components: w,
-                  page: P,
-                  locale: y,
-                  defaultLocale: b,
-                  headerAddons: k,
+                  page: k,
+                  locale: b,
+                  defaultLocale: f,
+                  headerAddons: P,
                   state: n,
-                  pageData: (S = (T = (M = (E = i.dataSource) == null ? void 0 : E.pathDataMappings) == null ? void 0 : M[i.id]) == null ? void 0 : T.dataCache) == null ? void 0 : S[y || b || "en"]
+                  pageData: (h = (x = (T = (M = i.dataSource) == null ? void 0 : M.pathDataMappings) == null ? void 0 : T[i.id]) == null ? void 0 : x.dataCache) == null ? void 0 : h[b || f || "en"]
                 }
               )
             },
@@ -217,8 +217,8 @@ function H({ mode: t, state: n }) {
           )
         ), C;
       }),
-      s.map((m) => {
-        const i = c[m];
+      s.map((u) => {
+        const i = c[u];
         return i ? /* @__PURE__ */ e(
           I,
           {
@@ -229,28 +229,28 @@ function H({ mode: t, state: n }) {
                 mode: t,
                 components: w,
                 page: i,
-                locale: y,
-                defaultLocale: b,
-                headerAddons: k
+                locale: b,
+                defaultLocale: f,
+                headerAddons: P
               }
             )
           },
           i.id
         ) : null;
       }),
-      v.pages && Object.values(v.pages).map(({ blockletId: m, page: i }) => /* @__PURE__ */ e(
+      y.pages && Object.values(y.pages).map(({ blockletId: u, page: i }) => /* @__PURE__ */ e(
         I,
         {
-          path: R("/", `@${m}`, i.slug),
+          path: R("/", `@${u}`, i.slug),
           element: /* @__PURE__ */ e(
             $,
             {
               mode: t,
               components: w,
               page: i,
-              locale: y,
-              defaultLocale: b,
-              headerAddons: k
+              locale: b,
+              defaultLocale: f,
+              headerAddons: P
             }
           )
         },
@@ -260,15 +260,15 @@ function H({ mode: t, state: n }) {
         I,
         {
           path: "*",
-          element: /* @__PURE__ */ e(L, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(Q, { status: 404, extra: /* @__PURE__ */ e(ue, { href: "/", children: r("common.back") }) }) })
+          element: /* @__PURE__ */ e(L, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(X, { status: 404, extra: /* @__PURE__ */ e(pe, { href: "/", children: r("common.back") }) }) })
         }
       )
     ] }),
-    t !== "production" && !o && /* @__PURE__ */ e(Ge, { sx: { bgcolor: "info.light" }, children: t }),
-    /* @__PURE__ */ e(Ke, {})
+    t !== "production" && !o && /* @__PURE__ */ e(We, { sx: { bgcolor: "info.light" }, children: t }),
+    /* @__PURE__ */ e(Qe, {})
   ] });
 }
-function W({
+function q({
   mode: t,
   pageData: n,
   components: r,
@@ -278,16 +278,16 @@ function W({
   headerAddons: d,
   state: s
 }) {
-  const c = oe({
+  const c = ne({
     page: null
   });
-  O(() => {
-    const u = a || null;
-    u ? c.page = N(u) : c.page = null;
+  F(() => {
+    const p = a || null;
+    p ? c.page = N(p) : c.page = null;
   }, [a, c]);
-  const g = ae();
-  return O(() => {
-    ne(n, g.current) || n && c.page && (X(c.page, s, l, n), g.current = N(n));
+  const g = se();
+  return F(() => {
+    re(n, g.current) || n && c.page && (Y(c.page, s, l, n), g.current = N(n));
   }, [c.page, n, l, s]), c.page ? /* @__PURE__ */ e(
     $,
     {
@@ -300,40 +300,40 @@ function W({
     }
   ) : null;
 }
-function _t({
+function At({
   mode: t,
   state: n,
   path: r,
   pageData: a
 }) {
-  const { t: l, locale: o } = K(), {
+  const { t: l, locale: o } = Q(), {
     pages: d,
     supportedLocales: s,
     config: { defaultLocale: c },
     resources: g
-  } = n, u = Object.values(d).find((f) => (f == null ? void 0 : f.slug) === r), p = Object.values(g.pages || {}).find((f) => f.page.slug === r), b = j(
-    () => s != null && s.some((f) => f.locale === o) ? o : void 0,
+  } = n, p = Object.values(d).find((v) => (v == null ? void 0 : v.slug) === r), m = Object.values(g.pages || {}).find((v) => v.page.slug === r), f = j(
+    () => s != null && s.some((v) => v.locale === o) ? o : void 0,
     [o, s]
-  ), v = oe({
+  ), y = ne({
     page: null
   });
-  O(() => {
-    const f = u || (p == null ? void 0 : p.page) || null;
-    f ? v.page = N(f) : v.page = null;
-  }, [u, p]);
-  const w = ae();
-  if (O(() => {
-    ne(a, w.current) || a && v.page && (X(v.page, n, b, a), w.current = N(a));
-  }, [{}]), !u && !(p != null && p.page))
-    return /* @__PURE__ */ e(L, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(Q, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ e(ue, { href: "/", children: l("common.back") }) }) });
-  const y = q(n);
-  return v.page ? /* @__PURE__ */ e(
+  F(() => {
+    const v = p || (m == null ? void 0 : m.page) || null;
+    v ? y.page = N(v) : y.page = null;
+  }, [p, m]);
+  const w = se();
+  if (F(() => {
+    re(a, w.current) || a && y.page && (Y(y.page, n, f, a), w.current = N(a));
+  }, [{}]), !p && !(m != null && m.page))
+    return /* @__PURE__ */ e(L, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(X, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ e(pe, { href: "/", children: l("common.back") }) }) });
+  const b = K(n);
+  return y.page ? /* @__PURE__ */ e(
     $,
     {
       mode: t,
-      components: y,
-      page: v.page,
-      locale: b,
+      components: b,
+      page: y.page,
+      locale: f,
       defaultLocale: c
     }
   ) : null;
@@ -346,20 +346,20 @@ function $({
   defaultLocale: l,
   headerAddons: o
 }) {
-  var _, k, m, i, P, C, E, M, T;
-  const d = he(), s = ((_ = r.locales) == null ? void 0 : _[a]) ?? ((k = r.locales) == null ? void 0 : k[l]) ?? {}, c = s.title || ((m = window.blocklet) == null ? void 0 : m.appName), g = s.description || ((i = window.blocklet) == null ? void 0 : i.appDescription), u = pe(me(s.image), 540), { logo: p, brand: b, description: v, ...w } = fe(), y = j(
-    () => (S) => {
-      var x;
-      let h = (o == null ? void 0 : o(S)) ?? S;
-      return h = ((x = w.addons) == null ? void 0 : x.call(w, h)) ?? h, h;
+  var E, _, P, u, i, k, C, M, T;
+  const d = be(), s = ((E = r.locales) == null ? void 0 : E[a]) ?? ((_ = r.locales) == null ? void 0 : _[l]) ?? {}, c = s.title || ((P = window.blocklet) == null ? void 0 : P.appName), g = s.description || ((u = window.blocklet) == null ? void 0 : u.appDescription), p = me(de(s.image), 540), { logo: m, brand: f, description: y, ...w } = he(), b = j(
+    () => (x) => {
+      var S;
+      let h = (o == null ? void 0 : o(x)) ?? x;
+      return h = ((S = w.addons) == null ? void 0 : S.call(w, h)) ?? h, h;
     },
     [w.addons, o]
-  ), f = (P = s.header) != null && P.translucent ? nt : ce;
-  return /* @__PURE__ */ D(_e, { page: r, defaultLocale: l, currentLocale: a, children: [
+  ), v = (i = s.header) != null && i.translucent ? rt : ue;
+  return /* @__PURE__ */ D(Ae, { page: r, defaultLocale: l, currentLocale: a, children: [
     /* @__PURE__ */ e(
-      J,
+      Z,
       {
-        styles: Z`
+        styles: ee`
           body {
             background-color: ${d(
           !s.backgroundColor || s.backgroundColor === "transparent" ? "background.default" : s.backgroundColor
@@ -369,26 +369,26 @@ function $({
       }
     ),
     /* @__PURE__ */ e(
-      f,
+      v,
       {
-        hideNavMenu: !!((C = s.header) != null && C.hideNavMenus),
-        translucentTextColor: (E = s.header) == null ? void 0 : E.translucentTextColor,
-        ...p ? { logo: p } : {},
-        ...b ? { brand: b } : {},
-        ...v ? { description: v } : {},
-        className: Y(((M = s.header) == null ? void 0 : M.sticky) && "sticky", "page-header"),
+        hideNavMenu: !!((k = s.header) != null && k.hideNavMenus),
+        translucentTextColor: (C = s.header) == null ? void 0 : C.translucentTextColor,
+        ...m ? { logo: m } : {},
+        ...f ? { brand: f } : {},
+        ...y ? { description: y } : {},
+        className: J(((M = s.header) == null ? void 0 : M.sticky) && "sticky", "page-header"),
         maxWidth: !1,
-        addons: y
+        addons: b
       }
     ),
-    /* @__PURE__ */ e(Be, {}),
-    /* @__PURE__ */ D(Ee, { children: [
+    /* @__PURE__ */ e(Oe, {}),
+    /* @__PURE__ */ D(Me, { children: [
       /* @__PURE__ */ e("title", { children: c }),
       /* @__PURE__ */ e("meta", { name: "og:title", content: c }),
       /* @__PURE__ */ e("meta", { name: "og:description", content: g }),
-      /* @__PURE__ */ e("meta", { name: "og:image", content: u }),
-      /* @__PURE__ */ e("meta", { name: "twitter:image:src", content: u }),
-      /* @__PURE__ */ e("meta", { name: "twitter:image", content: u }),
+      /* @__PURE__ */ e("meta", { name: "og:image", content: p }),
+      /* @__PURE__ */ e("meta", { name: "twitter:image:src", content: p }),
+      /* @__PURE__ */ e("meta", { name: "twitter:image", content: p }),
       /* @__PURE__ */ e("meta", { property: "twitter:description", content: g }),
       /* @__PURE__ */ e("meta", { property: "twitter:title", content: c }),
       /* @__PURE__ */ e("meta", { name: "description", content: g })
@@ -404,20 +404,20 @@ function $({
             pt: "0 !important"
           }
         },
-        children: r.sectionIds.map((S) => {
-          var B, F;
-          const h = r.sections[S];
+        children: r.sectionIds.map((x) => {
+          var B, O;
+          const h = r.sections[x];
           if (!h || h.visibility === "hidden") return null;
-          const x = (B = h.locales) == null ? void 0 : B[a], A = ((F = h.locales) == null ? void 0 : F[l]) ?? {};
+          const S = (B = h.locales) == null ? void 0 : B[a], A = ((O = h.locales) == null ? void 0 : O[l]) ?? {};
           return /* @__PURE__ */ e(
-            Ae,
+            De,
             {
-              id: S,
+              id: x,
               type: h.component,
               mode: t,
               section: h,
               config: {
-                ...Ce(x) ? A : x,
+                ...Ie(S) ? A : S,
                 locale: a,
                 dev: t === "draft" ? {
                   mode: t,
@@ -426,22 +426,22 @@ function $({
                 } : { mode: t }
               }
             },
-            S
+            x
           );
         })
       }
     ),
-    !((T = s.footer) != null && T.hidden) && /* @__PURE__ */ e(Ve, {})
+    !((T = s.footer) != null && T.hidden) && /* @__PURE__ */ e(ze, {})
   ] });
 }
-const tt = re(() => import("./publish-button-CxEaqAku.js")), ce = ee(ye)`
+const ot = ae(() => import("./publish-button-DMmhToxU.js")), ue = te(ye)`
   &.sticky {
     position: sticky;
     top: 0;
   }
 `;
-function ot({ logo: t }) {
-  const [n, r] = je(), a = xe((o) => o.breakpoints.down("sm")), { value: l } = ie(() => {
+function nt({ logo: t }) {
+  const [n, r] = Ee(), a = Pe((o) => o.breakpoints.down("sm")), { value: l } = le(() => {
     var s, c;
     const o = new URL(
       a ? ((s = window == null ? void 0 : window.blocklet) == null ? void 0 : s.appLogo) || "/.well-known/service/blocklet/logo" : ((c = window == null ? void 0 : window.blocklet) == null ? void 0 : c.appLogoRect) || "/.well-known/service/blocklet/logo-rect",
@@ -450,18 +450,18 @@ function ot({ logo: t }) {
     o.searchParams.delete("imageFilter"), o.searchParams.delete("f");
     const d = o.toString();
     return new Promise((g) => {
-      fetch(d).then((u) => {
-        const p = u.headers.get("content-type");
-        p != null && p.includes("svg") && u.text().then((b) => {
-          r(b), g(null);
-        }), g(u.url);
+      fetch(d).then((p) => {
+        const m = p.headers.get("content-type");
+        m != null && m.includes("svg") && p.text().then((f) => {
+          r(f), g(null);
+        }), g(p.url);
       });
     });
   }, [a]);
   if (t)
     return t;
   if (n)
-    return /* @__PURE__ */ e(L, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Pe.sanitize(n) } });
+    return /* @__PURE__ */ e(L, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Ce.sanitize(n) } });
   if (l) {
     const o = new URL(l);
     o.searchParams.set("imageFilter", "convert"), o.searchParams.set("f", "png"), o.searchParams.set("h", "80");
@@ -470,21 +470,21 @@ function ot({ logo: t }) {
   }
   return null;
 }
-function nt({
+function rt({
   logo: t,
   translucentTextColor: n,
   ...r
 }) {
-  const { top: a = 0 } = ke(() => document.getElementById("app")) || {}, l = te();
+  const { top: a = 0 } = ke(() => document.getElementById("app")) || {}, l = oe();
   let o = Math.min(a / 800, 1), d = "";
-  return o > 0.1 ? (o = Math.max(o, 0.6), d = G(l.palette.text.primary, o)) : d = n || "#EEEEEE", /* @__PURE__ */ e(
-    ce,
+  return o > 0.1 ? (o = Math.max(o, 0.6), d = W(l.palette.text.primary, o)) : d = n || "#EEEEEE", /* @__PURE__ */ e(
+    ue,
     {
-      logo: /* @__PURE__ */ e(ot, { logo: t }),
+      logo: /* @__PURE__ */ e(nt, { logo: t }),
       ...r,
-      className: Y(o <= 0.7 && "reverse-color"),
+      className: J(o <= 0.7 && "reverse-color"),
       style: {
-        backgroundColor: G(l.palette.background.default, o),
+        backgroundColor: W(l.palette.background.default, o),
         // @ts-ignore
         "--logo-invert": o <= 0.7 ? 1 - o / 6 : 1 - o
       },
@@ -514,14 +514,14 @@ function nt({
     }
   );
 }
-const ue = ee(we)``;
+const pe = te(xe)``;
 export {
-  Lt as H,
-  ze as L,
+  _t as H,
+  Ge as L,
   H as P,
-  nt as T,
-  Je as a,
-  W as b,
-  _t as c,
+  rt as T,
+  Ze as a,
+  q as b,
+  At as c,
   $ as d
 };