@blocklet/list 0.17.23 → 0.17.24

package/lib/index.es.js

@@ -1,11 +1,11 @@
 import { jsx as t, jsxs as p, Fragment as _ } from "react/jsx-runtime";
-import { styled as K, useTheme as ye } from "@arcblock/ux/lib/Theme";
-import { useTheme as Le, Box as ee, Card as rt, Skeleton as O, createTheme as ot, ThemeProvider as nt } from "@mui/material";
+import { styled as K, useTheme as we } from "@arcblock/ux/lib/Theme";
+import { useTheme as Le, Box as ee, Card as rt, Skeleton as E, createTheme as ot, ThemeProvider as nt } from "@mui/material";
 import { pick as it, omitBy as ae, orderBy as lt, isEmpty as at, merge as st } from "lodash-es";
-import { ErrorFallback as we } from "@arcblock/ux/lib/ErrorBoundary";
+import { ErrorFallback as be } from "@arcblock/ux/lib/ErrorBoundary";
 import g from "@mui/material/Box";
-import A from "@mui/material/Stack";
-import { createContext as Me, useState as T, useMemo as H, useContext as ze, useCallback as fe, useEffect as U, useRef as te, memo as ct } from "react";
+import O from "@mui/material/Stack";
+import { createContext as Me, useState as A, useMemo as H, useContext as ze, useCallback as ge, useEffect as U, useRef as te, memo as ct } from "react";
 import { ErrorBoundary as dt } from "react-error-boundary";
 import ut from "@iconify-icons/tabler/compass";
 import { Icon as M } from "@iconify/react";
@@ -14,8 +14,8 @@ import k from "@mui/material/Typography";
 import { createAxios as Fe } from "@blocklet/js-sdk";
 import { useRequest as oe, useDebounceFn as Ne, useInfiniteScroll as ht, useReactive as pt } from "ahooks";
 import "color";
-import { parseURL as mt, parseQuery as ft, parseFilename as gt, stringifyParsedURL as xt, withQuery as be, joinURL as Se } from "ufo";
-import Ie from "flat";
+import { parseURL as mt, parseQuery as ft, parseFilename as gt, stringifyParsedURL as xt, withQuery as ke, joinURL as Ie } from "ufo";
+import Be from "flat";
 import ne from "@mui/material/Button";
 import j from "@mui/material/useMediaQuery";
 import yt from "@mui/material/Drawer";
@@ -38,11 +38,11 @@ import Pt from "@mui/icons-material/ChevronRight";
 import L from "@mui/material/Skeleton";
 import Tt from "react-image-gallery";
 import "react-image-gallery/styles/css/image-gallery.css";
-import Be from "@mui/material/Grid";
+import Re from "@mui/material/Grid";
 import At from "react-infinite-scroll-hook";
-import Et from "@iconify-icons/tabler/square";
-import Ot from "@iconify-icons/tabler/square-check-filled";
-import Re from "@mui/material/Chip";
+import Ot from "@iconify-icons/tabler/square";
+import Et from "@iconify-icons/tabler/square-check-filled";
+import Pe from "@mui/material/Chip";
 import se from "@iconify-icons/tabler/search";
 import Lt from "@iconify-icons/tabler/x";
 import Mt from "@mui/material/Autocomplete";
@@ -51,7 +51,7 @@ import Ue from "@mui/material/OutlinedInput";
 import _t from "@mui/material/TextField";
 import { useHotkeys as Ft } from "react-hotkeys-hook";
 import Nt from "@mui/icons-material/Search";
-import Pe from "@mui/material/InputAdornment";
+import Te from "@mui/material/InputAdornment";
 import Dt from "@arcblock/ux/lib/Empty";
 import Wt from "json-stable-stringify";
 import $t from "@mui/icons-material/Menu";
@@ -63,15 +63,15 @@ const Ve = Me({
   }
 });
 function Ut({ children: e }) {
-  const [r, o] = T(!1), n = (a) => {
+  const [r, o] = A(!1), i = (a) => {
     o(a ?? !a);
-  }, i = H(() => ({ open: r, toggleOpen: n }), [r]);
-  return /* @__PURE__ */ t(Ve.Provider, { value: i, children: e });
+  }, l = H(() => ({ open: r, toggleOpen: i }), [r]);
+  return /* @__PURE__ */ t(Ve.Provider, { value: l, children: e });
 }
-function ke() {
+function ve() {
   return ze(Ve);
 }
-const P = {
+const T = {
   nameAsc: "title",
   nameDesc: "title",
   popularity: "stats.downloads",
@@ -87,7 +87,7 @@ const P = {
   cacheSize: 100
 }, Vt = (e) => oe(
   async () => {
-    const { data: r } = await e.get(P.categoriesPath);
+    const { data: r } = await e.get(T.categoriesPath);
     return Array.isArray(r) ? r : [];
   },
   { manual: !0 }
@@ -105,49 +105,52 @@ function Gt(e, r) {
     ...e,
     menu: void 0
   }, {
-    onFilterChange: n,
-    onSearchSelect: i = (l) => {
-      r.onFilterChange({ ...o, keyword: l.title });
+    onFilterChange: i,
+    onSearchSelect: l = (n) => {
+      r.onFilterChange({ ...o, keyword: n.title });
     },
     emptyCategory: a
   } = r;
   !o.category && !a && (o.category = "All");
-  const s = (l) => {
-    const m = { ...o, ...l };
-    n(ae(m, (h) => h === "" || h === void 0));
+  const s = (n) => {
+    const m = { ...o, ...n };
+    i(ae(m, (h) => h === "" || h === void 0));
   };
   return {
     filters: e,
-    cleanFilter: (l) => {
-      const m = l ? ae(o, (h, f) => l.includes(f)) : {};
-      n(ae(m, (h) => h === "" || h === void 0));
+    cleanFilter: (n) => {
+      const m = n ? ae(o, (h, f) => n.includes(f)) : {};
+      i(ae(m, (h) => h === "" || h === void 0));
+    },
+    handleActiveMenu: (n) => {
+      n !== e.menu && i({ menu: n });
     },
-    handleActiveMenu: (l) => {
-      l !== e.menu && n({ menu: l });
+    handleSort: (n, m) => {
+      s({ sortBy: n, sortDirection: m || n === "nameAsc" ? "asc" : "desc" });
     },
-    handleSort: (l, m) => {
-      s({ sortBy: l, sortDirection: m || l === "nameAsc" ? "asc" : "desc" });
+    handleKeyword: (n) => {
+      s({ category: void 0, keyword: n || void 0 });
     },
-    handleKeyword: (l) => {
-      s({ category: void 0, keyword: l || void 0 });
+    handlePrice: (n) => {
+      s({ price: n === e.price ? void 0 : n });
     },
-    handlePrice: (l) => {
-      s({ price: l === e.price ? void 0 : l });
+    handleCategory: (n) => {
+      s({ category: n === e.category ? "" : n });
     },
-    handleCategory: (l) => {
-      s({ category: l === e.category ? "" : l });
+    handleDeveloper: (n) => {
+      s({ owner: n || void 0 });
     },
-    handleDeveloper: (l) => {
-      s({ owner: l || void 0 });
+    handlePage: (n) => {
+      s({ currentPage: n });
     },
-    handlePage: (l) => {
-      s({ currentPage: l });
+    handleSwitchIsOfficial: (n) => {
+      s({ isOfficial: n === "true" ? "true" : "" });
     },
-    handleSwitchShowResources: (l) => {
-      s({ showResources: l });
+    handleSwitchShowResources: (n) => {
+      s({ showResources: n });
     },
-    handleSearchSelect: (l) => {
-      i(l);
+    handleSearchSelect: (n) => {
+      l(n);
     }
   };
 }
@@ -165,14 +168,14 @@ const qt = (e, r, o) => e && r || !o, Ge = (e) => [
   //   value: 'rating',
   // },
 ], qe = (e, r, o) => {
-  const n = mt(e), i = ft(n.search);
+  const i = mt(e), l = ft(i.search);
   if (gt(e, { strict: !0 })?.endsWith(".gif"))
-    return i.imageFilter ? xt({ ...n, search: "" }) : e;
-  if (i.imageFilter)
+    return l.imageFilter ? xt({ ...i, search: "" }) : e;
+  if (l.imageFilter)
     return e;
-  const s = o || window.blocklet?.version, { w: l, h: m } = typeof r == "object" ? { w: r.w, h: r.h } : { w: r, h: r };
-  return be(e, {
-    ...l || m ? { imageFilter: "resize", w: l, h: m } : {},
+  const s = o || window.blocklet?.version, { w: n, h: m } = typeof r == "object" ? { w: r.w, h: r.h } : { w: r, h: r };
+  return ke(e, {
+    ...n || m ? { imageFilter: "resize", w: n, h: m } : {},
     v: s
   });
 }, Kt = (e) => [
@@ -181,12 +184,13 @@ const qt = (e, r, o) => e && r || !o, Ge = (e) => [
 ], Xt = (e = [], r = "en") => e.map((o) => ({ name: o.locales[r] || o.locales.en, value: o._id })), Qt = (e) => Array.isArray(e) ? e.map((r) => r.message).join(`
 `) : e.response?.data?.error ? e.response.data.error.message || e.response.data.error : e.message || e, Yt = (e, r) => (
   // eslint-disable-next-line no-prototype-builtins
-  e?.replace(/{(\w*)}/g, (o, n) => r.hasOwnProperty(n) ? r[n] : "")
+  e?.replace(/{(\w*)}/g, (o, i) => r.hasOwnProperty(i) ? r[i] : "")
 ), Zt = () => window.innerWidth <= 600, Jt = {
   common: {
     title: "Blocklet Store",
     searchStore: "Search Blocklet",
     showResources: "Show extensions",
+    official: "Official Blocklets",
     price: "Price",
     category: "Category",
     categories: "Categories",
@@ -239,6 +243,7 @@ const qt = (e, r, o) => e && r || !o, Ge = (e) => [
     title: "Blocklet 商店",
     searchStore: "搜索 Blocklet",
     showResources: "显示扩展",
+    official: "官方 Blocklet",
     price: "价格",
     category: "类别",
     categories: "类别",
@@ -287,14 +292,14 @@ const qt = (e, r, o) => e && r || !o, Ge = (e) => [
     expandResult: "查看 “{name}” 的所有搜索结果"
   }
 }, ce = {
-  en: Ie(Jt),
-  zh: Ie(er)
+  en: Be(Jt),
+  zh: Be(er)
 }, Ke = (e, r) => {
   const o = {};
   return e && (o["x-blocklet-server-version"] = e), r && (o["x-blocklet-store-version"] = r), o;
 }, tr = (e) => (r, o) => {
-  const n = ce[e] ? ce[e][r] : ce.en[r];
-  return Yt(n, o) || r;
+  const i = ce[e] ? ce[e][r] : ce.en[r];
+  return Yt(i, o) || r;
 }, Xe = {
   errors: {
     fetchCategoriesError: null
@@ -345,6 +350,8 @@ const qt = (e, r, o) => e && r || !o, Ge = (e) => [
     },
     handleSwitchShowResources: () => {
     },
+    handleSwitchIsOfficial: () => {
+    },
     handleSearchSelect: () => {
     },
     handlePage: () => {
@@ -355,16 +362,16 @@ function or(e) {
   const {
     locale: r = "zh",
     filters: o = {},
-    serverVersion: n = "",
-    onFilterChange: i = () => {
+    serverVersion: i = "",
+    onFilterChange: l = () => {
     },
     minItemWidth: a = 350,
     queryFilter: s = !0,
-    layout: l = {},
-    wrapChildren: m = (R) => R,
-    extraFilter: h = (R) => R,
+    layout: n = {},
+    wrapChildren: m = (P) => P,
+    extraFilter: h = (P) => P,
     baseSearch: f = !1,
-    fetchCategoryDelay: d = 0,
+    fetchCategoryDelay: c = 0,
     showResourcesSwitch: w = !1,
     showCategory: y = !0,
     tagFilters: S = [],
@@ -373,19 +380,19 @@ function or(e) {
     onSearchSelect: b = () => {
     },
     endpoint: v,
-    blockletRender: C,
-    compact: E = !1
-  } = e, V = Ke(n, x), X = H(() => Fe({ baseURL: v, headers: V }), [v]), D = Gt(o, { onFilterChange: i, emptyCategory: !l.showExplore, onSearchSelect: b }), [F, G] = T(""), {
+    blockletRender: B,
+    compact: C = !1
+  } = e, V = Ke(i, x), X = H(() => Fe({ baseURL: v, headers: V }), [v]), D = Gt(o, { onFilterChange: l, emptyCategory: !n.showExplore, onSearchSelect: b }), [F, G] = A(""), {
     data: W = [],
     error: le,
     loading: Q,
     run: Y
   } = Vt(X), $ = H(() => {
-    const R = lt(W, [(N) => N.name], ["asc"]), z = R.findIndex((N) => N.name === "All" || N.locales.en === "All");
-    return z > -1 ? [{ ...R[z], _id: "All" }, ...R.slice(0, z), ...R.slice(z + 1)] : R;
-  }, [W]), q = fe(tr(r), [r]), c = H(() => Xt($, r), [$, r]), B = Kt(q), tt = {
+    const P = lt(W, [(N) => N.name], ["asc"]), z = P.findIndex((N) => N.name === "All" || N.locales.en === "All");
+    return z > -1 ? [{ ...P[z], _id: "All" }, ...P.slice(0, z), ...P.slice(z + 1)] : P;
+  }, [W]), q = ge(tr(r), [r]), d = H(() => Xt($, r), [$, r]), R = Kt(q), tt = {
     search: D,
-    compact: E,
+    compact: C,
     errors: { fetchCategoriesError: le },
     loadings: {
       fetchCategoriesLoading: Q
@@ -394,31 +401,31 @@ function or(e) {
     endpoint: v,
     queryFilter: s,
     layout: {
-      showExplore: l.showExplore ?? !1,
-      showCategory: l.showCategory ?? !0,
-      showTitle: l.showTitle ?? !0,
-      showSearch: l.showSearch ?? !0
+      showExplore: n.showExplore ?? !1,
+      showCategory: n.showCategory ?? !0,
+      showTitle: n.showTitle ?? !0,
+      showSearch: n.showSearch ?? !0
     },
     minItemWidth: a,
     wrapChildren: m,
     t: q,
     storeVersion: x,
-    serverVersion: n,
-    selectedCategory: D.filters.category || (l.showExplore ? "" : "All"),
+    serverVersion: i,
+    selectedCategory: D.filters.category || (n.showExplore ? "" : "All"),
     categoryList: $,
-    blockletRender: C,
+    blockletRender: B,
     locale: r,
-    categoryOptions: c,
-    priceOptions: B,
+    categoryOptions: d,
+    priceOptions: R,
     storeApi: X,
     baseSearch: f,
     showResourcesSwitch: w,
     showCategory: y,
     tagFilters: S,
-    onFilterChange: i,
-    getCategoryLocale: (R) => {
-      if (!R) return null;
-      const z = W.find((N) => N._id === R || N.locales.en === "All");
+    onFilterChange: l,
+    getCategoryLocale: (P) => {
+      if (!P) return null;
+      const z = W.find((N) => N._id === P || N.locales.en === "All");
       return z ? z.locales[r] || z.locales.en : null;
     },
     get developerName() {
@@ -427,8 +434,8 @@ function or(e) {
     updateDeveloperName: G
   };
   return U(() => {
-    setTimeout(Y, d || 0);
-  }, [v, Y, d]), /* @__PURE__ */ t(rr, { value: tt, children: u });
+    setTimeout(Y, c || 0);
+  }, [v, Y, c]), /* @__PURE__ */ t(rr, { value: tt, children: u });
 }
 function I() {
   const e = ze(Qe);
@@ -438,12 +445,12 @@ function Ye({
   children: e,
   onClick: r,
   size: o = 32,
-  ...n
+  ...i
 }) {
   return /* @__PURE__ */ t(
     ne,
     {
-      ...n,
+      ...i,
       onClick: r,
       variant: "outlined",
       sx: [
@@ -458,7 +465,7 @@ function Ye({
           borderRadius: 2,
           color: "text.secondary"
         },
-        ...Array.isArray(n.sx) ? n.sx : [n.sx]
+        ...Array.isArray(i.sx) ? i.sx : [i.sx]
       ],
       children: e
     }
@@ -467,24 +474,24 @@ function Ye({
 function Z(e, r) {
   return e === void 0 ? r : e;
 }
-function ve({
+function Ce({
   xs: e = void 0,
   sm: r = void 0,
   md: o = void 0,
-  lg: n = void 0,
-  xl: i = void 0,
+  lg: i = void 0,
+  xl: l = void 0,
   exact: a = !1
 }) {
-  const s = Le(), l = j(s.breakpoints.down("sm")), m = j(s.breakpoints.between("sm", "md")), h = j(s.breakpoints.between("md", "lg")), f = j(s.breakpoints.between("lg", "xl"));
+  const s = Le(), n = j(s.breakpoints.down("sm")), m = j(s.breakpoints.between("sm", "md")), h = j(s.breakpoints.between("md", "lg")), f = j(s.breakpoints.between("lg", "xl"));
   if (a)
-    return l ? e || null : m ? r || null : h ? o || null : f ? n || null : i || null;
-  let d = e;
-  return l || (d = Z(r, d), m) || (d = Z(o, d), h) || (d = Z(n, d), f) ? d : Z(i, d);
+    return n ? e || null : m ? r || null : h ? o || null : f ? i || null : l || null;
+  let c = e;
+  return n || (c = Z(r, c), m) || (c = Z(o, c), h) || (c = Z(i, c), f) ? c : Z(l, c);
 }
 function nr({ children: e }) {
-  const { open: r, toggleOpen: o } = ke();
+  const { open: r, toggleOpen: o } = ve();
   return /* @__PURE__ */ t(
-    ve,
+    Ce,
     {
       xs: /* @__PURE__ */ t(yt, { open: r, onClose: () => o(!1), children: e }),
       md: /* @__PURE__ */ t(g, { children: e })
@@ -503,18 +510,18 @@ function ir({ loading: e = !1, disabled: r, ...o }) {
     }
   );
 }
-function ge({ value: e, options: r, onChange: o, placeholder: n = "", ...i }) {
-  const a = te(null), s = ye(), [l, m] = T(!1), [h, f] = T(e !== null ? e : ""), d = j(s.breakpoints.down("sm"));
+function xe({ value: e, options: r, onChange: o, placeholder: i = "", ...l }) {
+  const a = te(null), s = we(), [n, m] = A(!1), [h, f] = A(e !== null ? e : ""), c = j(s.breakpoints.down("sm"));
   U(() => {
     f(e !== null ? e : "");
   }, [e]);
-  const w = fe(() => {
+  const w = ge(() => {
     m(!1);
-  }, []), y = fe(() => {
+  }, []), y = ge(() => {
     m(!0);
   }, []);
   function S(x) {
-    f(x.value), o(x.value), d && w();
+    f(x.value), o(x.value), c && w();
   }
   function u(x) {
     return x === h;
@@ -529,19 +536,19 @@ function ge({ value: e, options: r, onChange: o, placeholder: n = "", ...i }) {
         size: "medium",
         className: ["my-select__selector", at(h) ? "" : "my-select__selector--active"].join(" "),
         sx: { minWidth: { xs: "100px", md: "auto" }, color: "text.primary", borderRadius: "8px" },
-        ...i,
+        ...l,
         children: [
-          r.find((x) => x.value === h)?.name || n,
+          r.find((x) => x.value === h)?.name || i,
           /* @__PURE__ */ t(It, { className: "my-select__arrowdown", component: bt, sx: { width: 18, height: 18 } })
         ]
       }
     ),
-    /* @__PURE__ */ t(St, { open: l, anchorEl: a.current, transition: !0, sx: { zIndex: "9999" }, children: ({ TransitionProps: x, placement: b }) => /* @__PURE__ */ t(
+    /* @__PURE__ */ t(St, { open: n, anchorEl: a.current, transition: !0, sx: { zIndex: "9999" }, children: ({ TransitionProps: x, placement: b }) => /* @__PURE__ */ t(
       vt,
       {
         ...x,
         style: { transformOrigin: b === "bottom" ? "center top" : "center bottom" },
-        children: /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t(kt, { onClickAway: w, children: /* @__PURE__ */ t(ar, { autoFocusItem: l, onMouseEnter: y, onMouseLeave: w, children: r.map((v) => /* @__PURE__ */ p($e, { onClick: () => S(v), sx: { fontSize: 14 }, children: [
+        children: /* @__PURE__ */ t(Ct, { children: /* @__PURE__ */ t(kt, { onClickAway: w, children: /* @__PURE__ */ t(ar, { autoFocusItem: n, onMouseEnter: y, onMouseLeave: w, children: r.map((v) => /* @__PURE__ */ p($e, { onClick: () => S(v), sx: { fontSize: 14 }, children: [
           /* @__PURE__ */ t(
             wt,
             {
@@ -596,9 +603,9 @@ const lr = K(ir)`
   }
 `;
 function Ze() {
-  const { search: e, t: r } = I(), { filters: o, handleSort: n, handlePrice: i } = e, a = Ge(r);
+  const { search: e, t: r } = I(), { filters: o, handleSort: i, handlePrice: l } = e, a = Ge(r);
   return /* @__PURE__ */ p(
-    A,
+    O,
     {
       direction: { xs: "row", md: "column" },
       sx: {
@@ -617,18 +624,18 @@ function Ze() {
                 checked: o.price === "free",
                 size: "small",
                 sx: { "& .MuiSvgIcon-fontSizeSmall": { fontSize: 16, color: "text.hint" } },
-                onChange: (s) => i(s.target.checked ? "free" : "")
+                onChange: (s) => l(s.target.checked ? "free" : "")
               }
             ),
             label: r("blocklet.free")
           }
         ),
         /* @__PURE__ */ t(
-          ge,
+          xe,
           {
             value: o.sortBy || a[0].value,
             options: a,
-            onChange: (s) => n(s),
+            onChange: (s) => i(s),
             placeholder: r("sort.sort")
           }
         )
@@ -637,17 +644,17 @@ function Ze() {
   );
 }
 function sr({ menus: e = [] }) {
-  const { selectedCategory: r, search: o, t: n, categoryOptions: i, loadings: a, layout: s, baseSearch: l, compact: m } = I(), { filters: h, handleActiveMenu: f, handleCategory: d, cleanFilter: w } = o, { toggleOpen: y } = ke();
+  const { selectedCategory: r, search: o, t: i, categoryOptions: l, loadings: a, layout: s, baseSearch: n, compact: m } = I(), { filters: h, handleActiveMenu: f, handleCategory: c, cleanFilter: w } = o, { toggleOpen: y } = ve();
   U(() => {
     y(!1);
   }, [Object.values(h).join("")]);
-  const S = qt(l, s.showSearch, h.keyword);
+  const S = qt(n, s.showSearch, h.keyword);
   return s.showCategory && !m ? /* @__PURE__ */ p(nr, { children: [
     /* @__PURE__ */ t(
-      ve,
+      Ce,
       {
         xs: /* @__PURE__ */ p(
-          A,
+          O,
           {
             direction: "row",
             justifyContent: "space-between",
@@ -659,7 +666,7 @@ function sr({ menus: e = [] }) {
             borderColor: "divider",
             children: [
               /* @__PURE__ */ t(Ye, { onClick: () => y(!1), children: /* @__PURE__ */ t(_e, {}) }),
-              /* @__PURE__ */ t(k, { flex: 1, variant: "body1", fontWeight: "fontWeightMedium", children: n("common.category") })
+              /* @__PURE__ */ t(k, { flex: 1, variant: "body1", fontWeight: "fontWeightMedium", children: i("common.category") })
             ]
           }
         ),
@@ -667,7 +674,7 @@ function sr({ menus: e = [] }) {
       }
     ),
     /* @__PURE__ */ t(
-      A,
+      O,
       {
         visibility: a.fetchCategoriesLoading ? "hidden" : "visible",
         width: { xs: 268, md: 200 },
@@ -688,7 +695,7 @@ function sr({ menus: e = [] }) {
                   onClick: () => {
                     y(!1), w();
                   },
-                  children: n("explore.title")
+                  children: i("explore.title")
                 }
               )
             ] }),
@@ -709,7 +716,7 @@ function sr({ menus: e = [] }) {
               )
             ] }, u.key))
           ] }),
-          !!i.length && /* @__PURE__ */ t(A, { gap: 2, children: i.map((u) => /* @__PURE__ */ t(
+          !!l.length && /* @__PURE__ */ t(O, { gap: 2, children: l.map((u) => /* @__PURE__ */ t(
             k,
             {
               variant: "body1",
@@ -719,7 +726,7 @@ function sr({ menus: e = [] }) {
               color: r === u.value ? "text.primary" : "grey.400",
               textTransform: "capitalize",
               onClick: () => {
-                r === u.value ? w() : d(u.value), y(!1);
+                r === u.value ? w() : c(u.value), y(!1);
               },
               children: u.name
             },
@@ -730,19 +737,19 @@ function sr({ menus: e = [] }) {
     )
   ] }) : null;
 }
-function Ce() {
-  const { endpoint: e, serverVersion: r, storeVersion: o } = I(), n = Ke(r, o), i = H(() => Fe({
+function Se() {
+  const { endpoint: e, serverVersion: r, storeVersion: o } = I(), i = Ke(r, o), l = H(() => Fe({
     baseURL: e,
-    headers: n
+    headers: i
   }), [e]);
   return {
     get: async (a) => {
-      const { data: s } = await i.get(a);
+      const { data: s } = await l.get(a);
       return s;
     },
     post: async (a, s) => {
-      const { data: l } = await i.post(a, s);
-      return l;
+      const { data: n } = await l.post(a, s);
+      return n;
     }
   };
 }
@@ -764,14 +771,14 @@ const Je = ct(function(r) {
     }
   );
 });
-function Te({
+function Ae({
   icon: e = null,
   children: r = null,
   maxWidth: o = 100,
-  title: n = ""
+  title: i = ""
 }) {
   return (r === 0 || r) && /* @__PURE__ */ p(
-    A,
+    O,
     {
       direction: "row",
       sx: {
@@ -786,7 +793,7 @@ function Te({
           k,
           {
             variant: "body2",
-            title: n || (typeof r == "string" ? r : void 0),
+            title: i || (typeof r == "string" ? r : void 0),
             sx: {
               flex: 1,
               overflow: "hidden",
@@ -800,19 +807,19 @@ function Te({
     }
   );
 }
-const cr = 16 / 9, de = 292, xe = 189, re = 336;
+const cr = 16 / 9, de = 292, ye = 189, re = 336;
 function dr() {
-  const { t: e, search: r } = I(), { get: o } = Ce(), n = ye(), i = j(n.breakpoints.down("md")), a = window.blocklet?.preferences?.homeBanner || [], {
+  const { t: e, search: r } = I(), { get: o } = Se(), i = we(), l = j(i.breakpoints.down("md")), a = window.blocklet?.preferences?.homeBanner || [], {
     data: s = [],
-    error: l,
+    error: n,
     loading: m
   } = oe(async () => {
     const u = await o(
-      be(P.blockletsPath, { didList: a.map((x) => x.did).join(",") })
+      ke(T.blockletsPath, { didList: a.map((x) => x.did).join(",") })
     );
     return u?.dataList ? a.map((x) => u.dataList.find((b) => b.did === x.did)) : [];
   });
-  l && console.error("Get Banner Blocklets error:", l);
+  n && console.error("Get Banner Blocklets error:", n);
   const h = {
     position: "absolute",
     top: "50%",
@@ -821,7 +828,7 @@ function dr() {
     cursor: "pointer",
     color: "text.hint"
   };
-  return !l && a.length > 0 ? /* @__PURE__ */ p(_, { children: [
+  return !n && a.length > 0 ? /* @__PURE__ */ p(_, { children: [
     /* @__PURE__ */ t(
       k,
       {
@@ -857,7 +864,7 @@ function dr() {
               justifyContent: "center"
             },
             children: [
-              /* @__PURE__ */ t(L, { variant: "rounded", height: xe, width: re }),
+              /* @__PURE__ */ t(L, { variant: "rounded", height: ye, width: re }),
               /* @__PURE__ */ p(
                 g,
                 {
@@ -894,7 +901,7 @@ function dr() {
           {
             showNav: !0,
             autoPlay: !0,
-            slideDuration: i ? 500 : 1e3,
+            slideDuration: l ? 500 : 1e3,
             slideInterval: 5e3,
             showPlayButton: !1,
             showIndex: !1,
@@ -906,9 +913,9 @@ function dr() {
             items: a.map((u, x) => ({
               original: u.did,
               renderItem: () => {
-                const b = s[x] || {}, v = u.cover || hr(u.did, b.screenshots?.[0]), C = qe(v, n.breakpoints.values.md * 2);
+                const b = s[x] || {}, v = u.cover || hr(u.did, b.screenshots?.[0]), B = qe(v, i.breakpoints.values.md * 2);
                 return /* @__PURE__ */ p(
-                  A,
+                  O,
                   {
                     direction: { xs: "column", md: "row" },
                     onClick: () => r.handleSearchSelect(b),
@@ -927,7 +934,7 @@ function dr() {
                         left: 0,
                         right: 0,
                         bottom: 0,
-                        backgroundImage: `url("${C}")`,
+                        backgroundImage: `url("${B}")`,
                         backgroundSize: "cover",
                         filter: "blur(50px)",
                         opacity: 0.15,
@@ -935,9 +942,9 @@ function dr() {
                       }
                     },
                     children: [
-                      f(C),
+                      f(B),
                       /* @__PURE__ */ p(
-                        A,
+                        O,
                         {
                           sx: {
                             flex: 1,
@@ -952,7 +959,7 @@ function dr() {
                                   flex: 1
                                 },
                                 children: [
-                                  d(u.name || b.title || u.name),
+                                  c(u.name || b.title || u.name),
                                   w(u.desc || b.description)
                                 ]
                               }
@@ -986,7 +993,7 @@ function dr() {
       }
     );
   }
-  function d(u) {
+  function c(u) {
     return /* @__PURE__ */ t(
       k,
       {
@@ -1022,7 +1029,7 @@ function dr() {
     );
   }
   function y(u, x = 0) {
-    const { did: b, owner: v, stats: C } = u;
+    const { did: b, owner: v, stats: B } = u;
     return /* @__PURE__ */ p(
       g,
       {
@@ -1033,8 +1040,8 @@ function dr() {
           color: "text.secondary"
         },
         children: [
-          /* @__PURE__ */ t(Te, { icon: /* @__PURE__ */ t(He, { src: v.avatar, did: b, size: 20, variant: "circle" }), children: v.fullName }),
-          /* @__PURE__ */ t(Te, { icon: /* @__PURE__ */ t(M, { icon: Bt }), title: `${C.downloads + x}`, children: ur(C.downloads + x) })
+          /* @__PURE__ */ t(Ae, { icon: /* @__PURE__ */ t(He, { src: v.avatar, did: b, size: 20, variant: "circle" }), children: v.fullName }),
+          /* @__PURE__ */ t(Ae, { icon: /* @__PURE__ */ t(M, { icon: Bt }), title: `${B.downloads + x}`, children: ur(B.downloads + x) })
         ]
       }
     );
@@ -1060,7 +1067,7 @@ function dr() {
 }
 const ur = (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`, hr = (e, r) => e && r ? `/assets/${e}/screenshots/${r}` : "";
 function pr({ url: e }) {
-  const [r, o] = T(!0);
+  const [r, o] = A(!0);
   return /* @__PURE__ */ p(_, { children: [
     r && /* @__PURE__ */ t(
       L,
@@ -1068,7 +1075,7 @@ function pr({ url: e }) {
         variant: "rectangular",
         sx: {
           width: { xs: "100%", md: re },
-          height: { xs: "auto", md: xe }
+          height: { xs: "auto", md: ye }
         }
       }
     ),
@@ -1083,7 +1090,7 @@ function pr({ url: e }) {
         sx: {
           display: r ? "none" : "block",
           width: { xs: "100%", md: re },
-          height: { xs: "auto", md: xe },
+          height: { xs: "auto", md: ye },
           borderRadius: 2,
           border: 1,
           borderColor: "divider",
@@ -1096,7 +1103,7 @@ function pr({ url: e }) {
   ] });
 }
 function mr({ title: e, blocklets: r }) {
-  const { blockletRender: o, serverVersion: n } = I();
+  const { blockletRender: o, serverVersion: i } = I();
   return /* @__PURE__ */ p(
     g,
     {
@@ -1106,7 +1113,7 @@ function mr({ title: e, blocklets: r }) {
       children: [
         /* @__PURE__ */ t(k, { component: "h3", variant: "h3", sx: { mb: 2 }, children: e }),
         /* @__PURE__ */ t(
-          Be,
+          Re,
           {
             container: !0,
             spacing: 2,
@@ -1114,10 +1121,10 @@ function mr({ title: e, blocklets: r }) {
               boxSizing: "border-box",
               maxWidth: "calc(100vw - 16px)"
             },
-            children: r.map((i) => /* @__PURE__ */ t(
-              Be,
+            children: r.map((l) => /* @__PURE__ */ t(
+              Re,
               {
-                "data-blocklet-did": i.did,
+                "data-blocklet-did": l.did,
                 sx: {
                   p: "2px"
                 },
@@ -1131,11 +1138,11 @@ function mr({ title: e, blocklets: r }) {
                     sx: {
                       padding: "1px"
                     },
-                    children: o({ blocklet: i, blocklets: r, serverVersion: n })
+                    children: o({ blocklet: l, blocklets: r, serverVersion: i })
                   }
                 )
               },
-              i.did
+              l.did
             ))
           }
         )
@@ -1144,41 +1151,41 @@ function mr({ title: e, blocklets: r }) {
   );
 }
 function fr() {
-  const { get: e } = Ce(), { t: r } = I(), {
+  const { get: e } = Se(), { t: r } = I(), {
     data: o = [],
-    error: n,
-    loading: i
+    error: i,
+    loading: l
   } = oe(async () => {
-    const a = await e(P.explorePath);
+    const a = await e(T.explorePath);
     return Array.isArray(a) ? a : [];
   });
-  return n ? /* @__PURE__ */ t(we, { error: new Error(`Failed to fetch blocklets from ${P.explorePath}`) }) : i ? /* @__PURE__ */ t(Je, { mt: 15 }) : /* @__PURE__ */ p(_, { children: [
+  return i ? /* @__PURE__ */ t(be, { error: new Error(`Failed to fetch blocklets from ${T.explorePath}`) }) : l ? /* @__PURE__ */ t(Je, { mt: 15 }) : /* @__PURE__ */ p(_, { children: [
     /* @__PURE__ */ t(dr, {}),
     o.map(
       (a) => a.blocklets?.length > 0 ? /* @__PURE__ */ t(mr, { title: r(`explore.${a.type}`), blocklets: a.blocklets }, a.type) : null
     )
   ] });
 }
-const ue = "__FREE_TEXT__", Ae = "__NO_RESULT__", he = 40;
+const ue = "__FREE_TEXT__", Oe = "__NO_RESULT__", he = 40;
 function et({
   endpoint: e,
   t: r,
   locale: o,
-  filters: n,
-  handleKeyword: i,
+  filters: i,
+  handleKeyword: l,
   handleSearchSelect: a,
   ...s
 }) {
-  const l = te(null), m = te(!1), [h, f] = T(!1), [d, w] = T(""), [y, S] = T(!1), u = Ce(), [x, b] = T(!1), v = s?.placeholder || r("common.searchStore"), C = async (c) => {
+  const n = te(null), m = te(!1), [h, f] = A(!1), [c, w] = A(""), [y, S] = A(!1), u = Se(), [x, b] = A(!1), v = s?.placeholder || r("common.searchStore"), B = async (d) => {
     b(!0);
-    const B = await u.get(Se(e, be(P.blockletsPath, c)));
-    return b(!1), B.dataList || [];
-  }, { data: E, run: V } = oe(
-    (c) => c ? C({
-      sortBy: P.nameDesc,
+    const R = await u.get(Ie(e, ke(T.blockletsPath, d)));
+    return b(!1), R.dataList || [];
+  }, { data: C, run: V } = oe(
+    (d) => d ? B({
+      sortBy: T.nameDesc,
       page: 1,
       pageSize: 10,
-      keyword: c,
+      keyword: d,
       showResources: "true"
     }) : Promise.resolve([]),
     {
@@ -1186,15 +1193,15 @@ function et({
     }
   );
   U(() => {
-    b(!0), V(n.keyword), w(n.keyword || "");
-  }, [n.keyword, V]), Ft(
+    b(!0), V(i.keyword), w(i.keyword || "");
+  }, [i.keyword, V]), Ft(
     "ctrl + k, command + k",
-    (c) => (c.stopPropagation(), c.preventDefault(), l.current?.querySelector("input")?.focus(), !1),
+    (d) => (d.stopPropagation(), d.preventDefault(), n.current?.querySelector("input")?.focus(), !1),
     { enableOnTags: ["INPUT"] }
   );
-  const X = Ne((c) => V(c), { wait: 300 }), D = { name: ue, title: d, did: "" };
+  const X = Ne((d) => V(d), { wait: 300 }), D = { name: ue, title: c, did: "" };
   let F = [];
-  return d && (x ? F = [D] : E?.length ? F = [D, ...E] : F = [{ name: Ae, title: r("blocklet.noResults"), did: "" }]), /* @__PURE__ */ p(_, { children: [
+  return c && (x ? F = [D] : C?.length ? F = [D, ...C] : F = [{ name: Oe, title: r("blocklet.noResults"), did: "" }]), /* @__PURE__ */ p(_, { children: [
     /* @__PURE__ */ p(zt, { fullScreen: !0, open: y, sx: { display: { md: "none" } }, children: [
       /* @__PURE__ */ p(
         g,
@@ -1228,8 +1235,8 @@ function et({
                 autoFocus: !0,
                 placeholder: v,
                 className: "bl-autocomplete-input",
-                value: d,
-                onChange: (c) => G(c.target.value),
+                value: c,
+                onChange: (d) => G(d.target.value),
                 startAdornment: $(y),
                 endAdornment: q()
               }
@@ -1239,7 +1246,7 @@ function et({
               {
                 variant: "outlined",
                 onClick: () => {
-                  S(!1), w(n.keyword || "");
+                  S(!1), w(i.keyword || "");
                 },
                 children: r("common.cancel")
               }
@@ -1247,28 +1254,28 @@ function et({
           ]
         }
       ),
-      /* @__PURE__ */ t(je, { sx: { p: 0.5 }, children: F.map((c) => Q(c)) })
+      /* @__PURE__ */ t(je, { sx: { p: 0.5 }, children: F.map((d) => Q(d)) })
     ] }),
     /* @__PURE__ */ t(g, { sx: { display: { sx: "block", md: "none" }, paddingTop: 1, opacity: 0.5 }, children: /* @__PURE__ */ t(M, { icon: se, style: { fontSize: 22, color: "inherit" }, onClick: () => S(!0) }) }),
     /* @__PURE__ */ t(
       Mt,
       {
-        ref: l,
-        open: !!d && h,
+        ref: n,
+        open: !!c && h,
         size: "small",
         onOpen: () => f(!0),
-        onClose: (c, B) => {
-          f(!1), B === "selectOption" && !m.current && i(d);
+        onClose: (d, R) => {
+          f(!1), R === "selectOption" && !m.current && l(c);
         },
-        onKeyDown: (c) => {
-          c.key === "Enter" && !d && W();
+        onKeyDown: (d) => {
+          d.key === "Enter" && !c && W();
         },
         disableClearable: !0,
-        inputValue: d,
-        onInputChange: (c, B) => G(B),
-        isOptionEqualToValue: (c, B) => c.name === B.name,
-        getOptionLabel: (c) => c.title,
-        getOptionKey: (c) => c.name,
+        inputValue: c,
+        onInputChange: (d, R) => G(R),
+        isOptionEqualToValue: (d, R) => d.name === R.name,
+        getOptionLabel: (d) => d.title,
+        getOptionKey: (d) => d.name,
         noOptionsText: r("blocklet.noResults"),
         autoHighlight: !0,
         forcePopupIcon: !1,
@@ -1282,25 +1289,25 @@ function et({
             }
           }
         },
-        renderInput: (c) => /* @__PURE__ */ t(
+        renderInput: (d) => /* @__PURE__ */ t(
           _t,
           {
-            ...c,
+            ...d,
             InputProps: {
-              ...c.InputProps,
+              ...d.InputProps,
               autoFocus: !0,
               placeholder: v,
               className: "bl-autocomplete-input",
-              value: d,
+              value: c,
               startAdornment: $(h),
               endAdornment: q()
             }
           }
         ),
-        filterOptions: (c) => c,
+        filterOptions: (d) => d,
         ...s,
         options: F,
-        renderOption: (c, B) => Q(B),
+        renderOption: (d, R) => Q(R),
         value: D,
         sx: [
           {
@@ -1321,23 +1328,23 @@ function et({
       }
     )
   ] });
-  function G(c) {
-    b(!0), w(c), m.current = !1, X.run(c);
+  function G(d) {
+    b(!0), w(d), m.current = !1, X.run(d);
   }
   function W() {
-    S(!1), w(""), G(""), i("");
+    S(!1), w(""), G(""), l("");
   }
-  function le(c) {
-    c?.did ? (S(!1), m.current = !0, w(""), a(c)) : c.name === ue && (S(!1), i(d));
+  function le(d) {
+    d?.did ? (S(!1), m.current = !0, w(""), a(d)) : d.name === ue && (S(!1), l(c));
   }
-  function Q(c) {
+  function Q(d) {
     return /* @__PURE__ */ p(
       $e,
       {
         sx: { display: "flex", alignItems: "center", gap: 1, p: 1.5, borderRadius: "8px" },
-        onClick: () => le(c),
+        onClick: () => le(d),
         children: [
-          Y(c),
+          Y(d),
           /* @__PURE__ */ p(k, { variant: "body1", children: [
             /* @__PURE__ */ t(
               k,
@@ -1348,7 +1355,7 @@ function et({
                   alignItems: "center",
                   gap: 1
                 },
-                children: c.title
+                children: d.title
               }
             ),
             /* @__PURE__ */ t(
@@ -1358,17 +1365,17 @@ function et({
                   fontSize: "13px",
                   color: "text.hint"
                 },
-                children: c.category?.locales?.[o || "en"] || ""
+                children: d.category?.locales?.[o || "en"] || ""
               }
             )
           ] })
         ]
       },
-      c.did
+      d.did
     );
   }
-  function Y(c) {
-    if ([ue, Ae].includes(c.name))
+  function Y(d) {
+    if ([ue, Oe].includes(d.name))
       return /* @__PURE__ */ t(
         g,
         {
@@ -1385,14 +1392,14 @@ function et({
           children: /* @__PURE__ */ t(M, { icon: se, style: { fontSize: 28 } })
         }
       );
-    let B = "";
-    return c.logo && (B = Se(e, "assets", c.did, qe(c.logo, he, c.version))), /* @__PURE__ */ t(He, { src: B, size: he, style: { borderRadius: "8px", overflow: "hidden" } });
+    let R = "";
+    return d.logo && (R = Ie(e, "assets", d.did, qe(d.logo, he, d.version))), /* @__PURE__ */ t(He, { src: R, size: he, style: { borderRadius: "8px", overflow: "hidden" } });
   }
-  function $(c = !0) {
-    return /* @__PURE__ */ t(g, { sx: { display: "flex", pl: 0.5, alignItems: "center", color: "text.hint" }, children: c && d && x ? /* @__PURE__ */ t(ie, { color: "inherit", size: 16 }) : /* @__PURE__ */ t(M, { icon: se, style: { fontSize: 16, cursor: "default" } }) });
+  function $(d = !0) {
+    return /* @__PURE__ */ t(g, { sx: { display: "flex", pl: 0.5, alignItems: "center", color: "text.hint" }, children: d && c && x ? /* @__PURE__ */ t(ie, { color: "inherit", size: 16 }) : /* @__PURE__ */ t(M, { icon: se, style: { fontSize: 16, cursor: "default" } }) });
   }
   function q() {
-    return d ? /* @__PURE__ */ t(g, { sx: { display: "flex", alignItems: "center", color: "text.hint" }, children: /* @__PURE__ */ t(
+    return c ? /* @__PURE__ */ t(g, { sx: { display: "flex", alignItems: "center", color: "text.hint" }, children: /* @__PURE__ */ t(
       M,
       {
         icon: Lt,
@@ -1403,29 +1410,29 @@ function et({
   }
 }
 function gr({ placeholder: e, ...r }) {
-  const { search: o, t: n } = I(), { filters: i, handleKeyword: a } = o, [s, l] = T(i.keyword || ""), m = Ne(a, { wait: 300 }), h = (w) => {
+  const { search: o, t: i } = I(), { filters: l, handleKeyword: a } = o, [s, n] = A(l.keyword || ""), m = Ne(a, { wait: 300 }), h = (w) => {
     const { value: y } = w.target;
-    l(y), m.run(y);
+    n(y), m.run(y);
   }, f = () => {
-    l(""), a("");
+    n(""), a("");
   };
   U(() => {
-    l(i.keyword || "");
-  }, [i.keyword]);
-  const d = e || n("common.searchPlaceholder");
+    n(l.keyword || "");
+  }, [l.keyword]);
+  const c = e || i("common.searchPlaceholder");
   return /* @__PURE__ */ t(
     xr,
     {
       inputProps: {
         "data-cy": "search-blocklet"
       },
-      startAdornment: /* @__PURE__ */ t(Pe, { position: "start", children: /* @__PURE__ */ t(yr, { sx: { fontSize: 18, ml: -0.5 } }) }),
+      startAdornment: /* @__PURE__ */ t(Te, { position: "start", children: /* @__PURE__ */ t(yr, { sx: { fontSize: 18, ml: -0.5 } }) }),
       onChange: h,
-      placeholder: d,
+      placeholder: c,
       value: s,
-      title: d,
+      title: c,
       "data-cy": "search",
-      endAdornment: s && /* @__PURE__ */ t(Pe, { position: "end", children: /* @__PURE__ */ t(wr, { "data-cy": "search-delete", onClick: f }) }),
+      endAdornment: s && /* @__PURE__ */ t(Te, { position: "end", children: /* @__PURE__ */ t(wr, { "data-cy": "search-delete", onClick: f }) }),
       ...r
     }
   );
@@ -1459,17 +1466,26 @@ function br() {
     search: e,
     t: r,
     endpoint: o,
-    locale: n,
-    getCategoryLocale: i,
+    locale: i,
+    getCategoryLocale: l,
     developerName: a,
     showResourcesSwitch: s,
-    layout: l,
+    layout: n,
     baseSearch: m,
     categoryOptions: h,
     compact: f
-  } = I(), { filters: d, handleSort: w, handlePrice: y, handleDeveloper: S, handleSwitchShowResources: u, cleanFilter: x, handleCategory: b } = e, v = Ge(r);
+  } = I(), {
+    filters: c,
+    handleSort: w,
+    handlePrice: y,
+    handleDeveloper: S,
+    handleSwitchShowResources: u,
+    cleanFilter: x,
+    handleCategory: b,
+    handleSwitchIsOfficial: v
+  } = e, B = Ge(r);
   return /* @__PURE__ */ p(
-    A,
+    O,
     {
       className: "filter-bar",
       direction: { xs: "column", md: "row" },
@@ -1494,11 +1510,11 @@ function br() {
             sx: {
               textTransform: "capitalize"
             },
-            children: i(d.category)
+            children: l(c.category)
           }
         ),
         /* @__PURE__ */ p(
-          A,
+          O,
           {
             direction: "row",
             sx: {
@@ -1510,7 +1526,7 @@ function br() {
               gap: 2
             },
             children: [
-              l.showSearch ? /* @__PURE__ */ t(
+              n.showSearch ? /* @__PURE__ */ t(
                 g,
                 {
                   sx: {
@@ -1520,7 +1536,7 @@ function br() {
                   children: m ? /* @__PURE__ */ t(gr, {}) : /* @__PURE__ */ t(
                     et,
                     {
-                      locale: n,
+                      locale: i,
                       endpoint: o,
                       sx: {
                         display: { md: "block", xs: "none" },
@@ -1536,52 +1552,60 @@ function br() {
                   )
                 }
               ) : null,
-              d.owner && a && /* @__PURE__ */ t(
-                Re,
+              c.owner && a && /* @__PURE__ */ t(
+                Pe,
                 {
                   label: r("blocklet.authorTag", { name: a }),
                   size: "small",
                   onDelete: () => S("")
                 }
               ),
-              d.resourceDid && d.resourceBlocklet && /* @__PURE__ */ t(
-                Re,
+              c.resourceDid && c.resourceBlocklet && /* @__PURE__ */ t(
+                Pe,
                 {
-                  label: r("blocklet.resourceTag", { name: d.resourceBlocklet }),
+                  label: r("blocklet.resourceTag", { name: c.resourceBlocklet }),
                   size: "small",
                   onDelete: () => x(["resourceDid", "resourceBlocklet", "showResources"])
                 }
               ),
+              /* @__PURE__ */ t(
+                pe,
+                {
+                  checked: c.isOfficial === "true",
+                  onChange: (C) => v(C ? "true" : "false"),
+                  label: r("common.official")
+                }
+              ),
               s ? /* @__PURE__ */ t(
-                Ee,
+                pe,
                 {
-                  checked: d.showResources !== "false",
+                  checked: c.showResources !== "false",
                   onChange: (C) => u(C ? "true" : "false"),
                   label: r("common.showResources")
                 }
               ) : null,
               /* @__PURE__ */ t(
-                Ee,
+                pe,
                 {
-                  checked: d.price === "free",
+                  checked: c.price === "free",
                   onChange: (C) => y(C ? "free" : ""),
                   label: r("blocklet.free")
                 }
               ),
               f && /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
-                ge,
+                xe,
                 {
-                  value: d.category || h[0]?.value,
+                  value: c.category || h[0]?.value,
                   options: h,
                   placeholder: r("common.category"),
                   onChange: (C) => b(C)
                 }
               ) }),
               /* @__PURE__ */ t(
-                ge,
+                xe,
                 {
-                  value: d.sortBy || v[0].value,
-                  options: v,
+                  value: c.sortBy || B[0].value,
+                  options: B,
                   placeholder: r("sort.sort"),
                   onChange: (C) => w(C)
                 }
@@ -1593,12 +1617,12 @@ function br() {
     }
   );
 }
-function Ee({
+function pe({
   checked: e,
   onChange: r,
   label: o
 }) {
-  const n = Le();
+  const i = Le();
   return /* @__PURE__ */ t(
     We,
     {
@@ -1608,11 +1632,11 @@ function Ee({
         De,
         {
           checked: e,
-          icon: /* @__PURE__ */ t(M, { style: { padding: 0, color: n.palette.text.secondary }, icon: Et }),
-          checkedIcon: /* @__PURE__ */ t(M, { style: { padding: 0, color: n.palette.primary.main }, icon: Ot }),
+          icon: /* @__PURE__ */ t(M, { style: { padding: 0, color: i.palette.text.secondary }, icon: Ot }),
+          checkedIcon: /* @__PURE__ */ t(M, { style: { padding: 0, color: i.palette.primary.main }, icon: Et }),
           size: "large",
           sx: { p: 0, mr: 1 },
-          onChange: (i) => r(i.target.checked)
+          onChange: (l) => r(l.target.checked)
         }
       ),
       label: o
@@ -1638,12 +1662,12 @@ function J({ children: e }) {
     }
   );
 }
-function Oe() {
+function Ee() {
   const { t: e } = I();
   return /* @__PURE__ */ t(k, { style: { textAlign: "center" }, variant: "subtitle2", children: e("blocklet.noResults") });
 }
-function pe({ filterTip: e = !1, keywordTip: r = !1 }) {
-  const { t: o, locale: n } = I(), i = () => n === "zh" ? "、" : " , ";
+function me({ filterTip: e = !1, keywordTip: r = !1 }) {
+  const { t: o, locale: i } = I(), l = () => i === "zh" ? "、" : " , ";
   return /* @__PURE__ */ p(
     g,
     {
@@ -1654,13 +1678,13 @@ function pe({ filterTip: e = !1, keywordTip: r = !1 }) {
       children: [
         /* @__PURE__ */ t(k, { style: { marginRight: "16px" }, children: o("blocklet.emptyTip") }),
         e && /* @__PURE__ */ t(k, { children: o("blocklet.filterTip") }),
-        e && r && i(),
+        e && r && l(),
         r && /* @__PURE__ */ t(k, { children: o("blocklet.keywordTip") })
       ]
     }
   );
 }
-function me({
+function fe({
   primaryStart: e,
   primaryEnd: r,
   filter: o
@@ -1694,82 +1718,82 @@ function me({
   );
 }
 function kr() {
-  const { t: e, search: r, getCategoryLocale: o, selectedCategory: n } = I(), { filters: i } = r, a = !!n || !!i.price;
-  if (i.keyword && a)
+  const { t: e, search: r, getCategoryLocale: o, selectedCategory: i } = I(), { filters: l } = r, a = !!i || !!l.price;
+  if (l.keyword && a)
     return /* @__PURE__ */ p(J, { children: [
       /* @__PURE__ */ t(
-        me,
+        fe,
         {
           primaryStart: e("blocklet.noBlockletPart1"),
           primaryEnd: e("blocklet.noBlockletPart2"),
-          filter: i.keyword
+          filter: l.keyword
         }
       ),
-      /* @__PURE__ */ t(pe, { keywordTip: !0, filterTip: !0 })
+      /* @__PURE__ */ t(me, { keywordTip: !0, filterTip: !0 })
     ] });
-  if (i.keyword)
+  if (l.keyword)
     return /* @__PURE__ */ p(J, { children: [
       /* @__PURE__ */ t(
-        me,
+        fe,
         {
           primaryStart: e("blocklet.noBlockletPart1"),
           primaryEnd: e("blocklet.noBlockletPart2"),
-          filter: i.keyword
+          filter: l.keyword
         }
       ),
-      /* @__PURE__ */ t(pe, { keywordTip: !0 })
+      /* @__PURE__ */ t(me, { keywordTip: !0 })
     ] });
   if (a) {
-    const s = o(n);
+    const s = o(i);
     return /* @__PURE__ */ p(J, { children: [
       s ? /* @__PURE__ */ t(
-        me,
+        fe,
         {
           primaryStart: e("blocklet.noCategoryResults1"),
           primaryEnd: e("blocklet.noCategoryResults2"),
           filter: s
         }
-      ) : /* @__PURE__ */ t(Oe, {}),
-      /* @__PURE__ */ t(pe, { filterTip: !0 })
+      ) : /* @__PURE__ */ t(Ee, {}),
+      /* @__PURE__ */ t(me, { filterTip: !0 })
     ] });
   }
-  return /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(Oe, {}) });
+  return /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(Ee, {}) });
 }
-const vr = (e, r, o, n) => ht(
-  async (i) => {
-    i || (o.currentPage = o.defaultCurrentPage);
-    const { currentPage: a, pageSize: s } = o, l = {
+const vr = (e, r, o, i) => ht(
+  async (l) => {
+    l || (o.currentPage = o.defaultCurrentPage);
+    const { currentPage: a, pageSize: s } = o, n = {
       ...r,
       category: r.category === "All" ? "" : r.category,
-      sortBy: P[r.sortBy],
+      sortBy: T[r.sortBy],
       page: a,
       pageSize: s
     };
-    n(null);
-    const { data: m = {} } = await e.get(P.blockletsPath, { params: l });
+    i(null);
+    const { data: m = {} } = await e.get(T.blockletsPath, { params: n });
     return o.currentPage++, { page: a, pageSize: s, list: m?.dataList || [], total: m?.total || 0 };
   },
   {
-    isNoMore: (i) => i ? i.page * i.pageSize >= i.total : !1,
+    isNoMore: (l) => l ? l.page * l.pageSize >= l.total : !1,
     reloadDeps: [e, Wt(r)],
-    onError: n
+    onError: i
   }
 );
 function Cr() {
-  const { storeApi: e, search: r, extraFilter: o, errors: n, updateDeveloperName: i } = I(), { filters: a } = r, s = pt({
-    currentPage: P.currentPage,
-    pageSize: Zt() ? P.mobilePageSize : P.pageSize,
-    defaultCurrentPage: P.defaultCurrentPage
-  }), [l, m] = T(null), h = vr(e, a, s, m), f = H(
+  const { storeApi: e, search: r, extraFilter: o, errors: i, updateDeveloperName: l } = I(), { filters: a } = r, s = pt({
+    currentPage: T.currentPage,
+    pageSize: Zt() ? T.mobilePageSize : T.pageSize,
+    defaultCurrentPage: T.defaultCurrentPage
+  }), [n, m] = A(null), h = vr(e, a, s, m), f = H(
     () => o ? o(h.data?.list || []) : h.data?.list || [],
     [h.data, o]
   );
   return U(() => {
-    const d = f.find((w) => w.owner.did === a.owner);
-    i(d?.owner.fullName || d?.author.name || "");
-  }, [a.owner, f, i]), {
+    const c = f.find((w) => w.owner.did === a.owner);
+    l(c?.owner.fullName || c?.author.name || "");
+  }, [a.owner, f, l]), {
     blocklets: f,
-    fetchBlockletsError: l,
+    fetchBlockletsError: n,
     loadMore: h.loadMore,
     hasNextPage: !h.noMore,
     total: h.data?.total || 0,
@@ -1778,26 +1802,26 @@ function Cr() {
       loadingMore: h.loadingMore
     },
     errors: {
-      ...n,
-      fetchBlockletsError: l
+      ...i,
+      fetchBlockletsError: n
     }
   };
 }
 function Sr() {
-  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: i, minItemWidth: a, layout: s, baseSearch: l, compact: m } = I(), { filters: h } = r, { blocklets: f, errors: d, loadMore: w, loadings: y, hasNextPage: S, total: u } = Cr(), [x] = At({
+  const { t: e, search: r, endpoint: o, blockletRender: i, serverVersion: l, minItemWidth: a, layout: s, baseSearch: n, compact: m } = I(), { filters: h } = r, { blocklets: f, errors: c, loadMore: w, loadings: y, hasNextPage: S, total: u } = Cr(), [x] = At({
     loading: y.fetchBlockletsLoading || y.loadingMore,
     hasNextPage: S,
     onLoadMore: w
   });
-  if (d.fetchBlockletsError) {
-    const E = new Error(`Failed to fetch blocklets from ${o}: ${Qt(d.fetchBlockletsError)}`);
-    return /* @__PURE__ */ t(we, { error: E });
+  if (c.fetchBlockletsError) {
+    const C = new Error(`Failed to fetch blocklets from ${o}: ${Qt(c.fetchBlockletsError)}`);
+    return /* @__PURE__ */ t(be, { error: C });
   }
-  const b = l && s.showSearch || !h.keyword;
+  const b = n && s.showSearch || !h.keyword;
   return /* @__PURE__ */ p(_, { children: [
     b ? /* @__PURE__ */ t(br, {}) : /* @__PURE__ */ p(_, { children: [
-      /* @__PURE__ */ t(ve, { xs: /* @__PURE__ */ t(Ze, {}), md: null }),
-      C()
+      /* @__PURE__ */ t(Ce, { xs: /* @__PURE__ */ t(Ze, {}), md: null }),
+      B()
     ] }),
     v(),
     !y.fetchBlockletsLoading && S && /* @__PURE__ */ t(
@@ -1831,10 +1855,10 @@ function Sr() {
           rowGap: 2,
           columnGap: m ? 0 : 2
         },
-        children: f.map((E) => /* @__PURE__ */ t(
+        children: f.map((C) => /* @__PURE__ */ t(
           g,
           {
-            "data-blocklet-did": E.did,
+            "data-blocklet-did": C.did,
             sx: {
               minWidth: {
                 xs: "100%",
@@ -1842,16 +1866,16 @@ function Sr() {
               },
               maxWidth: "calc(100vw - 32px)"
             },
-            children: n({ blocklet: E, blocklets: f, serverVersion: i })
+            children: i({ blocklet: C, blocklets: f, serverVersion: l })
           },
-          E.did
+          C.did
         ))
       }
     ) : /* @__PURE__ */ t(kr, {});
   }
-  function C() {
+  function B() {
     return /* @__PURE__ */ p(
-      A,
+      O,
       {
         direction: "row",
         className: "search-result-title",
@@ -1893,7 +1917,7 @@ function Sr() {
   }
 }
 function Ir() {
-  const { t: e, selectedCategory: r, getCategoryLocale: o, locale: n, search: i } = I(), { toggleOpen: a } = ke(), l = jt().arcSphere, m = !!window.blocklet?.navigation?.some((h) => h.section === "bottomNavigation");
+  const { t: e, selectedCategory: r, getCategoryLocale: o, locale: i, search: l } = I(), { toggleOpen: a } = ve(), n = jt().arcSphere, m = !!window.blocklet?.navigation?.some((h) => h.section === "bottomNavigation");
   return /* @__PURE__ */ p(
     ee,
     {
@@ -1920,16 +1944,16 @@ function Ir() {
             ]
           }
         ),
-        l && m && /* @__PURE__ */ t(
+        n && m && /* @__PURE__ */ t(
           et,
           {
-            locale: n,
+            locale: i,
             endpoint: window.blocklet?.prefix || "/",
             sx: { display: { md: "block", xs: "none" }, mr: 1, width: "350px" },
             t: e,
-            filters: i.filters,
-            handleKeyword: i.handleKeyword,
-            handleSearchSelect: i.handleSearchSelect
+            filters: l.filters,
+            handleKeyword: l.handleKeyword,
+            handleSearchSelect: l.handleSearchSelect
           }
         )
       ]
@@ -1937,9 +1961,9 @@ function Ir() {
   );
 }
 function Br({ menus: e = [], children: r = void 0 }) {
-  const { search: o, layout: n, compact: i } = I(), { filters: a } = o, s = te(null), l = a.category || a.keyword || a.price, m = e.find((h) => h.key === a.menu)?.key;
-  return /* @__PURE__ */ t(Ut, { children: /* @__PURE__ */ p(dt, { FallbackComponent: we, children: [
-    !i && /* @__PURE__ */ t(Ir, {}),
+  const { search: o, layout: i, compact: l } = I(), { filters: a } = o, s = te(null), n = a.category || a.keyword || a.price, m = e.find((h) => h.key === a.menu)?.key;
+  return /* @__PURE__ */ t(Ut, { children: /* @__PURE__ */ p(dt, { FallbackComponent: be, children: [
+    !l && /* @__PURE__ */ t(Ir, {}),
     /* @__PURE__ */ p(
       g,
       {
@@ -1948,12 +1972,12 @@ function Br({ menus: e = [], children: r = void 0 }) {
         sx: {
           display: "flex",
           height: "100%",
-          pt: { xs: 0, md: i ? 0 : 5 }
+          pt: { xs: 0, md: l ? 0 : 5 }
         },
         children: [
           /* @__PURE__ */ t(sr, { menus: e }),
           /* @__PURE__ */ p(
-            A,
+            O,
             {
               sx: [
                 {
@@ -1961,7 +1985,7 @@ function Br({ menus: e = [], children: r = void 0 }) {
                   position: "relative",
                   flex: 1
                 },
-                i ? {
+                l ? {
                   overflowY: "auto",
                   ml: -2,
                   pr: 1,
@@ -1970,7 +1994,7 @@ function Br({ menus: e = [], children: r = void 0 }) {
               ],
               children: [
                 m && r?.(m),
-                !m && (n.showExplore && !l ? /* @__PURE__ */ t(fr, {}) : /* @__PURE__ */ t(Sr, {}))
+                !m && (i.showExplore && !n ? /* @__PURE__ */ t(fr, {}) : /* @__PURE__ */ t(Sr, {}))
               ]
             }
           )
@@ -2001,17 +2025,17 @@ function Mo(e) {
                 flex: 1
               },
               children: [
-                /* @__PURE__ */ t(O, { variant: "rounded", width: 48, height: 48 }),
-                /* @__PURE__ */ t(O, { variant: "text", width: 60, height: 28 })
+                /* @__PURE__ */ t(E, { variant: "rounded", width: 48, height: 48 }),
+                /* @__PURE__ */ t(E, { variant: "text", width: 60, height: 28 })
               ]
             }
           ),
-          /* @__PURE__ */ t(O, { variant: "text", width: 70, height: 40 })
+          /* @__PURE__ */ t(E, { variant: "text", width: 70, height: 40 })
         ]
       }
     ),
-    /* @__PURE__ */ t(O, { variant: "text", width: "100%", height: 24 }),
-    /* @__PURE__ */ t(O, { variant: "text", width: "90%", height: 24 }),
+    /* @__PURE__ */ t(E, { variant: "text", width: "100%", height: 24 }),
+    /* @__PURE__ */ t(E, { variant: "text", width: "90%", height: 24 }),
     /* @__PURE__ */ p(
       ee,
       {
@@ -2022,10 +2046,10 @@ function Mo(e) {
           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 } }),
-          /* @__PURE__ */ t(O, { variant: "text", width: "15%", height: 20 })
+          /* @__PURE__ */ t(E, { variant: "rounded", width: 24, height: 24 }),
+          /* @__PURE__ */ t(E, { variant: "text", width: "15%", height: 20 }),
+          /* @__PURE__ */ t(E, { variant: "rounded", width: 24, height: 24, sx: { ml: 1 } }),
+          /* @__PURE__ */ t(E, { variant: "text", width: "15%", height: 20 })
         ]
       }
     )
@@ -2035,8 +2059,8 @@ function zo({ showSkeleton: e = !1, ...r }) {
   return e ? /* @__PURE__ */ t(L, { variant: "rectangular", width: r.width, height: r.height }) : /* @__PURE__ */ t(Ht, { ...r });
 }
 function _o(e) {
-  const { menus: r, children: o, ...n } = e, i = ye(), a = ot(
-    st({}, i, {
+  const { menus: r, children: o, ...i } = e, l = we(), a = ot(
+    st({}, l, {
       typography: {
         h1: {
           fontSize: 32,
@@ -2063,7 +2087,7 @@ function _o(e) {
       }
     })
   );
-  return /* @__PURE__ */ t(nt, { theme: a, children: /* @__PURE__ */ t(or, { ...n, children: /* @__PURE__ */ t(Br, { menus: r, children: o }) }) });
+  return /* @__PURE__ */ t(nt, { theme: a, children: /* @__PURE__ */ t(or, { ...i, children: /* @__PURE__ */ t(Br, { menus: r, children: o }) }) });
 }
 export {
   et as Autocomplete,