@blocklet/pages-kit-inner-components 0.5.20 → 0.5.22

package/lib/es/chunks/{home-BjT8iYTg.js → home-BB778Odl.js}

@@ -1,47 +1,47 @@
 import { jsx as e, jsxs as N } from "react/jsx-runtime";
-import { d as q, e as pe, g as me, u as de, c as ge } from "./state-j8jViBMV.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 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 Pe, alpha as G, useMediaQuery as xe } from "@mui/material";
-import { useReactive as oe, useScroll as ke } from "ahooks";
-import Se from "isomorphic-dompurify";
+import { d as K, e as me, g as de, u as ge, c as fe } from "./state-j8jViBMV.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 ye } from "@blocklet/pages-kit/utils/route";
+import ve from "@blocklet/ui-react/lib/Header";
+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 Pe, Stack as xe, alpha as G, useMediaQuery as ke } from "@mui/material";
+import { useReactive as ne, useScroll as Se } from "ahooks";
+import Ce from "isomorphic-dompurify";
 import $ from "lodash/cloneDeep";
-import Ce from "lodash/isEmpty";
-import ne from "lodash/isEqual";
-import { useEffect as F, lazy as re, useMemo as R, useRef as ae, Suspense as Ie, useState as je } from "react";
-import { Helmet as Re } from "react-helmet";
-import { useSearchParams as se, Routes as Ee, Route as I, Navigate as Te, ScrollRestoration as Me } from "react-router-dom";
-import { useAsync as ie } from "react-use";
-import { joinURL as j } from "ufo";
-import { S as Be, n as Oe, P as Fe, a as Le, B as _e, g as De } from "./array-B1QKSYbX.js";
-import { styled as le, useTheme as Ne } from "@arcblock/ux/lib/Theme";
+import Ie from "lodash/isEmpty";
+import re from "lodash/isEqual";
+import { useEffect as F, lazy as ae, useMemo as R, useRef as se, Suspense as je, useState as Re } from "react";
+import { Helmet as Ee } from "react-helmet";
+import { useSearchParams as ie, Routes as Te, Route as j, Navigate as Me, ScrollRestoration as Be } from "react-router-dom";
+import { useAsync as le } from "react-use";
+import { joinURL as S } from "ufo";
+import { S as Oe, n as W, P as Fe, a as Le, B as _e, g as De } from "./array-B1QKSYbX.js";
+import { styled as ce, useTheme as Ne } from "@arcblock/ux/lib/Theme";
 import $e from "@blocklet/ui-react/lib/Footer";
 import "webfontloader";
 import { u as Ae, a as He } from "./session-CVblGhSp.js";
-const Ue = le($e, { shouldForwardProp: (t) => !!t })`
+const Ue = ce($e, { shouldForwardProp: (t) => !!t })`
   & > div > .MuiContainer-root {
     max-width: unset;
   }
 `;
 function Ve({ meta: t, ...n }) {
-  const a = Ne();
-  return /* @__PURE__ */ e(Ue, { ...n, meta: t, theme: a || {} });
+  const s = Ne();
+  return /* @__PURE__ */ e(Ue, { ...n, meta: t, theme: s || {} });
 }
 function ze(t) {
-  return /* @__PURE__ */ e(L, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ e(ve, { size: 30 }) });
+  return /* @__PURE__ */ e(L, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ e(we, { size: 30 }) });
 }
 function Ge(t) {
   return /* @__PURE__ */ e(We, { ...t });
 }
-const We = le(L)`
+const We = ce(L)`
   position: fixed;
   left: 0;
   top: 0;
@@ -59,14 +59,14 @@ function Ke({
   descriptionFontFamily: n
 }) {
   var o;
-  const a = te(), r = (o = a == null ? void 0 : a.typography) == null ? void 0 : o.fontFamily;
+  const s = oe(), a = (o = s == null ? void 0 : s.typography) == null ? void 0 : o.fontFamily;
   F(() => {
   }, [t, n]);
-  const l = `${r}, ${qe}`;
+  const l = `${a}, ${qe}`;
   return /* @__PURE__ */ e(
-    J,
+    Z,
     {
-      styles: Z`
+      styles: ee`
         #app {
           font-family: ${l};
 
@@ -83,96 +83,99 @@ function Ke({
   );
 }
 function Et() {
-  const [t] = se(), { session: n } = Ae(), a = He("owner", "admin", "pagesEditor", "member"), r = R(() => {
+  const [t] = ie(), { session: n } = Ae(), s = He("owner", "admin", "pagesEditor", "member"), a = R(() => {
     const o = t.get("mode");
-    return Be.includes(o) ? o : "production";
-  }, [t]), l = r === "production" ? r : n.user ? a ? r : "production" : null;
+    return Oe.includes(o) ? o : "production";
+  }, [t]), l = a === "production" ? a : n.user ? s ? a : "production" : null;
   return l ? /* @__PURE__ */ e(Qe, { mode: l }) : null;
 }
 function Qe({ mode: t }) {
   if (t !== "draft") {
     const n = window.__PAGE_STATE__;
-    return n ? /* @__PURE__ */ e(H, { mode: t, state: n }) : /* @__PURE__ */ e(Ye, { mode: t, children: ({ state: a }) => /* @__PURE__ */ e(H, { mode: t, state: a }) });
+    return n ? /* @__PURE__ */ e(H, { mode: t, state: n }) : /* @__PURE__ */ e(Ye, { mode: t, children: ({ state: s }) => /* @__PURE__ */ e(H, { mode: t, state: s }) });
   }
   return /* @__PURE__ */ e(Xe, { children: ({ state: n }) => /* @__PURE__ */ e(H, { mode: t, state: n }) });
 }
-const Xe = re(() => import("./draft-data-DyeHwihR.js"));
+const Xe = ae(() => import("./draft-data-DyeHwihR.js"));
 function Ye({
   mode: t,
   children: n
 }) {
-  const a = document.querySelector('meta[property="pages:version"]'), r = a == null ? void 0 : a.content, l = de(), o = R(() => {
-    if (r === "{{pagesPublishedAt}}") {
-      const c = localStorage.getItem(ge(l ?? ""));
+  const s = document.querySelector('meta[property="pages:version"]'), a = s == null ? void 0 : s.content, l = ge(), o = R(() => {
+    if (a === "{{pagesPublishedAt}}") {
+      const c = localStorage.getItem(fe(l ?? ""));
       return Number(c) ? Number(c) : (/* @__PURE__ */ new Date()).getTime();
     }
-    return Number(r);
-  }, [r]), { loading: d, value: s } = ie(() => De({ mode: t, version: o }), [t, o]);
-  return d ? /* @__PURE__ */ e(ze, {}) : s ? n({ state: s }) : null;
+    return Number(a);
+  }, [a]), { loading: d, value: i } = le(() => De({ mode: t, version: o }), [t, o]);
+  return d ? /* @__PURE__ */ e(ze, {}) : i ? n({ state: i }) : null;
 }
 function H({ mode: t, state: n }) {
-  const { t: a, locale: r } = K(), [l] = se(), o = l.get("hiddenBadge") === "true", d = l.get("showPublish") === "true", {
-    pageIds: s,
+  const { t: s, locale: a } = Q(), [l] = ie(), o = l.get("hiddenBadge") === "true", d = l.get("showPublish") === "true", {
+    pageIds: i,
     pages: c,
     routeIds: g,
     routes: p,
     supportedLocales: m,
     config: { defaultLocale: f },
     resources: v
-  } = n, w = q(n), b = R(
-    () => m != null && m.some((u) => u.locale === r) ? r : void 0,
-    [r, 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], _ = R(
-    () => s.map((u) => {
-      const i = c[u];
-      return i && {
-        id: i.id,
-        path: j("/", b || "", i.slug, t !== "production" ? `?mode=${t}` : "")
-      };
-    }).filter(Oe),
-    [s, c, b, t]
-  ), k = ([...u]) => (t !== "production" && d && u.unshift(
-    /* @__PURE__ */ e(Ie, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(Je, { mode: "production", state: n }) })
+  } = n, w = K(n), h = R(
+    () => 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], _ = R(() => t === "production" ? i.map((u) => {
+    const r = c[u];
+    return r && {
+      id: r.id,
+      path: S("/", h || "", r.slug)
+    };
+  }).filter(W) : g.map((u) => {
+    const r = p[u];
+    return r ? {
+      id: r.id,
+      path: S("/", h || "", r.path, `?mode=${t}`)
+    } : null;
+  }).filter(W), [i, c, h, t, p, g]), k = ([...u]) => (t !== "production" && d && u.unshift(
+    /* @__PURE__ */ e(je, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(Je, { mode: "production", state: n }) })
   ), u);
   return /* @__PURE__ */ N(Fe, { value: { pages: _ }, children: [
-    /* @__PURE__ */ N(Ee, { children: [
-      E && /* @__PURE__ */ e(I, { index: !0, element: /* @__PURE__ */ e(Te, { to: j("/", b || "", E.slug) }) }),
+    /* @__PURE__ */ N(Te, { children: [
+      E && /* @__PURE__ */ e(j, { index: !0, element: /* @__PURE__ */ e(Me, { to: S("/", h || "", E.slug) }) }),
       g == null ? void 0 : g.map((u) => {
-        var T, M, P, h;
-        const i = p == null ? void 0 : p[u];
-        if (!i || !i.displayTemplateId) return null;
-        const S = c[i.displayTemplateId];
-        if (!S) return null;
-        let C = [];
-        if (i.params && i.params.length > 0) {
-          const x = be({
-            basePath: i.path,
-            params: i.params,
-            routeId: i.id,
-            paramsOptions: i.paramsOptions,
+        var T, M, P, b;
+        const r = p == null ? void 0 : p[u];
+        if (!r || !r.displayTemplateId) return null;
+        const C = c[r.displayTemplateId];
+        if (!C) return null;
+        let I = [];
+        if (r.params && r.params.length > 0) {
+          const x = ye({
+            basePath: r.path,
+            params: r.params,
+            routeId: r.id,
+            paramsOptions: r.paramsOptions,
             currentIndex: 0,
             currentParams: [],
             currentOptionIds: [],
             result: []
           });
-          C = x == null ? void 0 : x.map((D) => {
+          I = x == null ? void 0 : x.map((D) => {
             var O, U, V, z;
             const B = D.paramOptionIds.join("-");
             return /* @__PURE__ */ e(
-              I,
+              j,
               {
-                path: j(":projectIdOrSlug?", D.path),
+                path: S(":projectIdOrSlug?", D.path),
                 element: /* @__PURE__ */ e(
-                  W,
+                  q,
                   {
                     mode: t,
                     components: w,
-                    page: S,
-                    locale: b,
+                    page: C,
+                    locale: h,
                     defaultLocale: f,
                     headerAddons: k,
                     state: n,
-                    pageData: (z = (V = (U = (O = i.dataSource) == null ? void 0 : O.pathDataMappings) == null ? void 0 : U[B]) == null ? void 0 : V.dataCache) == null ? void 0 : z[b || f || "en"]
+                    pageData: (z = (V = (U = (O = r.dataSource) == null ? void 0 : O.pathDataMappings) == null ? void 0 : U[B]) == null ? void 0 : V.dataCache) == null ? void 0 : z[h || f || "en"]
                   }
                 )
               },
@@ -180,73 +183,73 @@ function H({ mode: t, state: n }) {
             );
           });
         }
-        return C.push(
+        return I.push(
           /* @__PURE__ */ e(
-            I,
+            j,
             {
-              path: j(":projectIdOrSlug?", i.path),
+              path: S(":projectIdOrSlug?", r.path),
               element: /* @__PURE__ */ e(
-                W,
+                q,
                 {
                   mode: t,
                   components: w,
-                  page: S,
-                  locale: b,
+                  page: C,
+                  locale: h,
                   defaultLocale: f,
                   headerAddons: k,
                   state: n,
-                  pageData: (h = (P = (M = (T = i.dataSource) == null ? void 0 : T.pathDataMappings) == null ? void 0 : M[i.id]) == null ? void 0 : P.dataCache) == null ? void 0 : h[b || f || "en"]
+                  pageData: (b = (P = (M = (T = r.dataSource) == null ? void 0 : T.pathDataMappings) == null ? void 0 : M[r.id]) == null ? void 0 : P.dataCache) == null ? void 0 : b[h || f || "en"]
                 }
               )
             },
-            i.id
+            r.id
           )
-        ), C;
+        ), I;
       }),
-      s.map((u) => {
-        const i = c[u];
-        return i ? /* @__PURE__ */ e(
-          I,
+      i.map((u) => {
+        const r = c[u];
+        return r ? /* @__PURE__ */ e(
+          j,
           {
-            path: j(":projectIdOrSlug?", i.slug),
+            path: S(":projectIdOrSlug?", r.slug),
             element: /* @__PURE__ */ e(
               A,
               {
                 mode: t,
                 components: w,
-                page: i,
-                locale: b,
+                page: r,
+                locale: h,
                 defaultLocale: f,
                 headerAddons: k
               }
             )
           },
-          i.id
+          r.id
         ) : null;
       }),
-      v.pages && Object.values(v.pages).map(({ blockletId: u, page: i }) => /* @__PURE__ */ e(
-        I,
+      v.pages && Object.values(v.pages).map(({ blockletId: u, page: r }) => /* @__PURE__ */ e(
+        j,
         {
-          path: j("/", `@${u}`, i.slug),
+          path: S("/", `@${u}`, r.slug),
           element: /* @__PURE__ */ e(
             A,
             {
               mode: t,
               components: w,
-              page: i,
-              locale: b,
+              page: r,
+              locale: h,
               defaultLocale: f,
               headerAddons: k
             }
           )
         },
-        i.id
+        r.id
       )),
       /* @__PURE__ */ e(
-        I,
+        j,
         {
           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: a("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: s("common.back") }) }) })
         }
       )
     ] }),
@@ -254,31 +257,31 @@ function H({ mode: t, state: n }) {
     /* @__PURE__ */ e(Ke, {})
   ] });
 }
-function W({
+function q({
   mode: t,
   pageData: n,
-  components: a,
-  page: r,
+  components: s,
+  page: a,
   locale: l,
   defaultLocale: o,
   headerAddons: d,
-  state: s
+  state: i
 }) {
-  const c = oe({
+  const c = ne({
     page: null
   });
   F(() => {
-    const p = r || null;
+    const p = a || null;
     p ? c.page = $(p) : c.page = null;
-  }, [r, c]);
-  const g = ae();
+  }, [a, c]);
+  const g = se();
   return F(() => {
-    ne(n, g.current) || n && c.page && (X(c.page, s, l, n), g.current = $(n));
-  }, [c.page, n, l, s]), c.page ? /* @__PURE__ */ e(
+    re(n, g.current) || n && c.page && (Y(c.page, i, l, n), g.current = $(n));
+  }, [c.page, n, l, i]), c.page ? /* @__PURE__ */ e(
     A,
     {
       mode: t,
-      components: a,
+      components: s,
       page: c.page,
       locale: l,
       defaultLocale: o,
@@ -289,35 +292,35 @@ function W({
 function Tt({
   mode: t,
   state: n,
-  path: a,
-  pageData: r
+  path: s,
+  pageData: a
 }) {
-  const { t: l, locale: o } = K(), {
+  const { t: l, locale: o } = Q(), {
     pages: d,
-    supportedLocales: s,
+    supportedLocales: i,
     config: { defaultLocale: c },
     resources: g
-  } = n, p = Object.values(d).find((y) => (y == null ? void 0 : y.slug) === a), m = Object.values(g.pages || {}).find((y) => y.page.slug === a), f = R(
-    () => s != null && s.some((y) => y.locale === o) ? o : void 0,
-    [o, s]
-  ), v = oe({
+  } = n, p = Object.values(d).find((y) => (y == null ? void 0 : y.slug) === s), m = Object.values(g.pages || {}).find((y) => y.page.slug === s), f = R(
+    () => i != null && i.some((y) => y.locale === o) ? o : void 0,
+    [o, i]
+  ), v = ne({
     page: null
   });
   F(() => {
     const y = p || (m == null ? void 0 : m.page) || null;
     y ? v.page = $(y) : v.page = null;
   }, [p, m]);
-  const w = ae();
+  const w = se();
   if (F(() => {
-    ne(r, w.current) || r && v.page && (X(v.page, n, f, r), w.current = $(r));
+    re(a, w.current) || a && v.page && (Y(v.page, n, f, a), w.current = $(a));
   }, [{}]), !p && !(m != null && m.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 b = q(n);
+    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 h = K(n);
   return v.page ? /* @__PURE__ */ e(
     A,
     {
       mode: t,
-      components: b,
+      components: h,
       page: v.page,
       locale: f,
       defaultLocale: c
@@ -327,28 +330,28 @@ function Tt({
 function A({
   mode: t,
   components: n,
-  page: a,
-  locale: r,
+  page: s,
+  locale: a,
   defaultLocale: l,
   headerAddons: o
 }) {
-  var E, _, k, u, i, S, C, T, M;
-  const d = he(), s = ((E = a.locales) == null ? void 0 : E[r]) ?? ((_ = a.locales) == null ? void 0 : _[l]) ?? {}, c = s.title || ((k = window.blocklet) == null ? void 0 : k.appName), g = s.description || ((u = window.blocklet) == null ? void 0 : u.appDescription), p = pe(me(s.image), 540), { logo: m, brand: f, description: v, ...w } = fe(), b = R(
+  var E, _, k, u, r, C, I, T, M;
+  const d = be(), i = ((E = s.locales) == null ? void 0 : E[a]) ?? ((_ = s.locales) == null ? void 0 : _[l]) ?? {}, c = i.title || ((k = window.blocklet) == null ? void 0 : k.appName), g = i.description || ((u = window.blocklet) == null ? void 0 : u.appDescription), p = me(de(i.image), 540), { logo: m, brand: f, description: v, ...w } = he(), h = R(
     () => (P) => {
       var x;
-      let h = (o == null ? void 0 : o(P)) ?? P;
-      return h = ((x = w.addons) == null ? void 0 : x.call(w, h)) ?? h, h;
+      let b = (o == null ? void 0 : o(P)) ?? P;
+      return b = ((x = w.addons) == null ? void 0 : x.call(w, b)) ?? b, b;
     },
     [w.addons, o]
-  ), y = (i = s.header) != null && i.translucent ? et : ce;
-  return /* @__PURE__ */ N(Le, { page: a, defaultLocale: l, currentLocale: r, children: [
+  ), y = (r = i.header) != null && r.translucent ? et : ue;
+  return /* @__PURE__ */ N(Le, { page: s, 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
+          !i.backgroundColor || i.backgroundColor === "transparent" ? "background.default" : i.backgroundColor
         )} !important;
           }
         `
@@ -357,18 +360,18 @@ function A({
     /* @__PURE__ */ e(
       y,
       {
-        hideNavMenu: !!((S = s.header) != null && S.hideNavMenus),
-        translucentTextColor: (C = s.header) == null ? void 0 : C.translucentTextColor,
+        hideNavMenu: !!((C = i.header) != null && C.hideNavMenus),
+        translucentTextColor: (I = i.header) == null ? void 0 : I.translucentTextColor,
         ...m ? { logo: m } : {},
         ...f ? { brand: f } : {},
         ...v ? { description: v } : {},
-        className: Y(((T = s.header) == null ? void 0 : T.sticky) && "sticky", "page-header"),
+        className: J(((T = i.header) == null ? void 0 : T.sticky) && "sticky", "page-header"),
         maxWidth: !1,
-        addons: b
+        addons: h
       }
     ),
-    /* @__PURE__ */ e(Me, {}),
-    /* @__PURE__ */ N(Re, { children: [
+    /* @__PURE__ */ e(Be, {}),
+    /* @__PURE__ */ N(Ee, { children: [
       /* @__PURE__ */ e("title", { children: c }),
       /* @__PURE__ */ e("meta", { name: "og:title", content: c }),
       /* @__PURE__ */ e("meta", { name: "og:description", content: g }),
@@ -380,7 +383,7 @@ function A({
       /* @__PURE__ */ e("meta", { name: "description", content: g })
     ] }),
     /* @__PURE__ */ e(
-      Pe,
+      xe,
       {
         flexGrow: 1,
         className: "PageView-root",
@@ -390,21 +393,21 @@ function A({
             pt: "0 !important"
           }
         },
-        children: a.sectionIds.map((P) => {
+        children: s.sectionIds.map((P) => {
           var B, O;
-          const h = a.sections[P];
-          if (!h || h.visibility === "hidden") return null;
-          const x = (B = h.locales) == null ? void 0 : B[r], D = ((O = h.locales) == null ? void 0 : O[l]) ?? {};
+          const b = s.sections[P];
+          if (!b || b.visibility === "hidden") return null;
+          const x = (B = b.locales) == null ? void 0 : B[a], D = ((O = b.locales) == null ? void 0 : O[l]) ?? {};
           return /* @__PURE__ */ e(
             _e,
             {
               id: P,
-              type: h.component,
+              type: b.component,
               mode: t,
-              section: h,
+              section: b,
               config: {
-                ...Ce(x) ? D : x,
-                locale: r,
+                ...Ie(x) ? D : x,
+                locale: a,
                 dev: t === "draft" ? {
                   mode: t,
                   components: n,
@@ -417,20 +420,20 @@ function A({
         })
       }
     ),
-    !((M = s.footer) != null && M.hidden) && /* @__PURE__ */ e(Ve, {})
+    !((M = i.footer) != null && M.hidden) && /* @__PURE__ */ e(Ve, {})
   ] });
 }
-const Je = re(() => import("./publish-button-eIyM_BsP.js")), ce = ee(ye)`
+const Je = ae(() => import("./publish-button-BJSEYd0m.js")), ue = te(ve)`
   &.sticky {
     position: sticky;
     top: 0;
   }
 `;
 function Ze({ logo: t }) {
-  const [n, a] = je(), r = xe((o) => o.breakpoints.down("sm")), { value: l } = ie(() => {
-    var s, c;
+  const [n, s] = Re(), a = ke((o) => o.breakpoints.down("sm")), { value: l } = le(() => {
+    var i, c;
     const o = new URL(
-      r ? ((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",
+      a ? ((i = window == null ? void 0 : window.blocklet) == null ? void 0 : i.appLogo) || "/.well-known/service/blocklet/logo" : ((c = window == null ? void 0 : window.blocklet) == null ? void 0 : c.appLogoRect) || "/.well-known/service/blocklet/logo-rect",
       window.location.origin
     );
     o.searchParams.delete("imageFilter"), o.searchParams.delete("f");
@@ -439,15 +442,15 @@ function Ze({ logo: t }) {
       fetch(d).then((p) => {
         const m = p.headers.get("content-type");
         m != null && m.includes("svg") && p.text().then((f) => {
-          a(f), g(null);
+          s(f), g(null);
         }), g(p.url);
       });
     });
-  }, [r]);
+  }, [a]);
   if (t)
     return t;
   if (n)
-    return /* @__PURE__ */ e(L, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Se.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");
@@ -459,16 +462,16 @@ function Ze({ logo: t }) {
 function et({
   logo: t,
   translucentTextColor: n,
-  ...a
+  ...s
 }) {
-  const { top: r = 0 } = ke(() => document.getElementById("app")) || {}, l = te();
-  let o = Math.min(r / 800, 1), d = "";
+  const { top: a = 0 } = Se(() => 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,
+    ue,
     {
       logo: /* @__PURE__ */ e(Ze, { logo: t }),
-      ...a,
-      className: Y(o <= 0.7 && "reverse-color"),
+      ...s,
+      className: J(o <= 0.7 && "reverse-color"),
       style: {
         backgroundColor: G(l.palette.background.default, o),
         // @ts-ignore
@@ -500,14 +503,14 @@ function et({
     }
   );
 }
-const ue = ee(we)``;
+const pe = te(Pe)``;
 export {
   Et as H,
   ze as L,
   H as P,
   et as T,
   Qe as a,
-  W as b,
+  q as b,
   Tt as c,
   A as d
 };

package/lib/es/chunks/{publish-button-eIyM_BsP.js → publish-button-BJSEYd0m.js}

@@ -10,7 +10,7 @@ import { produce as Oe } from "immer";
 import ee from "lodash/difference";
 import { useState as T, useMemo as R, useCallback as j, forwardRef as Te, useImperativeHandle as je, useEffect as $, useRef as ve } from "react";
 import { useAsync as Re } from "react-use";
-import { L as ze } from "./home-BjT8iYTg.js";
+import { L as ze } from "./home-BB778Odl.js";
 import { p as Le, g as Be } from "./array-B1QKSYbX.js";
 function Ee(s) {
   const [y, w] = T(!1);

package/lib/es/home.js

@@ -22,7 +22,7 @@ import "react-router-dom";
 import "react-use";
 import "ufo";
 import "./chunks/array-B1QKSYbX.js";
-import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-BjT8iYTg.js";
+import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-BB778Odl.js";
 import "./chunks/session-CVblGhSp.js";
 export {
   R as HomeView,