@arcblock/ux 3.0.9 → 3.0.10

package/lib/DIDConnect/app-info-item.js

@@ -1,25 +1,25 @@
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { Box as i, Tooltip as m, IconButton as c } from "@mui/material";
+import { Box as r, Tooltip as m, IconButton as c } from "@mui/material";
 import f from "@iconify-icons/material-symbols/check";
 import { Icon as d } from "@iconify/react";
 import { useSize as h, useCreation as u } from "ahooks";
 import { useRef as x } from "react";
 import { DID as w } from "../DID/index.js";
-import { mergeSx as I } from "../Util/style.js";
-import N from "./app-icon.js";
-import { DID_CONNECT_MEDIUM_WIDTH as C } from "../Util/constant.js";
+import { mergeSx as z } from "../Util/style.js";
+import I from "./app-icon.js";
+import { DID_CONNECT_MEDIUM_WIDTH as N } from "../Util/constant.js";
 function b({
-  appInfo: r,
-  active: l = !1,
-  appLogo: s = null,
+  appInfo: o,
+  active: s = !1,
+  appLogo: l = null,
   sx: a = {}
 }) {
-  const t = x(null), o = h(t), n = u(() => o ? o.width < C - 50 : !0, [o, o == null ? void 0 : o.width]);
+  const t = x(null), i = h(t), n = u(() => i ? i.width < N - 50 : !0, [i, i?.width]);
   return /* @__PURE__ */ p(
-    i,
+    r,
     {
       ref: t,
-      sx: I(
+      sx: z(
         {
           display: "flex",
           alignItems: "center",
@@ -42,24 +42,24 @@ function b({
         a
       ),
       children: [
-        s || /* @__PURE__ */ e(
-          i,
+        l || /* @__PURE__ */ e(
+          r,
           {
             sx: {
               borderRadius: 1,
               overflow: "hidden",
               fontSize: 0
             },
-            children: /* @__PURE__ */ e(N, { appInfo: r })
+            children: /* @__PURE__ */ e(I, { appInfo: o })
           }
         ),
-        /* @__PURE__ */ p(i, { className: "app-info-content", children: [
-          /* @__PURE__ */ e(m, { title: r.appName, placement: "top", children: /* @__PURE__ */ e(i, { className: "app-info-name", children: r.appName }) }),
-          r.appPid && /* @__PURE__ */ e(
+        /* @__PURE__ */ p(r, { className: "app-info-content", children: [
+          /* @__PURE__ */ e(m, { title: o.appName, placement: "top", children: /* @__PURE__ */ e(r, { className: "app-info-name", children: o.appName }) }),
+          o.appPid && /* @__PURE__ */ e(
             w,
             {
               className: "app-info-did",
-              did: r.appPid,
+              did: o.appPid,
               sx: { fontSize: "10px !important" },
               copyable: !1,
               startChars: n ? 6 : 8,
@@ -68,7 +68,7 @@ function b({
             }
           )
         ] }),
-        l ? /* @__PURE__ */ e(c, { size: "small", color: "success", children: /* @__PURE__ */ e(d, { icon: f, color: "success" }) }) : null
+        s ? /* @__PURE__ */ e(c, { size: "small", color: "success", children: /* @__PURE__ */ e(d, { icon: f, color: "success" }) }) : null
       ]
     }
   );

package/lib/DIDConnect/auth-apps/index.js

@@ -1,17 +1,17 @@
-import { jsx as i, jsxs as r, Fragment as G } from "react/jsx-runtime";
-import { CircularProgress as x, Box as l, Stack as H, Button as v, Typography as J, Link as K } from "@mui/material";
-import { useReactive as O, useMemoizedFn as t } from "ahooks";
-import c from "lodash/noop";
-import Q from "../did-connect-container.js";
-import S from "./auth-apps-info.js";
-import V from "../../Center/index.js";
-import X from "../landing-page.js";
-import { translate as Y } from "../../Locale/util.js";
-import { useLocaleContext as Z } from "../../Locale/context.js";
-import _ from "../../UserCard/index.js";
-import { InfoType as $, CardType as P } from "../../UserCard/types.js";
-import { mergeSx as b } from "../../Util/style.js";
-const ee = {
+import { jsx as e, jsxs as o, Fragment as U } from "react/jsx-runtime";
+import { CircularProgress as u, Box as l, Stack as N, Button as h, Typography as q, Link as E } from "@mui/material";
+import { useReactive as G, useMemoizedFn as i } from "ahooks";
+import d from "lodash/noop";
+import H from "../did-connect-container.js";
+import J from "./auth-apps-info.js";
+import K from "../../Center/index.js";
+import O from "../landing-page.js";
+import { translate as Q } from "../../Locale/util.js";
+import { useLocaleContext as V } from "../../Locale/context.js";
+import X from "../../UserCard/index.js";
+import { InfoType as Y, CardType as Z } from "../../UserCard/types.js";
+import { mergeSx as m } from "../../Util/style.js";
+const _ = {
   en: {
     notThis: "Not this?",
     useAnother: "Use another",
@@ -27,59 +27,58 @@ const ee = {
     cancel: "取消"
   }
 };
-function ge({
-  session: a,
-  requestAppInfo: z,
-  currentAppInfo: k,
-  children: T = null,
-  userInfo: s = void 0,
-  hideSwitchConnect: A = !1,
-  hideAuthorize: D = !1,
-  hideCancel: I = !1,
-  notThisText: L = void 0,
-  authorizeText: W = void 0,
-  connectText: j = void 0,
-  cancelText: w = void 0,
-  useAnotherText: B = void 0,
-  slotProps: e = void 0,
-  onConnect: u = c,
-  onAuthorize: h = c,
-  onSwitchConnect: m = c,
-  onCancel: f = c
+function ue({
+  session: c,
+  requestAppInfo: p,
+  currentAppInfo: f,
+  children: g = null,
+  userInfo: x = void 0,
+  hideSwitchConnect: C = !1,
+  hideAuthorize: v = !1,
+  hideCancel: z = !1,
+  notThisText: y = void 0,
+  authorizeText: A = void 0,
+  connectText: b = void 0,
+  cancelText: k = void 0,
+  useAnotherText: T = void 0,
+  slotProps: r = void 0,
+  onConnect: w = d,
+  onAuthorize: D = d,
+  onSwitchConnect: I = d,
+  onCancel: L = d
 }) {
-  var p, C, y;
-  const n = O({
+  const n = G({
     loading: !1
-  }), { locale: F = "en" } = Z() || {}, d = t((q, E = {}) => Y(ee, q, F, "en", E)), g = t(() => {
+  }), { locale: S = "en" } = V() || {}, t = i((M, R = {}) => Q(_, M, S, "en", R)), s = i(() => {
     n.loading = !1;
-  }), M = t(() => {
-    n.loading = !0, u == null || u(g);
-  }), R = t(() => {
-    n.loading = !0, m == null || m(g);
-  }), U = t(() => {
-    n.loading = !0, h == null || h(g);
-  }), N = t(() => {
-    f == null || f();
+  }), W = i(() => {
+    n.loading = !0, w?.(s);
+  }), j = i(() => {
+    n.loading = !0, I?.(s);
+  }), B = i(() => {
+    n.loading = !0, D?.(s);
+  }), F = i(() => {
+    L?.();
   });
-  if (a.loading || !a.initialized)
-    return /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(x, {}) });
-  const o = s ?? (a == null ? void 0 : a.user);
-  return /* @__PURE__ */ i(X, { did: (p = window.blocklet) == null ? void 0 : p.appPid, standalone: !0, children: /* @__PURE__ */ i(
+  if (c.loading || !c.initialized)
+    return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(u, {}) });
+  const a = x ?? c?.user;
+  return /* @__PURE__ */ e(O, { did: window.blocklet?.appPid, standalone: !0, children: /* @__PURE__ */ e(
     l,
     {
-      ...e == null ? void 0 : e.root,
-      sx: b(
+      ...r?.root,
+      sx: m(
         {
           width: 420,
           maxWidth: "100%"
         },
-        (C = e == null ? void 0 : e.root) == null ? void 0 : C.sx
+        r?.root?.sx
       ),
-      children: /* @__PURE__ */ i(Q, { hideCloseButton: !0, ...e == null ? void 0 : e.didConnectContainer, children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ e(H, { hideCloseButton: !0, ...r?.didConnectContainer, children: /* @__PURE__ */ o(
         l,
         {
-          ...e == null ? void 0 : e.contentContainer,
-          sx: b(
+          ...r?.contentContainer,
+          sx: m(
             {
               display: "flex",
               flexDirection: "column",
@@ -95,16 +94,16 @@ function ge({
               },
               bgcolor: "background.paper"
             },
-            (y = e == null ? void 0 : e.contentContainer) == null ? void 0 : y.sx
+            r?.contentContainer?.sx
           ),
           children: [
-            /* @__PURE__ */ i(S, { requestAppInfo: z, currentAppInfo: k }),
-            o ? /* @__PURE__ */ r(G, { children: [
-              /* @__PURE__ */ i(_, { user: o, showDid: !0, cardType: P.Detailed, infoType: $.Minimal }),
-              /* @__PURE__ */ i(l, {})
+            /* @__PURE__ */ e(J, { requestAppInfo: p, currentAppInfo: f }),
+            a ? /* @__PURE__ */ o(U, { children: [
+              /* @__PURE__ */ e(X, { user: a, showDid: !0, cardType: Z.Detailed, infoType: Y.Minimal }),
+              /* @__PURE__ */ e(l, {})
             ] }) : null,
-            T,
-            /* @__PURE__ */ i(
+            g,
+            /* @__PURE__ */ e(
               l,
               {
                 sx: {
@@ -116,51 +115,51 @@ function ge({
                 }
               }
             ),
-            /* @__PURE__ */ r(H, { direction: "row", spacing: 2, children: [
-              I ? null : /* @__PURE__ */ i(
-                v,
+            /* @__PURE__ */ o(N, { direction: "row", spacing: 2, children: [
+              z ? null : /* @__PURE__ */ e(
+                h,
                 {
                   color: "inherit",
                   variant: "outlined",
                   size: "large",
                   fullWidth: !0,
-                  onClick: N,
+                  onClick: F,
                   sx: {
                     color: "grey.500"
                   },
-                  children: w || d("cancel")
+                  children: k || t("cancel")
                 }
               ),
-              o && !D ? /* @__PURE__ */ r(
-                v,
+              a && !v ? /* @__PURE__ */ o(
+                h,
                 {
                   variant: "contained",
                   size: "large",
                   fullWidth: !0,
-                  onClick: U,
+                  onClick: B,
                   disabled: n.loading,
                   children: [
-                    n.loading ? /* @__PURE__ */ i(x, { size: 20, sx: { mr: 1 } }) : null,
-                    W || d("authorize")
+                    n.loading ? /* @__PURE__ */ e(u, { size: 20, sx: { mr: 1 } }) : null,
+                    A || t("authorize")
                   ]
                 }
-              ) : /* @__PURE__ */ r(
-                v,
+              ) : /* @__PURE__ */ o(
+                h,
                 {
                   variant: "contained",
                   size: "large",
                   fullWidth: !0,
                   disabled: n.loading,
-                  onClick: M,
+                  onClick: W,
                   children: [
-                    n.loading ? /* @__PURE__ */ i(x, { size: 20, sx: { mr: 1 } }) : null,
-                    j || d("connect")
+                    n.loading ? /* @__PURE__ */ e(u, { size: 20, sx: { mr: 1 } }) : null,
+                    b || t("connect")
                   ]
                 }
               )
             ] }),
-            A || !o ? null : /* @__PURE__ */ i(l, { sx: { textAlign: "center" }, children: /* @__PURE__ */ r(
-              J,
+            C || !a ? null : /* @__PURE__ */ e(l, { sx: { textAlign: "center" }, children: /* @__PURE__ */ o(
+              q,
               {
                 variant: "body2",
                 sx: {
@@ -170,17 +169,17 @@ function ge({
                   gap: 1
                 },
                 children: [
-                  L || d("notThis"),
+                  y || t("notThis"),
                   " ",
-                  /* @__PURE__ */ i(
-                    K,
+                  /* @__PURE__ */ e(
+                    E,
                     {
                       underline: "hover",
-                      onClick: R,
+                      onClick: j,
                       sx: {
                         cursor: "pointer"
                       },
-                      children: B || d("useAnother")
+                      children: T || t("useAnother")
                     }
                   )
                 ]
@@ -193,5 +192,5 @@ function ge({
   ) });
 }
 export {
-  ge as default
+  ue as default
 };

package/lib/DIDConnect/did-connect-container.js

@@ -1,61 +1,60 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { memo as J, createElement as U, useRef as X } from "react";
-import { useBrowser as Y } from "@arcblock/react-hooks";
-import { Backdrop as Z, useMediaQuery as P, useTheme as ee, Box as l, Drawer as oe, SwipeableDrawer as re, Dialog as ne, DialogContent as ae } from "@mui/material";
-import { useCreation as ie, useDebounce as te } from "ahooks";
-import de from "color-convert";
-import { getDIDMotifInfo as ce } from "@arcblock/did-motif";
-import le from "lodash/noop";
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { memo as N, createElement as O, useRef as T } from "react";
+import { useBrowser as W } from "@arcblock/react-hooks";
+import { Backdrop as F, useMediaQuery as H, useTheme as K, Box as s, Drawer as Q, SwipeableDrawer as V, Dialog as q, DialogContent as J } from "@mui/material";
+import { useCreation as U, useDebounce as X } from "ahooks";
+import Y from "color-convert";
+import { getDIDMotifInfo as Z } from "@arcblock/did-motif";
+import oo from "lodash/noop";
 import "../Theme/theme.js";
 import "../Theme/theme-provider.js";
-import { mergeSx as c } from "../Util/style.js";
-import { isEthereumDid as ue, getDIDColor as se, hexToRgba as u } from "../Util/index.js";
-import h from "./did-connect-footer.js";
-const j = J(({ ref: a, ...f }) => /* @__PURE__ */ U(
-  Z,
+import { mergeSx as l } from "../Util/style.js";
+import { isEthereumDid as ro, getDIDColor as eo, hexToRgba as c } from "../Util/index.js";
+import b from "./did-connect-footer.js";
+const S = N(({ ref: t, ...x }) => /* @__PURE__ */ O(
+  F,
   {
     open: !0,
-    ref: a,
+    ref: t,
     style: {
       backgroundColor: "rgba(0, 0, 0, 0.6)",
       backdropFilter: "blur(3px)",
       touchAction: "none"
     },
-    ...f,
+    ...x,
     key: "background"
   }
 ));
-function ye({
-  open: a = !1,
-  popup: f = !1,
-  hideCloseButton: w = !1,
-  children: g,
-  appPid: E = void 0,
-  slotProps: e = void 0,
-  onClose: G = le,
-  keepMounted: k = !1
+function ko({
+  open: t = !1,
+  popup: x = !1,
+  hideCloseButton: h = !1,
+  children: f,
+  appPid: y = void 0,
+  slotProps: i = void 0,
+  onClose: A = oo,
+  keepMounted: w = !1
 }) {
-  var y, A, L, _, B, I, z, M;
-  const n = ie(() => {
-    const o = E || window.blocklet.appPid, r = ue(o), i = r ? void 0 : ce(o);
-    return r ? se(o) : i.color;
-  }, []), C = X(null), N = Y(), O = P("(max-width:640px)");
-  let s = "page";
-  f && (s = "dialog", O && N.mobile.any && (s = "drawer"));
-  const b = ee(), T = ((A = (y = b == null ? void 0 : b.transitions) == null ? void 0 : y.duration) == null ? void 0 : A.leavingScreen) || 500, W = te(a, {
-    wait: T
-  }), D = (o, r) => {
-    ["backdropClick", "escapeKeyDown"].includes(r) || G();
-  }, v = W || a || k, F = w ? oe : re, H = de.hex.hsl(n), [R, $, d] = H, x = [0, 30, 60, 30, 0, 30, 60, 30], K = Math.max(...x), Q = Math.min(...x);
-  let p = !1;
-  (d * (100 + K) / 100 > 100 || d * (100 + Q) / 100 < 0) && (p = !0);
-  const V = `linear-gradient(45deg, ${x.map((o) => {
-    let r = d * (100 + o) / 100, i = 0.6;
-    return p ? i = 0.5 * (100 + o) / 100 : r = d * (100 + o) / 100, `hsla(${R}, ${$}%, ${r}%, ${i})`;
-  }).join(", ")})`, q = `linear-gradient(45deg, ${x.map((o) => {
-    let r = d * (100 + o) / 100, i = 0.2;
-    return p ? i = 0.3 * (100 + o) / 100 : r = d * (100 + o) / 100, `hsla(${R}, ${$}%, ${r}%, ${i})`;
-  }).join(", ")})`, S = a ? {
+  const e = U(() => {
+    const o = y || window.blocklet.appPid, r = ro(o), n = r ? void 0 : Z(o);
+    return r ? eo(o) : n.color;
+  }, []), k = T(null), L = W(), _ = H("(max-width:640px)");
+  let u = "page";
+  x && (u = "dialog", _ && L.mobile.any && (u = "drawer"));
+  const B = K()?.transitions?.duration?.leavingScreen || 500, I = X(t, {
+    wait: B
+  }), C = (o, r) => {
+    ["backdropClick", "escapeKeyDown"].includes(r) || A();
+  }, D = I || t || w, P = h ? Q : V, z = Y.hex.hsl(e), [v, R, d] = z, p = [0, 30, 60, 30, 0, 30, 60, 30], M = Math.max(...p), j = Math.min(...p);
+  let g = !1;
+  (d * (100 + M) / 100 > 100 || d * (100 + j) / 100 < 0) && (g = !0);
+  const E = `linear-gradient(45deg, ${p.map((o) => {
+    let r = d * (100 + o) / 100, n = 0.6;
+    return g ? n = 0.5 * (100 + o) / 100 : r = d * (100 + o) / 100, `hsla(${v}, ${R}%, ${r}%, ${n})`;
+  }).join(", ")})`, G = `linear-gradient(45deg, ${p.map((o) => {
+    let r = d * (100 + o) / 100, n = 0.2;
+    return g ? n = 0.3 * (100 + o) / 100 : r = d * (100 + o) / 100, `hsla(${v}, ${R}%, ${r}%, ${n})`;
+  }).join(", ")})`, $ = t ? {
     overflow: "visible",
     "&::before, &::after": {
       content: '""',
@@ -64,7 +63,7 @@ function ye({
       right: "-3px",
       bottom: "-3px",
       left: "-3px",
-      background: V,
+      background: E,
       backgroundSize: "300% 300%",
       backgroundRepeat: "no-repeat",
       animation: "glowRotate 10s linear infinite",
@@ -72,7 +71,7 @@ function ye({
       zIndex: 0
     },
     "&::after": {
-      background: q,
+      background: G,
       filter: "blur(15px)"
     },
     "@keyframes glowRotate": {
@@ -87,25 +86,25 @@ function ye({
       }
     }
   } : {};
-  return s === "page" ? /* @__PURE__ */ t(
-    l,
+  return u === "page" ? /* @__PURE__ */ a(
+    s,
     {
       className: "did-connect__container-page",
-      sx: c(
+      sx: l(
         {
           borderRadius: 1,
           position: "relative",
           zIndex: 1,
           backgroundColor: "background.default"
         },
-        S,
-        (L = e == null ? void 0 : e.containerPage) == null ? void 0 : L.sx
+        $,
+        i?.containerPage?.sx
       ),
       children: /* @__PURE__ */ m(
-        l,
+        s,
         {
           sx: {
-            border: `1px solid ${u(n, 0.1)}`,
+            border: `1px solid ${c(e, 0.1)}`,
             m: "-1px",
             position: "relative",
             borderRadius: "12px",
@@ -114,26 +113,26 @@ function ye({
             backgroundColor: "background.default"
           },
           children: [
-            g,
-            /* @__PURE__ */ t(h, { currentAppColor: n, sx: c({ mx: 0 }, (_ = e == null ? void 0 : e.footer) == null ? void 0 : _.sx) })
+            f,
+            /* @__PURE__ */ a(b, { currentAppColor: e, sx: l({ mx: 0 }, i?.footer?.sx) })
           ]
         }
       )
     }
-  ) : s === "drawer" ? /* @__PURE__ */ m(
-    F,
+  ) : u === "drawer" ? /* @__PURE__ */ m(
+    P,
     {
       className: "did-connect__container-drawer",
       disableSwipeToOpen: !0,
-      open: a,
+      open: t,
       anchor: "bottom",
-      drawerDragger: C.current,
-      onClose: D,
+      drawerDragger: k.current,
+      onClose: C,
       slots: {
-        backdrop: j
+        backdrop: S
       },
       PaperProps: {
-        sx: c(
+        sx: l(
           {
             backgroundColor: "background.default",
             borderRadius: 3,
@@ -145,28 +144,28 @@ function ye({
               backgroundColor: "transparent"
             },
             overflow: "hidden",
-            animation: a ? "glowBreathe 7s linear infinite" : "none",
+            animation: t ? "glowBreathe 7s linear infinite" : "none",
             "@keyframes glowBreathe": {
               "0%, 100%": {
                 boxShadow: `
-                    inset 0 0 7px ${u(n, 0.3)},
-                    inset 0 0 12px ${u(n, 0.3)}`
+                    inset 0 0 7px ${c(e, 0.3)},
+                    inset 0 0 12px ${c(e, 0.3)}`
               },
               "50%": {
                 boxShadow: `
-                    inset 0 0 18px ${u(n, 0.7)},
-                    inset 0 0 24px ${u(n, 0.5)}`
+                    inset 0 0 18px ${c(e, 0.7)},
+                    inset 0 0 24px ${c(e, 0.5)}`
               }
             }
           },
-          (B = e == null ? void 0 : e.containerDrawer) == null ? void 0 : B.sx
+          i?.containerDrawer?.sx
         )
       },
       children: [
-        w ? null : /* @__PURE__ */ t(
-          l,
+        h ? null : /* @__PURE__ */ a(
+          s,
           {
-            ref: C,
+            ref: k,
             sx: {
               px: 1,
               pt: 2,
@@ -175,8 +174,8 @@ function ye({
               mb: -2,
               zIndex: 2
             },
-            children: /* @__PURE__ */ t(
-              l,
+            children: /* @__PURE__ */ a(
+              s,
               {
                 sx: {
                   width: "48px",
@@ -189,7 +188,7 @@ function ye({
           }
         ),
         /* @__PURE__ */ m(
-          l,
+          s,
           {
             sx: {
               touchAction: "none",
@@ -199,25 +198,25 @@ function ye({
               backgroundColor: "background.default"
             },
             children: [
-              v ? g : null,
-              /* @__PURE__ */ t(h, { currentAppColor: n, sx: c({ mx: 0 }, (I = e == null ? void 0 : e.footer) == null ? void 0 : I.sx) })
+              D ? f : null,
+              /* @__PURE__ */ a(b, { currentAppColor: e, sx: l({ mx: 0 }, i?.footer?.sx) })
             ]
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ t(
-    ne,
+  ) : /* @__PURE__ */ a(
+    q,
     {
-      open: a,
+      open: t,
       slots: {
-        backdrop: j
+        backdrop: S
       },
-      keepMounted: k,
+      keepMounted: w,
       className: "did-connect__container-dialog",
-      onClose: D,
+      onClose: C,
       PaperProps: {
-        sx: c(
+        sx: l(
           {
             // 避免样式被 server 中的定义覆盖
             "&.MuiPaper-rounded": {
@@ -226,12 +225,12 @@ function ye({
             position: "relative",
             backgroundColor: "background.default"
           },
-          S,
-          (z = e == null ? void 0 : e.containerDialog) == null ? void 0 : z.sx
+          $,
+          i?.containerDialog?.sx
         )
       },
       children: /* @__PURE__ */ m(
-        ae,
+        J,
         {
           sx: {
             maxWidth: "calc(100vw - 18px)",
@@ -243,8 +242,8 @@ function ye({
             backgroundColor: "background.default"
           },
           children: [
-            v ? g : null,
-            /* @__PURE__ */ t(h, { currentAppColor: n, sx: c({ mx: 0 }, (M = e == null ? void 0 : e.footer) == null ? void 0 : M.sx) })
+            D ? f : null,
+            /* @__PURE__ */ a(b, { currentAppColor: e, sx: l({ mx: 0 }, i?.footer?.sx) })
           ]
         }
       )
@@ -252,5 +251,5 @@ function ye({
   );
 }
 export {
-  ye as default
+  ko as default
 };