@blocklet/list 0.14.20 → 0.14.22

package/lib/index.es.js

@@ -1,26 +1,26 @@
 import { jsx as t, jsxs as h, Fragment as M } from "react/jsx-runtime";
-import { styled as K, useTheme as ge } from "@arcblock/ux/lib/Theme";
+import { styled as K, useTheme as xe } from "@arcblock/ux/lib/Theme";
 import Je from "@mui/material/styles/createTheme";
 import et from "@mui/material/styles/ThemeProvider";
 import tt from "lodash/merge";
-import { ErrorFallback as xe } from "@arcblock/ux/lib/ErrorBoundary";
+import { ErrorFallback as ye } from "@arcblock/ux/lib/ErrorBoundary";
 import y from "@mui/material/Box";
 import A from "@mui/material/Stack";
 import { ErrorBoundary as rt } from "react-error-boundary";
 import ot from "@iconify-icons/tabler/compass";
-import { Icon as Ee } from "@iconify/react";
-import ye from "@mui/icons-material/Close";
+import { Icon as ee } from "@iconify/react";
+import we from "@mui/icons-material/Close";
 import w from "@mui/material/Typography";
-import { createContext as Le, useState as P, useMemo as H, useContext as Oe, useCallback as pe, useEffect as U, forwardRef as nt, useRef as me, memo as it } from "react";
+import { createContext as Le, useState as P, useMemo as H, useContext as Oe, useCallback as me, useEffect as U, forwardRef as nt, useRef as fe, memo as it } from "react";
 import { createAxios as _e } from "@blocklet/js-sdk";
 import lt from "lodash/orderBy";
-import { useRequest as te, useDebounceFn as ze, useInfiniteScroll as at, useReactive as st } from "ahooks";
-import ie from "lodash/omitBy";
+import { useRequest as re, useDebounceFn as ze, useInfiniteScroll as at, useReactive as st } from "ahooks";
+import le from "lodash/omitBy";
 import "color";
 import "lodash/cloneDeep";
-import { parseURL as ct, parseQuery as dt, parseFilename as ut, stringifyParsedURL as ht, withQuery as we, joinURL as Ce } from "ufo";
-import Se from "flat";
-import re from "@mui/material/Button";
+import { parseURL as ct, parseQuery as dt, parseFilename as ut, stringifyParsedURL as ht, withQuery as be, joinURL as Se } from "ufo";
+import Ie from "flat";
+import oe from "@mui/material/Button";
 import pt from "@mui/material/styles/useTheme";
 import j from "@mui/material/useMediaQuery";
 import mt from "@mui/material/Drawer";
@@ -36,7 +36,7 @@ import wt from "@mui/material/Paper";
 import bt from "@mui/material/Popper";
 import kt from "@mui/material/SvgIcon";
 import vt from "lodash/isEmpty";
-import oe from "@mui/material/CircularProgress";
+import ne from "@mui/material/CircularProgress";
 import $e from "@arcblock/ux/lib/Avatar";
 import Ct from "@iconify-icons/tabler/cloud-download";
 import St from "@mui/icons-material/ChevronLeft";
@@ -44,33 +44,35 @@ import It from "@mui/icons-material/ChevronRight";
 import _ from "@mui/material/Skeleton";
 import Bt from "react-image-gallery";
 import "react-image-gallery/styles/css/image-gallery.css";
-import Ie from "@mui/material/Grid";
+import Be from "@mui/material/Grid";
 import Rt from "react-infinite-scroll-hook";
-import Be from "@mui/material/Chip";
+import Tt from "@iconify-icons/tabler/square-check";
+import Pt from "@iconify-icons/tabler/square-check-filled";
+import Re from "@mui/material/Chip";
 import J from "@mui/icons-material/Search";
-import Tt from "@mui/material/Autocomplete";
-import Pt from "@mui/material/Dialog";
+import At from "@mui/material/Autocomplete";
+import Et from "@mui/material/Dialog";
 import je from "@mui/material/OutlinedInput";
-import At from "@mui/material/TextField";
-import { useHotkeys as Ft } from "react-hotkeys-hook";
-import Re from "@mui/material/InputAdornment";
-import Et from "@arcblock/ux/lib/Empty";
-import Lt from "json-stable-stringify";
-import Ot from "@mui/icons-material/Menu";
-import { Card as _t, Box as le, Skeleton as O } from "@mui/material";
-import zt from "@arcblock/ux/lib/Img";
+import Ft from "@mui/material/TextField";
+import { useHotkeys as Lt } from "react-hotkeys-hook";
+import Te from "@mui/material/InputAdornment";
+import Ot from "@arcblock/ux/lib/Empty";
+import _t from "json-stable-stringify";
+import zt from "@mui/icons-material/Menu";
+import { Card as Mt, Box as ae, Skeleton as O } from "@mui/material";
+import Nt from "@arcblock/ux/lib/Img";
 const He = Le({
   open: !1,
   toggleOpen: (e) => {
   }
 });
-function Mt({ children: e }) {
+function Dt({ children: e }) {
   const [r, o] = P(!1), n = (a) => {
     o(a ?? !a);
   }, l = H(() => ({ open: r, toggleOpen: n }), [r]);
   return /* @__PURE__ */ t(He.Provider, { value: l, children: e });
 }
-function be() {
+function ke() {
   return Oe(He);
 }
 const T = {
@@ -87,14 +89,14 @@ const T = {
   explorePath: "/api/blocklets/explore",
   exploreDidsPath: "/api/blocklets/dids",
   cacheSize: 100
-}, Nt = (e) => te(
+}, Wt = (e) => re(
   async () => {
     const { data: r } = await e.get(T.categoriesPath);
     return Array.isArray(r) ? r : [];
   },
   { manual: !0 }
 );
-function Dt(e, r) {
+function $t(e, r) {
   const o = { sortBy: "popularity", sortDirection: "desc", ...e }, {
     onFilterChange: n,
     onSearchSelect: l = (i) => {
@@ -105,13 +107,13 @@ function Dt(e, r) {
   !o.category && !a && (o.category = "All");
   const c = (i) => {
     const m = { ...o, ...i };
-    n(ie(m, (d) => d === "" || d === void 0));
+    n(le(m, (d) => d === "" || d === void 0));
   };
   return {
     filters: e,
     cleanFilter: (i) => {
-      const m = i ? ie(o, (d, g) => i.includes(g)) : {};
-      n(ie(m, (d) => d === "" || d === void 0));
+      const m = i ? le(o, (d, g) => i.includes(g)) : {};
+      n(le(m, (d) => d === "" || d === void 0));
     },
     handleSort: (i, m) => {
       c({ sortBy: i, sortDirection: m || i === "nameAsc" ? "asc" : "desc" });
@@ -139,7 +141,7 @@ function Dt(e, r) {
     }
   };
 }
-const Wt = (e, r, o) => e && r || !o, Ue = (e) => [
+const jt = (e, r, o) => e && r || !o, Ue = (e) => [
   {
     name: e("sort.popularity"),
     value: "popularity"
@@ -160,17 +162,17 @@ const Wt = (e, r, o) => e && r || !o, Ue = (e) => [
   if (l.imageFilter)
     return e;
   const c = o || ((g = window.blocklet) == null ? void 0 : g.version), { w: i, h: m } = typeof r == "object" ? { w: r.w, h: r.h } : { w: r, h: r };
-  return we(e, {
+  return be(e, {
     ...i || m ? { imageFilter: "resize", w: i, h: m } : {},
     v: c
   });
-}, $t = (e) => [
+}, Ht = (e) => [
   { name: e("blocklet.free"), value: "free" },
   { name: e("blocklet.payment"), value: "payment" }
-], jt = (e = [], r = "en") => e.map((o) => ({ name: o.locales[r] || o.locales.en, value: o._id })), Ht = (e, r) => (
+], Ut = (e = [], r = "en") => e.map((o) => ({ name: o.locales[r] || o.locales.en, value: o._id })), Vt = (e, r) => (
   // eslint-disable-next-line no-prototype-builtins
   e == null ? void 0 : e.replace(/{(\w*)}/g, (o, n) => r.hasOwnProperty(n) ? r[n] : "")
-), Ut = () => window.innerWidth <= 600, Vt = {
+), Gt = () => window.innerWidth <= 600, qt = {
   common: {
     title: "Blocklet Store",
     searchStore: "Search Blocklet",
@@ -221,7 +223,7 @@ const Wt = (e, r, o) => e && r || !o, Ue = (e) => [
   autocomplete: {
     expandResult: 'View all search results for "{name}"'
   }
-}, Gt = {
+}, Kt = {
   common: {
     title: "Blocklet 商店",
     searchStore: "搜索 Blocklet",
@@ -272,15 +274,15 @@ const Wt = (e, r, o) => e && r || !o, Ue = (e) => [
   autocomplete: {
     expandResult: "查看 “{name}” 的所有搜索结果"
   }
-}, ae = {
-  en: Se(Vt),
-  zh: Se(Gt)
+}, se = {
+  en: Ie(qt),
+  zh: Ie(Kt)
 }, Ge = (e, r) => {
   const o = {};
   return e && (o["x-blocklet-server-version"] = e), r && (o["x-blocklet-store-version"] = r), o;
-}, qt = (e) => (r, o) => {
-  const n = ae[e] ? ae[e][r] : ae.en[r];
-  return Ht(n, o) || r;
+}, Xt = (e) => (r, o) => {
+  const n = se[e] ? se[e][r] : se.en[r];
+  return Vt(n, o) || r;
 }, qe = {
   errors: {
     fetchCategoriesError: null
@@ -333,8 +335,8 @@ const Wt = (e, r, o) => e && r || !o, Ue = (e) => [
     handlePage: () => {
     }
   }
-}, Ke = Le(qe), { Provider: Kt, Consumer: To } = Ke;
-function Xt(e) {
+}, Ke = Le(qe), { Provider: Qt, Consumer: Fo } = Ke;
+function Yt(e) {
   const {
     locale: r = "zh",
     filters: o = {},
@@ -357,17 +359,17 @@ function Xt(e) {
     },
     endpoint: C,
     blockletRender: x
-  } = e, F = Ge(n, v), E = H(() => _e({ baseURL: C, headers: F }), [C]), L = Dt(o, { onFilterChange: l, emptyCategory: !i.showExplore, onSearchSelect: u }), [N, V] = P(""), {
+  } = e, E = Ge(n, v), F = H(() => _e({ baseURL: C, headers: E }), [C]), L = $t(o, { onFilterChange: l, emptyCategory: !i.showExplore, onSearchSelect: u }), [N, V] = P(""), {
     data: G = [],
-    error: ne,
+    error: ie,
     loading: X,
     run: Q
-  } = Nt(E), $ = H(() => {
+  } = Wt(F), $ = H(() => {
     const R = lt(G, [(W) => W.name], ["asc"]), z = R.findIndex((W) => W.name === "All" || W.locales.en === "All");
     return z > -1 ? [{ ...R[z], _id: "All" }, ...R.slice(0, z), ...R.slice(z + 1)] : R;
-  }, [G]), q = pe(qt(r), [r]), s = H(() => jt($, r), [$, r]), b = $t(q), D = {
+  }, [G]), q = me(Xt(r), [r]), s = H(() => Ut($, r), [$, r]), b = Ht(q), D = {
     search: L,
-    errors: { fetchCategoriesError: ne },
+    errors: { fetchCategoriesError: ie },
     loadings: {
       fetchCategoriesLoading: X
     },
@@ -391,7 +393,7 @@ function Xt(e) {
     locale: r,
     categoryOptions: s,
     priceOptions: b,
-    storeApi: E,
+    storeApi: F,
     baseSearch: g,
     showResourcesSwitch: f,
     showCategory: k,
@@ -409,7 +411,7 @@ function Xt(e) {
   };
   return U(() => {
     setTimeout(Q, p || 0);
-  }, [C, Q, p]), /* @__PURE__ */ t(Kt, { value: D, children: B });
+  }, [C, Q, p]), /* @__PURE__ */ t(Qt, { value: D, children: B });
 }
 function I() {
   const e = Oe(Ke);
@@ -422,7 +424,7 @@ function Xe({
   ...n
 }) {
   return /* @__PURE__ */ t(
-    re,
+    oe,
     {
       ...n,
       onClick: r,
@@ -448,7 +450,7 @@ function Xe({
 function Y(e, r) {
   return e === void 0 ? r : e;
 }
-function ke({
+function ve({
   xs: e,
   sm: r,
   md: o,
@@ -462,36 +464,36 @@ function ke({
   let p = e;
   return i || (p = Y(r, p), m) || (p = Y(o, p), d) || (p = Y(n, p), g) ? p : Y(l, p);
 }
-function Qt({ children: e }) {
-  const { open: r, toggleOpen: o } = be();
+function Zt({ children: e }) {
+  const { open: r, toggleOpen: o } = ke();
   return /* @__PURE__ */ t(
-    ke,
+    ve,
     {
       xs: /* @__PURE__ */ t(mt, { open: r, onClose: () => o(!1), children: e }),
       md: /* @__PURE__ */ t(y, { children: e })
     }
   );
 }
-const Yt = nt(({ loading: e, disabled: r, ...o }, n) => /* @__PURE__ */ t(
-  re,
+const Jt = nt(({ loading: e, disabled: r, ...o }, n) => /* @__PURE__ */ t(
+  oe,
   {
     ref: n,
     disableElevation: !0,
     disabled: r || e,
     ...o,
     sx: [{ borderRadius: "4px" }, ...Array.isArray(o.sx) ? o.sx : [o.sx]],
-    startIcon: e && /* @__PURE__ */ t(oe, { size: "1em" })
+    startIcon: e && /* @__PURE__ */ t(ne, { size: "1em" })
   }
 ));
 function Qe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
   var v;
-  const a = me(null), c = ge(), [i, m] = P(!1), [d, g] = P(e !== null ? e : ""), p = j(c.breakpoints.down("sm"));
+  const a = fe(null), c = xe(), [i, m] = P(!1), [d, g] = P(e !== null ? e : ""), p = j(c.breakpoints.down("sm"));
   U(() => {
     g(e !== null ? e : "");
   }, [e]);
-  const f = pe(() => {
+  const f = me(() => {
     m(!1);
-  }, []), k = pe(() => {
+  }, []), k = me(() => {
     m(!0);
   }, []);
   function S(u) {
@@ -502,18 +504,18 @@ function Qe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
   }
   return /* @__PURE__ */ h(M, { children: [
     /* @__PURE__ */ h(
-      Zt,
+      er,
       {
         ref: a,
         onClick: k,
         variant: "outlined",
-        size: "small",
+        size: "medium",
         className: ["my-select__selector", vt(d) ? "" : "my-select__selector--active"].join(" "),
-        sx: { minWidth: "auto", color: "text.primary" },
+        sx: { minWidth: "auto", color: "text.primary", borderRadius: "8px" },
         ...l,
         children: [
           ((v = r.find((u) => u.value === d)) == null ? void 0 : v.name) || n,
-          /* @__PURE__ */ t(kt, { className: "my-select__arrowdown", component: gt, fontSize: "small" })
+          /* @__PURE__ */ t(kt, { className: "my-select__arrowdown", component: gt, sx: { width: 18, height: 18 } })
         ]
       }
     ),
@@ -522,7 +524,7 @@ function Qe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
       {
         ...u,
         style: { transformOrigin: C === "bottom" ? "center top" : "center bottom" },
-        children: /* @__PURE__ */ t(wt, { children: /* @__PURE__ */ t(xt, { onClickAway: f, children: /* @__PURE__ */ t(Jt, { autoFocusItem: i, onMouseEnter: k, onMouseLeave: f, children: r.map((x) => /* @__PURE__ */ h(De, { onClick: () => S(x), children: [
+        children: /* @__PURE__ */ t(wt, { children: /* @__PURE__ */ t(xt, { onClickAway: f, children: /* @__PURE__ */ t(tr, { autoFocusItem: i, onMouseEnter: k, onMouseLeave: f, children: r.map((x) => /* @__PURE__ */ h(De, { onClick: () => S(x), sx: { fontSize: 14 }, children: [
           /* @__PURE__ */ t(
             ft,
             {
@@ -535,7 +537,7 @@ function Qe({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
     ) })
   ] });
 }
-const Zt = K(Yt)`
+const er = K(Jt)`
   border: 1px solid #f0f0f0;
   padding: 6px 8px 6px 12px;
   font-weight: ${(e) => e.theme.typography.fontWeightRegular};
@@ -563,7 +565,7 @@ const Zt = K(Yt)`
       margin-right: 3px;
     }
   }
-`, Jt = K(We)`
+`, tr = K(We)`
   .my-select__option__icon {
     color: transparent;
     font-size: 14px;
@@ -619,15 +621,15 @@ function Ye() {
     }
   );
 }
-function er() {
-  const { selectedCategory: e, search: r, t: o, categoryOptions: n, loadings: l, layout: a, baseSearch: c } = I(), { filters: i, handleCategory: m, cleanFilter: d } = r, { toggleOpen: g } = be();
+function rr() {
+  const { selectedCategory: e, search: r, t: o, categoryOptions: n, loadings: l, layout: a, baseSearch: c } = I(), { filters: i, handleCategory: m, cleanFilter: d } = r, { toggleOpen: g } = ke();
   U(() => {
     g(!1);
   }, [Object.values(i).join("")]);
-  const p = Wt(c, a.showSearch, i.keyword);
-  return a.showCategory ? /* @__PURE__ */ h(Qt, { children: [
+  const p = jt(c, a.showSearch, i.keyword);
+  return a.showCategory ? /* @__PURE__ */ h(Zt, { children: [
     /* @__PURE__ */ t(
-      ke,
+      ve,
       {
         xs: /* @__PURE__ */ h(
           A,
@@ -641,7 +643,7 @@ function er() {
             borderBottom: 1,
             borderColor: "divider",
             children: [
-              /* @__PURE__ */ t(Xe, { onClick: () => g(!1), children: /* @__PURE__ */ t(ye, {}) }),
+              /* @__PURE__ */ t(Xe, { onClick: () => g(!1), children: /* @__PURE__ */ t(we, {}) }),
               /* @__PURE__ */ t(w, { flex: 1, variant: "body1", fontWeight: "fontWeightMedium", children: o("common.category") })
             ]
           }
@@ -659,7 +661,7 @@ function er() {
         pr: { md: 6 },
         children: p ? /* @__PURE__ */ h(M, { children: [
           a.showExplore && /* @__PURE__ */ h(y, { display: "flex", alignItems: "center", gap: 1, mb: 3, pb: 3, borderBottom: 1, borderColor: "divider", children: [
-            /* @__PURE__ */ t(Ee, { icon: ot }),
+            /* @__PURE__ */ t(ee, { icon: ot }),
             /* @__PURE__ */ t(
               w,
               {
@@ -695,7 +697,7 @@ function er() {
     )
   ] }) : null;
 }
-function ve() {
+function Ce() {
   const { endpoint: e, serverVersion: r, storeVersion: o } = I(), n = Ge(r, o), l = H(() => _e({
     baseURL: e,
     headers: n
@@ -712,9 +714,9 @@ function ve() {
   };
 }
 const Ze = it(function(r) {
-  return /* @__PURE__ */ t(y, { height: 60, display: "flex", alignItems: "center", justifyContent: "center", ...r, children: /* @__PURE__ */ t(oe, {}) });
+  return /* @__PURE__ */ t(y, { height: 60, display: "flex", alignItems: "center", justifyContent: "center", ...r, children: /* @__PURE__ */ t(ne, {}) });
 });
-function Te({
+function Pe({
   icon: e,
   children: r,
   maxWidth: o = 100,
@@ -734,16 +736,16 @@ function Te({
     )
   ] });
 }
-const tr = 16 / 9, se = 292, fe = 189, ee = 336;
-function rr() {
+const or = 16 / 9, ce = 292, ge = 189, te = 336;
+function nr() {
   var B, v;
-  const { t: e, search: r } = I(), { get: o } = ve(), n = ge(), l = j(n.breakpoints.down("md")), a = ((v = (B = window.blocklet) == null ? void 0 : B.preferences) == null ? void 0 : v.homeBanner) || [], {
+  const { t: e, search: r } = I(), { get: o } = Ce(), n = xe(), l = j(n.breakpoints.down("md")), a = ((v = (B = window.blocklet) == null ? void 0 : B.preferences) == null ? void 0 : v.homeBanner) || [], {
     data: c = [],
     error: i,
     loading: m
-  } = te(async () => {
+  } = re(async () => {
     const u = await o(
-      we(T.blockletsPath, { didList: a.map((C) => C.did).join(",") })
+      be(T.blockletsPath, { didList: a.map((C) => C.did).join(",") })
     );
     return u != null && u.dataList ? a.map((C) => u.dataList.find((x) => x.did === C.did)) : [];
   });
@@ -761,15 +763,15 @@ function rr() {
     /* @__PURE__ */ t(
       y,
       {
-        height: { xs: "auto", md: se },
-        minHeight: se,
+        height: { xs: "auto", md: ce },
+        minHeight: ce,
         position: "relative",
         border: 1,
         borderColor: "divider",
         borderRadius: 3,
         overflow: "hidden",
         children: m ? /* @__PURE__ */ h(y, { p: 5, display: { md: "flex" }, gap: 5, alignItems: "center", justifyContent: "center", children: [
-          /* @__PURE__ */ t(_, { variant: "rounded", height: fe, width: ee }),
+          /* @__PURE__ */ t(_, { variant: "rounded", height: ge, width: te }),
           /* @__PURE__ */ h(y, { flex: 1, height: "100%", children: [
             /* @__PURE__ */ t(_, { variant: "text", height: 50, width: 100 }),
             /* @__PURE__ */ t(_, { variant: "text", height: 40, width: "100%" }),
@@ -798,11 +800,11 @@ function rr() {
               original: u.did,
               renderItem: () => {
                 var L;
-                const x = c[C] || {}, F = u.cover || nr(u.did, (L = x.screenshots) == null ? void 0 : L[0]), E = Ve(F, n.breakpoints.values.md * 2);
+                const x = c[C] || {}, E = u.cover || lr(u.did, (L = x.screenshots) == null ? void 0 : L[0]), F = Ve(E, n.breakpoints.values.md * 2);
                 return /* @__PURE__ */ h(
                   A,
                   {
-                    height: { xs: "auto", md: se },
+                    height: { xs: "auto", md: ce },
                     sx: {
                       cursor: "pointer",
                       "&::before": {
@@ -812,7 +814,7 @@ function rr() {
                         left: 0,
                         right: 0,
                         bottom: 0,
-                        backgroundImage: `url("${E}")`,
+                        backgroundImage: `url("${F}")`,
                         backgroundSize: "cover",
                         filter: "blur(50px)",
                         opacity: 0.15,
@@ -827,7 +829,7 @@ function rr() {
                     onClick: () => r.handleSearchSelect(x),
                     gap: { xs: 2, md: 5 },
                     children: [
-                      g(E),
+                      g(F),
                       /* @__PURE__ */ h(A, { flex: 1, height: "100%", gap: 3, children: [
                         /* @__PURE__ */ h(y, { flex: 1, children: [
                           p(u.name || x.title || u.name),
@@ -847,7 +849,7 @@ function rr() {
     )
   ] }) : null;
   function g(u) {
-    return /* @__PURE__ */ t(y, { borderRadius: 2, overflow: "hidden", position: "relative", width: { xs: "100%", md: ee }, children: /* @__PURE__ */ t(ir, { url: u }) });
+    return /* @__PURE__ */ t(y, { borderRadius: 2, overflow: "hidden", position: "relative", width: { xs: "100%", md: te }, children: /* @__PURE__ */ t(ar, { url: u }) });
   }
   function p(u) {
     return /* @__PURE__ */ t(w, { variant: "h2", width: "100%", children: u });
@@ -877,15 +879,15 @@ function rr() {
     );
   }
   function k(u, C = 0) {
-    const { did: x, owner: F, stats: E } = u;
+    const { did: x, owner: E, stats: F } = u;
     return /* @__PURE__ */ h(y, { display: "flex", alignItems: "center", gap: 2, color: "text.secondary", children: [
-      /* @__PURE__ */ t(Te, { icon: /* @__PURE__ */ t($e, { src: F.avatar, did: x, size: 20, variant: "circle" }), children: F.fullName }),
-      /* @__PURE__ */ t(Te, { icon: /* @__PURE__ */ t(Ee, { icon: Ct }), title: `${E.downloads + C}`, children: or(E.downloads + C) })
+      /* @__PURE__ */ t(Pe, { icon: /* @__PURE__ */ t($e, { src: E.avatar, did: x, size: 20, variant: "circle" }), children: E.fullName }),
+      /* @__PURE__ */ t(Pe, { icon: /* @__PURE__ */ t(ee, { icon: Ct }), title: `${F.downloads + C}`, children: ir(F.downloads + C) })
     ] });
   }
   function S(u) {
     return /* @__PURE__ */ t(
-      re,
+      oe,
       {
         variant: "outlined",
         size: "small",
@@ -903,8 +905,8 @@ function rr() {
     );
   }
 }
-const or = (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`, nr = (e, r) => e && r ? `/assets/${e}/screenshots/${r}` : "";
-function ir({ url: e }) {
+const ir = (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`, lr = (e, r) => e && r ? `/assets/${e}/screenshots/${r}` : "";
+function ar({ url: e }) {
   const [r, o] = P(!0);
   return /* @__PURE__ */ h(M, { children: [
     r && /* @__PURE__ */ t(
@@ -912,8 +914,8 @@ function ir({ url: e }) {
       {
         variant: "rectangular",
         sx: {
-          width: { xs: "100%", md: ee },
-          height: { xs: "auto", md: fe }
+          width: { xs: "100%", md: te },
+          height: { xs: "auto", md: ge }
         }
       }
     ),
@@ -923,43 +925,43 @@ function ir({ url: e }) {
         display: r ? "none" : "block",
         component: "img",
         src: e,
-        width: { xs: "100%", md: ee },
-        height: { xs: "auto", md: fe },
+        width: { xs: "100%", md: te },
+        height: { xs: "auto", md: ge },
         borderRadius: 2,
         border: 1,
         borderColor: "divider",
-        sx: { objectFit: "container", cursor: "pointer", aspectRatio: tr },
+        sx: { objectFit: "container", cursor: "pointer", aspectRatio: or },
         onLoad: () => o(!1),
         onError: () => o(!1)
       }
     )
   ] });
 }
-function lr({ title: e, blocklets: r }) {
+function sr({ title: e, blocklets: r }) {
   const { blockletRender: o, serverVersion: n } = I();
   return /* @__PURE__ */ h(y, { mt: 3, children: [
     /* @__PURE__ */ t(w, { component: "h3", variant: "h3", sx: { mb: 2 }, children: e }),
-    /* @__PURE__ */ t(Ie, { container: !0, spacing: 2, children: r.map((l) => /* @__PURE__ */ t(Ie, { item: !0, xs: 12, md: 6, p: "2px", "data-blocklet-did": l.did, children: /* @__PURE__ */ t(y, { padding: "1px", children: o({ blocklet: l, blocklets: r, serverVersion: n }) }) }, l.did)) })
+    /* @__PURE__ */ t(Be, { container: !0, spacing: 2, children: r.map((l) => /* @__PURE__ */ t(Be, { item: !0, xs: 12, md: 6, p: "2px", "data-blocklet-did": l.did, children: /* @__PURE__ */ t(y, { padding: "1px", children: o({ blocklet: l, blocklets: r, serverVersion: n }) }) }, l.did)) })
   ] });
 }
-function ar() {
-  const { get: e } = ve(), { t: r } = I(), {
+function cr() {
+  const { get: e } = Ce(), { t: r } = I(), {
     data: o = [],
     error: n,
     loading: l
-  } = te(async () => {
+  } = re(async () => {
     const a = await e(T.explorePath);
     return Array.isArray(a) ? a : [];
   });
-  return n ? /* @__PURE__ */ t(xe, { error: new Error(`Failed to fetch blocklets from ${T.explorePath}`) }) : l ? /* @__PURE__ */ t(Ze, { mt: 15 }) : /* @__PURE__ */ h(M, { children: [
-    /* @__PURE__ */ t(rr, {}),
+  return n ? /* @__PURE__ */ t(ye, { error: new Error(`Failed to fetch blocklets from ${T.explorePath}`) }) : l ? /* @__PURE__ */ t(Ze, { mt: 15 }) : /* @__PURE__ */ h(M, { children: [
+    /* @__PURE__ */ t(nr, {}),
     o.map(
-      (a) => a.blocklets.length > 0 ? /* @__PURE__ */ t(lr, { title: r(`explore.${a.type}`), blocklets: a.blocklets }, a.type) : null
+      (a) => a.blocklets.length > 0 ? /* @__PURE__ */ t(sr, { title: r(`explore.${a.type}`), blocklets: a.blocklets }, a.type) : null
     )
   ] });
 }
-const ce = "__FREE_TEXT__", Pe = "__NO_RESULT__", de = 40;
-function sr({
+const de = "__FREE_TEXT__", Ae = "__NO_RESULT__", ue = 40;
+function dr({
   endpoint: e,
   t: r,
   locale: o,
@@ -968,11 +970,11 @@ function sr({
   handleSearchSelect: a,
   ...c
 }) {
-  const i = me(null), m = me(!1), [d, g] = P(!1), [p, f] = P(""), [k, S] = P(!1), B = ve(), [v, u] = P(!1), C = async (s) => {
+  const i = fe(null), m = fe(!1), [d, g] = P(!1), [p, f] = P(""), [k, S] = P(!1), B = Ce(), [v, u] = P(!1), C = async (s) => {
     u(!0);
-    const b = await B.get(Ce(e, we(T.blockletsPath, s)));
+    const b = await B.get(Se(e, be(T.blockletsPath, s)));
     return u(!1), b.dataList || [];
-  }, { data: x, run: F } = te(
+  }, { data: x, run: E } = re(
     (s) => s ? C({
       sortBy: T.nameDesc,
       page: 1,
@@ -985,8 +987,8 @@ function sr({
     }
   );
   U(() => {
-    u(!0), F(n.keyword), f(n.keyword || "");
-  }, [n.keyword, F]), Ft(
+    u(!0), E(n.keyword), f(n.keyword || "");
+  }, [n.keyword, E]), Lt(
     "ctrl + k, command + k",
     (s) => {
       var b, D;
@@ -994,10 +996,10 @@ function sr({
     },
     { enableOnTags: ["INPUT"] }
   );
-  const E = ze((s) => F(s), { wait: 300 }), L = { name: ce, title: p, did: "" };
+  const F = ze((s) => E(s), { wait: 300 }), L = { name: de, title: p, did: "" };
   let N = [];
-  return p && (v ? N = [L] : x != null && x.length ? N = [L, ...x] : N = [{ name: Pe, title: r("blocklet.noResults"), did: "" }]), /* @__PURE__ */ h(M, { children: [
-    /* @__PURE__ */ h(Pt, { fullScreen: !0, open: k, sx: { display: { md: "none" } }, children: [
+  return p && (v ? N = [L] : x != null && x.length ? N = [L, ...x] : N = [{ name: Ae, title: r("blocklet.noResults"), did: "" }]), /* @__PURE__ */ h(M, { children: [
+    /* @__PURE__ */ h(Et, { fullScreen: !0, open: k, sx: { display: { md: "none" } }, children: [
       /* @__PURE__ */ h(y, { p: 2, pb: 0, display: "flex", alignItems: "center", gap: 2, children: [
         /* @__PURE__ */ t(
           je,
@@ -1027,7 +1029,7 @@ function sr({
           }
         ),
         /* @__PURE__ */ t(
-          re,
+          oe,
           {
             variant: "outlined",
             onClick: () => {
@@ -1047,7 +1049,7 @@ function sr({
       }
     ),
     /* @__PURE__ */ t(
-      Tt,
+      At,
       {
         ref: i,
         open: !!p && d,
@@ -1076,7 +1078,7 @@ function sr({
           }
         },
         renderInput: (s) => /* @__PURE__ */ t(
-          At,
+          Ft,
           {
             ...s,
             InputProps: {
@@ -1115,13 +1117,13 @@ function sr({
     )
   ] });
   function V(s) {
-    u(!0), f(s), m.current = !1, E.run(s);
+    u(!0), f(s), m.current = !1, F.run(s);
   }
   function G() {
     S(!1), f(""), V(""), l("");
   }
-  function ne(s) {
-    s != null && s.did ? (S(!1), m.current = !0, f(""), a(s)) : s.name === ce && (S(!1), l(p));
+  function ie(s) {
+    s != null && s.did ? (S(!1), m.current = !0, f(""), a(s)) : s.name === de && (S(!1), l(p));
   }
   function X(s) {
     var b, D;
@@ -1129,7 +1131,7 @@ function sr({
       De,
       {
         sx: { display: "flex", alignItems: "center", gap: 1, p: 1.5, borderRadius: "8px" },
-        onClick: () => ne(s),
+        onClick: () => ie(s),
         children: [
           Q(s),
           /* @__PURE__ */ h(w, { variant: "body1", children: [
@@ -1142,11 +1144,11 @@ function sr({
     );
   }
   function Q(s) {
-    if ([ce, Pe].includes(s.name))
+    if ([de, Ae].includes(s.name))
       return /* @__PURE__ */ t(
         y,
         {
-          width: de,
+          width: ue,
           p: "6px",
           display: "flex",
           justifyContent: "center",
@@ -1158,16 +1160,16 @@ function sr({
         }
       );
     let b = "";
-    return s.logo && (b = Ce(e, "assets", s.did, Ve(s.logo, de, s.version))), /* @__PURE__ */ t($e, { src: b, size: de, style: { borderRadius: "8px", overflow: "hidden" } });
+    return s.logo && (b = Se(e, "assets", s.did, Ve(s.logo, ue, s.version))), /* @__PURE__ */ t($e, { src: b, size: ue, style: { borderRadius: "8px", overflow: "hidden" } });
   }
   function $(s = !0) {
-    return /* @__PURE__ */ t(y, { sx: { display: "flex", pl: 0.5, alignItems: "center", color: "text.lighter" }, children: s && p && v ? /* @__PURE__ */ t(oe, { color: "inherit", size: 16 }) : /* @__PURE__ */ t(J, { sx: { fontSize: 16, cursor: "default" } }) });
+    return /* @__PURE__ */ t(y, { sx: { display: "flex", pl: 0.5, alignItems: "center", color: "text.lighter" }, children: s && p && v ? /* @__PURE__ */ t(ne, { color: "inherit", size: 16 }) : /* @__PURE__ */ t(J, { sx: { fontSize: 16, cursor: "default" } }) });
   }
   function q() {
-    return p ? /* @__PURE__ */ t(y, { sx: { display: "flex", alignItems: "center", color: "text.lighter" }, children: /* @__PURE__ */ t(ye, { sx: { fontSize: 20, cursor: "pointer" }, onClick: () => G() }) }) : null;
+    return p ? /* @__PURE__ */ t(y, { sx: { display: "flex", alignItems: "center", color: "text.lighter" }, children: /* @__PURE__ */ t(we, { sx: { fontSize: 20, cursor: "pointer" }, onClick: () => G() }) }) : null;
   }
 }
-function cr({ placeholder: e = "Type to search...", ...r }) {
+function ur({ placeholder: e = "Type to search...", ...r }) {
   const { search: o } = I(), { filters: n, handleKeyword: l } = o, [a, c] = P(n.keyword || ""), i = ze(l, { wait: 300 }), m = (g) => {
     const { value: p } = g.target;
     c(p), i.run(p);
@@ -1177,23 +1179,23 @@ function cr({ placeholder: e = "Type to search...", ...r }) {
   return U(() => {
     c(n.keyword || "");
   }, [n.keyword]), /* @__PURE__ */ t(
-    dr,
+    hr,
     {
       inputProps: {
         "data-cy": "search-blocklet"
       },
-      startAdornment: /* @__PURE__ */ t(Re, { position: "start", children: /* @__PURE__ */ t(ur, {}) }),
+      startAdornment: /* @__PURE__ */ t(Te, { position: "start", children: /* @__PURE__ */ t(pr, {}) }),
       onChange: m,
       placeholder: e,
       value: a,
       title: e,
       "data-cy": "search",
-      endAdornment: a && /* @__PURE__ */ t(Re, { position: "end", children: /* @__PURE__ */ t(hr, { "data-cy": "search-delete", onClick: d }) }),
+      endAdornment: a && /* @__PURE__ */ t(Te, { position: "end", children: /* @__PURE__ */ t(mr, { "data-cy": "search-delete", onClick: d }) }),
       ...r
     }
   );
 }
-const dr = K(je)`
+const hr = K(je)`
   background-color: ${(e) => e.theme.palette.grey[50]};
   font-size: 14px;
   border-radius: 6px;
@@ -1210,18 +1212,18 @@ const dr = K(je)`
       color: transparent;
     }
   }
-`, ur = K(J)`
+`, pr = K(J)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 28px;
   @media (max-width: ${(e) => e.theme.breakpoints.values.md}px) {
     font-size: 24px;
   }
-`, hr = K(ye)`
+`, mr = K(we)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 16px;
   cursor: pointer;
 `;
-function pr() {
+function fr() {
   const { search: e, t: r, endpoint: o, locale: n, getCategoryLocale: l, developerName: a, showResourcesSwitch: c, layout: i, baseSearch: m } = I(), { filters: d, handleSort: g, handlePrice: p, handleDeveloper: f, handleSwitchShowResources: k, cleanFilter: S } = e, B = Ue(r);
   return /* @__PURE__ */ h(
     A,
@@ -1247,8 +1249,8 @@ function pr() {
             justifyContent: { xs: "space-between", md: "flex-end" },
             gap: 2,
             children: [
-              i.showSearch ? /* @__PURE__ */ t(y, { flex: 1, children: m ? /* @__PURE__ */ t(cr, {}) : /* @__PURE__ */ t(
-                sr,
+              i.showSearch ? /* @__PURE__ */ t(y, { flex: 1, children: m ? /* @__PURE__ */ t(ur, {}) : /* @__PURE__ */ t(
+                dr,
                 {
                   locale: n,
                   endpoint: o,
@@ -1265,7 +1267,7 @@ function pr() {
                 }
               ) }) : null,
               d.owner && a && /* @__PURE__ */ t(
-                Be,
+                Re,
                 {
                   label: r("blocklet.authorTag", { name: a }),
                   size: "small",
@@ -1273,7 +1275,7 @@ function pr() {
                 }
               ),
               d.resourceDid && d.resourceBlocklet && /* @__PURE__ */ t(
-                Be,
+                Re,
                 {
                   label: r("blocklet.resourceTag", { name: d.resourceBlocklet }),
                   size: "small",
@@ -1281,7 +1283,7 @@ function pr() {
                 }
               ),
               c ? /* @__PURE__ */ t(
-                Ae,
+                Ee,
                 {
                   checked: d.showResources === "true",
                   onChange: (v) => k(v ? "true" : ""),
@@ -1289,7 +1291,7 @@ function pr() {
                 }
               ) : null,
               /* @__PURE__ */ t(
-                Ae,
+                Ee,
                 {
                   checked: d.price === "free",
                   onChange: (v) => p(v ? "free" : ""),
@@ -1312,7 +1314,7 @@ function pr() {
     }
   );
 }
-function Ae({
+function Ee({
   checked: e,
   onChange: r,
   label: o
@@ -1320,13 +1322,16 @@ function Ae({
   return /* @__PURE__ */ t(
     Ne,
     {
-      sx: { m: 0 },
+      sx: { m: 0, p: 0 },
+      className: "check-button",
       control: /* @__PURE__ */ t(
         Me,
         {
           checked: e,
-          size: "small",
-          sx: { p: 0, pr: 1, "& .MuiSvgIcon-fontSizeSmall": { fontSize: 16, color: "text.lighter" } },
+          icon: /* @__PURE__ */ t(ee, { style: { padding: 0 }, icon: Tt }),
+          checkedIcon: /* @__PURE__ */ t(ee, { style: { padding: 0, color: "#3478E2" }, icon: Pt }),
+          size: "large",
+          sx: { p: 0, mr: 1 },
           onChange: (n) => r(n.target.checked)
         }
       ),
@@ -1336,7 +1341,7 @@ function Ae({
 }
 function Z({ children: e }) {
   return /* @__PURE__ */ h(y, { display: "flex", mt: 2, flexDirection: "column", alignItems: "center", justifyContent: "center", color: "text.lighter", children: [
-    /* @__PURE__ */ t(Et, {}),
+    /* @__PURE__ */ t(Ot, {}),
     e
   ] });
 }
@@ -1344,7 +1349,7 @@ function Fe() {
   const { t: e } = I();
   return /* @__PURE__ */ t(w, { style: { textAlign: "center" }, variant: "subtitle2", children: e("blocklet.noResults") });
 }
-function ue({ filterTip: e, keywordTip: r }) {
+function he({ filterTip: e, keywordTip: r }) {
   const { t: o, locale: n } = I(), l = () => n === "zh" ? "、" : " , ";
   return /* @__PURE__ */ h(y, { mt: 1, display: "flex", children: [
     /* @__PURE__ */ t(w, { style: { marginRight: "16px" }, children: o("blocklet.emptyTip") }),
@@ -1353,7 +1358,7 @@ function ue({ filterTip: e, keywordTip: r }) {
     r && /* @__PURE__ */ t(w, { children: o("blocklet.keywordTip") })
   ] });
 }
-function he({
+function pe({
   primaryStart: e,
   primaryEnd: r,
   filter: o
@@ -1367,49 +1372,49 @@ function he({
     ] })
   ] });
 }
-function mr() {
+function gr() {
   const { t: e, search: r, getCategoryLocale: o, selectedCategory: n } = I(), { filters: l } = r, a = !!n || !!l.price;
   if (l.keyword && a)
     return /* @__PURE__ */ h(Z, { children: [
       /* @__PURE__ */ t(
-        he,
+        pe,
         {
           primaryStart: e("blocklet.noBlockletPart1"),
           primaryEnd: e("blocklet.noBlockletPart2"),
           filter: l.keyword
         }
       ),
-      /* @__PURE__ */ t(ue, { keywordTip: !0, filterTip: !0 })
+      /* @__PURE__ */ t(he, { keywordTip: !0, filterTip: !0 })
     ] });
   if (l.keyword)
     return /* @__PURE__ */ h(Z, { children: [
       /* @__PURE__ */ t(
-        he,
+        pe,
         {
           primaryStart: e("blocklet.noBlockletPart1"),
           primaryEnd: e("blocklet.noBlockletPart2"),
           filter: l.keyword
         }
       ),
-      /* @__PURE__ */ t(ue, { keywordTip: !0 })
+      /* @__PURE__ */ t(he, { keywordTip: !0 })
     ] });
   if (a) {
     const c = o(n);
     return /* @__PURE__ */ h(Z, { children: [
       c ? /* @__PURE__ */ t(
-        he,
+        pe,
         {
           primaryStart: e("blocklet.noCategoryResults1"),
           primaryEnd: e("blocklet.noCategoryResults2"),
           filter: c
         }
       ) : /* @__PURE__ */ t(Fe, {}),
-      /* @__PURE__ */ t(ue, { filterTip: !0 })
+      /* @__PURE__ */ t(he, { filterTip: !0 })
     ] });
   }
   return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(Fe, {}) });
 }
-const fr = (e, r, o, n) => at(
+const xr = (e, r, o, n) => at(
   async (l) => {
     l || (o.currentPage = o.defaultCurrentPage);
     const { currentPage: a, pageSize: c } = o, i = {
@@ -1425,17 +1430,17 @@ const fr = (e, r, o, n) => at(
   },
   {
     isNoMore: (l) => l ? l.page * l.pageSize >= l.total : !1,
-    reloadDeps: [e, Lt(r)],
+    reloadDeps: [e, _t(r)],
     onError: n
   }
 );
-function gr() {
+function yr() {
   var p;
   const { storeApi: e, search: r, extraFilter: o, errors: n, updateDeveloperName: l } = I(), { filters: a } = r, c = st({
     currentPage: T.currentPage,
-    pageSize: Ut() ? T.mobilePageSize : T.pageSize,
+    pageSize: Gt() ? T.mobilePageSize : T.pageSize,
     defaultCurrentPage: T.defaultCurrentPage
-  }), [i, m] = P(null), d = fr(e, a, c, m), g = H(
+  }), [i, m] = P(null), d = xr(e, a, c, m), g = H(
     () => {
       var f, k;
       return o ? o(((f = d.data) == null ? void 0 : f.list) || []) : ((k = d.data) == null ? void 0 : k.list) || [];
@@ -1461,24 +1466,24 @@ function gr() {
     }
   };
 }
-function xr() {
-  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: l, minItemWidth: a, layout: c, baseSearch: i } = I(), { filters: m } = r, { blocklets: d, errors: g, loadMore: p, loadings: f, hasNextPage: k, total: S } = gr(), [B] = Rt({
+function wr() {
+  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: l, minItemWidth: a, layout: c, baseSearch: i } = I(), { filters: m } = r, { blocklets: d, errors: g, loadMore: p, loadings: f, hasNextPage: k, total: S } = yr(), [B] = Rt({
     loading: f.fetchBlockletsLoading || f.loadingMore,
     hasNextPage: k,
     onLoadMore: p
   });
   if (g.fetchBlockletsError) {
     const x = new Error(`Failed to fetch blocklets from ${o}: ${g.fetchBlockletsError.message}`);
-    return /* @__PURE__ */ t(xe, { error: x });
+    return /* @__PURE__ */ t(ye, { error: x });
   }
   const v = i && c.showSearch || !m.keyword;
   return /* @__PURE__ */ h(M, { children: [
-    v ? /* @__PURE__ */ t(pr, {}) : /* @__PURE__ */ h(M, { children: [
-      /* @__PURE__ */ t(ke, { xs: /* @__PURE__ */ t(Ye, {}), md: null }),
+    v ? /* @__PURE__ */ t(fr, {}) : /* @__PURE__ */ h(M, { children: [
+      /* @__PURE__ */ t(ve, { xs: /* @__PURE__ */ t(Ye, {}), md: null }),
       C()
     ] }),
     u(),
-    !f.fetchBlockletsLoading && k && /* @__PURE__ */ t(y, { height: 60, display: "flex", justifyContent: "center", py: 2, ref: B, children: /* @__PURE__ */ t(oe, {}) })
+    !f.fetchBlockletsLoading && k && /* @__PURE__ */ t(y, { height: 60, display: "flex", justifyContent: "center", py: 2, ref: B, children: /* @__PURE__ */ t(ne, {}) })
   ] });
   function u() {
     return f.fetchBlockletsLoading ? /* @__PURE__ */ t(Ze, { mt: 15 }) : d.length ? /* @__PURE__ */ t(
@@ -1491,7 +1496,7 @@ function xr() {
         gap: 2,
         children: d.map((x) => /* @__PURE__ */ t(y, { "data-blocklet-did": x.did, sx: { minWidth: a }, children: n({ blocklet: x, blocklets: d, serverVersion: l }) }, x.did))
       }
-    ) : /* @__PURE__ */ t(mr, {});
+    ) : /* @__PURE__ */ t(gr, {});
   }
   function C() {
     return /* @__PURE__ */ h(
@@ -1511,8 +1516,8 @@ function xr() {
     );
   }
 }
-function yr() {
-  const { t: e, selectedCategory: r, getCategoryLocale: o } = I(), { toggleOpen: n } = be();
+function br() {
+  const { t: e, selectedCategory: r, getCategoryLocale: o } = I(), { toggleOpen: n } = ke();
   return /* @__PURE__ */ h(
     w,
     {
@@ -1523,26 +1528,26 @@ function yr() {
       py: 2,
       fontWeight: "fontWeightMedium",
       children: [
-        /* @__PURE__ */ t(Xe, { onClick: () => n(!0), children: /* @__PURE__ */ t(Ot, {}) }),
+        /* @__PURE__ */ t(Xe, { onClick: () => n(!0), children: /* @__PURE__ */ t(zt, {}) }),
         o(r) || e("common.category")
       ]
     }
   );
 }
-function wr() {
+function kr() {
   const { search: e, layout: r } = I(), { filters: o } = e, n = o.category || o.keyword || o.price;
-  return /* @__PURE__ */ t(Mt, { children: /* @__PURE__ */ h(rt, { FallbackComponent: xe, children: [
-    /* @__PURE__ */ t(yr, {}),
+  return /* @__PURE__ */ t(Dt, { children: /* @__PURE__ */ h(rt, { FallbackComponent: ye, children: [
+    /* @__PURE__ */ t(br, {}),
     /* @__PURE__ */ h(y, { display: "flex", height: "100%", className: "list-container", pt: { xs: 0, md: 5 }, children: [
-      /* @__PURE__ */ t(er, {}),
-      /* @__PURE__ */ t(A, { height: "100%", position: "relative", flex: 1, overflow: "visible", children: r.showExplore && !n ? /* @__PURE__ */ t(ar, {}) : /* @__PURE__ */ t(xr, {}) })
+      /* @__PURE__ */ t(rr, {}),
+      /* @__PURE__ */ t(A, { height: "100%", position: "relative", flex: 1, overflow: "visible", children: r.showExplore && !n ? /* @__PURE__ */ t(cr, {}) : /* @__PURE__ */ t(wr, {}) })
     ] })
   ] }) });
 }
-function Po(e) {
-  return /* @__PURE__ */ h(_t, { variant: "outlined", ...e, sx: { maxWidth: 400, borderRadius: "8px", p: { xs: 2, md: 3 }, ...e.sx }, children: [
-    /* @__PURE__ */ h(le, { display: "flex", alignItems: "center", gap: 2, pb: 1, children: [
-      /* @__PURE__ */ h(le, { display: "flex", alignItems: "center", gap: 2, flex: 1, children: [
+function Lo(e) {
+  return /* @__PURE__ */ h(Mt, { variant: "outlined", ...e, sx: { maxWidth: 400, borderRadius: "8px", p: { xs: 2, md: 3 }, ...e.sx }, children: [
+    /* @__PURE__ */ h(ae, { display: "flex", alignItems: "center", gap: 2, pb: 1, children: [
+      /* @__PURE__ */ h(ae, { display: "flex", alignItems: "center", gap: 2, flex: 1, children: [
         /* @__PURE__ */ t(O, { variant: "rounded", width: 48, height: 48 }),
         /* @__PURE__ */ t(O, { variant: "text", width: 60, height: 28 })
       ] }),
@@ -1550,7 +1555,7 @@ function Po(e) {
     ] }),
     /* @__PURE__ */ t(O, { variant: "text", width: "100%", height: 24 }),
     /* @__PURE__ */ t(O, { variant: "text", width: "90%", height: 24 }),
-    /* @__PURE__ */ h(le, { display: "flex", alignItems: "center", gap: 1, pt: 1.5, children: [
+    /* @__PURE__ */ h(ae, { display: "flex", alignItems: "center", gap: 1, pt: 1.5, children: [
       /* @__PURE__ */ t(O, { variant: "rounded", width: 24, height: 24 }),
       /* @__PURE__ */ t(O, { variant: "text", width: "15%", height: 20 }),
       /* @__PURE__ */ t(O, { variant: "rounded", width: 24, height: 24, sx: { ml: 1 } }),
@@ -1558,11 +1563,11 @@ function Po(e) {
     ] })
   ] });
 }
-function Ao({ showSkeleton: e, ...r }) {
-  return e ? /* @__PURE__ */ t(_, { variant: "rectangular", width: r.width, height: r.height }) : /* @__PURE__ */ t(zt, { ...r });
+function Oo({ showSkeleton: e, ...r }) {
+  return e ? /* @__PURE__ */ t(_, { variant: "rectangular", width: r.width, height: r.height }) : /* @__PURE__ */ t(Nt, { ...r });
 }
-function Fo(e) {
-  const r = ge(), o = Je(
+function _o(e) {
+  const r = xe(), o = Je(
     tt({
       ...r,
       typography: {
@@ -1591,12 +1596,12 @@ function Fo(e) {
       }
     })
   );
-  return /* @__PURE__ */ t(et, { theme: o, children: /* @__PURE__ */ t(Xt, { ...e, children: /* @__PURE__ */ t(wr, {}) }) });
+  return /* @__PURE__ */ t(et, { theme: o, children: /* @__PURE__ */ t(Yt, { ...e, children: /* @__PURE__ */ t(kr, {}) }) });
 }
 export {
-  sr as Autocomplete,
-  Po as CardSkeleton,
-  Ao as Image,
-  Fo as default,
-  Dt as useSearch
+  dr as Autocomplete,
+  Lo as CardSkeleton,
+  Oo as Image,
+  _o as default,
+  $t as useSearch
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.14.20",
+  "version": "0.14.22",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -52,8 +52,8 @@
     "react-dom": ">=18.2.0"
   },
   "dependencies": {
-    "@blocklet/js-sdk": "1.16.33-beta-20241111-162739-f5906773",
-    "@blocklet/util": "0.14.20",
+    "@blocklet/js-sdk": "^1.16.33",
+    "@blocklet/util": "0.14.22",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@iconify-icons/tabler": "^1.2.95",
@@ -90,5 +90,5 @@
     "prettier": "^3.3.2",
     "vite": "^5.4.10"
   },
-  "gitHead": "bedf56d6956be7447315c7266b99065d99e292eb"
+  "gitHead": "bc4a74feeb544e6285347b0ea0c2be2349abd37c"
 }