@arcblock/ux 3.0.6 → 3.0.7

package/lib/BlockletNFT/index.js

@@ -1,13 +1,13 @@
 import { jsxs as a, jsx as t, Fragment as F } from "react/jsx-runtime";
 import { useRef as I } from "react";
 import o from "prop-types";
-import { useTheme as q, useMediaQuery as m, Typography as f, Portal as A, CircularProgress as O } from "@mui/material";
-import W from "../Avatar/index.js";
-import Z from "../Icon/index.js";
-import E from "../Button/index.js";
-import H from "../Img/index.js";
-import { styled as Q } from "../Theme/index.js";
-function U(e, s = 1) {
+import { useMediaQuery as m, Typography as f, Portal as q, CircularProgress as A } from "@mui/material";
+import O from "../Avatar";
+import Z from "../Icon";
+import H from "../Button";
+import Q from "../Img";
+import { styled as U, useTheme as W } from "../Theme";
+function E(e, s = 1) {
   let c = e;
   const r = ["", "k", "m", "b"];
   let i = 0;
@@ -15,7 +15,7 @@ function U(e, s = 1) {
     c = (c / 1e3).toFixed(s), i += 1;
   return e && `${c}${r[i]}`;
 }
-const G = Q("div")`
+const G = U("div")`
   &.arcblock-blocklet {
     padding: 0 16px;
     background: ${(e) => e.theme.palette.common.white};
@@ -189,7 +189,7 @@ v.propTypes = {
 };
 function J({
   title: e,
-  did: s,
+  did: s = void 0,
   description: c = null,
   cover: r = null,
   size: i = "auto",
@@ -201,33 +201,33 @@ function J({
   isStickyButton: z = !1,
   onButtonClick: _ = null,
   onMainClick: N = null,
-  className: C = null,
-  scaleClickZone: $ = 1.5,
+  className: $ = null,
+  scaleClickZone: C = 1.5,
   ...M
 }) {
   const x = (l, k = () => !1) => (d, ...j) => {
     k() ? (d.preventDefault(), d.stopPropagation()) : l instanceof Function && (d.preventDefault(), d.stopPropagation(), l(...j));
-  }, S = x(_, () => !!(h || u || b)), T = x(N), p = q(), B = m(p.breakpoints.down("md")), P = m(p.breakpoints.down("lg")), D = m(p.breakpoints.up("lg")), n = i === "auto" ? B ? "xs" : P ? "sm" : "md" : i, R = i === "auto" ? D ? 80 : 40 : i === "md" ? 80 : 40, g = I(null);
+  }, S = x(_, () => !!(h || u || b)), T = x(N), p = W(), P = m(p.breakpoints.down("md")), B = m(p.breakpoints.down("lg")), D = m(p.breakpoints.up("lg")), n = i === "auto" ? P ? "xs" : B ? "sm" : "md" : i, R = i === "auto" ? D ? 80 : 40 : i === "md" ? 80 : 40, g = I(null);
   return /* @__PURE__ */ a(
     G,
     {
       ...M,
-      scaleClickZone: $,
-      className: `${C} arcblock-blocklet arcblock-blocklet--size-${n}`,
+      scaleClickZone: C,
+      className: `${$} arcblock-blocklet arcblock-blocklet--size-${n}`,
       children: [
         /* @__PURE__ */ t("div", { className: "arcblock-blocklet__content", children: /* @__PURE__ */ t("div", { className: "arcblock-blocklet__content--main", onClick: T, ref: g, children: /* @__PURE__ */ a("div", { className: "arcblock-blocklet__content--body", children: [
-          r ? /* @__PURE__ */ t("div", { className: "arcblock-blocklet__cover", children: /* @__PURE__ */ t(H, { src: r }) }) : s && /* @__PURE__ */ t("div", { className: "arcblock-blocklet__cover", children: /* @__PURE__ */ t(W, { did: s, size: R }) }),
+          r ? /* @__PURE__ */ t("div", { className: "arcblock-blocklet__cover", children: /* @__PURE__ */ t(Q, { src: r }) }) : s && /* @__PURE__ */ t("div", { className: "arcblock-blocklet__cover", children: /* @__PURE__ */ t(O, { did: s, size: R }) }),
           /* @__PURE__ */ a("div", { className: "arcblock-blocklet__info", children: [
             /* @__PURE__ */ t(f, { component: "h3", variant: "h3", className: "arcblock-blocklet__title", title: e, children: e }),
             c && /* @__PURE__ */ t(f, { component: "div", variant: "body2", className: "arcblock-blocklet__describe", title: c, children: c }),
-            ["md", "sm", "xs"].includes(n) && /* @__PURE__ */ t(A, { container: g.current, disablePortal: n === "md", children: /* @__PURE__ */ t(
+            ["md", "sm", "xs"].includes(n) && /* @__PURE__ */ t(q, { container: g.current, disablePortal: n === "md", children: /* @__PURE__ */ t(
               "div",
               {
                 className: "arcblock-blocklet__button",
                 onClick: S,
                 style: { display: z ? "block" : "" },
                 children: h || _ && /* @__PURE__ */ a(
-                  E,
+                  H,
                   {
                     className: "arcblock-blocklet__button--hover",
                     variant: "outlined",
@@ -237,7 +237,7 @@ function J({
                     style: n === "md" ? { padding: "3px 20px", fontSize: "14px" } : { padding: "3px 15px", minWidth: "54px", fontSize: "13px" },
                     children: [
                       b && /* @__PURE__ */ t(
-                        O,
+                        A,
                         {
                           size: n === "md" ? 15 : 13,
                           style: { marginRight: 3, color: "inherit" }
@@ -260,7 +260,7 @@ function J({
             title: l.title,
             children: l.empty ? null : /* @__PURE__ */ a(F, { children: [
               /* @__PURE__ */ t(v, { name: l.icon }),
-              l.pretty ? U(l.value) : l.value
+              l.pretty ? E(l.value) : l.value
             ] })
           },
           k

package/lib/BlockletV2/blocklet.d.ts

@@ -36,4 +36,4 @@ export interface IBlockletStore extends CardProps {
         color?: string;
     }[];
 }
-export default function BlockletStore(props: IBlockletStore): import("react/jsx-runtime").JSX.Element;
+export default function BlockletStore({ ...props }: IBlockletStore): import("react/jsx-runtime").JSX.Element;

package/lib/BlockletV2/blocklet.js

@@ -1,17 +1,16 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { isValidElement as S } from "react";
-import E from "@iconify-icons/tabler/cloud-download";
+import { isValidElement as W } from "react";
+import F from "@iconify-icons/tabler/cloud-download";
 import { Icon as s } from "@iconify/react";
-import { Verified as F } from "@mui/icons-material";
-import { useTheme as O, Card as V, Stack as x, Typography as I, Box as z, CircularProgress as q } from "@mui/material";
-import B from "../Avatar/index.js";
-import G from "../Button/index.js";
-import "../Theme/theme.js";
-import "../Theme/theme-provider.js";
-import d from "./components/icon-text.js";
-import T from "./components/tooltip-icon.js";
-import { strippedString as M, formatDownloadCount as J } from "./utils.js";
-function co(A) {
+import { Verified as O } from "@mui/icons-material";
+import { Card as V, Stack as h, Typography as I, Box as z, CircularProgress as E } from "@mui/material";
+import T from "../Avatar";
+import q from "../Button";
+import { useTheme as G } from "../Theme";
+import d from "./components/icon-text";
+import B from "./components/tooltip-icon";
+import { strippedString as M, formatDownloadCount as J } from "./utils";
+function co({ ...A }) {
   const {
     title: e,
     description: n = "",
@@ -22,9 +21,9 @@ function co(A) {
     did: u,
     official: l,
     buttonText: R = "Install",
-    buttonDisabled: y,
+    buttonDisabled: g,
     buttonLoading: p,
-    button: g,
+    button: y,
     onButtonClick: k = () => {
     },
     onMainClick: b,
@@ -33,10 +32,10 @@ function co(A) {
     icons: f,
     status: i,
     ...v
-  } = A, h = O(), w = (o, H = () => !1) => (C, ...N) => {
-    const W = o instanceof Function;
-    (H() || W) && (C.preventDefault(), C.stopPropagation(), W && o(...N));
-  }, _ = b && w(b), j = w(k, () => !!(g || y || p)), a = S(e) ? { children: e } : { title: M(e), dangerouslySetInnerHTML: { __html: e } }, c = S(n) ? { children: n } : { title: M(n), dangerouslySetInnerHTML: { __html: n } };
+  } = A, x = G(), w = (o, H = () => !1) => (C, ...N) => {
+    const S = o instanceof Function;
+    (H() || S) && (C.preventDefault(), C.stopPropagation(), S && o(...N));
+  }, _ = b && w(b), j = w(k, () => !!(y || g || p)), c = W(e) ? { children: e } : { title: M(e), dangerouslySetInnerHTML: { __html: e } }, a = W(n) ? { children: n } : { title: M(n), dangerouslySetInnerHTML: { __html: n } };
   return /* @__PURE__ */ r(
     V,
     {
@@ -46,7 +45,7 @@ function co(A) {
       sx: { p: { xs: 2, md: 3 }, borderRadius: 1, ...v.sx },
       children: [
         /* @__PURE__ */ r(
-          x,
+          h,
           {
             direction: "row",
             sx: {
@@ -57,12 +56,12 @@ function co(A) {
               "& > *": { flexShrink: 0 }
             },
             children: [
-              /* @__PURE__ */ t(B, { src: D, did: u, size: 48, variant: "rounded", style: { borderRadius: "8px", overflow: "hidden" } }),
+              /* @__PURE__ */ t(T, { src: D, did: u, size: 48, variant: "rounded", style: { borderRadius: "8px", overflow: "hidden" } }),
               /* @__PURE__ */ t(
                 I,
                 {
                   className: "blocklet-title",
-                  ...a,
+                  ...c,
                   sx: [
                     {
                       fontWeight: "fontWeightMedium",
@@ -74,7 +73,7 @@ function co(A) {
                       pl: 0.5,
                       "&&": { flexShrink: 1 }
                     },
-                    ...Array.isArray(a.sx) ? a.sx : [a.sx]
+                    ...Array.isArray(c.sx) ? c.sx : [c.sx]
                   ]
                 }
               ),
@@ -89,37 +88,37 @@ function co(A) {
                     gap: 1
                   },
                   children: [
-                    l && /* @__PURE__ */ t(T, { title: l.tooltip, children: /* @__PURE__ */ t(F, { sx: { color: l.color || "#D97706", fontSize: l.size || 18 } }) }),
-                    f == null ? void 0 : f.map((o) => /* @__PURE__ */ t(T, { title: o.title, children: typeof o.icon == "string" ? /* @__PURE__ */ t(s, { icon: o.icon, style: { color: o.color } }) : o.icon }, o.key))
+                    l && /* @__PURE__ */ t(B, { title: l.tooltip, children: /* @__PURE__ */ t(O, { sx: { color: l.color || "#D97706", fontSize: l.size || 18 } }) }),
+                    f == null ? void 0 : f.map((o) => /* @__PURE__ */ t(B, { title: o.title, children: typeof o.icon == "string" ? /* @__PURE__ */ t(s, { icon: o.icon, style: { color: o.color } }) : o.icon }, o.key))
                   ]
                 }
               ),
               k && /* @__PURE__ */ r(
-                G,
+                q,
                 {
                   variant: "outlined",
                   size: "small",
-                  disabled: y || p,
+                  disabled: g || p,
                   style: {
-                    color: h.palette.text.primary,
-                    borderColor: h.palette.grey[300],
+                    color: x.palette.text.primary,
+                    borderColor: x.palette.grey[300],
                     borderRadius: 8,
                     fontSize: 13,
-                    fontWeight: h.typography.fontWeightMedium
+                    fontWeight: x.typography.fontWeightMedium
                   },
                   onClick: j,
                   children: [
-                    p && /* @__PURE__ */ t(q, { size: 15, style: { marginRight: 3, color: "inherit" } }),
+                    p && /* @__PURE__ */ t(E, { size: 15, style: { marginRight: 3, color: "inherit" } }),
                     R
                   ]
                 }
               ),
-              g
+              y
             ]
           }
         ),
         /* @__PURE__ */ t(
-          x,
+          h,
           {
             sx: {
               py: 2
@@ -129,7 +128,7 @@ function co(A) {
               {
                 className: "blocklet-description",
                 variant: "body2",
-                ...c,
+                ...a,
                 sx: [
                   {
                     color: "text.secondary",
@@ -141,14 +140,14 @@ function co(A) {
                     cursor: "default",
                     height: 40
                   },
-                  ...Array.isArray(c.sx) ? c.sx : [c.sx]
+                  ...Array.isArray(a.sx) ? a.sx : [a.sx]
                 ]
               }
             )
           }
         ),
         /* @__PURE__ */ r(
-          x,
+          h,
           {
             direction: "row",
             sx: {
@@ -157,8 +156,8 @@ function co(A) {
               color: "text.secondary"
             },
             children: [
-              /* @__PURE__ */ t(d, { icon: /* @__PURE__ */ t(B, { src: L, did: u, size: 20, variant: "circle" }), maxWidth: 200, children: P }),
-              /* @__PURE__ */ t(d, { icon: /* @__PURE__ */ t(s, { icon: E }), title: m, children: J(m) }),
+              /* @__PURE__ */ t(d, { icon: /* @__PURE__ */ t(T, { src: L, did: u, size: 20, variant: "circle" }), maxWidth: 200, children: P }),
+              /* @__PURE__ */ t(d, { icon: /* @__PURE__ */ t(s, { icon: F }), title: m, children: J(m) }),
               i == null ? void 0 : i.filter((o) => o.align !== "right").map((o) => /* @__PURE__ */ t(
                 d,
                 {

package/lib/BlockletV2/components/icon-text.d.ts

@@ -6,4 +6,4 @@ export default function IconText({ icon, children, maxWidth, title, sx, }: {
     maxWidth?: number;
     title?: React.ReactNode;
     sx?: StackProps['sx'];
-}): false | "" | 0 | 0n | import("react/jsx-runtime").JSX.Element | null | undefined;
+}): false | "" | 0 | 0n | import("react/jsx-runtime").JSX.Element | null;

package/lib/BlockletV2/components/icon-text.js

@@ -1,15 +1,15 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { Stack as f, Typography as n } from "@mui/material";
-import s from "./tooltip-icon.js";
-function d({
-  icon: e,
-  children: o,
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { Stack as n, Typography as p } from "@mui/material";
+import f from "./tooltip-icon";
+function u({
+  icon: e = null,
+  children: o = null,
   maxWidth: i = 100,
-  title: a,
-  sx: r
+  title: a = void 0,
+  sx: r = {}
 }) {
-  return (o === 0 || o) && /* @__PURE__ */ p(
-    f,
+  return (o === 0 || o) && /* @__PURE__ */ l(
+    n,
     {
       direction: "row",
       sx: [
@@ -22,8 +22,8 @@ function d({
       ],
       children: [
         e,
-        /* @__PURE__ */ t(s, { title: a || (typeof o == "string" ? o : ""), children: /* @__PURE__ */ t(
-          n,
+        /* @__PURE__ */ t(f, { title: a || (typeof o == "string" ? o : ""), children: /* @__PURE__ */ t(
+          p,
           {
             variant: "body2",
             sx: {
@@ -41,5 +41,5 @@ function d({
   );
 }
 export {
-  d as default
+  u as default
 };

package/lib/BlockletV2/components/tooltip-icon.js

@@ -1,30 +1,31 @@
-import { jsx as f } from "react/jsx-runtime";
-import { Tooltip as u, tooltipClasses as c } from "@mui/material";
-function g({
-  title: a,
-  sx: d,
+import { jsx as x } from "react/jsx-runtime";
+import { Tooltip as n, tooltipClasses as f } from "@mui/material";
+import { mergeSx as u } from "../../Util/style";
+function I({
+  title: t,
+  sx: c,
   children: p,
   slotProps: e,
-  fontSize: m = 12,
-  fontWeight: n = 500,
+  fontSize: a = 12,
+  fontWeight: m = 500,
   color: r = "text.contrast",
-  ...t
+  ...i
 }) {
-  var x, i;
-  return a ? /* @__PURE__ */ f(
-    u,
+  var o;
+  return t ? /* @__PURE__ */ x(
+    n,
     {
-      title: a,
+      title: t,
       placement: "top",
-      ...t,
+      ...i,
       slotProps: {
         popper: {
           ...e == null ? void 0 : e.popper,
-          sx: [
+          sx: u(
             {
-              [`& .${c.tooltip}`]: {
-                fontSize: m,
-                fontWeight: n,
+              [`& .${f.tooltip}`]: {
+                fontSize: a,
+                fontWeight: m,
                 boxShadow: 2,
                 marginBottom: "6px !important",
                 borderRadius: "8px",
@@ -34,8 +35,9 @@ function g({
                 alignItems: "center"
               }
             },
-            ...Array.isArray((x = e == null ? void 0 : e.popper) == null ? void 0 : x.sx) ? e.popper.sx : [(i = e == null ? void 0 : e.popper) == null ? void 0 : i.sx]
-          ]
+            // @ts-expect-error
+            (o = e == null ? void 0 : e.popper) == null ? void 0 : o.sx
+          )
         }
       },
       children: p
@@ -43,5 +45,5 @@ function g({
   ) : p;
 }
 export {
-  g as default
+  I as default
 };

package/lib/BlockletV2/index.js

@@ -1,9 +1,10 @@
-import { default as p, strippedString as a } from "./utils.js";
-import o from "./blocklet.js";
-import { default as l } from "./components/tooltip-icon.js";
+import { default as f, strippedString as p } from "./utils";
+import "./blocklet";
+import { default as a } from "./blocklet";
+import { default as m } from "./components/tooltip-icon";
 export {
-  p as ActionButton,
-  l as TooltipIcon,
-  o as default,
-  a as strippedString
+  f as ActionButton,
+  m as TooltipIcon,
+  a as default,
+  p as strippedString
 };

package/lib/BlockletV2/utils.js

@@ -1,4 +1,4 @@
-import { styled as r } from "../Theme/index.js";
+import { styled as r } from "../Theme";
 const i = r("div")`
   background-color: transparent !important;
   & > :not(.Mui-disabled) {

package/lib/Button/index.js

@@ -1,5 +1,5 @@
 import { Button as o } from "@mui/material";
-import t from "./wrap.js";
+import t from "./wrap";
 const n = t(o);
 export {
   n as default

package/lib/Button/wrap.js

@@ -2,8 +2,8 @@ import { jsx as u, jsxs as x } from "react/jsx-runtime";
 import r from "prop-types";
 import i from "lodash/isUndefined";
 import { CircularProgress as j } from "@mui/material";
-import o from "../Colors/themes/default.js";
-import { mergeProps as k } from "../Util/index.js";
+import o from "../Colors";
+import { mergeProps as k } from "../Util";
 const y = {
   did: {
     contained: { backgroundColor: o.did.primary, color: o.common.white },
@@ -15,7 +15,7 @@ const y = {
   }
 };
 function q(g) {
-  function d(c) {
+  function d({ ...c }) {
     const e = Object.assign({}, c);
     i(e.rounded) && (e.rounded = !1), i(e.size) && (e.size = "medium"), i(e.forwardedRef) && (e.forwardedRef = null), i(e.style) && (e.style = {});
     const s = k(e, d, ["style"]), { children: b, rounded: w, loading: f, disabled: h, style: R, forwardedRef: C, color: n, ...t } = s, z = h || f;

package/lib/ButtonGroup/index.js

@@ -1,5 +1,5 @@
 import { ButtonGroup as o } from "@mui/material";
-import t from "../Button/wrap.js";
+import t from "../Button/wrap";
 const m = t(o);
 export {
   m as default

package/lib/Center/index.js

@@ -1,16 +1,16 @@
 import { jsx as n } from "react/jsx-runtime";
-import { styled as r } from "../Theme/index.js";
+import { styled as r } from "../Theme";
 function o({
-  children: e,
+  children: e = null,
   relative: i = "screen"
 }) {
   let t = {};
   return i === "parent" && (t = {
     width: "100%",
     height: "100%"
-  }), /* @__PURE__ */ n(s, { style: t, children: e });
+  }), /* @__PURE__ */ n(l, { style: t, children: e });
 }
-const s = r("div")`
+const l = r("div")`
   flex: 1;
   width: 100vw;
   height: 100vh;

package/lib/ClickToCopy/copy-button.js

@@ -2,15 +2,15 @@ import { jsx as o } from "react/jsx-runtime";
 import { Tooltip as u } from "@mui/material";
 import { green as y } from "@mui/material/colors";
 import { Check as a, ContentCopy as C } from "@mui/icons-material";
-import h from "./hook.js";
+import d from "./hook";
 function S({
   content: c = "",
   locale: m = "en",
-  render: e,
+  render: e = void 0,
   showTooltip: l = !0,
   ...r
 }) {
-  const { containerRef: s, copied: t, copy: f, texts: n } = h({ content: c, locale: m }), i = {
+  const { containerRef: s, copied: t, copy: f, texts: n } = d({ content: c, locale: m }), i = {
     fontSize: "1em"
   }, p = /* @__PURE__ */ o("span", { title: t ? "" : n.copy, ...r, style: { height: "1em", ...r.style }, children: t ? /* @__PURE__ */ o(u, { title: n.copied, placement: "bottom", arrow: !0, open: t && l, children: /* @__PURE__ */ o(a, { sx: { ...i, color: y[500] } }) }) : /* @__PURE__ */ o(C, { onClick: f, sx: { ...i, cursor: "pointer" } }) });
   return e ? e({ copyButton: p, containerRef: s }) : p;

package/lib/ClickToCopy/index.js

@@ -3,11 +3,11 @@ import { useSize as F } from "ahooks";
 import { Tooltip as S } from "@mui/material";
 import t from "lodash/isUndefined";
 import { useSnackbar as U } from "notistack";
-import _ from "./hook.js";
-import B, { ToastProvider as L } from "../Toast/index.js";
-import { mergeProps as O } from "../Util/index.js";
-import { styled as s } from "../Theme/index.js";
-import { default as X } from "./copy-button.js";
+import _ from "./hook";
+import B, { ToastProvider as L } from "../Toast";
+import { mergeProps as O } from "../Util";
+import { styled as s } from "../Theme";
+import { default as X } from "./copy-button";
 const R = s("span")`
   display: inline;
   white-space: pre-wrap;

package/lib/CloseButton/index.js

@@ -3,10 +3,10 @@ import { Box as e } from "@mui/material";
 import { Icon as i } from "@iconify/react";
 import m from "@iconify-icons/material-symbols/close-rounded";
 import s from "lodash/noop";
-import { mergeSx as f } from "../Util/style.js";
+import { mergeSx as f } from "../Util/style";
 function x({
   onClose: r = s,
-  sx: t,
+  sx: t = {},
   size: n = 20
 }) {
   return /* @__PURE__ */ o(

package/lib/CodeBlock/index.js

@@ -19,9 +19,9 @@ import b from "highlight.js/lib/languages/plaintext";
 import B from "highlight.js/lib/languages/markdown";
 import "highlight.js/styles/atom-one-dark.css";
 import { FileCopy as S, Check as T } from "@mui/icons-material";
-import o from "../Colors/themes/default.js";
-import { styled as A } from "../Theme/index.js";
-import E from "./LightBox.js";
+import o from "../Colors";
+import { styled as A } from "../Theme";
+import E from "./LightBox";
 e.registerLanguage("javascript", n);
 e.registerLanguage("js", n);
 e.registerLanguage("jsx", n);

package/lib/Colors/index.js

@@ -1,6 +1,6 @@
-import { default as t } from "./themes/default.js";
-import { default as f } from "./themes/temp.js";
-import { default as d } from "./themes/did-connect.js";
+import { default as t } from "./themes/default";
+import { default as f } from "./themes/temp";
+import { default as d } from "./themes/did-connect";
 export {
   t as default,
   d as didConnectColors,

package/lib/Config/config-provider.js

@@ -1,17 +1,16 @@
 import { jsx as t } from "react/jsx-runtime";
-import { LocaleProvider as p, useLocaleContext as C } from "../Locale/context.js";
-import x, { useColorScheme as a } from "../Theme/theme-provider.js";
-import { useTheme as d } from "@mui/material";
-import "../Theme/theme.js";
-function T({
+import { LocaleProvider as C, useLocaleContext as p } from "../Locale/context";
+import x, { useColorScheme as a } from "../Theme/theme-provider";
+import { useTheme as d } from "../Theme";
+function S({
   children: o,
   // theme provider
   theme: e,
   injectFirst: r,
   darkSchemeClass: m,
-  prefer: i,
-  disableBlockletTheme: n = !1,
-  enableColorScheme: c,
+  prefer: n,
+  disableBlockletTheme: c = !1,
+  enableColorScheme: i,
   // locale provider
   locale: f,
   fallbackLocale: s,
@@ -25,11 +24,11 @@ function T({
       theme: e,
       injectFirst: r,
       darkSchemeClass: m,
-      prefer: i,
-      disableBlockletTheme: n,
-      enableColorScheme: c,
+      prefer: n,
+      disableBlockletTheme: c,
+      enableColorScheme: i,
       children: /* @__PURE__ */ t(
-        p,
+        C,
         {
           locale: f,
           fallbackLocale: s,
@@ -42,8 +41,8 @@ function T({
     }
   );
 }
-function j() {
-  const o = d(), e = C(), r = a();
+function T() {
+  const o = d(), e = p(), r = a();
   return {
     theme: o,
     ...e,
@@ -51,6 +50,6 @@ function j() {
   };
 }
 export {
-  T as ConfigProvider,
-  j as useConfig
+  S as ConfigProvider,
+  T as useConfig
 };

package/lib/Config/index.js

@@ -1,7 +1,5 @@
-import { ConfigProvider as r, useConfig as f } from "./config-provider.js";
-import { default as d } from "./theme-mode-toggle.js";
+export * from "./config-provider";
+import { default as f } from "./theme-mode-toggle";
 export {
-  r as ConfigProvider,
-  d as ThemeModeToggle,
-  f as useConfig
+  f as ThemeModeToggle
 };

package/lib/Config/theme-mode-toggle.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { IconButton as l } from "@mui/material";
 import { Brightness2Outlined as s, LightModeOutlined as m } from "@mui/icons-material";
-import { useColorScheme as u } from "../Theme/theme-provider.js";
+import { useColorScheme as u } from "../Theme/theme-provider";
 function h() {
   var r, t;
   const { mode: n, toggleMode: o, prefer: i } = u();