@blocklet/list 0.14.1 → 0.14.2

package/lib/index.es.js

@@ -20,28 +20,29 @@ import fe from "flat";
 import xt from "@mui/icons-material/KeyboardArrowDown";
 import wt from "lodash/isEmpty";
 import Ie from "@mui/material/Box";
-import kt from "@arcblock/ux/lib/Avatar";
-import vt from "@iconify-icons/tabler/cloud-download";
-import Ct from "@mui/icons-material/ChevronLeft";
-import St from "@mui/icons-material/ChevronRight";
-import Bt from "react-image-gallery";
+import { Img as kt } from "@arcblock/ux";
+import vt from "@arcblock/ux/lib/Avatar";
+import Ct from "@iconify-icons/tabler/cloud-download";
+import St from "@mui/icons-material/ChevronLeft";
+import Bt from "@mui/icons-material/ChevronRight";
+import Rt from "react-image-gallery";
 import "react-image-gallery/styles/css/image-gallery.css";
-import Rt from "@arcblock/ux/lib/Empty";
-import Pt from "react-infinite-scroll-hook";
+import Pt from "@arcblock/ux/lib/Empty";
+import Tt from "react-infinite-scroll-hook";
 import Le from "@mui/material/Typography";
-import Tt from "@mui/icons-material/Menu";
-import { createRoot as It } from "react-dom/client";
-import { autocomplete as Lt } from "@algolia/autocomplete-js";
-import { useHotkeys as $t } from "react-hotkeys-hook";
-import { joinURL as zt } from "ufo";
-import _t from "@mui/icons-material/Search";
+import It from "@mui/icons-material/Menu";
+import { createRoot as Lt } from "react-dom/client";
+import { autocomplete as $t } from "@algolia/autocomplete-js";
+import { useHotkeys as zt } from "react-hotkeys-hook";
+import { joinURL as _t } from "ufo";
+import At from "@mui/icons-material/Search";
 import "@algolia/autocomplete-theme-classic/dist/theme.css";
 const $e = Re({
   open: !1,
   toggleOpen: (e) => {
   }
 });
-function At({ children: e }) {
+function Ft({ children: e }) {
   const [o, r] = q(!1), n = (l) => {
     r(l ?? !l);
   }, a = E(() => ({ open: o, toggleOpen: n }), [o]);
@@ -64,7 +65,7 @@ const T = {
   explorePath: "/api/blocklets/explore",
   exploreDidsPath: "/api/blocklets/dids",
   cacheSize: 100
-}, Ft = (e, o, r, n) => mt(
+}, Dt = (e, o, r, n) => mt(
   async (a) => {
     a || (r.currentPage = r.defaultCurrentPage);
     const { currentPage: l, pageSize: d } = r, u = {
@@ -83,7 +84,7 @@ const T = {
     reloadDeps: [e, yt(o)],
     onError: n
   }
-), Dt = (e) => re(
+), Et = (e) => re(
   async () => {
     const { data: o } = await e.get(T.categoriesPath);
     return Array.isArray(o) ? o : [];
@@ -142,14 +143,14 @@ const T = {
   //   name: t('sort.rating'),
   //   value: 'rating',
   // },
-], Et = (e) => [
+], Mt = (e) => [
   { name: e("blocklet.free"), value: "free" },
   { name: e("blocklet.payment"), value: "payment" }
-], Mt = (e = [], o = "en") => e.map((r) => ({ name: r.locales[o] || r.locales.en, value: r._id })), Nt = (e, o) => (
+], Nt = (e = [], o = "en") => e.map((r) => ({ name: r.locales[o] || r.locales.en, value: r._id })), Ot = (e, o) => (
   // eslint-disable-next-line no-prototype-builtins
   e == null ? void 0 : e.replace(/{(\w*)}/g, (r, n) => o.hasOwnProperty(n) ? o[n] : "")
-), Ot = () => window.innerWidth <= 600, qt = (e) => bt(e).rgb().object();
-function jt(e, o) {
+), qt = () => window.innerWidth <= 600, jt = (e) => bt(e).rgb().object();
+function Vt(e, o) {
   let r;
   return function(...a) {
     return r && clearTimeout(r), new Promise((l) => {
@@ -157,7 +158,7 @@ function jt(e, o) {
     });
   };
 }
-const Vt = jt((e) => Promise.resolve(e), 300), Wt = {
+const Wt = Vt((e) => Promise.resolve(e), 300), Ut = {
   common: {
     title: "Blocklet Store",
     searchStore: "Search Blocklet",
@@ -205,7 +206,7 @@ const Vt = jt((e) => Promise.resolve(e), 300), Wt = {
   autocomplete: {
     expandResult: 'View all search results for "{name}"'
   }
-}, Ut = {
+}, Ht = {
   common: {
     title: "Blocklet 商店",
     searchStore: "搜索 Blocklet",
@@ -254,14 +255,14 @@ const Vt = jt((e) => Promise.resolve(e), 300), Wt = {
     expandResult: "查看 “{name}” 的所有搜索结果"
   }
 }, J = {
-  en: fe(Wt),
-  zh: fe(Ut)
+  en: fe(Ut),
+  zh: fe(Ht)
 }, Fe = (e, o) => {
   const r = {};
   return e && (r["x-blocklet-server-version"] = e), o && (r["x-blocklet-store-version"] = o), r;
-}, Ht = (e) => (o, r) => {
+}, Gt = (e) => (o, r) => {
   const n = J[e] ? J[e][o] : J.en[o];
-  return Nt(n, r) || o;
+  return Ot(n, r) || o;
 }, De = {
   errors: {
     fetchBlockletsError: null,
@@ -316,7 +317,7 @@ const Vt = jt((e) => Promise.resolve(e), 300), Wt = {
   developerName: "",
   handleSearchSelect: () => {
   }
-}, Ee = Re(De), { Provider: Gt, Consumer: Qr } = Ee;
+}, Ee = Re(De), { Provider: Qt, Consumer: Yr } = Ee;
 function ne({
   filters: e,
   children: o,
@@ -338,20 +339,20 @@ function ne({
   var ue;
   const z = Fe(f, y), b = E(() => Te.create({ baseURL: r, headers: z }), [r]), h = { sortBy: "popularity", sortDirection: "desc", ...e }, C = h.category, _ = ht({
     currentPage: T.currentPage,
-    pageSize: Ot() ? T.mobilePageSize : T.pageSize,
+    pageSize: qt() ? T.mobilePageSize : T.pageSize,
     defaultCurrentPage: T.defaultCurrentPage
-  }), [A, $] = q(null), R = Ft(b, h, _, $), {
+  }), [A, $] = q(null), R = Dt(b, h, _, $), {
     data: X = [],
     error: We,
     loading: Ue,
     run: se
-  } = Dt(b), Y = E(() => {
+  } = Et(b), Y = E(() => {
     const p = pt(X, [(P) => P.name], ["asc"]), g = p.findIndex((P) => P.name === "All" || P.locales.en === "All");
     return g > -1 ? [{ ...p[g], _id: "All" }, ...p.slice(0, g), ...p.slice(g + 1)] : p;
   }, [X]), ce = E(() => {
     var p;
     return u(((p = R.data) == null ? void 0 : p.list) || []);
-  }, [R.data, u]), de = K(Ht(n), [n]), He = E(() => Mt(Y, n), [Y, n]), Ge = Et(de), Qe = {
+  }, [R.data, u]), de = K(Gt(n), [n]), He = E(() => Nt(Y, n), [Y, n]), Ge = Mt(de), Qe = {
     errors: { fetchBlockletsError: A, fetchCategoriesError: We },
     loadings: {
       fetchBlockletsLoading: R.loading,
@@ -429,7 +430,7 @@ function ne({
   };
   return j(() => {
     setTimeout(se, c || 0);
-  }, [r, se, c]), /* @__PURE__ */ t(Gt, { value: Qe, children: o });
+  }, [r, se, c]), /* @__PURE__ */ t(Qt, { value: Qe, children: o });
 }
 ne.propTypes = {
   ...ze,
@@ -482,7 +483,7 @@ function G({
   let y = e;
   return u || (y = V(o, y), s) || (y = V(r, y), v) || (y = V(n, y), f) ? y : V(a, y);
 }
-function Qt({ children: e }) {
+function Xt({ children: e }) {
   const { open: o, toggleOpen: r } = oe();
   return /* @__PURE__ */ t(
     G,
@@ -492,10 +493,10 @@ function Qt({ children: e }) {
     }
   );
 }
-const Xt = D(ee)`
+const Yt = D(ee)`
   border-radius: 4px;
 `, le = st(({ children: e, rounded: o, loading: r, disabled: n, ...a }, l) => /* @__PURE__ */ t(
-  Xt,
+  Yt,
   {
     ref: l,
     disableElevation: !0,
@@ -535,7 +536,7 @@ function Q({ title: e, value: o, icon: r, prepend: n, options: a, onChange: l, i
   }
   return /* @__PURE__ */ m(F, { children: [
     /* @__PURE__ */ m(
-      Yt,
+      Jt,
       {
         ref: s,
         onClick: z,
@@ -551,7 +552,7 @@ function Q({ title: e, value: o, icon: r, prepend: n, options: a, onChange: l, i
         ]
       }
     ),
-    /* @__PURE__ */ t(Ze, { open: f, anchorEl: s.current, transition: !0, sx: { zIndex: "9999" }, children: ({ TransitionProps: C, placement: _ }) => /* @__PURE__ */ t(et, { ...C, sx: { transformOrigin: _ === "bottom" ? "center top" : "center bottom" }, children: /* @__PURE__ */ t(tt, { children: /* @__PURE__ */ t(rt, { onClickAway: x, children: /* @__PURE__ */ m(Jt, { autoFocusItem: f, onMouseEnter: z, onMouseLeave: x, children: [
+    /* @__PURE__ */ t(Ze, { open: f, anchorEl: s.current, transition: !0, sx: { zIndex: "9999" }, children: ({ TransitionProps: C, placement: _ }) => /* @__PURE__ */ t(et, { ...C, sx: { transformOrigin: _ === "bottom" ? "center top" : "center bottom" }, children: /* @__PURE__ */ t(tt, { children: /* @__PURE__ */ t(rt, { onClickAway: x, children: /* @__PURE__ */ m(Kt, { autoFocusItem: f, onMouseEnter: z, onMouseLeave: x, children: [
       n,
       a.map((A) => d ? d(A) : /* @__PURE__ */ t(
         ot,
@@ -585,7 +586,7 @@ Q.defaultProps = {
   onChange: () => {
   }
 };
-const Yt = D(le)`
+const Jt = D(le)`
   border: 1px solid #f0f0f0;
   padding: 6px 8px 6px 12px;
   font-weight: ${(e) => e.theme.typography.fontWeightRegular};
@@ -616,7 +617,7 @@ const Yt = D(le)`
       margin-right: 3px;
     }
   }
-`, Jt = D(Je)`
+`, Kt = D(Je)`
   .my-select__option__icon {
     color: transparent;
     font-size: 14px;
@@ -676,9 +677,9 @@ function Ne() {
     }
   );
 }
-function Kt() {
+function Zt() {
   const { selectedCategory: e, handleCategory: o, t: r, categoryOptions: n, filters: a, cleanFilter: l, loadings: d } = B(), { toggleOpen: u } = oe();
-  return /* @__PURE__ */ m(Qt, { children: [
+  return /* @__PURE__ */ m(Xt, { children: [
     /* @__PURE__ */ t(
       G,
       {
@@ -788,7 +789,7 @@ function ge({
   ] });
 }
 const ye = 292;
-function Zt() {
+function er() {
   var f, y;
   const { t: e } = B(), { post: o } = Oe(), r = ((y = (f = window.blocklet) == null ? void 0 : f.preferences) == null ? void 0 : y.homeBanner) || [], { data: n = [] } = re(async () => {
     const c = await o(T.exploreDidsPath, { didList: r.map((w) => w.did) });
@@ -804,7 +805,7 @@ function Zt() {
   return r.length > 0 ? /* @__PURE__ */ m(F, { children: [
     /* @__PURE__ */ t(L, { component: "h2", variant: "h2", mt: { xs: 2, md: 0 }, mb: 3, children: e("explore.title") }),
     /* @__PURE__ */ t(S, { height: { xs: "auto", md: ye }, position: "relative", bgcolor: "#F0F7FF", borderRadius: 3, children: /* @__PURE__ */ t(
-      Bt,
+      Rt,
       {
         showNav: !0,
         autoPlay: !0,
@@ -815,8 +816,8 @@ function Zt() {
         showBullets: !1,
         showThumbnails: !1,
         showFullscreenButton: !1,
-        renderLeftNav: (c) => /* @__PURE__ */ t(S, { onClick: c, sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ t(Ct, { sx: { ...a, left: 5 } }) }),
-        renderRightNav: (c) => /* @__PURE__ */ t(S, { onClick: c, sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ t(St, { sx: { ...a, right: 5 } }) }),
+        renderLeftNav: (c) => /* @__PURE__ */ t(S, { onClick: c, sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ t(St, { sx: { ...a, left: 5 } }) }),
+        renderRightNav: (c) => /* @__PURE__ */ t(S, { onClick: c, sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ t(Bt, { sx: { ...a, right: 5 } }) }),
         items: r.map((c, w) => ({
           original: c.did,
           renderItem: () => {
@@ -833,7 +834,7 @@ function Zt() {
                 p: { xs: 2, md: 5 },
                 gap: { xs: 2, md: 5 },
                 children: [
-                  l(c.cover || tr(c.did, (x = k.screenshots) == null ? void 0 : x[0])),
+                  l(c.cover || rr(c.did, (x = k.screenshots) == null ? void 0 : x[0])),
                   /* @__PURE__ */ m(I, { flex: 1, height: "100%", gap: 3, children: [
                     /* @__PURE__ */ m(S, { flex: 1, children: [
                       d(c.name || k.title || c.name),
@@ -851,7 +852,7 @@ function Zt() {
     ) })
   ] }) : null;
   function l(c) {
-    return /* @__PURE__ */ t(S, { width: { xs: "100%", md: 338 }, height: 210, borderRadius: 2, overflow: "hidden", children: /* @__PURE__ */ t("img", { src: c, alt: "", style: { width: "100%", height: "100%", objectFit: "cover" } }) });
+    return /* @__PURE__ */ t(S, { width: { xs: "100%", md: 338 }, height: 210, borderRadius: 2, overflow: "hidden", children: /* @__PURE__ */ t(kt, { src: c, alt: "", style: { width: "100%", height: "100%", objectFit: "cover" } }) });
   }
   function d(c) {
     return /* @__PURE__ */ t(L, { variant: "h2", width: "100%", children: c });
@@ -881,8 +882,8 @@ function Zt() {
   function s(c, w = 0) {
     const { did: k, owner: x, stats: z } = c;
     return /* @__PURE__ */ m(S, { display: "flex", alignItems: "center", gap: 2, color: "text.secondary", children: [
-      /* @__PURE__ */ t(ge, { icon: /* @__PURE__ */ t(kt, { src: x.avatar, did: k, size: 20, variant: "circle" }), children: x.fullName }),
-      /* @__PURE__ */ t(ge, { icon: /* @__PURE__ */ t(Se, { icon: vt }), title: `${z.downloads + w}`, children: er(z.downloads + w) })
+      /* @__PURE__ */ t(ge, { icon: /* @__PURE__ */ t(vt, { src: x.avatar, did: k, size: 20, variant: "circle" }), children: x.fullName }),
+      /* @__PURE__ */ t(ge, { icon: /* @__PURE__ */ t(Se, { icon: Ct }), title: `${z.downloads + w}`, children: tr(z.downloads + w) })
     ] });
   }
   function v(c, w) {
@@ -902,15 +903,15 @@ function Zt() {
     ) });
   }
 }
-const er = (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`, tr = (e, o) => e && o ? `/assets/${e}/screenshots/${o}` : "";
-function rr({ title: e, blocklets: o }) {
+const tr = (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`, rr = (e, o) => e && o ? `/assets/${e}/screenshots/${o}` : "";
+function or({ title: e, blocklets: o }) {
   const { blockletRender: r, serverVersion: n } = B();
   return /* @__PURE__ */ m(S, { mt: 3, children: [
     /* @__PURE__ */ t(L, { component: "h3", variant: "h3", sx: { mb: 2 }, children: e }),
     /* @__PURE__ */ t(me, { container: !0, spacing: 2, children: o.map((a) => /* @__PURE__ */ t(me, { item: !0, xs: 12, md: 6, p: "2px", "data-blocklet-did": a.did, children: /* @__PURE__ */ t(S, { padding: "1px", children: r({ blocklet: a, blocklets: o, serverVersion: n }) }) }, a.did)) })
   ] });
 }
-function or() {
+function nr() {
   const { get: e } = Oe(), { t: o } = B(), {
     data: r = [],
     error: n,
@@ -920,13 +921,13 @@ function or() {
     return Array.isArray(l) ? l : [];
   });
   return n ? /* @__PURE__ */ t(Z, { error: new Error(`Failed to fetch blocklets from ${T.explorePath}`) }) : a ? /* @__PURE__ */ t(qe, { mt: 15 }) : /* @__PURE__ */ m(F, { children: [
-    /* @__PURE__ */ t(Zt, {}),
+    /* @__PURE__ */ t(er, {}),
     r.map(
-      (l) => l.blocklets.length > 0 ? /* @__PURE__ */ t(rr, { title: o(`explore.${l.type}`), blocklets: l.blocklets }, l.type) : null
+      (l) => l.blocklets.length > 0 ? /* @__PURE__ */ t(or, { title: o(`explore.${l.type}`), blocklets: l.blocklets }, l.type) : null
     )
   ] });
 }
-function nr() {
+function lr() {
   var u;
   const { filters: e, handleSort: o, handlePrice: r, t: n, getCategoryLocale: a } = B(), l = Ae(n), d = ((u = l.find((s) => s.value === e.sortBy)) == null ? void 0 : u.name) || n("sort.sort");
   return /* @__PURE__ */ m(
@@ -1027,7 +1028,7 @@ function je({ blocklets: e, ...o }) {
     hasNextPage: f,
     loadMore: y,
     endpoint: c
-  } = B(), w = !!l || !!u.price, [k] = Pt({
+  } = B(), w = !!l || !!u.price, [k] = Tt({
     loading: a.fetchBlockletsLoading || a.loadingMore,
     hasNextPage: f,
     onLoadMore: y
@@ -1087,7 +1088,7 @@ function je({ blocklets: e, ...o }) {
 je.propTypes = {
   blocklets: i.array.isRequired
 };
-const W = D(Rt)`
+const W = D(Pt)`
   text-align: center;
   margin-top: 100px;
   .primary {
@@ -1113,7 +1114,7 @@ function ae({ onSelect: e, wrapChildren: o }) {
   }, z = ({ prevState: b, state: h }) => {
     b.query !== h.query && (h.query || (v(), k()));
   };
-  return $t(
+  return zt(
     "ctrl + k, command + k",
     (b) => (b.stopPropagation(), b.preventDefault(), k(), !1),
     { enableOnTags: ["INPUT"] }
@@ -1122,13 +1123,13 @@ function ae({ onSelect: e, wrapChildren: o }) {
   }, [s]), j(() => {
     if (!r.current)
       return;
-    const b = Lt({
+    const b = $t({
       container: r.current,
       renderer: { createElement: dt, Fragment: ut, render: () => {
       } },
       render({ children: h }, C) {
         var _;
-        (!n.current || a.current !== C) && (a.current = C, (_ = n.current) == null || _.unmount(), n.current = It(C)), n.current.render(o(h));
+        (!n.current || a.current !== C) && (a.current = C, (_ = n.current) == null || _.unmount(), n.current = Lt(C)), n.current.render(o(h));
       },
       autoFocus: !0,
       openOnFocus: !1,
@@ -1165,7 +1166,7 @@ function ae({ onSelect: e, wrapChildren: o }) {
           pageSize: 10,
           keyword: h
         };
-        return Vt([
+        return Wt([
           {
             sourceId: "blocklets",
             getItems() {
@@ -1179,7 +1180,7 @@ function ae({ onSelect: e, wrapChildren: o }) {
             onSelect({ event: $, item: R }) {
               return R.type === "more-result" ? (_.setIsOpen(!1), v(h)) : $.type === "keydown" ? v(R.title) : e({
                 blocklet: R,
-                detailUrl: zt(s, "/blocklets", R.did),
+                detailUrl: _t(s, "/blocklets", R.did),
                 storeUrl: s
               });
             },
@@ -1237,18 +1238,18 @@ function ie({ placeholder: e, ...o }) {
   return j(() => {
     l(r.keyword || "");
   }, [r.keyword]), /* @__PURE__ */ t(
-    lr,
+    ar,
     {
       inputProps: {
         "data-cy": "search-blocklet"
       },
-      startAdornment: /* @__PURE__ */ t(he, { position: "start", children: /* @__PURE__ */ t(ar, {}) }),
+      startAdornment: /* @__PURE__ */ t(he, { position: "start", children: /* @__PURE__ */ t(ir, {}) }),
       onChange: u,
       placeholder: e,
       value: a,
       title: e,
       "data-cy": "search",
-      endAdornment: a && /* @__PURE__ */ t(he, { position: "end", children: /* @__PURE__ */ t(ir, { "data-cy": "search-delete", onClick: s }) }),
+      endAdornment: a && /* @__PURE__ */ t(he, { position: "end", children: /* @__PURE__ */ t(sr, { "data-cy": "search-delete", onClick: s }) }),
       ...o
     }
   );
@@ -1259,7 +1260,7 @@ ie.propTypes = {
 ie.defaultProps = {
   placeholder: "Type to search..."
 };
-const lr = D(lt)`
+const ar = D(lt)`
   background-color: ${(e) => e.theme.palette.grey[50]};
   font-size: 14px;
   border-radius: 6px;
@@ -1276,18 +1277,18 @@ const lr = D(lt)`
       color: transparent;
     }
   }
-`, ar = D(_t)`
+`, ir = D(At)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 28px;
   @media (max-width: ${(e) => e.theme.breakpoints.values.md}px) {
     font-size: 24px;
   }
-`, ir = D(Be)`
+`, sr = D(Be)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 16px;
   cursor: pointer;
 `;
-function sr() {
+function cr() {
   const { filters: e, handleSearchSelect: o, t: r, wrapChildren: n, baseSearch: a } = B(), { toggleOpen: l } = oe(), d = !!e.keyword;
   return /* @__PURE__ */ m(
     I,
@@ -1304,7 +1305,7 @@ function sr() {
         /* @__PURE__ */ t(
           G,
           {
-            xs: !d && /* @__PURE__ */ t(Me, { onClick: () => l(!0), children: /* @__PURE__ */ t(Tt, {}) }),
+            xs: !d && /* @__PURE__ */ t(Me, { onClick: () => l(!0), children: /* @__PURE__ */ t(It, {}) }),
             md: /* @__PURE__ */ t(L, { variant: "h1", children: r("common.title") })
           }
         ),
@@ -1325,19 +1326,19 @@ function sr() {
     }
   );
 }
-function cr() {
+function dr() {
   const { blockletList: e, total: o, filters: r, t: n } = B(), a = r.category || r.keyword || r.price;
-  return /* @__PURE__ */ t(At, { children: /* @__PURE__ */ m(at, { FallbackComponent: Z, children: [
-    /* @__PURE__ */ t(sr, {}),
+  return /* @__PURE__ */ t(Ft, { children: /* @__PURE__ */ m(at, { FallbackComponent: Z, children: [
+    /* @__PURE__ */ t(cr, {}),
     /* @__PURE__ */ m(S, { display: "flex", height: "100%", children: [
-      /* @__PURE__ */ t(Kt, {}),
+      /* @__PURE__ */ t(Zt, {}),
       /* @__PURE__ */ t(I, { height: "100%", position: "relative", flex: 1, overflow: "visible", children: a ? /* @__PURE__ */ m(F, { children: [
         r.keyword ? /* @__PURE__ */ m(F, { children: [
           /* @__PURE__ */ t(G, { xs: /* @__PURE__ */ t(Ne, {}), md: null }),
           l()
-        ] }) : /* @__PURE__ */ t(nr, {}),
+        ] }) : /* @__PURE__ */ t(lr, {}),
         /* @__PURE__ */ t(je, { blocklets: e, height: "100%" })
-      ] }) : /* @__PURE__ */ t(or, {}) })
+      ] }) : /* @__PURE__ */ t(nr, {}) })
     ] })
   ] }) });
   function l() {
@@ -1348,7 +1349,7 @@ function cr() {
   }
 }
 function Ve(e) {
-  const o = xe(), r = qt(o.palette.primary.main), n = {
+  const o = xe(), r = jt(o.palette.primary.main), n = {
     autocomplete: ke`
       :root {
         --aa-detached-media-query: (max-width: ${o.breakpoints.values.md}px) !important;
@@ -1389,7 +1390,7 @@ function Ve(e) {
   };
   return /* @__PURE__ */ m(ne, { ...e, children: [
     /* @__PURE__ */ t(we, { styles: n.autocomplete }),
-    /* @__PURE__ */ t(cr, {})
+    /* @__PURE__ */ t(dr, {})
   ] });
 }
 Ve.propTypes = ze;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -52,7 +52,7 @@
   "dependencies": {
     "@algolia/autocomplete-js": "^1.17.0",
     "@algolia/autocomplete-theme-classic": "^1.17.0",
-    "@blocklet/util": "0.14.1",
+    "@blocklet/util": "0.14.2",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@iconify-icons/tabler": "^1.2.95",
@@ -89,5 +89,5 @@
     "prettier": "^3.3.2",
     "vite": "^5.2.12"
   },
-  "gitHead": "b602be895cbebdec9e3586a715db5579274feb8a"
+  "gitHead": "c9eb5283a39c2c976d15d35cf1f7263b216e3ca6"
 }