@blocklet/list 0.16.42 → 0.16.44

package/lib/index.es.js

@@ -38,31 +38,32 @@ 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 Pt from "react-image-gallery";
+import Tt from "react-image-gallery";
 import "react-image-gallery/styles/css/image-gallery.css";
-import Pe from "@mui/material/Grid";
-import Tt from "react-infinite-scroll-hook";
+import Te from "@mui/material/Grid";
+import Pt from "react-infinite-scroll-hook";
 import At from "@iconify-icons/tabler/square";
 import Et from "@iconify-icons/tabler/square-check-filled";
-import Te from "@mui/material/Chip";
+import Pe from "@mui/material/Chip";
+import { useTheme as Ot } from "@mui/material/styles";
 import te from "@mui/icons-material/Search";
-import Ot from "@mui/material/Autocomplete";
-import Ft from "@mui/material/Dialog";
+import Ft from "@mui/material/Autocomplete";
+import Lt from "@mui/material/Dialog";
 import Ue from "@mui/material/OutlinedInput";
-import Lt from "@mui/material/TextField";
-import { useHotkeys as _t } from "react-hotkeys-hook";
+import _t from "@mui/material/TextField";
+import { useHotkeys as Mt } from "react-hotkeys-hook";
 import Ae from "@mui/material/InputAdornment";
-import Mt from "@arcblock/ux/lib/Empty";
-import zt from "json-stable-stringify";
-import Dt from "@mui/icons-material/Menu";
-import { Card as Nt, Box as ce, Skeleton as F } from "@mui/material";
-import Wt from "@arcblock/ux/lib/Img";
+import zt 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 $t from "@arcblock/ux/lib/Img";
 const Ve = _e({
   open: !1,
   toggleOpen: (e) => {
   }
 });
-function $t({ children: e }) {
+function jt({ children: e }) {
   const [r, o] = E(!1), n = (a) => {
     o(a ?? !a);
   }, l = V(() => ({ open: r, toggleOpen: n }), [r]);
@@ -71,7 +72,7 @@ function $t({ children: e }) {
 function Ce() {
   return Me(Ve);
 }
-const T = {
+const P = {
   nameAsc: "title",
   nameDesc: "title",
   popularity: "stats.downloads",
@@ -85,14 +86,14 @@ const T = {
   explorePath: "/api/blocklets/explore",
   exploreDidsPath: "/api/blocklets/dids",
   cacheSize: 100
-}, jt = (e) => ne(
+}, Ht = (e) => ne(
   async () => {
-    const { data: r } = await e.get(T.categoriesPath);
+    const { data: r } = await e.get(P.categoriesPath);
     return Array.isArray(r) ? r : [];
   },
   { manual: !0 }
 );
-function Ht(e, r) {
+function Ut(e, r) {
   const o = e.menu ? {
     sortBy: "popularity",
     sortDirection: "desc",
@@ -151,7 +152,7 @@ function Ht(e, r) {
     }
   };
 }
-const Ut = (e, r, o) => e && r || !o, Ge = (e) => [
+const Vt = (e, r, o) => e && r || !o, Ge = (e) => [
   {
     name: e("sort.popularity"),
     value: "popularity"
@@ -176,17 +177,17 @@ const Ut = (e, r, o) => e && r || !o, Ge = (e) => [
     ...i || m ? { imageFilter: "resize", w: i, h: m } : {},
     v: s
   });
-}, Vt = (e) => [
+}, Gt = (e) => [
   { name: e("blocklet.free"), value: "free" },
   { name: e("blocklet.payment"), value: "payment" }
-], Gt = (e = [], r = "en") => e.map((o) => ({ name: o.locales[r] || o.locales.en, value: o._id })), qt = (e) => {
+], qt = (e = [], r = "en") => e.map((o) => ({ name: o.locales[r] || o.locales.en, value: o._id })), Kt = (e) => {
   var r, o;
   return Array.isArray(e) ? e.map((n) => n.message).join(`
 `) : (o = (r = e.response) == null ? void 0 : r.data) != null && o.error ? e.response.data.error.message || e.response.data.error : e.message || e;
-}, Kt = (e, r) => (
+}, Xt = (e, r) => (
   // eslint-disable-next-line no-prototype-builtins
   e == null ? void 0 : e.replace(/{(\w*)}/g, (o, n) => r.hasOwnProperty(n) ? r[n] : "")
-), Xt = () => window.innerWidth <= 600, Qt = {
+), Qt = () => window.innerWidth <= 600, Yt = {
   common: {
     title: "Blocklet Store",
     searchStore: "Search Blocklet",
@@ -238,7 +239,7 @@ const Ut = (e, r, o) => e && r || !o, Ge = (e) => [
   autocomplete: {
     expandResult: 'View all search results for "{name}"'
   }
-}, Yt = {
+}, Zt = {
   common: {
     title: "Blocklet 商店",
     searchStore: "搜索 Blocklet",
@@ -291,14 +292,14 @@ const Ut = (e, r, o) => e && r || !o, Ge = (e) => [
     expandResult: "查看 “{name}” 的所有搜索结果"
   }
 }, de = {
-  en: Re(Qt),
-  zh: Re(Yt)
+  en: Re(Yt),
+  zh: Re(Zt)
 }, Ke = (e, r) => {
   const o = {};
   return e && (o["x-blocklet-server-version"] = e), r && (o["x-blocklet-store-version"] = r), o;
-}, Zt = (e) => (r, o) => {
+}, Jt = (e) => (r, o) => {
   const n = de[e] ? de[e][r] : de.en[r];
-  return Kt(n, o) || r;
+  return Xt(n, o) || r;
 }, Xe = {
   errors: {
     fetchCategoriesError: null
@@ -354,8 +355,8 @@ const Ut = (e, r, o) => e && r || !o, Ge = (e) => [
     handlePage: () => {
     }
   }
-}, Qe = _e(Xe), { Provider: Jt, Consumer: Eo } = Qe;
-function er(e) {
+}, Qe = _e(Xe), { Provider: er, Consumer: Fo } = Qe;
+function tr(e) {
   const {
     locale: r = "zh",
     filters: o = {},
@@ -365,8 +366,8 @@ function er(e) {
     minItemWidth: a = 350,
     queryFilter: s = !0,
     layout: i = {},
-    wrapChildren: m = (P) => P,
-    extraFilter: d = (P) => P,
+    wrapChildren: m = (T) => T,
+    extraFilter: d = (T) => T,
     baseSearch: f = !1,
     fetchCategoryDelay: u = 0,
     showResourcesSwitch: g = !1,
@@ -379,15 +380,15 @@ function er(e) {
     endpoint: C,
     blockletRender: b,
     compact: k = !1
-  } = e, A = Ke(n, B), z = V(() => ze({ baseURL: C, headers: A }), [C]), $ = Ht(o, { onFilterChange: l, emptyCategory: !i.showExplore, onSearchSelect: p }), [D, q] = E(""), {
+  } = 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(""), {
     data: j = [],
     error: ae,
     loading: Y,
     run: Z
-  } = jt(z), H = V(() => {
-    const P = ot(j, [(W) => W.name], ["asc"]), _ = P.findIndex((W) => W.name === "All" || W.locales.en === "All");
-    return _ > -1 ? [{ ...P[_], _id: "All" }, ...P.slice(0, _), ...P.slice(_ + 1)] : P;
-  }, [j]), K = ge(Zt(r), [r]), c = V(() => Gt(H, r), [H, r]), S = Vt(K), N = {
+  } = 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;
+  }, [j]), K = ge(Jt(r), [r]), c = V(() => qt(H, r), [H, r]), S = Gt(K), N = {
     search: $,
     compact: k,
     errors: { fetchCategoriesError: ae },
@@ -420,9 +421,9 @@ function er(e) {
     showCategory: y,
     tagFilters: I,
     onFilterChange: l,
-    getCategoryLocale: (P) => {
-      if (!P) return null;
-      const _ = j.find((W) => W._id === P || W.locales.en === "All");
+    getCategoryLocale: (T) => {
+      if (!T) return null;
+      const _ = j.find((W) => W._id === T || W.locales.en === "All");
       return _ ? _.locales[r] || _.locales.en : null;
     },
     get developerName() {
@@ -432,7 +433,7 @@ function er(e) {
   };
   return G(() => {
     setTimeout(Z, u || 0);
-  }, [C, Z, u]), /* @__PURE__ */ t(Jt, { value: N, children: x });
+  }, [C, Z, u]), /* @__PURE__ */ t(er, { value: N, children: x });
 }
 function R() {
   const e = Me(Qe);
@@ -485,7 +486,7 @@ function Se({
   let u = e;
   return i || (u = J(r, u), m) || (u = J(o, u), d) || (u = J(n, u), f) ? u : J(l, u);
 }
-function tr({ children: e }) {
+function rr({ children: e }) {
   const { open: r, toggleOpen: o } = Ce();
   return /* @__PURE__ */ t(
     Se,
@@ -495,7 +496,7 @@ function tr({ children: e }) {
     }
   );
 }
-const rr = lt(({ loading: e, disabled: r, ...o }, n) => /* @__PURE__ */ t(
+const or = lt(({ loading: e, disabled: r, ...o }, n) => /* @__PURE__ */ t(
   ie,
   {
     ref: n,
@@ -525,7 +526,7 @@ function xe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
   }
   return /* @__PURE__ */ h(M, { children: [
     /* @__PURE__ */ h(
-      or,
+      nr,
       {
         ref: a,
         onClick: y,
@@ -545,7 +546,7 @@ 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(nr, { 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: y, onMouseLeave: g, children: r.map((b) => /* @__PURE__ */ h($e, { onClick: () => I(b), sx: { fontSize: 14 }, children: [
           /* @__PURE__ */ t(
             yt,
             {
@@ -558,7 +559,7 @@ function xe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
     ) })
   ] });
 }
-const or = Q(rr)`
+const nr = Q(or)`
   border: 1px solid #f0f0f0;
   padding: 6px 8px 6px 12px;
   font-weight: ${(e) => e.theme.typography.fontWeightRegular};
@@ -586,7 +587,7 @@ const or = Q(rr)`
       margin-right: 3px;
     }
   }
-`, nr = Q(je)`
+`, ir = Q(je)`
   .my-select__option__icon {
     color: transparent;
     font-size: 14px;
@@ -622,7 +623,7 @@ function Ze() {
               {
                 checked: o.price === "free",
                 size: "small",
-                sx: { "& .MuiSvgIcon-fontSizeSmall": { fontSize: 16, color: "text.lighter" } },
+                sx: { "& .MuiSvgIcon-fontSizeSmall": { fontSize: 16, color: "text.hint" } },
                 onChange: (s) => l(s.target.checked ? "free" : "")
               }
             ),
@@ -642,13 +643,13 @@ function Ze() {
     }
   );
 }
-function ir({ menus: e }) {
+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();
   G(() => {
     y(!1);
   }, [Object.values(d).join("")]);
-  const I = Ut(i, s.showSearch, d.keyword);
-  return s.showCategory && !m ? /* @__PURE__ */ h(tr, { children: [
+  const I = Vt(i, s.showSearch, d.keyword);
+  return s.showCategory && !m ? /* @__PURE__ */ h(rr, { children: [
     /* @__PURE__ */ t(
       Se,
       {
@@ -688,7 +689,7 @@ function ir({ menus: e }) {
                 v,
                 {
                   variant: "body1",
-                  color: !r && !d.menu ? "text.primary" : "text.lighter",
+                  color: !r && !d.menu ? "text.primary" : "text.hint",
                   fontWeight: !r && !d.menu ? "fontWeightMedium" : void 0,
                   sx: { cursor: "pointer" },
                   onClick: () => {
@@ -704,7 +705,7 @@ function ir({ menus: e }) {
                 v,
                 {
                   variant: "body1",
-                  color: d.menu === x.key ? "text.primary" : "text.lighter",
+                  color: d.menu === x.key ? "text.primary" : "text.hint",
                   fontWeight: d.menu === x.key ? "fontWeightMedium" : void 0,
                   sx: { cursor: "pointer" },
                   onClick: () => {
@@ -723,7 +724,7 @@ function ir({ menus: e }) {
               title: x.name,
               sx: { cursor: "pointer" },
               "data-cy": "filter",
-              color: r === x.value ? "text.primary" : "text.lighter",
+              color: r === x.value ? "text.primary" : "text.hint",
               textTransform: "capitalize",
               onClick: () => {
                 r === x.value ? g() : u(x.value), y(!1);
@@ -776,8 +777,8 @@ function Ee({
     )
   ] });
 }
-const lr = 16 / 9, ue = 292, ye = 189, oe = 336;
-function ar() {
+const ar = 16 / 9, ue = 292, ye = 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) || [], {
     data: s = [],
@@ -785,7 +786,7 @@ function ar() {
     loading: m
   } = ne(async () => {
     const p = await o(
-      ve(T.blockletsPath, { didList: a.map((C) => C.did).join(",") })
+      ve(P.blockletsPath, { didList: a.map((C) => C.did).join(",") })
     );
     return p != null && p.dataList ? a.map((C) => p.dataList.find((b) => b.did === C.did)) : [];
   });
@@ -796,7 +797,7 @@ function ar() {
     transform: "translateY(-50%)",
     zIndex: 100,
     cursor: "pointer",
-    color: "text.lighter"
+    color: "text.hint"
   };
   return !i && a.length > 0 ? /* @__PURE__ */ h(M, { children: [
     /* @__PURE__ */ t(v, { component: "h2", variant: "h2", mt: { xs: 2, md: 0 }, mb: 3, children: e("explore.title") }),
@@ -823,7 +824,7 @@ function ar() {
             /* @__PURE__ */ t(L, { variant: "rounded", height: 30, width: 100 })
           ] })
         ] }) : /* @__PURE__ */ t(
-          Pt,
+          Tt,
           {
             showNav: !0,
             autoPlay: !0,
@@ -840,7 +841,7 @@ function ar() {
               original: p.did,
               renderItem: () => {
                 var z;
-                const b = s[C] || {}, k = p.cover || cr(p.did, (z = b.screenshots) == null ? void 0 : z[0]), A = qe(k, n.breakpoints.values.md * 2);
+                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);
                 return /* @__PURE__ */ h(
                   O,
                   {
@@ -889,7 +890,7 @@ function ar() {
     )
   ] }) : null;
   function f(p) {
-    return /* @__PURE__ */ t(w, { borderRadius: 2, overflow: "hidden", position: "relative", width: { xs: "100%", md: oe }, children: /* @__PURE__ */ t(dr, { url: p }) });
+    return /* @__PURE__ */ t(w, { borderRadius: 2, overflow: "hidden", position: "relative", width: { xs: "100%", md: oe }, children: /* @__PURE__ */ t(ur, { url: p }) });
   }
   function u(p) {
     return /* @__PURE__ */ t(v, { variant: "h2", width: "100%", children: p });
@@ -922,7 +923,7 @@ function ar() {
     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 }),
-      /* @__PURE__ */ t(Ee, { icon: /* @__PURE__ */ t(X, { icon: It }), title: `${A.downloads + C}`, children: sr(A.downloads + C) })
+      /* @__PURE__ */ t(Ee, { icon: /* @__PURE__ */ t(X, { icon: It }), title: `${A.downloads + C}`, children: cr(A.downloads + C) })
     ] });
   }
   function I(p) {
@@ -945,8 +946,8 @@ function ar() {
     );
   }
 }
-const sr = (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`, cr = (e, r) => e && r ? `/assets/${e}/screenshots/${r}` : "";
-function dr({ url: e }) {
+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: [
     r && /* @__PURE__ */ t(
@@ -971,41 +972,41 @@ function dr({ url: e }) {
         borderRadius: 2,
         border: 1,
         borderColor: "divider",
-        sx: { objectFit: "container", cursor: "pointer", aspectRatio: lr },
+        sx: { objectFit: "container", cursor: "pointer", aspectRatio: ar },
         onLoad: () => o(!1),
         onError: () => o(!1)
       }
     )
   ] });
 }
-function ur({ title: e, blocklets: r }) {
+function hr({ title: e, blocklets: r }) {
   const { blockletRender: o, serverVersion: n } = R();
   return /* @__PURE__ */ h(w, { mt: 3, children: [
     /* @__PURE__ */ t(v, { component: "h3", variant: "h3", sx: { mb: 2 }, children: e }),
-    /* @__PURE__ */ t(Pe, { container: !0, spacing: 2, boxSizing: "border-box", maxWidth: "calc(100vw - 16px)", children: r.map((l) => /* @__PURE__ */ t(Pe, { 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)) })
+    /* @__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 hr() {
+function pr() {
   const { get: e } = Ie(), { t: r } = R(), {
     data: o = [],
     error: n,
     loading: l
   } = ne(async () => {
-    const a = await e(T.explorePath);
+    const a = await e(P.explorePath);
     return Array.isArray(a) ? a : [];
   });
-  return n ? /* @__PURE__ */ t(be, { error: new Error(`Failed to fetch blocklets from ${T.explorePath}`) }) : l ? /* @__PURE__ */ t(Je, { mt: 15 }) : /* @__PURE__ */ h(M, { children: [
-    /* @__PURE__ */ t(ar, {}),
+  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: [
+    /* @__PURE__ */ t(sr, {}),
     o.map(
       (a) => {
         var s;
-        return ((s = a.blocklets) == null ? void 0 : s.length) > 0 ? /* @__PURE__ */ t(ur, { title: r(`explore.${a.type}`), blocklets: a.blocklets }, a.type) : null;
+        return ((s = a.blocklets) == null ? void 0 : s.length) > 0 ? /* @__PURE__ */ t(hr, { title: r(`explore.${a.type}`), blocklets: a.blocklets }, a.type) : null;
       }
     )
   ] });
 }
 const he = "__FREE_TEXT__", Oe = "__NO_RESULT__", pe = 40;
-function pr({
+function mr({
   endpoint: e,
   t: r,
   locale: o,
@@ -1016,11 +1017,11 @@ function pr({
 }) {
   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) => {
     p(!0);
-    const S = await x.get(Be(e, ve(T.blockletsPath, c)));
+    const S = await x.get(Be(e, ve(P.blockletsPath, c)));
     return p(!1), S.dataList || [];
   }, { data: k, run: A } = ne(
     (c) => c ? b({
-      sortBy: T.nameDesc,
+      sortBy: P.nameDesc,
       page: 1,
       pageSize: 10,
       keyword: c,
@@ -1032,7 +1033,7 @@ function pr({
   );
   G(() => {
     p(!0), A(n.keyword), g(n.keyword || "");
-  }, [n.keyword, A]), _t(
+  }, [n.keyword, A]), Mt(
     "ctrl + k, command + k",
     (c) => {
       var S, N;
@@ -1043,7 +1044,7 @@ function pr({
   const z = 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(Ft, { fullScreen: !0, open: y, sx: { display: { md: "none" } }, children: [
+    /* @__PURE__ */ h(Lt, { fullScreen: !0, open: y, sx: { display: { md: "none" } }, children: [
       /* @__PURE__ */ h(w, { p: 2, pb: 0, display: "flex", alignItems: "center", gap: 2, children: [
         /* @__PURE__ */ t(
           Ue,
@@ -1088,12 +1089,12 @@ function pr({
     /* @__PURE__ */ t(
       te,
       {
-        sx: { display: { sx: "block", md: "none" }, fontSize: 28, color: "text.lighter" },
+        sx: { display: { sx: "block", md: "none" }, fontSize: 28, color: "text.hint" },
         onClick: () => I(!0)
       }
     ),
     /* @__PURE__ */ t(
-      Ot,
+      Ft,
       {
         ref: i,
         open: !!u && d,
@@ -1125,7 +1126,7 @@ function pr({
           }
         },
         renderInput: (c) => /* @__PURE__ */ t(
-          Lt,
+          _t,
           {
             ...c,
             InputProps: {
@@ -1183,7 +1184,7 @@ function pr({
           Z(c),
           /* @__PURE__ */ h(v, { variant: "body1", children: [
             /* @__PURE__ */ t(v, { fontWeight: "fontWeightMedium", display: "flex", alignItems: "center", gap: 1, children: c.title }),
-            /* @__PURE__ */ t(v, { sx: { color: "text.lighter" }, fontSize: "13px", children: ((N = (S = c.category) == null ? void 0 : S.locales) == null ? void 0 : N[o || "en"]) || "" })
+            /* @__PURE__ */ t(v, { sx: { color: "text.hint" }, fontSize: "13px", children: ((N = (S = c.category) == null ? void 0 : S.locales) == null ? void 0 : N[o || "en"]) || "" })
           ] })
         ]
       },
@@ -1200,7 +1201,7 @@ function pr({
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
-          color: "text.lighter",
+          color: "text.hint",
           bgcolor: "#F1F3F5",
           borderRadius: "8px",
           children: /* @__PURE__ */ t(te, { sx: { fontSize: 28 } })
@@ -1210,13 +1211,13 @@ function pr({
     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" } });
   }
   function H(c = !0) {
-    return /* @__PURE__ */ t(w, { sx: { display: "flex", pl: 0.5, alignItems: "center", color: "text.lighter" }, 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 && B ? /* @__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.lighter" }, children: /* @__PURE__ */ t(ke, { sx: { fontSize: 20, cursor: "pointer" }, onClick: () => j() }) }) : null;
+    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 mr({ placeholder: e, ...r }) {
+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);
@@ -1228,23 +1229,23 @@ function mr({ placeholder: e, ...r }) {
   }, [l.keyword]);
   const u = e || n("common.searchPlaceholder");
   return /* @__PURE__ */ t(
-    fr,
+    gr,
     {
       inputProps: {
         "data-cy": "search-blocklet"
       },
-      startAdornment: /* @__PURE__ */ t(Ae, { position: "start", children: /* @__PURE__ */ t(gr, { sx: { fontSize: 18, ml: -0.5 } }) }),
+      startAdornment: /* @__PURE__ */ t(Ae, { position: "start", children: /* @__PURE__ */ t(xr, { 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(xr, { "data-cy": "search-delete", onClick: f }) }),
+      endAdornment: s && /* @__PURE__ */ t(Ae, { position: "end", children: /* @__PURE__ */ t(yr, { "data-cy": "search-delete", onClick: f }) }),
       ...r
     }
   );
 }
-const fr = Q(Ue)`
+const gr = Q(Ue)`
   background-color: ${(e) => e.theme.palette.grey[50]};
   font-size: 14px;
   border-radius: 6px;
@@ -1261,14 +1262,14 @@ const fr = Q(Ue)`
       color: transparent;
     }
   }
-`, gr = Q(te)`
+`, xr = Q(te)`
   color: ${(e) => e.theme.palette.grey[500]};
-`, xr = Q(ke)`
+`, yr = Q(ke)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 16px;
   cursor: pointer;
 `;
-function yr() {
+function wr() {
   var b;
   const {
     search: e,
@@ -1312,8 +1313,8 @@ function yr() {
             justifyContent: { xs: "flex-start", md: "flex-end" },
             gap: 2,
             children: [
-              i.showSearch ? /* @__PURE__ */ t(w, { flex: 1, flexBasis: { xs: "100%", md: "auto" }, children: m ? /* @__PURE__ */ t(mr, {}) : /* @__PURE__ */ t(
-                pr,
+              i.showSearch ? /* @__PURE__ */ t(w, { flex: 1, flexBasis: { xs: "100%", md: "auto" }, children: m ? /* @__PURE__ */ t(fr, {}) : /* @__PURE__ */ t(
+                mr,
                 {
                   locale: n,
                   endpoint: o,
@@ -1330,7 +1331,7 @@ function yr() {
                 }
               ) }) : null,
               u.owner && a && /* @__PURE__ */ t(
-                Te,
+                Pe,
                 {
                   label: r("blocklet.authorTag", { name: a }),
                   size: "small",
@@ -1338,7 +1339,7 @@ function yr() {
                 }
               ),
               u.resourceDid && u.resourceBlocklet && /* @__PURE__ */ t(
-                Te,
+                Pe,
                 {
                   label: r("blocklet.resourceTag", { name: u.resourceBlocklet }),
                   size: "small",
@@ -1391,6 +1392,7 @@ function Fe({
   onChange: r,
   label: o
 }) {
+  const n = Ot();
   return /* @__PURE__ */ t(
     We,
     {
@@ -1401,10 +1403,10 @@ function Fe({
         {
           checked: e,
           icon: /* @__PURE__ */ t(X, { style: { padding: 0 }, icon: At }),
-          checkedIcon: /* @__PURE__ */ t(X, { style: { padding: 0, color: "#3478E2" }, icon: Et }),
+          checkedIcon: /* @__PURE__ */ t(X, { style: { padding: 0, color: n.palette.primary.main }, icon: Et }),
           size: "large",
           sx: { p: 0, mr: 1 },
-          onChange: (n) => r(n.target.checked)
+          onChange: (l) => r(l.target.checked)
         }
       ),
       label: o
@@ -1412,8 +1414,8 @@ function Fe({
   );
 }
 function ee({ children: e }) {
-  return /* @__PURE__ */ h(w, { display: "flex", mt: 2, flexDirection: "column", alignItems: "center", justifyContent: "center", color: "text.lighter", children: [
-    /* @__PURE__ */ t(Mt, {}),
+  return /* @__PURE__ */ h(w, { display: "flex", mt: 2, flexDirection: "column", alignItems: "center", justifyContent: "center", color: "text.hint", children: [
+    /* @__PURE__ */ t(zt, {}),
     e
   ] });
 }
@@ -1452,7 +1454,7 @@ function fe({
     ] })
   ] });
 }
-function wr() {
+function br() {
   const { t: e, search: r, getCategoryLocale: o, selectedCategory: n } = R(), { filters: l } = r, a = !!n || !!l.price;
   if (l.keyword && a)
     return /* @__PURE__ */ h(ee, { children: [
@@ -1494,33 +1496,33 @@ function wr() {
   }
   return /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(Le, {}) });
 }
-const br = (e, r, o, n) => dt(
+const kr = (e, r, o, n) => dt(
   async (l) => {
     l || (o.currentPage = o.defaultCurrentPage);
     const { currentPage: a, pageSize: s } = o, i = {
       ...r,
       category: r.category === "All" ? "" : r.category,
-      sortBy: T[r.sortBy],
+      sortBy: P[r.sortBy],
       page: a,
       pageSize: s
     };
     n(null);
-    const { data: m = {} } = await e.get(T.blockletsPath, { params: i });
+    const { data: m = {} } = await e.get(P.blockletsPath, { params: i });
     return o.currentPage++, { page: a, pageSize: s, list: (m == null ? void 0 : m.dataList) || [], total: (m == null ? void 0 : m.total) || 0 };
   },
   {
     isNoMore: (l) => l ? l.page * l.pageSize >= l.total : !1,
-    reloadDeps: [e, zt(r)],
+    reloadDeps: [e, Dt(r)],
     onError: n
   }
 );
-function kr() {
+function vr() {
   var u;
   const { storeApi: e, search: r, extraFilter: o, errors: n, updateDeveloperName: l } = R(), { filters: a } = r, s = ut({
-    currentPage: T.currentPage,
-    pageSize: Xt() ? T.mobilePageSize : T.pageSize,
-    defaultCurrentPage: T.defaultCurrentPage
-  }), [i, m] = E(null), d = br(e, a, s, m), f = V(
+    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) || [];
@@ -1546,19 +1548,19 @@ function kr() {
     }
   };
 }
-function vr() {
-  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 } = kr(), [B] = Tt({
+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,
     hasNextPage: I,
     onLoadMore: g
   });
   if (u.fetchBlockletsError) {
-    const k = new Error(`Failed to fetch blocklets from ${o}: ${qt(u.fetchBlockletsError)}`);
+    const k = new Error(`Failed to fetch blocklets from ${o}: ${Kt(u.fetchBlockletsError)}`);
     return /* @__PURE__ */ t(be, { error: k });
   }
   const p = i && s.showSearch || !d.keyword;
   return /* @__PURE__ */ h(M, { children: [
-    p ? /* @__PURE__ */ t(yr, {}) : /* @__PURE__ */ h(M, { children: [
+    p ? /* @__PURE__ */ t(wr, {}) : /* @__PURE__ */ h(M, { children: [
       /* @__PURE__ */ t(Se, { xs: /* @__PURE__ */ t(Ze, {}), md: null }),
       b()
     ] }),
@@ -1592,7 +1594,7 @@ function vr() {
           k.did
         ))
       }
-    ) : /* @__PURE__ */ t(wr, {});
+    ) : /* @__PURE__ */ t(br, {});
   }
   function b() {
     return /* @__PURE__ */ h(
@@ -1615,13 +1617,13 @@ function vr() {
               children: e("blocklet.search", { keyword: d.keyword })
             }
           ),
-          /* @__PURE__ */ t(v, { variant: "body1", color: "text.lighter", fontSize: 13, children: e("blocklet.resultCount", { count: x }) })
+          /* @__PURE__ */ t(v, { variant: "body1", color: "text.hint", fontSize: 13, children: e("blocklet.resultCount", { count: x }) })
         ]
       }
     );
   }
 }
-function Cr() {
+function Sr() {
   const { t: e, selectedCategory: r, getCategoryLocale: o } = R(), { toggleOpen: n } = Ce();
   return /* @__PURE__ */ h(
     v,
@@ -1633,17 +1635,17 @@ function Cr() {
       py: 2,
       fontWeight: "fontWeightMedium",
       children: [
-        /* @__PURE__ */ t(Ye, { onClick: () => n(!0), children: /* @__PURE__ */ t(Dt, {}) }),
+        /* @__PURE__ */ t(Ye, { onClick: () => n(!0), children: /* @__PURE__ */ t(Nt, {}) }),
         o(r) || e("common.category")
       ]
     }
   );
 }
-function Sr({ menus: e, children: r }) {
+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;
-  return /* @__PURE__ */ t($t, { children: /* @__PURE__ */ h(st, { FallbackComponent: be, children: [
-    !l && /* @__PURE__ */ t(Cr, {}),
+  return /* @__PURE__ */ t(jt, { children: /* @__PURE__ */ h(st, { FallbackComponent: be, children: [
+    !l && /* @__PURE__ */ t(Sr, {}),
     /* @__PURE__ */ h(
       w,
       {
@@ -1653,7 +1655,7 @@ function Sr({ menus: e, children: r }) {
         className: "list-container",
         pt: { xs: 0, md: l ? 0 : 5 },
         children: [
-          /* @__PURE__ */ t(ir, { menus: e }),
+          /* @__PURE__ */ t(lr, { menus: e }),
           /* @__PURE__ */ h(
             O,
             {
@@ -1668,7 +1670,7 @@ function Sr({ menus: e, children: r }) {
               } : { overflow: "visible" },
               children: [
                 m && (r == null ? void 0 : r(m)),
-                !m && (n.showExplore && !i ? /* @__PURE__ */ t(hr, {}) : /* @__PURE__ */ t(vr, {}))
+                !m && (n.showExplore && !i ? /* @__PURE__ */ t(pr, {}) : /* @__PURE__ */ t(Cr, {}))
               ]
             }
           )
@@ -1677,8 +1679,8 @@ function Sr({ menus: e, children: r }) {
     )
   ] }) });
 }
-function Oo(e) {
-  return /* @__PURE__ */ h(Nt, { variant: "outlined", ...e, sx: { maxWidth: 400, borderRadius: "8px", p: { xs: 2, md: 3 }, ...e.sx }, children: [
+function Lo(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 }),
@@ -1696,13 +1698,12 @@ function Oo(e) {
     ] })
   ] });
 }
-function Fo({ showSkeleton: e, ...r }) {
-  return e ? /* @__PURE__ */ t(L, { variant: "rectangular", width: r.width, height: r.height }) : /* @__PURE__ */ t(Wt, { ...r });
+function _o({ showSkeleton: e, ...r }) {
+  return e ? /* @__PURE__ */ t(L, { variant: "rectangular", width: r.width, height: r.height }) : /* @__PURE__ */ t($t, { ...r });
 }
-function Lo(e) {
+function Mo(e) {
   const { menus: r, children: o, ...n } = e, l = we(), a = et(
-    it({
-      ...l,
+    it({}, l, {
       typography: {
         h1: {
           fontSize: 32,
@@ -1729,12 +1730,12 @@ function Lo(e) {
       }
     })
   );
-  return /* @__PURE__ */ t(tt, { theme: a, children: /* @__PURE__ */ t(er, { ...n, children: /* @__PURE__ */ t(Sr, { menus: r, children: o }) }) });
+  return /* @__PURE__ */ t(tt, { theme: a, children: /* @__PURE__ */ t(tr, { ...n, children: /* @__PURE__ */ t(Ir, { menus: r, children: o }) }) });
 }
 export {
-  pr as Autocomplete,
-  Oo as CardSkeleton,
-  Fo as Image,
-  Lo as default,
-  Ht as useSearch
+  mr as Autocomplete,
+  Lo as CardSkeleton,
+  _o as Image,
+  Mo as default,
+  Ut as useSearch
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.16.42",
+  "version": "0.16.44",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -52,8 +52,8 @@
     "react-dom": ">=18.2.0"
   },
   "dependencies": {
-    "@blocklet/js-sdk": "^1.16.42-beta-20250413-121549-22e9a196",
-    "@blocklet/util": "0.16.42",
+    "@blocklet/js-sdk": "^1.16.42",
+    "@blocklet/util": "0.16.44",
     "@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": "b13f790de702507a328cd9a172ee424245dad7de"
+  "gitHead": "78a298b057eeb22e89dc5a1ae4b67a9f9f4303db"
 }