@arcblock/ux 3.0.6 → 3.0.8

package/lib/NavMenu/nav-menu.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as M } from "react/jsx-runtime";
 import { useRef as T, useLayoutEffect as ne, useEffect as j, Children as V, isValidElement as te, cloneElement as re } from "react";
 import { useTheme as oe, ClickAwayListener as ae } from "@mui/material";
 import F from "clsx";
-import { Menu as le, MoreHoriz as ie, ArrowForward as se, ExpandMore as ue } from "@mui/icons-material";
+import { Menu as ie, MoreHoriz as le, ArrowForward as se, ExpandMore as ue } from "@mui/icons-material";
 import { useCreation as L, useReactive as ce, useMemoizedFn as A, useSize as de, useThrottleFn as me } from "ahooks";
 import fe from "lodash/noop";
 import { NavMenuProvider as ve, useNavMenuContext as B } from "./nav-menu-context.js";
@@ -21,14 +21,17 @@ function J({
   mode: a = "horizontal",
   children: C = null,
   activeId: m = null,
+  // eslint-disable-next-line react/require-default-props
   textColor: y,
+  // eslint-disable-next-line react/require-default-props
   activeTextColor: g,
+  // eslint-disable-next-line react/require-default-props
   bgColor: I,
-  onSelected: s,
+  onSelected: s = void 0,
   ...f
 }) {
   var O;
-  const r = oe(), u = L(() => r.palette.text.secondary, [r]), v = L(() => r.palette.text.primary, [r]), l = L(() => r.palette.background.default, [r]), c = D(C);
+  const r = oe(), u = L(() => r.palette.text.secondary, [r]), v = L(() => r.palette.text.primary, [r]), i = L(() => r.palette.background.default, [r]), c = D(C);
   if (!(n != null && n.length) && !(c != null && c.length))
     throw new Error("One of 'items' or 'children' is required by NavMenu component.");
   const t = ce({
@@ -40,13 +43,13 @@ function J({
   }), _ = A((e) => {
     t.openedIds.push(e);
   }), W = A((e) => {
-    t.openedIds = t.openedIds.filter((i) => i !== e);
+    t.openedIds = t.openedIds.filter((l) => l !== e);
   }), z = L(() => ({
     ...t,
     mode: a,
     textColor: u,
     activeTextColor: v,
-    bgColor: l,
+    bgColor: i,
     activate: N,
     open: _,
     close: W
@@ -57,25 +60,25 @@ function J({
     a,
     u,
     v,
-    l,
+    i,
     N,
     _,
     W
-  ]), $ = T(null), p = T([]), w = T(null), q = T(0), S = t.hiddenItemCount === ((O = p.current) == null ? void 0 : O.length), K = S ? { marginLeft: "0px" } : void 0, Q = L(() => S ? /* @__PURE__ */ o(le, {}) : /* @__PURE__ */ o(ie, {}), [S]), X = (e) => V.map(e, (i, h) => re(i, {
+  ]), $ = T(null), p = T([]), w = T(null), q = T(0), S = t.hiddenItemCount === ((O = p.current) == null ? void 0 : O.length), K = S ? { marginLeft: "0px" } : void 0, Q = L(() => S ? /* @__PURE__ */ o(ie, {}) : /* @__PURE__ */ o(le, {}), [S]), X = (e) => V.map(e, (l, h) => re(l, {
     ref: (b) => {
       p.current[h] = b;
     }
   })), x = de($.current), { run: R } = me(
     A(() => {
-      let e = 0, i = 0, h = !1;
+      let e = 0, l = 0, h = !1;
       const b = w.current ? w.current.offsetWidth + parseFloat(window.getComputedStyle(w.current).marginLeft) : 0;
       p.current.forEach((d, P) => {
         if (d) {
           d.style.display = "flex";
           const ee = P > 0 ? parseFloat(window.getComputedStyle(d).marginLeft) : 0, U = d.offsetWidth + ee;
-          q.current - b >= e + U && !h ? e += U : (d.style.display = "none", h = !0, i++);
+          q.current - b >= e + U && !h ? e += U : (d.style.display = "none", h = !0, l++);
         }
-      }), i !== t.hiddenItemCount && (t.hiddenItemCount = i);
+      }), l !== t.hiddenItemCount && (t.hiddenItemCount = l);
     }),
     { wait: 100 }
   );
@@ -90,7 +93,7 @@ function J({
   }, [a, n]), j(() => {
     m != null && (t.activeId = m);
   }, [m]);
-  const Y = F("navmenu", `navmenu--${a}`, f.className), H = (e, i, h = 0) => {
+  const Y = F("navmenu", `navmenu--${a}`, f.className), H = (e, l, h = 0) => {
     const b = h === 0;
     return e != null && e.children ? h > 0 ? null : /* @__PURE__ */ o(
       E,
@@ -100,7 +103,7 @@ function J({
         label: e.label,
         variant: b ? "default" : "panel",
         ref: b ? (d) => {
-          p.current[i] = d;
+          p.current[l] = d;
         } : void 0,
         children: typeof e.children == "function" ? e.children : e.children.map(
           (d, P) => H({ ...d, variant: "panel" }, P, h + 1)
@@ -117,29 +120,29 @@ function J({
         active: e.active,
         variant: e.variant,
         ref: b ? (d) => {
-          p.current[i] = d;
+          p.current[l] = d;
         } : void 0
       },
       e.id
     );
-  }, Z = n ? n == null ? void 0 : n.slice(-t.hiddenItemCount).map((e, i) => H(e, i, 1)) : c == null ? void 0 : c.slice(-t.hiddenItemCount);
-  return /* @__PURE__ */ o(ve, { value: z, children: /* @__PURE__ */ o(pe, { ...f, className: Y, $textColor: u, $bgColor: l, children: /* @__PURE__ */ M(he, { className: F("navmenu-root", `navmenu-root--${a}`), ref: $, children: [
-    n ? n.map((e, i) => H(e, i)) : X(c || []),
+  }, Z = n ? n == null ? void 0 : n.slice(-t.hiddenItemCount).map((e, l) => H(e, l, 1)) : c == null ? void 0 : c.slice(-t.hiddenItemCount);
+  return /* @__PURE__ */ o(ve, { value: z, children: /* @__PURE__ */ o(pe, { ...f, className: Y, $textColor: u, $bgColor: i, children: /* @__PURE__ */ M(he, { className: F("navmenu-root", `navmenu-root--${a}`), ref: $, children: [
+    n ? n.map((e, l) => H(e, l)) : X(c || []),
     t.hiddenItemCount > 0 && /* @__PURE__ */ o(E, { expandIcon: !1, icon: Q, label: "", ref: w, style: K, children: Z })
   ] }) }) });
 }
 function k({
-  ref: n,
+  ref: n = void 0,
   id: a = "",
   icon: C = null,
   label: m = "",
-  description: y,
+  description: y = void 0,
   active: g = !1,
   variant: I = "default",
   onClick: s = fe,
   ...f
 }) {
-  const r = G(a), { mode: u, activeId: v, activate: l, activeTextColor: c } = B(), t = F(
+  const r = G(a), { mode: u, activeId: v, activate: i, activeTextColor: c } = B(), t = F(
     "navmenu-item",
     { "navmenu-item--active": v === r },
     `navmenu-item--${u}`,
@@ -147,7 +150,7 @@ function k({
     f.className
   );
   return j(() => {
-    g && (l == null || l(r));
+    g && (i == null || i(r));
   }, [g]), // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
   /* @__PURE__ */ M(
     Ce,
@@ -157,7 +160,7 @@ function k({
       ref: n,
       $activeTextColor: c,
       onClick: () => {
-        s == null || s(), l == null || l(r);
+        s == null || s(), i == null || i(r);
       },
       children: [
         C && /* @__PURE__ */ o("span", { className: "navmenu-item__icon", children: C }),
@@ -175,13 +178,13 @@ function k({
 }
 k.displayName = "NavMenu.Item";
 function E({
-  ref: n,
+  ref: n = void 0,
   id: a = "",
   icon: C = null,
   label: m = null,
   description: y,
   variant: g = "default",
-  children: I,
+  children: I = void 0,
   expandIcon: s = ({ isOpen: r }) => /* @__PURE__ */ o(
     ue,
     {
@@ -192,7 +195,7 @@ function E({
   ),
   ...f
 }) {
-  const r = G(a), { openedIds: u, open: v, close: l, mode: c, activeTextColor: t } = B(), N = (u == null ? void 0 : u.includes(r)) ?? !1, _ = c === "inline", W = F(
+  const r = G(a), { openedIds: u, open: v, close: i, mode: c, activeTextColor: t } = B(), N = (u == null ? void 0 : u.includes(r)) ?? !1, _ = c === "inline", W = F(
     "navmenu-sub",
     "navmenu-item",
     { "navmenu-item--panel": g === "panel" },
@@ -200,7 +203,7 @@ function E({
     f.className
   ), z = {
     onClick: () => {
-      u != null && u.includes(r) ? l == null || l(r) : v == null || v(r);
+      u != null && u.includes(r) ? i == null || i(r) : v == null || v(r);
     }
   }, $ = _ ? { onClick: (w) => w.stopPropagation() } : {}, p = /* @__PURE__ */ M(
     Ne,
@@ -221,7 +224,7 @@ function E({
       ]
     }
   );
-  return _ ? p : /* @__PURE__ */ o(ae, { onClickAway: () => l == null ? void 0 : l(r), children: p });
+  return _ ? p : /* @__PURE__ */ o(ae, { onClickAway: () => i == null ? void 0 : i(r), children: p });
 }
 E.displayName = "NavMenu.Sub";
 J.Item = k;

package/lib/NavMenu/products.js

@@ -193,7 +193,7 @@ const E = {
     margin-top: 0px;
   }
 `;
-function ye({ className: c, isOpen: j, ...s }) {
+function ye({ className: c, isOpen: j = void 0, ...s }) {
   const { mode: a } = y(), { palette: p } = h(), m = u(null), { locale: o = "en" } = _() || {}, r = w((i, n = {}) => $(E, i, o, "en", n)), b = k(() => [
     {
       type: "Group",

package/lib/PageScroller/index.js

@@ -1,5 +1,5 @@
 import { jsx as W } from "react/jsx-runtime";
-import { useState as U, useRef as Q, Children as K, useCallback as i, cloneElement as Z, useEffect as p } from "react";
+import { useState as U, useRef as Q, Children as K, useCallback as l, cloneElement as Z, useEffect as p } from "react";
 import A from "lodash/isEqual";
 import r from "lodash/isNil";
 import g from "lodash/isNull";
@@ -9,38 +9,38 @@ const I = {
   TOUCHMOVE: "touchmove",
   KEYDOWN: "keydown"
 }, ee = 500, te = "ease-in-out", ne = "100vh", se = "100vw", k = 0, B = 0, D = 100, oe = 38, re = 40, y = "rps-scroll--disabled";
-let M = null, f = !1, a = !1, w = !0, Y = !1;
+let M = null, d = !1, a = !1, w = !0, Y = !1;
 const T = [];
-function le({
-  animationTimer: d = ee,
+function ie({
+  animationTimer: f = ee,
   blockScrollDown: F = !1,
   blockScrollUp: H = !1,
-  children: V,
+  children: V = void 0,
   height: G = ne,
   width: j = se,
-  customPageNumber: s,
-  onScrollUnavailable: E,
-  onChange: R,
+  customPageNumber: s = void 0,
+  onScrollUnavailable: E = void 0,
+  onChange: R = void 0,
   renderAllPagesOnFirstRender: $ = !1,
   transitionTimingFunction: q = te
 }) {
-  const [n, C] = U(k), [c, L] = U(B), m = P(n), l = Q(null), o = K.toArray(V), O = i(
+  const [n, v] = U(k), [c, C] = U(B), m = P(n), i = Q(null), o = K.toArray(V), L = l(
     (e) => {
       let t = 0;
-      r(e) || (t = e), t = Math.max(t, c), t <= n + 1 && (r(o[n + 1]) || t++), L(t);
+      r(e) || (t = e), t = Math.max(t, c), t <= n + 1 && (r(o[n + 1]) || t++), C(t);
     },
     [o, n, c]
-  ), X = i(() => {
-    $ ? L(K.count(o)) : r(o[k + 1]) || O(B + 1);
-  }, [O, o, $]), _ = i(() => {
+  ), X = l(() => {
+    $ ? C(K.count(o)) : r(o[k + 1]) || L(B + 1);
+  }, [L, o, $]), O = l(() => {
     w && (w = !1, window.scrollTo({
       left: 0,
       top: 0,
       behavior: "smooth"
     }), document.body.classList.add(y), document.documentElement.classList.add(y));
-  }, []), v = i(() => {
+  }, []), _ = l(() => {
     w || (w = !0, document.body.classList.remove(y), document.documentElement.classList.remove(y));
-  }, []), z = i(() => {
+  }, []), z = l(() => {
     const e = [];
     let t = 0;
     for (; t < c && !r(o[t]); )
@@ -48,25 +48,25 @@ function le({
         /* @__PURE__ */ W("div", { style: { height: "100%", width: "100%" }, children: Z(o[t], { ...o[t].props }) }, t)
       ), t++;
     return e;
-  }, [o, c]), h = i(() => {
-    !f && !F && (r(T[n + 1]) ? (v(), E && E()) : (_(), f = !0, l.current.style.transform = `translate3d(0, ${(n + 1) * -100}%, 0)`, setTimeout(() => {
-      a && C((e) => e + 1);
-    }, d + D)));
-  }, [d, F, n, _, v, E]), u = i(() => {
-    !f && !H && (r(T[n - 1]) ? (v(), E && E()) : (_(), f = !0, l.current.style.transform = `translate3d(0, ${(n - 1) * -100}%, 0)`, setTimeout(() => {
-      a && C((e) => e - 1);
-    }, d + D)));
-  }, [d, H, n, _, v, E]), N = i(
+  }, [o, c]), h = l(() => {
+    !d && !F && (r(T[n + 1]) ? (_(), E && E()) : (O(), d = !0, i.current.style.transform = `translate3d(0, ${(n + 1) * -100}%, 0)`, setTimeout(() => {
+      a && v((e) => e + 1);
+    }, f + D)));
+  }, [f, F, n, O, _, E]), u = l(() => {
+    !d && !H && (r(T[n - 1]) ? (_(), E && E()) : (O(), d = !0, i.current.style.transform = `translate3d(0, ${(n - 1) * -100}%, 0)`, setTimeout(() => {
+      a && v((e) => e - 1);
+    }, f + D)));
+  }, [f, H, n, O, _, E]), N = l(
     (e) => {
       g(M) ? M = e.touches[0].clientY : e.touches[0].clientY > M ? u() : h();
     },
     [h, u]
-  ), J = i(
+  ), J = l(
     (e) => {
       e.deltaY < 0 ? u() : h();
     },
     [h, u]
-  ), x = i(
+  ), x = l(
     (e) => {
       A(e.keyCode, oe) && u(), A(e.keyCode, re) && h();
     },
@@ -74,44 +74,44 @@ function le({
   );
   return p(() => {
     var e, t;
-    return (e = l.current) == null || e.addEventListener(I.TOUCHMOVE, N), (t = l.current) == null || t.addEventListener(I.KEYDOWN, x), () => {
+    return (e = i.current) == null || e.addEventListener(I.TOUCHMOVE, N), (t = i.current) == null || t.addEventListener(I.KEYDOWN, x), () => {
       var S;
-      (S = l.current) != null && S.removeEventListener && (l.current.removeEventListener(I.TOUCHMOVE, N), l.current.removeEventListener(I.KEYDOWN, x));
+      (S = i.current) != null && S.removeEventListener && (i.current.removeEventListener(I.TOUCHMOVE, N), i.current.removeEventListener(I.KEYDOWN, x));
     };
   }, [N, x]), p(() => (a = !0, X(), () => {
     a = !1;
   }), []), p(() => {
-    f = !1, M = null, m !== void 0 && n > m && O();
-  }, [O, n, m]), p(() => {
+    d = !1, M = null, m !== void 0 && n > m && L();
+  }, [L, n, m]), p(() => {
     R && R(n);
   }, [R, n]), p(() => {
     if (!r(s) && !A(s, n)) {
       let e = c;
       if (!A(n, s)) {
-        if (!r(T[s]) && !f)
-          f = !0, l.current.style.transform = `translate3d(0, ${s * -100}%, 0)`, r(T[s]) && !r(o[s]) && e++, setTimeout(() => {
-            C(s), L(e);
-          }, d + D);
-        else if (!f && !r(o[s])) {
+        if (!r(T[s]) && !d)
+          d = !0, i.current.style.transform = `translate3d(0, ${s * -100}%, 0)`, r(T[s]) && !r(o[s]) && e++, setTimeout(() => {
+            v(s), C(e);
+          }, f + D);
+        else if (!d && !r(o[s])) {
           for (let t = c; t <= s; t++)
             e++;
-          r(o[s]) || e++, f = !0, Y = !0, L(e);
+          r(o[s]) || e++, d = !0, Y = !0, C(e);
         }
       }
     }
   }, [s]), p(() => {
-    Y && (Y = !1, l.current.style.transform = `translate3d(0, ${s * -100}%, 0)`, setTimeout(() => {
-      C(s);
-    }, d + D));
-  }, [d, c, s]), /* @__PURE__ */ W("div", { style: { height: G, width: j, overflow: "hidden" }, children: /* @__PURE__ */ W(
+    Y && (Y = !1, i.current.style.transform = `translate3d(0, ${s * -100}%, 0)`, setTimeout(() => {
+      v(s);
+    }, f + D));
+  }, [f, c, s]), /* @__PURE__ */ W("div", { style: { height: G, width: j, overflow: "hidden" }, children: /* @__PURE__ */ W(
     "div",
     {
-      ref: l,
+      ref: i,
       onWheel: J,
       style: {
         height: "100%",
         width: "100%",
-        transition: `transform ${d}ms ${q}`,
+        transition: `transform ${f}ms ${q}`,
         outline: "none"
       },
       tabIndex: 0,
@@ -119,7 +119,7 @@ function le({
     }
   ) });
 }
-const pe = b(le, { name: "PageScroller" });
+const pe = b(ie, { name: "PageScroller" });
 export {
   pe as default
 };

package/lib/PhoneInput/country-select.js

@@ -1,27 +1,27 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { useState as O, useMemo as x } from "react";
 import { Box as C, Typography as a, Select as z, TextField as j, MenuItem as k } from "@mui/material";
 import { defaultCountries as u, parseCountry as c, FlagEmoji as y } from "react-international-phone";
 import P from "@arcblock/icons/lib/ArrowDown";
 import { mergeSx as F } from "../Util/style.js";
 function L({
-  ref: w,
+  ref: w = void 0,
   value: i,
-  onChange: s,
+  onChange: s = void 0,
   sx: I = {},
-  selectCountryProps: M,
+  selectCountryProps: M = void 0,
   preview: p = !1,
-  valueField: S = "iso2",
+  valueField: v = "iso2",
   ...m
 }) {
-  const { hideFlag: h = !0, hideDialCode: f = !1 } = M || {}, [n, b] = O(""), r = x(() => {
-    const e = u.find((t) => t[1] === i);
+  const { hideFlag: h = !0, hideDialCode: f = !1 } = M || {}, [n, S] = O(""), r = x(() => {
+    const e = u.find((o) => o[1] === i);
     return i && e ? c(e) : { name: "", iso2: "", dialCode: "" };
-  }, [i]), v = x(() => {
+  }, [i]), b = x(() => {
     if (!n) return u;
     const e = n.toLowerCase();
-    return u.filter((t) => {
-      const d = c(t);
+    return u.filter((o) => {
+      const d = c(o);
       return d.name.toLowerCase().includes(e) || d.iso2.toLowerCase().includes(e) || d.dialCode.includes(e);
     });
   }, [n]), g = /* @__PURE__ */ l(
@@ -35,8 +35,8 @@ function L({
         cursor: p ? "default" : "pointer"
       },
       children: [
-        h ? null : /* @__PURE__ */ o(y, { iso2: i, style: { display: "flex", width: 24, color: "inherit" } }),
-        /* @__PURE__ */ o(a, { component: "span", sx: { lineHeight: 1.5 }, children: f ? r == null ? void 0 : r.name : `+${r == null ? void 0 : r.dialCode}` })
+        h ? null : /* @__PURE__ */ t(y, { iso2: i, style: { display: "flex", width: 24, color: "inherit" } }),
+        /* @__PURE__ */ t(a, { component: "span", sx: { lineHeight: 1.5 }, children: f ? r == null ? void 0 : r.name : `+${r == null ? void 0 : r.dialCode}` })
       ]
     }
   );
@@ -71,40 +71,40 @@ function L({
       ),
       value: i,
       onChange: (e) => s == null ? void 0 : s(e.target.value),
-      IconComponent: (e) => /* @__PURE__ */ o(P, { ...e, width: 20, height: 20 }),
+      IconComponent: (e) => /* @__PURE__ */ t(P, { ...e, width: 20, height: 20 }),
       renderValue: () => g,
       children: [
-        /* @__PURE__ */ o(C, { sx: { p: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ t(C, { sx: { p: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ t(
           j,
           {
             size: "small",
             fullWidth: !0,
             placeholder: "Search country...",
             value: n,
-            onChange: (e) => b(e.target.value),
+            onChange: (e) => S(e.target.value),
             onClick: (e) => e.stopPropagation(),
             onKeyDown: (e) => e.stopPropagation()
           }
         ) }),
-        v.map((e) => {
-          const t = c(e);
-          return /* @__PURE__ */ l(k, { value: t[S], children: [
-            h ? null : /* @__PURE__ */ o(y, { iso2: t.iso2, style: { marginRight: 8, width: 24 } }),
-            /* @__PURE__ */ o(
+        b.map((e) => {
+          const o = c(e);
+          return /* @__PURE__ */ l(k, { value: o[v], children: [
+            h ? null : /* @__PURE__ */ t(y, { iso2: o.iso2, style: { marginRight: 8, width: 24 } }),
+            /* @__PURE__ */ t(
               a,
               {
                 sx: {
                   marginRight: 1
                 },
-                children: t.name
+                children: o.name
               }
             ),
             f ? null : /* @__PURE__ */ l(a, { color: "gray", children: [
               "(+",
-              t.dialCode,
+              o.dialCode,
               ")"
             ] })
-          ] }, t.iso2);
+          ] }, o.iso2);
         })
       ]
     }

package/lib/PhoneInput/index.js

@@ -1,17 +1,17 @@
 import { jsxs as $, jsx as m } from "react/jsx-runtime";
 import { useMemo as P, useState as F, useCallback as k } from "react";
 import { Box as I, Typography as A, TextField as L } from "@mui/material";
-import { parsePhoneNumber as w } from "awesome-phonenumber";
+import { parsePhoneNumber as v } from "awesome-phonenumber";
 import { defaultCountries as f, parseCountry as p, usePhoneInput as R } from "react-international-phone";
 import V from "./country-select.js";
 import { mergeSx as q } from "../Util/style.js";
 function W(e, t, n = "") {
   var c, h;
   if (!e) return !1;
-  const r = e.replace(/[\s\-()]+/g, ""), u = n || v(t);
+  const r = e.replace(/[\s\-()]+/g, ""), u = n || B(t);
   if (g(u) === g(r))
     return !0;
-  const a = w(e, { regionCode: t }), d = (c = a.number) == null ? void 0 : c.input.replace(/[\s\-()]+/g, "");
+  const a = v(e, { regionCode: t }), d = (c = a.number) == null ? void 0 : c.input.replace(/[\s\-()]+/g, "");
   return a.valid && (a.type === "mobile" || a.type === "fixed-line-or-mobile") && d === ((h = a.number) == null ? void 0 : h.e164);
 }
 function x(e, t) {
@@ -23,22 +23,22 @@ function b(e, t) {
 function g(e) {
   return e.replace(/^\+/, "");
 }
-function B(e, t) {
+function w(e, t) {
   const n = f.find((r) => p(r).iso2 === e);
   if (n)
     return p(n)[t];
 }
-function v(e) {
-  return B(e, "dialCode") || "";
+function B(e) {
+  return w(e, "dialCode") || "";
 }
 function U(e) {
-  return B(e, "name") || "";
+  return w(e, "name") || "";
 }
 function X(e) {
   try {
     if (!e) return;
     if (e.startsWith("+")) {
-      const t = w(e);
+      const t = v(e);
       if (t.valid)
         return t.regionCode.toLowerCase();
       for (const n of f) {
@@ -59,7 +59,7 @@ function X(e) {
 }
 function Y({
   value: e = { country: "us", phone: "" },
-  onChange: t,
+  onChange: t = void 0,
   placeholder: n = "Enter phone number",
   countryDisplayOptions: r = {},
   preview: u = !1,
@@ -105,7 +105,7 @@ function Y({
     u || T(o);
   };
   if (u) {
-    const o = b(l, v(y)), i = l && W(o, y), s = a && i;
+    const o = b(l, B(y)), i = l && W(o, y), s = a && i;
     return /* @__PURE__ */ $(
       I,
       {
@@ -182,6 +182,6 @@ export {
   Y as default,
   X as detectCountryFromPhone,
   U as getCountryNameByCountry,
-  v as getDialCodeByCountry,
+  B as getDialCodeByCountry,
   W as validatePhoneNumber
 };

package/lib/PoweredByArcBlock/index.js

@@ -1,16 +1,20 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { Typography as n, Link as t } from "@mui/material";
-function a({ linkProps: e, showExtra: o, ...l }) {
+import { Typography as n, Link as o } from "@mui/material";
+function h({
+  linkProps: e = void 0,
+  showExtra: t = !1,
+  ...l
+}) {
   return /* @__PURE__ */ c(n, { ...l, children: [
     "Powered by",
     " ",
-    /* @__PURE__ */ r(t, { href: "https://www.arcblock.io", target: "_blank", ...e, children: "ArcBlock" }),
+    /* @__PURE__ */ r(o, { href: "https://www.arcblock.io", target: "_blank", ...e, children: "ArcBlock" }),
     "'s",
     " ",
-    /* @__PURE__ */ r(t, { href: "https://www.blocklet.io", target: "_blank", ...e, children: "Blocklet Technology" }),
-    o ? ", the decentralized web engine." : null
+    /* @__PURE__ */ r(o, { href: "https://www.blocklet.io", target: "_blank", ...e, children: "Blocklet Technology" }),
+    t ? ", the decentralized web engine." : null
   ] });
 }
 export {
-  a as default
+  h as default
 };

package/lib/QRCode/index.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import { useRef as f, useMemo as m, useState as c, useEffect as p } from "react";
+import { useRef as f, useMemo as m, useState as c, useEffect as i } from "react";
 import a from "@solana/qr-code-styling";
 import { Box as l } from "@mui/material";
 const y = {
@@ -14,7 +14,7 @@ const y = {
     type: "dot"
   }
 };
-function C({ data: s, size: r, image: e, config: u = {}, ...i }) {
+function C({ data: s, size: r, image: e = void 0, config: u = {}, ...p }) {
   const o = f(null), n = m(() => ({
     ...y,
     data: s,
@@ -29,11 +29,11 @@ function C({ data: s, size: r, image: e, config: u = {}, ...i }) {
     },
     ...u
   }), [s, r, e, u]), [t] = c(new a(n));
-  return p(() => {
+  return i(() => {
     o.current && t.append(o.current);
-  }, [t, o]), p(() => {
+  }, [t, o]), i(() => {
     t && t.update(n);
-  }, [n, t]), /* @__PURE__ */ d(l, { ref: o, ...i });
+  }, [n, t]), /* @__PURE__ */ d(l, { ref: o, ...p });
 }
 export {
   C as default