@blocklet/list 0.16.46 → 0.16.48

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as h, Fragment as M } from "react/jsx-runtime";
+import { jsx as t, jsxs as h, Fragment as z } from "react/jsx-runtime";
 import { styled as Q, useTheme as we } from "@arcblock/ux/lib/Theme";
 import et from "@mui/material/styles/createTheme";
 import tt from "@mui/material/styles/ThemeProvider";
@@ -6,24 +6,24 @@ import { pick as rt, omitBy as se, orderBy as ot, isEmpty as nt, merge as it } f
 import { ErrorFallback as be } from "@arcblock/ux/lib/ErrorBoundary";
 import w from "@mui/material/Box";
 import O from "@mui/material/Stack";
-import { createContext as _e, useState as E, useMemo as V, useContext as Me, useCallback as ge, useEffect as G, forwardRef as lt, useRef as re, memo as at } from "react";
+import { createContext as Me, useState as E, useMemo as V, useContext as ze, useCallback as ge, useEffect as G, forwardRef as lt, useRef as re, memo as at } from "react";
 import { ErrorBoundary as st } from "react-error-boundary";
 import ct from "@iconify-icons/tabler/compass";
 import { Icon as X } from "@iconify/react";
 import ke from "@mui/icons-material/Close";
 import v from "@mui/material/Typography";
-import { createAxios as ze } from "@blocklet/js-sdk";
+import { createAxios as Fe } from "@blocklet/js-sdk";
 import { useRequest as ne, useDebounceFn as De, useInfiniteScroll as dt, useReactive as ut } from "ahooks";
 import "color";
-import { parseURL as ht, parseQuery as pt, parseFilename as mt, stringifyParsedURL as ft, withQuery as ve, joinURL as Be } from "ufo";
-import Re from "flat";
+import { parseURL as ht, parseQuery as pt, parseFilename as mt, stringifyParsedURL as ft, withQuery as ve, joinURL as Re } from "ufo";
+import Be from "flat";
 import ie from "@mui/material/Button";
 import gt from "@mui/material/styles/useTheme";
 import U from "@mui/material/useMediaQuery";
-import xt from "@mui/material/Drawer";
+import yt from "@mui/material/Drawer";
 import Ne from "@mui/material/Checkbox";
 import We from "@mui/material/FormControlLabel";
-import yt from "@mui/icons-material/Check";
+import xt from "@mui/icons-material/Check";
 import wt from "@mui/icons-material/KeyboardArrowDown";
 import bt from "@mui/material/ClickAwayListener";
 import kt from "@mui/material/Grow";
@@ -35,9 +35,9 @@ import St from "@mui/material/SvgIcon";
 import le from "@mui/material/CircularProgress";
 import He from "@arcblock/ux/lib/Avatar";
 import It from "@iconify-icons/tabler/cloud-download";
-import Bt from "@mui/icons-material/ChevronLeft";
-import Rt from "@mui/icons-material/ChevronRight";
-import L from "@mui/material/Skeleton";
+import Rt from "@mui/icons-material/ChevronLeft";
+import Bt from "@mui/icons-material/ChevronRight";
+import _ from "@mui/material/Skeleton";
 import Tt from "react-image-gallery";
 import "react-image-gallery/styles/css/image-gallery.css";
 import Te from "@mui/material/Grid";
@@ -47,18 +47,18 @@ import Et from "@iconify-icons/tabler/square-check-filled";
 import Pe from "@mui/material/Chip";
 import { useTheme as Ot } from "@mui/material/styles";
 import te from "@mui/icons-material/Search";
-import Ft from "@mui/material/Autocomplete";
-import Lt from "@mui/material/Dialog";
+import Lt from "@mui/material/Autocomplete";
+import _t from "@mui/material/Dialog";
 import Ue from "@mui/material/OutlinedInput";
-import _t from "@mui/material/TextField";
-import { useHotkeys as Mt } from "react-hotkeys-hook";
+import Mt from "@mui/material/TextField";
+import { useHotkeys as zt } from "react-hotkeys-hook";
 import Ae from "@mui/material/InputAdornment";
-import zt from "@arcblock/ux/lib/Empty";
+import Ft from "@arcblock/ux/lib/Empty";
 import Dt from "json-stable-stringify";
 import Nt from "@mui/icons-material/Menu";
-import { Card as Wt, Box as ce, Skeleton as F } from "@mui/material";
+import { Card as Wt, Box as ce, Skeleton as L } from "@mui/material";
 import $t from "@arcblock/ux/lib/Img";
-const Ve = _e({
+const Ve = Me({
   open: !1,
   toggleOpen: (e) => {
   }
@@ -70,7 +70,7 @@ function jt({ children: e }) {
   return /* @__PURE__ */ t(Ve.Provider, { value: l, children: e });
 }
 function Ce() {
-  return Me(Ve);
+  return ze(Ve);
 }
 const P = {
   nameAsc: "title",
@@ -292,8 +292,8 @@ const Vt = (e, r, o) => e && r || !o, Ge = (e) => [
     expandResult: "查看 “{name}” 的所有搜索结果"
   }
 }, de = {
-  en: Re(Yt),
-  zh: Re(Zt)
+  en: Be(Yt),
+  zh: Be(Zt)
 }, Ke = (e, r) => {
   const o = {};
   return e && (o["x-blocklet-server-version"] = e), r && (o["x-blocklet-store-version"] = r), o;
@@ -355,7 +355,7 @@ const Vt = (e, r, o) => e && r || !o, Ge = (e) => [
     handlePage: () => {
     }
   }
-}, Qe = _e(Xe), { Provider: er, Consumer: Fo } = Qe;
+}, Qe = Me(Xe), { Provider: er, Consumer: Lo } = Qe;
 function tr(e) {
   const {
     locale: r = "zh",
@@ -371,23 +371,23 @@ function tr(e) {
     baseSearch: f = !1,
     fetchCategoryDelay: u = 0,
     showResourcesSwitch: g = !1,
-    showCategory: y = !0,
+    showCategory: x = !0,
     tagFilters: I = [],
-    children: x,
-    storeVersion: B,
+    children: y,
+    storeVersion: R,
     onSearchSelect: p = () => {
     },
     endpoint: C,
     blockletRender: b,
     compact: k = !1
-  } = e, A = Ke(n, B), z = V(() => ze({ baseURL: C, headers: A }), [C]), $ = Ut(o, { onFilterChange: l, emptyCategory: !i.showExplore, onSearchSelect: p }), [D, q] = E(""), {
+  } = e, A = Ke(n, R), F = V(() => Fe({ baseURL: C, headers: A }), [C]), $ = Ut(o, { onFilterChange: l, emptyCategory: !i.showExplore, onSearchSelect: p }), [D, q] = E(""), {
     data: j = [],
     error: ae,
     loading: Y,
     run: Z
-  } = Ht(z), H = V(() => {
-    const T = ot(j, [(W) => W.name], ["asc"]), _ = T.findIndex((W) => W.name === "All" || W.locales.en === "All");
-    return _ > -1 ? [{ ...T[_], _id: "All" }, ...T.slice(0, _), ...T.slice(_ + 1)] : T;
+  } = Ht(F), H = V(() => {
+    const T = ot(j, [(W) => W.name], ["asc"]), M = T.findIndex((W) => W.name === "All" || W.locales.en === "All");
+    return M > -1 ? [{ ...T[M], _id: "All" }, ...T.slice(0, M), ...T.slice(M + 1)] : T;
   }, [j]), K = ge(Jt(r), [r]), c = V(() => qt(H, r), [H, r]), S = Gt(K), N = {
     search: $,
     compact: k,
@@ -407,7 +407,7 @@ function tr(e) {
     minItemWidth: a,
     wrapChildren: m,
     t: K,
-    storeVersion: B,
+    storeVersion: R,
     serverVersion: n,
     selectedCategory: $.filters.category || (i.showExplore ? "" : "All"),
     categoryList: H,
@@ -415,16 +415,16 @@ function tr(e) {
     locale: r,
     categoryOptions: c,
     priceOptions: S,
-    storeApi: z,
+    storeApi: F,
     baseSearch: f,
     showResourcesSwitch: g,
-    showCategory: y,
+    showCategory: x,
     tagFilters: I,
     onFilterChange: l,
     getCategoryLocale: (T) => {
       if (!T) return null;
-      const _ = j.find((W) => W._id === T || W.locales.en === "All");
-      return _ ? _.locales[r] || _.locales.en : null;
+      const M = j.find((W) => W._id === T || W.locales.en === "All");
+      return M ? M.locales[r] || M.locales.en : null;
     },
     get developerName() {
       return D;
@@ -433,10 +433,10 @@ function tr(e) {
   };
   return G(() => {
     setTimeout(Z, u || 0);
-  }, [C, Z, u]), /* @__PURE__ */ t(er, { value: N, children: x });
+  }, [C, Z, u]), /* @__PURE__ */ t(er, { value: N, children: y });
 }
-function R() {
-  const e = Me(Qe);
+function B() {
+  const e = ze(Qe);
   return e || Xe;
 }
 function Ye({
@@ -491,7 +491,7 @@ function rr({ children: e }) {
   return /* @__PURE__ */ t(
     Se,
     {
-      xs: /* @__PURE__ */ t(xt, { open: r, onClose: () => o(!1), children: e }),
+      xs: /* @__PURE__ */ t(yt, { open: r, onClose: () => o(!1), children: e }),
       md: /* @__PURE__ */ t(w, { children: e })
     }
   );
@@ -507,36 +507,36 @@ const or = lt(({ loading: e, disabled: r, ...o }, n) => /* @__PURE__ */ t(
     startIcon: e && /* @__PURE__ */ t(le, { size: "1em" })
   }
 ));
-function xe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
-  var B;
+function ye({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
+  var R;
   const a = re(null), s = we(), [i, m] = E(!1), [d, f] = E(e !== null ? e : ""), u = U(s.breakpoints.down("sm"));
   G(() => {
     f(e !== null ? e : "");
   }, [e]);
   const g = ge(() => {
     m(!1);
-  }, []), y = ge(() => {
+  }, []), x = ge(() => {
     m(!0);
   }, []);
   function I(p) {
     f(p.value), o(p.value), u && g();
   }
-  function x(p) {
+  function y(p) {
     return p === d;
   }
-  return /* @__PURE__ */ h(M, { children: [
+  return /* @__PURE__ */ h(z, { children: [
     /* @__PURE__ */ h(
       nr,
       {
         ref: a,
-        onClick: y,
+        onClick: x,
         variant: "outlined",
         size: "medium",
         className: ["my-select__selector", nt(d) ? "" : "my-select__selector--active"].join(" "),
         sx: { minWidth: { xs: "100px", md: "auto" }, color: "text.primary", borderRadius: "8px" },
         ...l,
         children: [
-          ((B = r.find((p) => p.value === d)) == null ? void 0 : B.name) || n,
+          ((R = r.find((p) => p.value === d)) == null ? void 0 : R.name) || n,
           /* @__PURE__ */ t(St, { className: "my-select__arrowdown", component: wt, sx: { width: 18, height: 18 } })
         ]
       }
@@ -546,11 +546,11 @@ function xe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
       {
         ...p,
         style: { transformOrigin: C === "bottom" ? "center top" : "center bottom" },
-        children: /* @__PURE__ */ t(vt, { children: /* @__PURE__ */ t(bt, { onClickAway: g, children: /* @__PURE__ */ t(ir, { autoFocusItem: i, onMouseEnter: y, onMouseLeave: g, children: r.map((b) => /* @__PURE__ */ h($e, { onClick: () => I(b), sx: { fontSize: 14 }, children: [
+        children: /* @__PURE__ */ t(vt, { children: /* @__PURE__ */ t(bt, { onClickAway: g, children: /* @__PURE__ */ t(ir, { autoFocusItem: i, onMouseEnter: x, onMouseLeave: g, children: r.map((b) => /* @__PURE__ */ h($e, { onClick: () => I(b), sx: { fontSize: 14 }, children: [
           /* @__PURE__ */ t(
-            yt,
+            xt,
             {
-              sx: { mr: 1, fontSize: 16, visibility: x(b.value) ? "visible" : "hidden" }
+              sx: { mr: 1, fontSize: 16, visibility: y(b.value) ? "visible" : "hidden" }
             }
           ),
           b.name
@@ -560,11 +560,11 @@ function xe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
   ] });
 }
 const nr = Q(or)`
-  border: 1px solid #f0f0f0;
+  border: 1px solid ${(e) => e.theme.palette.divider};
   padding: 6px 8px 6px 12px;
   font-weight: ${(e) => e.theme.typography.fontWeightRegular};
   font-size: 14px;
-  color: #666;
+  color: ${(e) => e.theme.palette.text.secondary};
   line-height: 1;
   text-transform: none;
   & + & {
@@ -575,14 +575,14 @@ const nr = Q(or)`
     .my-select__arrowdown,
   }
   .my-select__arrowdown {
-    color: #999;
+    color: ${(e) => e.theme.palette.grey[400]};
     font-size: 14px;
     margin-left: 6px;
   }
   .my-select__icon {
     font-size: 0;
     svg {
-      color: #999;
+      color: ${(e) => e.theme.palette.grey[400]};
       font-size: 18px;
       margin-right: 3px;
     }
@@ -605,7 +605,7 @@ const nr = Q(or)`
   }
 `;
 function Ze() {
-  const { search: e, t: r } = R(), { filters: o, handleSort: n, handlePrice: l } = e, a = Ge(r);
+  const { search: e, t: r } = B(), { filters: o, handleSort: n, handlePrice: l } = e, a = Ge(r);
   return /* @__PURE__ */ h(
     O,
     {
@@ -631,7 +631,7 @@ function Ze() {
           }
         ),
         /* @__PURE__ */ t(
-          xe,
+          ye,
           {
             value: o.sortBy || a[0].value,
             options: a,
@@ -644,9 +644,9 @@ function Ze() {
   );
 }
 function lr({ menus: e }) {
-  const { selectedCategory: r, search: o, t: n, categoryOptions: l, loadings: a, layout: s, baseSearch: i, compact: m } = R(), { filters: d, handleActiveMenu: f, handleCategory: u, cleanFilter: g } = o, { toggleOpen: y } = Ce();
+  const { selectedCategory: r, search: o, t: n, categoryOptions: l, loadings: a, layout: s, baseSearch: i, compact: m } = B(), { filters: d, handleActiveMenu: f, handleCategory: u, cleanFilter: g } = o, { toggleOpen: x } = Ce();
   G(() => {
-    y(!1);
+    x(!1);
   }, [Object.values(d).join("")]);
   const I = Vt(i, s.showSearch, d.keyword);
   return s.showCategory && !m ? /* @__PURE__ */ h(rr, { children: [
@@ -665,7 +665,7 @@ function lr({ menus: e }) {
             borderBottom: 1,
             borderColor: "divider",
             children: [
-              /* @__PURE__ */ t(Ye, { onClick: () => y(!1), children: /* @__PURE__ */ t(ke, {}) }),
+              /* @__PURE__ */ t(Ye, { onClick: () => x(!1), children: /* @__PURE__ */ t(ke, {}) }),
               /* @__PURE__ */ t(v, { flex: 1, variant: "body1", fontWeight: "fontWeightMedium", children: n("common.category") })
             ]
           }
@@ -681,7 +681,7 @@ function lr({ menus: e }) {
         boxSizing: "content-box",
         p: { xs: 2, md: 0 },
         pr: { md: 6 },
-        children: I ? /* @__PURE__ */ h(M, { children: [
+        children: I ? /* @__PURE__ */ h(z, { children: [
           s.showExplore && /* @__PURE__ */ h(w, { mb: 3, pb: 3, borderBottom: 1, borderColor: "divider", children: [
             /* @__PURE__ */ h(w, { display: "flex", alignItems: "center", gap: 1, children: [
               /* @__PURE__ */ t(X, { icon: ct, width: 20, height: 20 }),
@@ -689,49 +689,49 @@ function lr({ menus: e }) {
                 v,
                 {
                   variant: "body1",
-                  color: !r && !d.menu ? "text.primary" : "text.hint",
+                  color: !r && !d.menu ? "text.primary" : "grey.400",
                   fontWeight: !r && !d.menu ? "fontWeightMedium" : void 0,
                   sx: { cursor: "pointer" },
                   onClick: () => {
-                    y(!1), g();
+                    x(!1), g();
                   },
                   children: n("explore.title")
                 }
               )
             ] }),
-            e == null ? void 0 : e.map((x) => /* @__PURE__ */ h(w, { display: "flex", alignItems: "center", mt: 2, gap: 1, children: [
-              typeof x.icon == "string" ? /* @__PURE__ */ t(X, { icon: x.icon, width: 20, height: 20 }) : x.icon,
+            e == null ? void 0 : e.map((y) => /* @__PURE__ */ h(w, { display: "flex", alignItems: "center", mt: 2, gap: 1, children: [
+              typeof y.icon == "string" ? /* @__PURE__ */ t(X, { icon: y.icon, width: 20, height: 20 }) : y.icon,
               /* @__PURE__ */ t(
                 v,
                 {
                   variant: "body1",
-                  color: d.menu === x.key ? "text.primary" : "text.hint",
-                  fontWeight: d.menu === x.key ? "fontWeightMedium" : void 0,
+                  color: d.menu === y.key ? "text.primary" : "grey.400",
+                  fontWeight: d.menu === y.key ? "fontWeightMedium" : void 0,
                   sx: { cursor: "pointer" },
                   onClick: () => {
-                    var B;
-                    y(!1), f(x.key), (B = x.onClick) == null || B.call(x);
+                    var R;
+                    x(!1), f(y.key), (R = y.onClick) == null || R.call(y);
                   },
-                  children: x.title
+                  children: y.title
                 }
               )
-            ] }, x.key))
+            ] }, y.key))
           ] }),
-          !!l.length && /* @__PURE__ */ t(O, { gap: 2, children: l.map((x) => /* @__PURE__ */ t(
+          !!l.length && /* @__PURE__ */ t(O, { gap: 2, children: l.map((y) => /* @__PURE__ */ t(
             v,
             {
               variant: "body1",
-              title: x.name,
+              title: y.name,
               sx: { cursor: "pointer" },
               "data-cy": "filter",
-              color: r === x.value ? "text.primary" : "text.hint",
+              color: r === y.value ? "text.primary" : "grey.400",
               textTransform: "capitalize",
               onClick: () => {
-                r === x.value ? g() : u(x.value), y(!1);
+                r === y.value ? g() : u(y.value), x(!1);
               },
-              children: x.name
+              children: y.name
             },
-            x.value
+            y.value
           )) })
         ] }) : /* @__PURE__ */ t(Ze, {})
       }
@@ -739,7 +739,7 @@ function lr({ menus: e }) {
   ] }) : null;
 }
 function Ie() {
-  const { endpoint: e, serverVersion: r, storeVersion: o } = R(), n = Ke(r, o), l = V(() => ze({
+  const { endpoint: e, serverVersion: r, storeVersion: o } = B(), n = Ke(r, o), l = V(() => Fe({
     baseURL: e,
     headers: n
   }), [e]);
@@ -777,10 +777,10 @@ function Ee({
     )
   ] });
 }
-const ar = 16 / 9, ue = 292, ye = 189, oe = 336;
+const ar = 16 / 9, ue = 292, xe = 189, oe = 336;
 function sr() {
-  var x, B;
-  const { t: e, search: r } = R(), { get: o } = Ie(), n = we(), l = U(n.breakpoints.down("md")), a = ((B = (x = window.blocklet) == null ? void 0 : x.preferences) == null ? void 0 : B.homeBanner) || [], {
+  var y, R;
+  const { t: e, search: r } = B(), { get: o } = Ie(), n = we(), l = U(n.breakpoints.down("md")), a = ((R = (y = window.blocklet) == null ? void 0 : y.preferences) == null ? void 0 : R.homeBanner) || [], {
     data: s = [],
     error: i,
     loading: m
@@ -799,7 +799,7 @@ function sr() {
     cursor: "pointer",
     color: "text.hint"
   };
-  return !i && a.length > 0 ? /* @__PURE__ */ h(M, { children: [
+  return !i && a.length > 0 ? /* @__PURE__ */ h(z, { children: [
     /* @__PURE__ */ t(v, { component: "h2", variant: "h2", mt: { xs: 2, md: 0 }, mb: 3, children: e("explore.title") }),
     /* @__PURE__ */ t(
       w,
@@ -812,16 +812,16 @@ function sr() {
         borderRadius: 3,
         overflow: "hidden",
         children: m ? /* @__PURE__ */ h(w, { p: 5, display: { md: "flex" }, gap: 5, alignItems: "center", justifyContent: "center", children: [
-          /* @__PURE__ */ t(L, { variant: "rounded", height: ye, width: oe }),
+          /* @__PURE__ */ t(_, { variant: "rounded", height: xe, width: oe }),
           /* @__PURE__ */ h(w, { flex: 1, height: "100%", children: [
-            /* @__PURE__ */ t(L, { variant: "text", height: 50, width: 100 }),
-            /* @__PURE__ */ t(L, { variant: "text", height: 40, width: "100%" }),
-            /* @__PURE__ */ t(L, { variant: "text", height: 40, width: 300 }),
+            /* @__PURE__ */ t(_, { variant: "text", height: 50, width: 100 }),
+            /* @__PURE__ */ t(_, { variant: "text", height: 40, width: "100%" }),
+            /* @__PURE__ */ t(_, { variant: "text", height: 40, width: 300 }),
             /* @__PURE__ */ h(w, { display: "flex", gap: 1, my: 2, children: [
-              /* @__PURE__ */ t(L, { variant: "circular", height: 20, width: 20 }),
-              /* @__PURE__ */ t(L, { variant: "text", height: 20, width: 50 })
+              /* @__PURE__ */ t(_, { variant: "circular", height: 20, width: 20 }),
+              /* @__PURE__ */ t(_, { variant: "text", height: 20, width: 50 })
             ] }),
-            /* @__PURE__ */ t(L, { variant: "rounded", height: 30, width: 100 })
+            /* @__PURE__ */ t(_, { variant: "rounded", height: 30, width: 100 })
           ] })
         ] }) : /* @__PURE__ */ t(
           Tt,
@@ -835,13 +835,13 @@ function sr() {
             showBullets: !1,
             showThumbnails: !1,
             showFullscreenButton: !1,
-            renderLeftNav: (p) => /* @__PURE__ */ t(w, { onClick: p, sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ t(Bt, { sx: { ...d, left: 5 } }) }),
-            renderRightNav: (p) => /* @__PURE__ */ t(w, { onClick: p, sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ t(Rt, { sx: { ...d, right: 5 } }) }),
+            renderLeftNav: (p) => /* @__PURE__ */ t(w, { onClick: p, sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ t(Rt, { sx: { ...d, left: 5 } }) }),
+            renderRightNav: (p) => /* @__PURE__ */ t(w, { onClick: p, sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ t(Bt, { sx: { ...d, right: 5 } }) }),
             items: a.map((p, C) => ({
               original: p.did,
               renderItem: () => {
-                var z;
-                const b = s[C] || {}, k = p.cover || dr(p.did, (z = b.screenshots) == null ? void 0 : z[0]), A = qe(k, n.breakpoints.values.md * 2);
+                var F;
+                const b = s[C] || {}, k = p.cover || dr(p.did, (F = b.screenshots) == null ? void 0 : F[0]), A = qe(k, n.breakpoints.values.md * 2);
                 return /* @__PURE__ */ h(
                   O,
                   {
@@ -876,7 +876,7 @@ function sr() {
                           u(p.name || b.title || p.name),
                           g(p.desc || b.description)
                         ] }),
-                        b.did && y(b, p.baseNum),
+                        b.did && x(b, p.baseNum),
                         I(b)
                       ] })
                     ]
@@ -919,7 +919,7 @@ function sr() {
       }
     );
   }
-  function y(p, C = 0) {
+  function x(p, C = 0) {
     const { did: b, owner: k, stats: A } = p;
     return /* @__PURE__ */ h(w, { display: "flex", alignItems: "center", gap: 2, color: "text.secondary", children: [
       /* @__PURE__ */ t(Ee, { icon: /* @__PURE__ */ t(He, { src: k.avatar, did: b, size: 20, variant: "circle" }), children: k.fullName }),
@@ -936,9 +936,8 @@ function sr() {
         sx: {
           width: "fit-content",
           textTransform: "none",
-          bgcolor: "white",
-          borderRadius: "8px",
-          borderColor: "divider",
+          borderRadius: 1,
+          borderColor: "grey.300",
           "&:hover": { borderColor: "divider" }
         },
         children: e("explore.viewDetail")
@@ -949,14 +948,14 @@ function sr() {
 const cr = (e) => Number.isNaN(e) ? 0 : e < 1e3 ? e : e < 1e6 ? `${(e / 1e3).toFixed(1)}k` : e < 1e9 ? `${(e / 1e6).toFixed(1)}m` : `${(e / 1e9).toFixed(1)}b`, dr = (e, r) => e && r ? `/assets/${e}/screenshots/${r}` : "";
 function ur({ url: e }) {
   const [r, o] = E(!0);
-  return /* @__PURE__ */ h(M, { children: [
+  return /* @__PURE__ */ h(z, { children: [
     r && /* @__PURE__ */ t(
-      L,
+      _,
       {
         variant: "rectangular",
         sx: {
           width: { xs: "100%", md: oe },
-          height: { xs: "auto", md: ye }
+          height: { xs: "auto", md: xe }
         }
       }
     ),
@@ -968,7 +967,7 @@ function ur({ url: e }) {
         src: e,
         alt: "",
         width: { xs: "100%", md: oe },
-        height: { xs: "auto", md: ye },
+        height: { xs: "auto", md: xe },
         borderRadius: 2,
         border: 1,
         borderColor: "divider",
@@ -980,14 +979,14 @@ function ur({ url: e }) {
   ] });
 }
 function hr({ title: e, blocklets: r }) {
-  const { blockletRender: o, serverVersion: n } = R();
+  const { blockletRender: o, serverVersion: n } = B();
   return /* @__PURE__ */ h(w, { mt: 3, children: [
     /* @__PURE__ */ t(v, { component: "h3", variant: "h3", sx: { mb: 2 }, children: e }),
     /* @__PURE__ */ t(Te, { container: !0, spacing: 2, boxSizing: "border-box", maxWidth: "calc(100vw - 16px)", children: r.map((l) => /* @__PURE__ */ t(Te, { item: !0, xs: 12, md: 6, p: "2px", "data-blocklet-did": l.did, children: /* @__PURE__ */ t(w, { padding: "1px", children: o({ blocklet: l, blocklets: r, serverVersion: n }) }) }, l.did)) })
   ] });
 }
 function pr() {
-  const { get: e } = Ie(), { t: r } = R(), {
+  const { get: e } = Ie(), { t: r } = B(), {
     data: o = [],
     error: n,
     loading: l
@@ -995,7 +994,7 @@ function pr() {
     const a = await e(P.explorePath);
     return Array.isArray(a) ? a : [];
   });
-  return n ? /* @__PURE__ */ t(be, { error: new Error(`Failed to fetch blocklets from ${P.explorePath}`) }) : l ? /* @__PURE__ */ t(Je, { mt: 15 }) : /* @__PURE__ */ h(M, { children: [
+  return n ? /* @__PURE__ */ t(be, { error: new Error(`Failed to fetch blocklets from ${P.explorePath}`) }) : l ? /* @__PURE__ */ t(Je, { mt: 15 }) : /* @__PURE__ */ h(z, { children: [
     /* @__PURE__ */ t(sr, {}),
     o.map(
       (a) => {
@@ -1015,9 +1014,9 @@ function mr({
   handleSearchSelect: a,
   ...s
 }) {
-  const i = re(null), m = re(!1), [d, f] = E(!1), [u, g] = E(""), [y, I] = E(!1), x = Ie(), [B, p] = E(!1), C = (s == null ? void 0 : s.placeholder) || r("common.searchStore"), b = async (c) => {
+  const i = re(null), m = re(!1), [d, f] = E(!1), [u, g] = E(""), [x, I] = E(!1), y = Ie(), [R, p] = E(!1), C = (s == null ? void 0 : s.placeholder) || r("common.searchStore"), b = async (c) => {
     p(!0);
-    const S = await x.get(Be(e, ve(P.blockletsPath, c)));
+    const S = await y.get(Re(e, ve(P.blockletsPath, c)));
     return p(!1), S.dataList || [];
   }, { data: k, run: A } = ne(
     (c) => c ? b({
@@ -1033,7 +1032,7 @@ function mr({
   );
   G(() => {
     p(!0), A(n.keyword), g(n.keyword || "");
-  }, [n.keyword, A]), Mt(
+  }, [n.keyword, A]), zt(
     "ctrl + k, command + k",
     (c) => {
       var S, N;
@@ -1041,17 +1040,17 @@ function mr({
     },
     { enableOnTags: ["INPUT"] }
   );
-  const z = De((c) => A(c), { wait: 300 }), $ = { name: he, title: u, did: "" };
+  const F = De((c) => A(c), { wait: 300 }), $ = { name: he, title: u, did: "" };
   let D = [];
-  return u && (B ? D = [$] : k != null && k.length ? D = [$, ...k] : D = [{ name: Oe, title: r("blocklet.noResults"), did: "" }]), /* @__PURE__ */ h(M, { children: [
-    /* @__PURE__ */ h(Lt, { fullScreen: !0, open: y, sx: { display: { md: "none" } }, children: [
+  return u && (R ? D = [$] : k != null && k.length ? D = [$, ...k] : D = [{ name: Oe, title: r("blocklet.noResults"), did: "" }]), /* @__PURE__ */ h(z, { children: [
+    /* @__PURE__ */ h(_t, { fullScreen: !0, open: x, sx: { display: { md: "none" } }, children: [
       /* @__PURE__ */ h(w, { p: 2, pb: 0, display: "flex", alignItems: "center", gap: 2, children: [
         /* @__PURE__ */ t(
           Ue,
           {
             fullWidth: !0,
             sx: {
-              bgcolor: "#F9FAFB",
+              bgcolor: "grey.50",
               px: 1,
               py: 0.5,
               ".MuiInputBase-input": { p: 1 },
@@ -1069,7 +1068,7 @@ function mr({
             className: "bl-autocomplete-input",
             value: u,
             onChange: (c) => q(c.target.value),
-            startAdornment: H(y),
+            startAdornment: H(x),
             endAdornment: K()
           }
         ),
@@ -1094,7 +1093,7 @@ function mr({
       }
     ),
     /* @__PURE__ */ t(
-      Ft,
+      Lt,
       {
         ref: i,
         open: !!u && d,
@@ -1126,7 +1125,7 @@ function mr({
           }
         },
         renderInput: (c) => /* @__PURE__ */ t(
-          _t,
+          Mt,
           {
             ...c,
             InputProps: {
@@ -1147,7 +1146,7 @@ function mr({
         value: $,
         sx: [
           {
-            bgcolor: "#F9FAFB",
+            bgcolor: "grey.50",
             borderRadius: "8px",
             overflow: "hidden",
             ".MuiOutlinedInput-notchedOutline": {
@@ -1165,7 +1164,7 @@ function mr({
     )
   ] });
   function q(c) {
-    p(!0), g(c), m.current = !1, z.run(c);
+    p(!0), g(c), m.current = !1, F.run(c);
   }
   function j() {
     I(!1), g(""), q(""), l("");
@@ -1202,25 +1201,25 @@ function mr({
           justifyContent: "center",
           alignItems: "center",
           color: "text.hint",
-          bgcolor: "#F1F3F5",
+          bgcolor: "grey.100",
           borderRadius: "8px",
           children: /* @__PURE__ */ t(te, { sx: { fontSize: 28 } })
         }
       );
     let S = "";
-    return c.logo && (S = Be(e, "assets", c.did, qe(c.logo, pe, c.version))), /* @__PURE__ */ t(He, { src: S, size: pe, style: { borderRadius: "8px", overflow: "hidden" } });
+    return c.logo && (S = Re(e, "assets", c.did, qe(c.logo, pe, c.version))), /* @__PURE__ */ t(He, { src: S, size: pe, style: { borderRadius: "8px", overflow: "hidden" } });
   }
   function H(c = !0) {
-    return /* @__PURE__ */ t(w, { sx: { display: "flex", pl: 0.5, alignItems: "center", color: "text.hint" }, children: c && u && B ? /* @__PURE__ */ t(le, { color: "inherit", size: 16 }) : /* @__PURE__ */ t(te, { sx: { fontSize: 16, cursor: "default" } }) });
+    return /* @__PURE__ */ t(w, { sx: { display: "flex", pl: 0.5, alignItems: "center", color: "text.hint" }, children: c && u && R ? /* @__PURE__ */ t(le, { color: "inherit", size: 16 }) : /* @__PURE__ */ t(te, { sx: { fontSize: 16, cursor: "default" } }) });
   }
   function K() {
     return u ? /* @__PURE__ */ t(w, { sx: { display: "flex", alignItems: "center", color: "text.hint" }, children: /* @__PURE__ */ t(ke, { sx: { fontSize: 20, cursor: "pointer" }, onClick: () => j() }) }) : null;
   }
 }
 function fr({ placeholder: e, ...r }) {
-  const { search: o, t: n } = R(), { filters: l, handleKeyword: a } = o, [s, i] = E(l.keyword || ""), m = De(a, { wait: 300 }), d = (g) => {
-    const { value: y } = g.target;
-    i(y), m.run(y);
+  const { search: o, t: n } = B(), { filters: l, handleKeyword: a } = o, [s, i] = E(l.keyword || ""), m = De(a, { wait: 300 }), d = (g) => {
+    const { value: x } = g.target;
+    i(x), m.run(x);
   }, f = () => {
     i(""), a("");
   };
@@ -1234,13 +1233,13 @@ function fr({ placeholder: e, ...r }) {
       inputProps: {
         "data-cy": "search-blocklet"
       },
-      startAdornment: /* @__PURE__ */ t(Ae, { position: "start", children: /* @__PURE__ */ t(xr, { sx: { fontSize: 18, ml: -0.5 } }) }),
+      startAdornment: /* @__PURE__ */ t(Ae, { position: "start", children: /* @__PURE__ */ t(yr, { sx: { fontSize: 18, ml: -0.5 } }) }),
       onChange: d,
       placeholder: u,
       value: s,
       title: u,
       "data-cy": "search",
-      endAdornment: s && /* @__PURE__ */ t(Ae, { position: "end", children: /* @__PURE__ */ t(yr, { "data-cy": "search-delete", onClick: f }) }),
+      endAdornment: s && /* @__PURE__ */ t(Ae, { position: "end", children: /* @__PURE__ */ t(xr, { "data-cy": "search-delete", onClick: f }) }),
       ...r
     }
   );
@@ -1262,9 +1261,9 @@ const gr = Q(Ue)`
       color: transparent;
     }
   }
-`, xr = Q(te)`
+`, yr = Q(te)`
   color: ${(e) => e.theme.palette.grey[500]};
-`, yr = Q(ke)`
+`, xr = Q(ke)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 16px;
   cursor: pointer;
@@ -1283,7 +1282,7 @@ function wr() {
     baseSearch: m,
     categoryOptions: d,
     compact: f
-  } = R(), { filters: u, handleSort: g, handlePrice: y, handleDeveloper: I, handleSwitchShowResources: x, cleanFilter: B, handleCategory: p } = e, C = Ge(r);
+  } = B(), { filters: u, handleSort: g, handlePrice: x, handleDeveloper: I, handleSwitchShowResources: y, cleanFilter: R, handleCategory: p } = e, C = Ge(r);
   return /* @__PURE__ */ h(
     O,
     {
@@ -1343,27 +1342,27 @@ function wr() {
                 {
                   label: r("blocklet.resourceTag", { name: u.resourceBlocklet }),
                   size: "small",
-                  onDelete: () => B(["resourceDid", "resourceBlocklet", "showResources"])
+                  onDelete: () => R(["resourceDid", "resourceBlocklet", "showResources"])
                 }
               ),
               s ? /* @__PURE__ */ t(
-                Fe,
+                Le,
                 {
                   checked: u.showResources !== "false",
-                  onChange: (k) => x(k ? "true" : "false"),
+                  onChange: (k) => y(k ? "true" : "false"),
                   label: r("common.showResources")
                 }
               ) : null,
               /* @__PURE__ */ t(
-                Fe,
+                Le,
                 {
                   checked: u.price === "free",
-                  onChange: (k) => y(k ? "free" : ""),
+                  onChange: (k) => x(k ? "free" : ""),
                   label: r("blocklet.free")
                 }
               ),
               f && /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(
-                xe,
+                ye,
                 {
                   value: u.category || ((b = d[0]) == null ? void 0 : b.value),
                   options: d,
@@ -1372,7 +1371,7 @@ function wr() {
                 }
               ) }),
               /* @__PURE__ */ t(
-                xe,
+                ye,
                 {
                   value: u.sortBy || C[0].value,
                   options: C,
@@ -1387,7 +1386,7 @@ function wr() {
     }
   );
 }
-function Fe({
+function Le({
   checked: e,
   onChange: r,
   label: o
@@ -1402,7 +1401,7 @@ function Fe({
         Ne,
         {
           checked: e,
-          icon: /* @__PURE__ */ t(X, { style: { padding: 0 }, icon: At }),
+          icon: /* @__PURE__ */ t(X, { style: { padding: 0, color: n.palette.text.secondary }, icon: At }),
           checkedIcon: /* @__PURE__ */ t(X, { style: { padding: 0, color: n.palette.primary.main }, icon: Et }),
           size: "large",
           sx: { p: 0, mr: 1 },
@@ -1415,16 +1414,16 @@ function Fe({
 }
 function ee({ children: e }) {
   return /* @__PURE__ */ h(w, { display: "flex", mt: 2, flexDirection: "column", alignItems: "center", justifyContent: "center", color: "text.hint", children: [
-    /* @__PURE__ */ t(zt, {}),
+    /* @__PURE__ */ t(Ft, {}),
     e
   ] });
 }
-function Le() {
-  const { t: e } = R();
+function _e() {
+  const { t: e } = B();
   return /* @__PURE__ */ t(v, { style: { textAlign: "center" }, variant: "subtitle2", children: e("blocklet.noResults") });
 }
 function me({ filterTip: e, keywordTip: r }) {
-  const { t: o, locale: n } = R(), l = () => n === "zh" ? "、" : " , ";
+  const { t: o, locale: n } = B(), l = () => n === "zh" ? "、" : " , ";
   return /* @__PURE__ */ h(w, { mt: 1, display: "flex", children: [
     /* @__PURE__ */ t(v, { style: { marginRight: "16px" }, children: o("blocklet.emptyTip") }),
     e && /* @__PURE__ */ t(v, { children: o("blocklet.filterTip") }),
@@ -1455,7 +1454,7 @@ function fe({
   ] });
 }
 function br() {
-  const { t: e, search: r, getCategoryLocale: o, selectedCategory: n } = R(), { filters: l } = r, a = !!n || !!l.price;
+  const { t: e, search: r, getCategoryLocale: o, selectedCategory: n } = B(), { filters: l } = r, a = !!n || !!l.price;
   if (l.keyword && a)
     return /* @__PURE__ */ h(ee, { children: [
       /* @__PURE__ */ t(
@@ -1490,11 +1489,11 @@ function br() {
           primaryEnd: e("blocklet.noCategoryResults2"),
           filter: s
         }
-      ) : /* @__PURE__ */ t(Le, {}),
+      ) : /* @__PURE__ */ t(_e, {}),
       /* @__PURE__ */ t(me, { filterTip: !0 })
     ] });
   }
-  return /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(Le, {}) });
+  return /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(_e, {}) });
 }
 const kr = (e, r, o, n) => dt(
   async (l) => {
@@ -1518,19 +1517,19 @@ const kr = (e, r, o, n) => dt(
 );
 function vr() {
   var u;
-  const { storeApi: e, search: r, extraFilter: o, errors: n, updateDeveloperName: l } = R(), { filters: a } = r, s = ut({
+  const { storeApi: e, search: r, extraFilter: o, errors: n, updateDeveloperName: l } = B(), { filters: a } = r, s = ut({
     currentPage: P.currentPage,
     pageSize: Qt() ? P.mobilePageSize : P.pageSize,
     defaultCurrentPage: P.defaultCurrentPage
   }), [i, m] = E(null), d = kr(e, a, s, m), f = V(
     () => {
-      var g, y;
-      return o ? o(((g = d.data) == null ? void 0 : g.list) || []) : ((y = d.data) == null ? void 0 : y.list) || [];
+      var g, x;
+      return o ? o(((g = d.data) == null ? void 0 : g.list) || []) : ((x = d.data) == null ? void 0 : x.list) || [];
     },
     [d.data, o]
   );
   return G(() => {
-    const g = f.find((y) => y.owner.did === a.owner);
+    const g = f.find((x) => x.owner.did === a.owner);
     l((g == null ? void 0 : g.owner.fullName) || (g == null ? void 0 : g.author.name) || "");
   }, [a.owner, f, l]), {
     blocklets: f,
@@ -1549,8 +1548,8 @@ function vr() {
   };
 }
 function Cr() {
-  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: l, minItemWidth: a, layout: s, baseSearch: i, compact: m } = R(), { filters: d } = r, { blocklets: f, errors: u, loadMore: g, loadings: y, hasNextPage: I, total: x } = vr(), [B] = Pt({
-    loading: y.fetchBlockletsLoading || y.loadingMore,
+  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: l, minItemWidth: a, layout: s, baseSearch: i, compact: m } = B(), { filters: d } = r, { blocklets: f, errors: u, loadMore: g, loadings: x, hasNextPage: I, total: y } = vr(), [R] = Pt({
+    loading: x.fetchBlockletsLoading || x.loadingMore,
     hasNextPage: I,
     onLoadMore: g
   });
@@ -1559,16 +1558,16 @@ function Cr() {
     return /* @__PURE__ */ t(be, { error: k });
   }
   const p = i && s.showSearch || !d.keyword;
-  return /* @__PURE__ */ h(M, { children: [
-    p ? /* @__PURE__ */ t(wr, {}) : /* @__PURE__ */ h(M, { children: [
+  return /* @__PURE__ */ h(z, { children: [
+    p ? /* @__PURE__ */ t(wr, {}) : /* @__PURE__ */ h(z, { children: [
       /* @__PURE__ */ t(Se, { xs: /* @__PURE__ */ t(Ze, {}), md: null }),
       b()
     ] }),
     C(),
-    !y.fetchBlockletsLoading && I && /* @__PURE__ */ t(w, { height: 70, minHeight: 70, display: "flex", justifyContent: "center", py: 2, overflow: "hidden", ref: B, children: /* @__PURE__ */ t(le, {}) })
+    !x.fetchBlockletsLoading && I && /* @__PURE__ */ t(w, { height: 70, minHeight: 70, display: "flex", justifyContent: "center", py: 2, overflow: "hidden", ref: R, children: /* @__PURE__ */ t(le, {}) })
   ] });
   function C() {
-    return y.fetchBlockletsLoading ? /* @__PURE__ */ t(Je, { mt: 15 }) : f.length ? /* @__PURE__ */ t(
+    return x.fetchBlockletsLoading ? /* @__PURE__ */ t(Je, { mt: 15 }) : f.length ? /* @__PURE__ */ t(
       w,
       {
         className: "blocklet-list",
@@ -1617,14 +1616,14 @@ function Cr() {
               children: e("blocklet.search", { keyword: d.keyword })
             }
           ),
-          /* @__PURE__ */ t(v, { variant: "body1", color: "text.hint", fontSize: 13, children: e("blocklet.resultCount", { count: x }) })
+          /* @__PURE__ */ t(v, { variant: "body1", color: "text.hint", fontSize: 13, children: e("blocklet.resultCount", { count: y }) })
         ]
       }
     );
   }
 }
 function Sr() {
-  const { t: e, selectedCategory: r, getCategoryLocale: o } = R(), { toggleOpen: n } = Ce();
+  const { t: e, selectedCategory: r, getCategoryLocale: o } = B(), { toggleOpen: n } = Ce();
   return /* @__PURE__ */ h(
     v,
     {
@@ -1643,7 +1642,7 @@ function Sr() {
 }
 function Ir({ menus: e, children: r }) {
   var d;
-  const { search: o, layout: n, compact: l } = R(), { filters: a } = o, s = re(null), i = a.category || a.keyword || a.price, m = (d = e == null ? void 0 : e.find((f) => f.key === a.menu)) == null ? void 0 : d.key;
+  const { search: o, layout: n, compact: l } = B(), { filters: a } = o, s = re(null), i = a.category || a.keyword || a.price, m = (d = e == null ? void 0 : e.find((f) => f.key === a.menu)) == null ? void 0 : d.key;
   return /* @__PURE__ */ t(jt, { children: /* @__PURE__ */ h(st, { FallbackComponent: be, children: [
     !l && /* @__PURE__ */ t(Sr, {}),
     /* @__PURE__ */ h(
@@ -1679,29 +1678,29 @@ function Ir({ menus: e, children: r }) {
     )
   ] }) });
 }
-function Lo(e) {
+function _o(e) {
   return /* @__PURE__ */ h(Wt, { variant: "outlined", ...e, sx: { maxWidth: 400, borderRadius: "8px", p: { xs: 2, md: 3 }, ...e.sx }, children: [
     /* @__PURE__ */ h(ce, { display: "flex", alignItems: "center", gap: 2, pb: 1, children: [
       /* @__PURE__ */ h(ce, { display: "flex", alignItems: "center", gap: 2, flex: 1, children: [
-        /* @__PURE__ */ t(F, { variant: "rounded", width: 48, height: 48 }),
-        /* @__PURE__ */ t(F, { variant: "text", width: 60, height: 28 })
+        /* @__PURE__ */ t(L, { variant: "rounded", width: 48, height: 48 }),
+        /* @__PURE__ */ t(L, { variant: "text", width: 60, height: 28 })
       ] }),
-      /* @__PURE__ */ t(F, { variant: "text", width: 70, height: 40 })
+      /* @__PURE__ */ t(L, { variant: "text", width: 70, height: 40 })
     ] }),
-    /* @__PURE__ */ t(F, { variant: "text", width: "100%", height: 24 }),
-    /* @__PURE__ */ t(F, { variant: "text", width: "90%", height: 24 }),
+    /* @__PURE__ */ t(L, { variant: "text", width: "100%", height: 24 }),
+    /* @__PURE__ */ t(L, { variant: "text", width: "90%", height: 24 }),
     /* @__PURE__ */ h(ce, { display: "flex", alignItems: "center", gap: 1, pt: 1.5, children: [
-      /* @__PURE__ */ t(F, { variant: "rounded", width: 24, height: 24 }),
-      /* @__PURE__ */ t(F, { variant: "text", width: "15%", height: 20 }),
-      /* @__PURE__ */ t(F, { variant: "rounded", width: 24, height: 24, sx: { ml: 1 } }),
-      /* @__PURE__ */ t(F, { variant: "text", width: "15%", height: 20 })
+      /* @__PURE__ */ t(L, { variant: "rounded", width: 24, height: 24 }),
+      /* @__PURE__ */ t(L, { variant: "text", width: "15%", height: 20 }),
+      /* @__PURE__ */ t(L, { variant: "rounded", width: 24, height: 24, sx: { ml: 1 } }),
+      /* @__PURE__ */ t(L, { variant: "text", width: "15%", height: 20 })
     ] })
   ] });
 }
-function _o({ showSkeleton: e, ...r }) {
-  return e ? /* @__PURE__ */ t(L, { variant: "rectangular", width: r.width, height: r.height }) : /* @__PURE__ */ t($t, { ...r });
+function Mo({ showSkeleton: e, ...r }) {
+  return e ? /* @__PURE__ */ t(_, { variant: "rectangular", width: r.width, height: r.height }) : /* @__PURE__ */ t($t, { ...r });
 }
-function Mo(e) {
+function zo(e) {
   const { menus: r, children: o, ...n } = e, l = we(), a = et(
     it({}, l, {
       typography: {
@@ -1734,8 +1733,8 @@ function Mo(e) {
 }
 export {
   mr as Autocomplete,
-  Lo as CardSkeleton,
-  _o as Image,
-  Mo as default,
+  _o as CardSkeleton,
+  Mo as Image,
+  zo as default,
   Ut as useSearch
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.16.46",
+  "version": "0.16.48",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -53,7 +53,7 @@
   },
   "dependencies": {
     "@blocklet/js-sdk": "^1.16.42",
-    "@blocklet/util": "0.16.46",
+    "@blocklet/util": "0.16.48",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@iconify-icons/tabler": "^1.2.95",
@@ -91,5 +91,5 @@
     "prettier": "^3.3.2",
     "vite": "^5.4.10"
   },
-  "gitHead": "b8f69856c8f8171e28be52823792340c0979f9a7"
+  "gitHead": "2cc1c6d728c27977209a451159d59fd73961249c"
 }