@arcblock/ux 3.0.9 → 3.0.11

package/lib/DIDConnect/with-container.js

@@ -1,18 +1,18 @@
-import { jsx as n, jsxs as E } from "react/jsx-runtime";
-import { memo as H, createElement as I, useState as K, useRef as Q } from "react";
-import { Backdrop as U, useMediaQuery as V, useTheme as q, Box as c, Drawer as J, SwipeableDrawer as X, Dialog as Y, DialogContent as Z } from "@mui/material";
-import { useDebounce as oo, useMemoizedFn as D } from "ahooks";
-import { useBrowser as eo } from "@arcblock/react-hooks";
-import no from "color-convert";
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+import { memo as F, createElement as E, useState as H, useRef as I } from "react";
+import { Backdrop as K, useMediaQuery as Q, useTheme as U, Box as c, Drawer as V, SwipeableDrawer as q, Dialog as J, DialogContent as X } from "@mui/material";
+import { useDebounce as Y, useMemoizedFn as v } from "ahooks";
+import { useBrowser as Z } from "@arcblock/react-hooks";
+import oo from "color-convert";
 import "../Theme/theme.js";
 import "../Theme/theme-provider.js";
-import { mergeSx as ro } from "../Util/style.js";
+import { mergeSx as eo } from "../Util/style.js";
 import { hexToRgba as d } from "../Util/index.js";
-const L = H(({ ref: l, ...m }) => /* @__PURE__ */ I(
-  U,
+const P = F(({ ref: i, ...m }) => /* @__PURE__ */ E(
+  K,
   {
     open: !0,
-    ref: l,
+    ref: i,
     style: {
       backgroundColor: "rgba(0, 0, 0, 0.6)",
       backdropFilter: "blur(3px)",
@@ -22,34 +22,33 @@ const L = H(({ ref: l, ...m }) => /* @__PURE__ */ I(
     key: "background"
   }
 ));
-function fo(l) {
+function xo(i) {
   function m({
-    popup: B = !1,
-    open: _ = !1,
+    popup: y = !1,
+    open: D = !1,
     hideCloseButton: h = !1,
-    ...e
+    ...s
   }) {
-    var P, y;
-    const [a, x] = K("#fff"), w = Q(null), z = eo(), M = V("(max-width:640px)");
+    const [t, x] = H("#fff"), b = I(null), L = Z(), B = Q("(max-width:640px)");
     let r = "page";
-    B && (r = "dialog", M && z.mobile.any && (r = "drawer"));
-    const g = q(), p = _, T = ((y = (P = g == null ? void 0 : g.transitions) == null ? void 0 : P.duration) == null ? void 0 : y.leavingScreen) || 500, A = oo(p, {
-      wait: T
-    }), k = D(() => {
+    y && (r = "dialog", B && L.mobile.any && (r = "drawer"));
+    const _ = U(), p = D, z = _?.transitions?.duration?.leavingScreen || 500, M = Y(p, {
+      wait: z
+    }), w = v(() => {
       const o = new URLSearchParams(window.location.search);
       o.get("magicToken") && o.delete("magicToken"), o.toString() && window.history.replaceState({}, "", `${window.location.pathname}?${o.toString()}`);
-    }), C = (o, t) => {
-      ["backdropClick", "escapeKeyDown"].includes(t) || (k(), e == null || e.onClose());
-    }, $ = A || p, j = h ? J : X, O = no.hex.hsl(a), [R, S, i] = O, u = [0, 30, 60, 30, 0, 30, 60, 30], W = Math.max(...u), G = Math.min(...u);
-    let f = !1;
-    (i * (100 + W) / 100 > 100 || i * (100 + G) / 100 < 0) && (f = !0);
-    const N = `linear-gradient(45deg, ${u.map((o) => {
-      let t = i * (100 + o) / 100, s = 0.6;
-      return f ? s = 0.5 * (100 + o) / 100 : t = i * (100 + o) / 100, `hsla(${R}, ${S}%, ${t}%, ${s})`;
-    }).join(", ")})`, F = `linear-gradient(45deg, ${u.map((o) => {
-      let t = i * (100 + o) / 100, s = 0.2;
-      return f ? s = 0.3 * (100 + o) / 100 : t = i * (100 + o) / 100, `hsla(${R}, ${S}%, ${t}%, ${s})`;
-    }).join(", ")})`, v = {
+    }), k = (o, n) => {
+      ["backdropClick", "escapeKeyDown"].includes(n) || (w(), s?.onClose());
+    }, C = M || p, T = h ? V : q, A = oo.hex.hsl(t), [$, R, a] = A, u = [0, 30, 60, 30, 0, 30, 60, 30], j = Math.max(...u), O = Math.min(...u);
+    let g = !1;
+    (a * (100 + j) / 100 > 100 || a * (100 + O) / 100 < 0) && (g = !0);
+    const W = `linear-gradient(45deg, ${u.map((o) => {
+      let n = a * (100 + o) / 100, l = 0.6;
+      return g ? l = 0.5 * (100 + o) / 100 : n = a * (100 + o) / 100, `hsla(${$}, ${R}%, ${n}%, ${l})`;
+    }).join(", ")})`, G = `linear-gradient(45deg, ${u.map((o) => {
+      let n = a * (100 + o) / 100, l = 0.2;
+      return g ? l = 0.3 * (100 + o) / 100 : n = a * (100 + o) / 100, `hsla(${$}, ${R}%, ${n}%, ${l})`;
+    }).join(", ")})`, S = {
       overflow: "visible",
       "&::before, &::after": {
         content: '""',
@@ -58,7 +57,7 @@ function fo(l) {
         right: "-3px",
         bottom: "-3px",
         left: "-3px",
-        background: N,
+        background: W,
         backgroundSize: "300% 300%",
         backgroundRepeat: "no-repeat",
         animation: "glowRotate 10s linear infinite",
@@ -66,7 +65,7 @@ function fo(l) {
         zIndex: 0
       },
       "&::after": {
-        background: F,
+        background: G,
         filter: "blur(15px)"
       },
       "@keyframes glowRotate": {
@@ -80,45 +79,44 @@ function fo(l) {
           backgroundPosition: "0 0"
         }
       }
-    }, b = D(() => {
-      var o;
-      k(), (o = e == null ? void 0 : e.onClose) == null || o.call(e);
+    }, f = v(() => {
+      w(), s?.onClose?.();
     });
-    return r === "page" ? /* @__PURE__ */ n(
+    return r === "page" ? /* @__PURE__ */ e(
       c,
       {
         className: "did-connect__container-page",
-        sx: ro(v, {
+        sx: eo(S, {
           borderRadius: 1,
           position: "relative",
           zIndex: 1
         }),
-        children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ e(
           c,
           {
             sx: {
-              border: `1px solid ${d(a, 0.1)}`,
+              border: `1px solid ${d(t, 0.1)}`,
               m: "-1px",
               position: "relative",
               borderRadius: "12px",
               zIndex: 2,
               overflow: "hidden"
             },
-            children: /* @__PURE__ */ n(l, { ...e, onClose: b, setColor: x, hideCloseButton: !0, mode: r })
+            children: /* @__PURE__ */ e(i, { ...s, onClose: f, setColor: x, hideCloseButton: !0, mode: r })
           }
         )
       }
-    ) : r === "drawer" ? /* @__PURE__ */ E(
-      j,
+    ) : r === "drawer" ? /* @__PURE__ */ N(
+      T,
       {
         className: "did-connect__container-drawer",
         disableSwipeToOpen: !0,
         open: p,
         anchor: "bottom",
-        drawerDragger: w.current,
-        onClose: C,
+        drawerDragger: b.current,
+        onClose: k,
         slots: {
-          backdrop: L
+          backdrop: P
         },
         PaperProps: {
           sx: {
@@ -135,22 +133,22 @@ function fo(l) {
             "@keyframes glowBreathe": {
               "0%, 100%": {
                 boxShadow: `
-                      inset 0 0 7px ${d(a, 0.3)},
-                      inset 0 0 12px ${d(a, 0.3)}`
+                      inset 0 0 7px ${d(t, 0.3)},
+                      inset 0 0 12px ${d(t, 0.3)}`
               },
               "50%": {
                 boxShadow: `
-                      inset 0 0 18px ${d(a, 0.7)},
-                      inset 0 0 24px ${d(a, 0.5)}`
+                      inset 0 0 18px ${d(t, 0.7)},
+                      inset 0 0 24px ${d(t, 0.5)}`
               }
             }
           }
         },
         children: [
-          h ? null : /* @__PURE__ */ n(
+          h ? null : /* @__PURE__ */ e(
             c,
             {
-              ref: w,
+              ref: b,
               sx: {
                 px: 1,
                 pt: 2,
@@ -159,7 +157,7 @@ function fo(l) {
                 mb: -2,
                 zIndex: 2
               },
-              children: /* @__PURE__ */ n(
+              children: /* @__PURE__ */ e(
                 c,
                 {
                   sx: {
@@ -172,7 +170,7 @@ function fo(l) {
               )
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ e(
             c,
             {
               sx: {
@@ -181,20 +179,20 @@ function fo(l) {
                 width: 500,
                 height: "auto"
               },
-              children: $ ? /* @__PURE__ */ n(l, { ...e, onClose: b, setColor: x, hideCloseButton: !0, mode: r }) : null
+              children: C ? /* @__PURE__ */ e(i, { ...s, onClose: f, setColor: x, hideCloseButton: !0, mode: r }) : null
             }
           )
         ]
       }
-    ) : /* @__PURE__ */ n(
-      Y,
+    ) : /* @__PURE__ */ e(
+      J,
       {
         open: p,
         slots: {
-          backdrop: L
+          backdrop: P
         },
         className: "did-connect__container-dialog",
-        onClose: C,
+        onClose: k,
         PaperProps: {
           sx: {
             // 避免样式被 server 中的定义覆盖
@@ -202,11 +200,11 @@ function fo(l) {
               borderRadius: "12px !important"
             },
             position: "relative",
-            ...v
+            ...S
           }
         },
-        children: /* @__PURE__ */ n(
-          Z,
+        children: /* @__PURE__ */ e(
+          X,
           {
             sx: {
               maxWidth: "calc(100vw - 18px)",
@@ -217,11 +215,11 @@ function fo(l) {
               borderRadius: "12px !important",
               zIndex: 1
             },
-            children: $ ? /* @__PURE__ */ n(
-              l,
+            children: C ? /* @__PURE__ */ e(
+              i,
               {
-                ...e,
-                onClose: b,
+                ...s,
+                onClose: f,
                 setColor: x,
                 hideCloseButton: h,
                 mode: r
@@ -235,5 +233,5 @@ function fo(l) {
   return m;
 }
 export {
-  fo as default
+  xo as default
 };

package/lib/Dialog/use-confirm.js

@@ -1,15 +1,15 @@
 import { jsx as d } from "react/jsx-runtime";
-import { useRef as g, useState as w, isValidElement as f, useImperativeHandle as y } from "react";
-import { useMemoizedFn as e, useReactive as v } from "ahooks";
-import u from "lodash/noop";
+import { useRef as g, useState as w, isValidElement as r, useImperativeHandle as y } from "react";
+import { useMemoizedFn as n, useReactive as v } from "ahooks";
+import l from "lodash/noop";
 import H from "./confirm.js";
-function R({ ref: s, ...l }) {
-  const [B, c] = w(""), [C, i] = w(""), t = v({
+function R({ ref: f, ...i }) {
+  const [s, e] = w(""), [B, c] = w(""), t = v({
     show: !1,
     title: "",
     content: "",
-    onConfirm: u,
-    onCancel: u,
+    onConfirm: l,
+    onCancel: l,
     // 其他属性
     loading: !1,
     showCancelButton: !0,
@@ -19,39 +19,39 @@ function R({ ref: s, ...l }) {
     confirmButtonProps: {},
     cancelButtonText: "Cancel",
     cancelButtonProps: {}
-  }), n = e((o = {}) => {
-    f(o.title) ? (c(o.title), t.title = "") : (c(""), t.title = o.title), f(o.content) ? (i(o.content), t.content = "") : (i(""), t.content = o.content), t.onConfirm = o.onConfirm || u, t.onCancel = o.onCancel || u, t.showCloseButton = o.showCloseButton ?? !0, t.showCancelButton = o.showCancelButton ?? !0, t.showConfirmButton = o.showConfirmButton ?? !0, o.confirmButtonText && (t.confirmButtonText = o.confirmButtonText), o.confirmButtonProps && (t.confirmButtonProps = o.confirmButtonProps), o.cancelButtonText && (t.cancelButtonText = o.cancelButtonText), o.cancelButtonProps && (t.cancelButtonProps = o.cancelButtonProps), t.loading = !1, t.show = !0;
-  }), x = e(() => {
-    c(""), i(""), t.title = "", t.content = "", t.onConfirm = u, t.onCancel = u, t.confirmButtonText = "Confirm", t.confirmButtonProps = {}, t.cancelButtonText = "Cancel", t.cancelButtonProps = {}, t.showConfirmButton = !0, t.showCancelButton = !0, t.showCloseButton = !0;
-  }), r = e(() => {
+  }), m = n((o = {}) => {
+    r(o.title) ? (e(o.title), t.title = "") : (e(""), t.title = o.title), r(o.content) ? (c(o.content), t.content = "") : (c(""), t.content = o.content), t.onConfirm = o.onConfirm || l, t.onCancel = o.onCancel || l, t.showCloseButton = o.showCloseButton ?? !0, t.showCancelButton = o.showCancelButton ?? !0, t.showConfirmButton = o.showConfirmButton ?? !0, o.confirmButtonText && (t.confirmButtonText = o.confirmButtonText), o.confirmButtonProps && (t.confirmButtonProps = o.confirmButtonProps), o.cancelButtonText && (t.cancelButtonText = o.cancelButtonText), o.cancelButtonProps && (t.cancelButtonProps = o.cancelButtonProps), t.loading = !1, t.show = !0;
+  }), x = n(() => {
+    e(""), c(""), t.title = "", t.content = "", t.onConfirm = l, t.onCancel = l, t.confirmButtonText = "Confirm", t.confirmButtonProps = {}, t.cancelButtonText = "Cancel", t.cancelButtonProps = {}, t.showConfirmButton = !0, t.showCancelButton = !0, t.showCloseButton = !0;
+  }), u = n(() => {
     t.show = !1, setTimeout(() => {
       x();
     }, 300);
-  }), h = e((o) => {
-    o.title && (f(o.title) ? (c(o.title), t.title = "") : (c(""), t.title = o.title)), o.content && (f(o.content) ? (i(o.content), t.content = "") : (i(""), t.content = o.content));
-  }), T = e((o, p) => {
-    r(), t == null || t.onCancel(o, p);
-  }, []), P = e(async (o) => {
+  }), h = n((o) => {
+    o.title && (r(o.title) ? (e(o.title), t.title = "") : (e(""), t.title = o.title)), o.content && (r(o.content) ? (c(o.content), t.content = "") : (c(""), t.content = o.content));
+  }), T = n((o, p) => {
+    u(), t?.onCancel(o, p);
+  }, []), a = n(async (o) => {
     t.loading = !0;
     try {
-      await (t == null ? void 0 : t.onConfirm(r, o));
+      await t?.onConfirm(u, o);
     } finally {
       t.loading = !1;
     }
   }, []);
-  y(s, () => ({
-    open: n,
-    close: r,
+  y(f, () => ({
+    open: m,
+    close: u,
     update: h
-  }), [n, r, h]);
-  const a = B || t.title, m = C || t.content;
+  }), [m, u, h]);
+  const P = s || t.title, C = B || t.content;
   return /* @__PURE__ */ d(
     H,
     {
-      ...l,
+      ...i,
       open: t.show,
-      title: a,
-      onConfirm: P,
+      title: P,
+      onConfirm: a,
       onCancel: T,
       confirmButton: {
         text: t.confirmButtonText,
@@ -73,28 +73,25 @@ function R({ ref: s, ...l }) {
           ...t.cancelButtonProps
         }
       },
-      children: m instanceof Function ? m() : m
+      children: C instanceof Function ? C() : C
     }
   );
 }
-function I(s = {}) {
-  const l = g(null), B = e((...t) => {
-    var n;
-    (n = l.current) == null || n.open(...t);
-  }), c = e((...t) => {
-    var n;
-    (n = l.current) == null || n.close(...t);
-  }), C = e((...t) => {
-    var n;
-    (n = l.current) == null || n.update(...t);
-  }), i = {
-    open: B,
-    close: c,
-    update: C
+function I(f = {}) {
+  const i = g(null), s = n((...t) => {
+    i.current?.open(...t);
+  }), e = n((...t) => {
+    i.current?.close(...t);
+  }), B = n((...t) => {
+    i.current?.update(...t);
+  }), c = {
+    open: s,
+    close: e,
+    update: B
   };
   return {
-    confirmHolder: /* @__PURE__ */ d(R, { ...s, ref: l }),
-    confirmApi: i
+    confirmHolder: /* @__PURE__ */ d(R, { ...f, ref: i }),
+    confirmApi: c
   };
 }
 export {

package/lib/Earth/index.js

@@ -52,7 +52,7 @@ function W({
   height: g = 600,
   enableRotation: I = !1,
   rotationSpeed: M = 5,
-  activeMarkerId: a = void 0,
+  activeMarkerId: i = void 0,
   markers: y = [],
   colors: L = {}
 }) {
@@ -70,29 +70,29 @@ function W({
     step: 0,
     markerId: null,
     iv: null
-  }), C = J(r.animateDuration, 170, 26), S = a && k.current.markerId !== a && y.some((t) => t.id === a), p = N.geoOrthographic().fitExtent(
+  }), C = J(r.animateDuration, 170, 26), S = i && k.current.markerId !== i && y.some((t) => t.id === i), p = N.geoOrthographic().fitExtent(
     [
       [30, 30],
       [s - 30, g - 30]
     ],
     F
   ).rotate(
-    C <= 1 || r.isDragging || !a ? r.rotation : k.current.iv(C / r.animateDuration)
+    C <= 1 || r.isDragging || !i ? r.rotation : k.current.iv(C / r.animateDuration)
   ), P = N.geoPath().projection(p).pointRadius(2);
   H(() => {
     if (S) {
-      let { p1: t, p2: o, r1: i, r2: u, markerId: c } = k.current;
-      if (c !== a && !r.isDragging) {
-        const l = y.find((v) => v.id === a);
-        t = o, o = [l.longitude, l.latitude], i = u, u = [-o[0], 20 - o[1], p.rotate()[2]];
-        const h = X.interpolateAngles(i, u);
+      let { p1: t, p2: o, r1: a, r2: u, markerId: c } = k.current;
+      if (c !== i && !r.isDragging) {
+        const l = y.find((v) => v.id === i);
+        t = o, o = [l.longitude, l.latitude], a = u, u = [-o[0], 20 - o[1], p.rotate()[2]];
+        const h = X.interpolateAngles(a, u);
         Object.assign(k.current, {
           p1: t,
           p2: o,
-          r1: i,
+          r1: a,
           r2: u,
           iv: h,
-          markerId: a
+          markerId: i
         });
         const f = r.animateDuration * 2;
         d({
@@ -113,15 +113,15 @@ function W({
     }
   });
   const b = (t) => {
-    const o = E.current, i = o == null ? void 0 : o.getBoundingClientRect();
-    return [t.clientX - i.left - o.clientLeft, t.clientY - i.top - o.clientTop];
+    const o = E.current, a = o?.getBoundingClientRect();
+    return [t.clientX - a.left - o.clientLeft, t.clientY - a.top - o.clientTop];
   }, T = (t) => {
     const o = b(t);
     o[0] && (x.current.v0 = D.cartesian(p.invert(o)), x.current.r0 = p.rotate(), x.current.q0 = D(x.current.r0), d({ type: "dragStart", payload: { mousePosition: o } }));
   }, z = (t) => {
     if (r.isDragging === !1)
       return;
-    const o = b(t), { r0: i, v0: u, q0: c } = x.current, l = D.cartesian(p.rotate(i).invert(o)), h = D.multiply(c, D.delta(u, l)), f = D.rotation(h);
+    const o = b(t), { r0: a, v0: u, q0: c } = x.current, l = D.cartesian(p.rotate(a).invert(o)), h = D.multiply(c, D.delta(u, l)), f = D.rotation(h);
     d({ type: "rotate", payload: { rotation: f, mousePosition: o } });
   }, j = () => {
     setTimeout(() => {
@@ -131,7 +131,7 @@ function W({
     type: "tooltip",
     payload: { tooltipIndex: o, mousePosition: b(t) }
   }), O = () => d({ type: "tooltip", payload: { tooltipIndex: -1, mousePosition: null } }), G = () => y.map((t, o) => {
-    const i = [t.longitude, t.latitude], u = N.geoDistance(i, p.invert([s / 2, g / 2])), c = p(i), l = a === t.id, h = u > 1.57 ? "none" : l ? $.activeMarker : $.marker, f = l ? 9 : 6;
+    const a = [t.longitude, t.latitude], u = N.geoDistance(a, p.invert([s / 2, g / 2])), c = p(a), l = i === t.id, h = u > 1.57 ? "none" : l ? $.activeMarker : $.marker, f = l ? 9 : 6;
     return /* @__PURE__ */ m(
       "g",
       {
@@ -174,22 +174,21 @@ function W({
       t.id
     );
   }), q = () => {
-    var t, o;
     if (r.tooltipIndex >= 0) {
-      const i = y[r.tooltipIndex];
-      return /* @__PURE__ */ m(oo, { style: { left: ((t = r.mousePosition) == null ? void 0 : t[0]) ?? 0, top: ((o = r.mousePosition) == null ? void 0 : o[1]) ?? 0 }, children: [
-        /* @__PURE__ */ n("p", { className: "title", children: i.title }),
-        /* @__PURE__ */ n("p", { className: "description", children: i.description }),
+      const t = y[r.tooltipIndex];
+      return /* @__PURE__ */ m(oo, { style: { left: r.mousePosition?.[0] ?? 0, top: r.mousePosition?.[1] ?? 0 }, children: [
+        /* @__PURE__ */ n("p", { className: "title", children: t.title }),
+        /* @__PURE__ */ n("p", { className: "description", children: t.description }),
         /* @__PURE__ */ m("p", { className: "description", children: [
           "ID: ",
-          i.id
+          t.id
         ] })
       ] });
     }
   };
   let _ = null;
-  if (a && y.some((t) => t.id === a)) {
-    const t = y.find((o) => o.id === a);
+  if (i && y.some((t) => t.id === i)) {
+    const t = y.find((o) => o.id === i);
     _ = F.features.findIndex(
       (o) => o.properties && o.properties.name && o.properties.name === t.country
     );

package/lib/Footer/index.js

@@ -1,20 +1,19 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { Container as h, Typography as r, Box as g } from "@mui/material";
-import { mergeProps as w } from "../Util/index.js";
-import y from "../Logo/index.js";
-import { styled as u } from "../Theme/index.js";
-function b({ ...e }) {
-  var s;
-  const p = w(e, b, ["dark", "style"]), { className: d = "", copyStart: m = "2017", style: c = {}, brand: x = "ArcBlock", dark: n = !1, addon: a = null } = p, i = `${(/* @__PURE__ */ new Date()).getFullYear()}`, l = `${m}`, f = i === l ? i : `${l}-${i}`;
-  return /* @__PURE__ */ o(k, { className: d, style: c, dark: n, children: [
-    /* @__PURE__ */ t(h, { maxWidth: !1, children: /* @__PURE__ */ o(r, { component: "div", className: "footer", children: [
+import { Container as f, Typography as r, Box as h } from "@mui/material";
+import { mergeProps as g } from "../Util/index.js";
+import w from "../Logo/index.js";
+import { styled as y } from "../Theme/index.js";
+function u({ ...e }) {
+  const s = g(e, u, ["dark", "style"]), { className: p = "", copyStart: d = "2017", style: m = {}, brand: c = "ArcBlock", dark: n = !1, addon: a = null } = s, i = `${(/* @__PURE__ */ new Date()).getFullYear()}`, l = `${d}`, x = i === l ? i : `${l}-${i}`;
+  return /* @__PURE__ */ o(b, { className: p, style: m, dark: n, children: [
+    /* @__PURE__ */ t(f, { maxWidth: !1, children: /* @__PURE__ */ o(r, { component: "div", className: "footer", children: [
       /* @__PURE__ */ o(r, { component: "p", className: "footer-item", children: [
         /* @__PURE__ */ o("span", { className: "footer-copy", children: [
           "Copyright © ",
-          f,
+          x,
           " "
         ] }),
-        /* @__PURE__ */ t("span", { className: "footer-brand", children: x })
+        /* @__PURE__ */ t("span", { className: "footer-brand", children: c })
       ] }),
       a && /* @__PURE__ */ t(
         r,
@@ -27,11 +26,11 @@ function b({ ...e }) {
       ),
       /* @__PURE__ */ o(r, { component: "p", className: "footer-item", style: { justifyContent: "flex-end", flexShrink: 0 }, children: [
         "Powered by",
-        /* @__PURE__ */ t(y, { mode: n ? "light" : "dark", layout: "horizontal", className: "logo-container" })
+        /* @__PURE__ */ t(w, { mode: n ? "light" : "dark", layout: "horizontal", className: "logo-container" })
       ] })
     ] }) }),
     /* @__PURE__ */ t(
-      g,
+      h,
       {
         sx: {
           position: "absolute",
@@ -41,12 +40,12 @@ function b({ ...e }) {
           color: "transparent",
           "::selection": { background: "#000", color: "#fff" }
         },
-        children: (s = window == null ? void 0 : window.blocklet) == null ? void 0 : s.version
+        children: window?.blocklet?.version
       }
     )
   ] });
 }
-const k = u("div", {
+const b = y("div", {
   shouldForwardProp: (e) => e !== "dark"
 })`
   position: relative;
@@ -110,5 +109,5 @@ const k = u("div", {
   }
 `;
 export {
-  b as default
+  u as default
 };