@modern-js/plugin-tailwindcss 0.0.0-next-20221212073036 → 0.0.0-next-20221212085956

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @modern-js/plugin-tailwindcss
 
-## 0.0.0-next-20221212073036
+## 0.0.0-next-20221212085956
 
 ### Major Changes
 
@@ -40,8 +40,8 @@
 
 ### Patch Changes
 
-- d6546ad91: add buildConfig style in module-tools and remove tools
-  在 module-tools 里新增 buildConfig style 并删除 tools
+- d6546ad91: add buildConfig style in module-tools-v2 and remove tools
+  在 module-tools-v2 里新增 buildConfig style 并删除 tools
 - 67472ca1c: fix: move babel-plugin-marcos to plugin-tailwindcss
 
   fix: 将 babel-plugin-marcos 依赖移动到 plugin-tailwindcss 中
@@ -88,8 +88,8 @@
 - Updated dependencies [abf3421a7]
 - Updated dependencies [543be9558]
 - Updated dependencies [14b712da8]
-  - @modern-js/runtime@0.0.0-next-20221212073036
-  - @modern-js/utils@0.0.0-next-20221212073036
+  - @modern-js/runtime@0.0.0-next-20221212085956
+  - @modern-js/utils@0.0.0-next-20221212085956
 
 ## 2.0.0-beta.3
 

package/dist/js/modern/cli.js

@@ -1,177 +1,105 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import path from "path";
-import {
-  PLUGIN_SCHEMAS,
-  fs,
-  CONFIG_CACHE_DIR,
-  globby,
-  nanoid,
-  slash
-} from "@modern-js/utils";
+import path from 'path';
+import { PLUGIN_SCHEMAS, fs, CONFIG_CACHE_DIR, globby, nanoid, slash } from '@modern-js/utils';
 import DesignTokenPlugin from "./design-token/cli";
 import { getTailwindConfig } from "./tailwind";
 import { template, checkTwinMacroNotExist } from "./utils";
-const supportCssInJsLibrary = "styled-components";
-const getRandomTwConfigFileName = (internalDirectory) => {
-  return slash(
-    path.join(
-      internalDirectory,
-      `tailwind.config.${Date.now()}.${nanoid()}.js`
-    )
-  );
+const supportCssInJsLibrary = 'styled-components';
+export const getRandomTwConfigFileName = internalDirectory => {
+  return slash(path.join(internalDirectory, `tailwind.config.${Date.now()}.${nanoid()}.js`));
 };
-var cli_default = ({ pluginName } = {
-  pluginName: "@modern-js/plugin-tailwindcss"
+export default (({
+  pluginName
+} = {
+  pluginName: '@modern-js/plugin-tailwindcss'
 }) => ({
-  name: "@modern-js/plugin-tailwindcss",
-  usePlugins: [
-    DesignTokenPlugin({
-      pluginName
-    })
-  ],
-  setup: (api) => __async(void 0, null, function* () {
-    const { appDirectory, internalDirectory } = api.useAppContext();
-    let internalTwConfigPath = "";
-    const notHaveTwinMacro = yield checkTwinMacroNotExist(appDirectory);
+  name: '@modern-js/plugin-tailwindcss',
+  // support designSystem.supportStyledComponents
+  usePlugins: [DesignTokenPlugin({
+    pluginName
+  })],
+  setup: async api => {
+    const {
+      appDirectory,
+      internalDirectory
+    } = api.useAppContext();
+    let internalTwConfigPath = '';
+    // When reinstalling dependencies, most of the time the project will be restarted
+    const notHaveTwinMacro = await checkTwinMacroNotExist(appDirectory);
     return {
       prepare() {
         if (notHaveTwinMacro) {
           return;
         }
         internalTwConfigPath = getRandomTwConfigFileName(internalDirectory);
-        const globPattern = slash(
-          path.join(appDirectory, CONFIG_CACHE_DIR, "*.cjs")
-        );
+        const globPattern = slash(path.join(appDirectory, CONFIG_CACHE_DIR, '*.cjs'));
         const files = globby.sync(globPattern, {
           absolute: true
         });
         if (files.length > 0) {
-          fs.writeFileSync(
-            internalTwConfigPath,
-            template(files[files.length - 1]),
-            "utf-8"
-          );
+          fs.writeFileSync(internalTwConfigPath, template(files[files.length - 1]), 'utf-8');
         }
       },
       validateSchema() {
-        return PLUGIN_SCHEMAS["@modern-js/plugin-tailwindcss"];
+        return PLUGIN_SCHEMAS['@modern-js/plugin-tailwindcss'];
       },
       config() {
         return {
           tools: {
-            postcss: (config) => {
-              var _a, _b;
+            // TODO: Add interface about postcss config
+            // TODO: In module project, also is called, but should not be called.
+            postcss: config => {
+              var _modernConfig$tools, _modernConfig$source;
               const modernConfig = api.useResolvedConfigContext();
-              const tailwindConfig = getTailwindConfig(
-                (_a = modernConfig == null ? void 0 : modernConfig.tools) == null ? void 0 : _a.tailwindcss,
-                (_b = modernConfig == null ? void 0 : modernConfig.source) == null ? void 0 : _b.designSystem,
-                {
-                  pureConfig: {
-                    content: [
-                      "./config/html/**/*.html",
-                      "./config/html/**/*.ejs",
-                      "./config/html/**/*.hbs",
-                      "./src/**/*.js",
-                      "./src/**/*.jsx",
-                      "./src/**/*.ts",
-                      "./src/**/*.tsx",
-                      "./storybook/**/*",
-                      "./styles/**/*.less",
-                      "./styles/**/*.css",
-                      "./styles/**/*.sass",
-                      "./styles/**/*.scss"
-                    ]
-                  }
+              const tailwindConfig = getTailwindConfig(modernConfig === null || modernConfig === void 0 ? void 0 : (_modernConfig$tools = modernConfig.tools) === null || _modernConfig$tools === void 0 ? void 0 : _modernConfig$tools.tailwindcss, modernConfig === null || modernConfig === void 0 ? void 0 : (_modernConfig$source = modernConfig.source) === null || _modernConfig$source === void 0 ? void 0 : _modernConfig$source.designSystem, {
+                pureConfig: {
+                  content: ['./config/html/**/*.html', './config/html/**/*.ejs', './config/html/**/*.hbs', './src/**/*.js', './src/**/*.jsx', './src/**/*.ts', './src/**/*.tsx',
+                  // about storybook
+                  './storybook/**/*', './styles/**/*.less', './styles/**/*.css', './styles/**/*.sass', './styles/**/*.scss']
                 }
-              );
+              });
               if (Array.isArray(config.postcssOptions.plugins)) {
-                config.postcssOptions.plugins.push(
-                  require("tailwindcss")(tailwindConfig)
-                );
+                config.postcssOptions.plugins.push(require('tailwindcss')(tailwindConfig));
               } else {
-                config.postcssOptions.plugins = [
-                  require("tailwindcss")(tailwindConfig)
-                ];
+                config.postcssOptions.plugins = [require('tailwindcss')(tailwindConfig)];
               }
             },
-            babel(_, { addPlugins }) {
+            babel(_, {
+              addPlugins
+            }) {
               if (notHaveTwinMacro) {
                 return;
               }
-              addPlugins([
-                [
-                  require.resolve("babel-plugin-macros"),
-                  {
-                    twin: {
-                      preset: supportCssInJsLibrary,
-                      config: internalTwConfigPath
-                    }
-                  }
-                ]
-              ]);
+              addPlugins([[require.resolve('babel-plugin-macros'), {
+                twin: {
+                  preset: supportCssInJsLibrary,
+                  config: internalTwConfigPath
+                }
+              }]]);
             }
           }
         };
       },
-      beforeBuildTask({ config }) {
+      beforeBuildTask({
+        config
+      }) {
         const modernConfig = api.useResolvedConfigContext();
-        const { designSystem } = modernConfig;
-        const tailwindConfig = getTailwindConfig(
-          config.style.tailwindCss,
-          designSystem,
-          {
-            pureConfig: {
-              content: [
-                "./config/html/**/*.html",
-                "./config/html/**/*.ejs",
-                "./config/html/**/*.hbs",
-                "./src/**/*.js",
-                "./src/**/*.jsx",
-                "./src/**/*.ts",
-                "./src/**/*.tsx",
-                "./storybook/**/*",
-                "./styles/**/*.less",
-                "./styles/**/*.css",
-                "./styles/**/*.sass",
-                "./styles/**/*.scss"
-              ]
-            }
+        const {
+          designSystem
+        } = modernConfig;
+        const tailwindConfig = getTailwindConfig(config.style.tailwindCss, designSystem, {
+          pureConfig: {
+            content: ['./config/html/**/*.html', './config/html/**/*.ejs', './config/html/**/*.hbs', './src/**/*.js', './src/**/*.jsx', './src/**/*.ts', './src/**/*.tsx',
+            // about storybook
+            './storybook/**/*', './styles/**/*.less', './styles/**/*.css', './styles/**/*.sass', './styles/**/*.scss']
           }
-        );
+        });
         if (Array.isArray(config.style.postcss.plugins)) {
-          config.style.postcss.plugins.push(
-            require("tailwindcss")(tailwindConfig)
-          );
+          config.style.postcss.plugins.push(require('tailwindcss')(tailwindConfig));
         } else {
-          config.style.postcss.plugins = [
-            require("tailwindcss")(tailwindConfig)
-          ];
+          config.style.postcss.plugins = [require('tailwindcss')(tailwindConfig)];
         }
         return config;
       }
     };
-  })
-});
-export {
-  cli_default as default,
-  getRandomTwConfigFileName
-};
+  }
+}));

package/dist/js/modern/design-token/cli/index.js

@@ -1,36 +1,29 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import {
-  lazyImport,
-  PLUGIN_SCHEMAS,
-  createRuntimeExportsUtils
-} from "@modern-js/utils";
-var cli_default = ({ pluginName } = { pluginName: "@modern-js/plugin-tailwindcss" }) => ({
-  name: "@modern-js/plugin-design-token",
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { lazyImport, PLUGIN_SCHEMAS, createRuntimeExportsUtils } from '@modern-js/utils';
+export default (({
+  pluginName
+} = {
+  pluginName: '@modern-js/plugin-tailwindcss'
+}) => ({
+  name: '@modern-js/plugin-design-token',
   setup(api) {
     let pluginsExportsUtils;
-    const resolveConfig = lazyImport("tailwindcss/resolveConfig", require);
-    const PLUGIN_IDENTIFIER = "designToken";
-    const getDesignTokens = (designSystem) => {
+    const resolveConfig = lazyImport('tailwindcss/resolveConfig', require);
+    const PLUGIN_IDENTIFIER = 'designToken';
+    const getDesignTokens = designSystem => {
       const tailwindcssConfig = {};
-      tailwindcssConfig.theme = designSystem ? __spreadValues({}, designSystem) : {};
+      tailwindcssConfig.theme = designSystem ? _objectSpread({}, designSystem) : {};
+
+      // not use default design token when designToken.defaultTheme is false or theme is false
       if (!designSystem) {
         tailwindcssConfig.presets = [];
       }
+
+      // when only designSystem exist, need remove supportStyledComponents
       if (designSystem) {
         delete tailwindcssConfig.theme.supportStyledComponents;
       }
@@ -39,32 +32,35 @@ var cli_default = ({ pluginName } = { pluginName: "@modern-js/plugin-tailwindcss
     return {
       config() {
         const appContext = api.useAppContext();
-        pluginsExportsUtils = createRuntimeExportsUtils(
-          appContext.internalDirectory,
-          "plugins"
-        );
+        pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, 'plugins');
         return {
           source: {
             alias: {
-              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
+              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
             }
           },
-          tools: {}
+          tools: {
+            // TODO: support less、scss、css vars
+            // less: https://github.com/modern-js-dev/modern.js/pull/398/files#diff-f77c749e403fbf1fb676d5687bef3d7138a230331c849298d8afaff9b6afbc3dR166
+            // sass: https://github.com/modern-js-dev/modern.js/pull/398/files#diff-f77c749e403fbf1fb676d5687bef3d7138a230331c849298d8afaff9b6afbc3dR229
+            // postcss: https://github.com/modern-js-dev/modern.js/pull/398/files#diff-f77c749e403fbf1fb676d5687bef3d7138a230331c849298d8afaff9b6afbc3dR281
+          }
         };
       },
-      modifyEntryImports({ entrypoint, imports }) {
-        var _a, _b;
+      modifyEntryImports({
+        entrypoint,
+        imports
+      }) {
+        var _userConfig$source$de, _userConfig$source;
         const userConfig = api.useResolvedConfigContext();
-        const designSystem = (_b = (_a = userConfig.source) == null ? void 0 : _a.designSystem) != null ? _b : {};
-        if (typeof designSystem === "object" && designSystem.supportStyledComponents) {
+        const designSystem = (_userConfig$source$de = (_userConfig$source = userConfig.source) === null || _userConfig$source === void 0 ? void 0 : _userConfig$source.designSystem) !== null && _userConfig$source$de !== void 0 ? _userConfig$source$de : {};
+        if (typeof designSystem === 'object' && designSystem.supportStyledComponents) {
           const designTokens = getDesignTokens(userConfig.source.designSystem);
           imports.push({
-            value: "@modern-js/runtime/plugins",
-            specifiers: [
-              {
-                imported: PLUGIN_IDENTIFIER
-              }
-            ],
+            value: '@modern-js/runtime/plugins',
+            specifiers: [{
+              imported: PLUGIN_IDENTIFIER
+            }],
             initialize: `
   const designTokens = ${JSON.stringify(designTokens)};
             `
@@ -75,18 +71,22 @@ var cli_default = ({ pluginName } = { pluginName: "@modern-js/plugin-tailwindcss
           imports
         };
       },
-      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
-        var _a, _b;
+      modifyEntryRuntimePlugins({
+        entrypoint,
+        plugins
+      }) {
+        var _userConfig$source$de2, _userConfig$source2;
         const userConfig = api.useResolvedConfigContext();
-        const designSystem = (_b = (_a = userConfig.source) == null ? void 0 : _a.designSystem) != null ? _b : {};
+        const designSystem = (_userConfig$source$de2 = (_userConfig$source2 = userConfig.source) === null || _userConfig$source2 === void 0 ? void 0 : _userConfig$source2.designSystem) !== null && _userConfig$source$de2 !== void 0 ? _userConfig$source$de2 : {};
         let useSCThemeProvider = true;
         if (designSystem) {
-          useSCThemeProvider = (designSystem == null ? void 0 : designSystem.supportStyledComponents) || false;
+          // when designSystem exist, designToken.styledComponents`s default value is false.
+          useSCThemeProvider = (designSystem === null || designSystem === void 0 ? void 0 : designSystem.supportStyledComponents) || false;
         }
-        if (typeof designSystem === "object" && designSystem.supportStyledComponents) {
+        if (typeof designSystem === 'object' && designSystem.supportStyledComponents) {
           plugins.push({
             name: PLUGIN_IDENTIFIER,
-            options: `{token: designTokens, useStyledComponentsThemeProvider: ${useSCThemeProvider ? "true" : "false"}, useDesignTokenContext: false}`
+            options: `{token: designTokens, useStyledComponentsThemeProvider: ${useSCThemeProvider ? 'true' : 'false'}, useDesignTokenContext: false}`
           });
         }
         return {
@@ -95,16 +95,12 @@ var cli_default = ({ pluginName } = { pluginName: "@modern-js/plugin-tailwindcss
         };
       },
       validateSchema() {
-        return PLUGIN_SCHEMAS["@modern-js/plugin-design-token"];
+        // add source.designSystem.supportStyledComponents config
+        return PLUGIN_SCHEMAS['@modern-js/plugin-design-token'];
       },
       addRuntimeExports() {
-        pluginsExportsUtils.addExport(
-          `export { default as designToken } from '${pluginName}/runtime-design-token'`
-        );
+        pluginsExportsUtils.addExport(`export { default as designToken } from '${pluginName}/runtime-design-token'`);
       }
     };
   }
-});
-export {
-  cli_default as default
-};
+}));

package/dist/js/modern/design-token/index.js

@@ -1,5 +1,2 @@
-import { default as default2 } from "./runtime";
-export * from "./runtime";
-export {
-  default2 as default
-};
+export { default } from "./runtime";
+export * from "./runtime";

package/dist/js/modern/design-token/postcss-plugin/index.js

@@ -1,18 +1,15 @@
-var postcss_plugin_default = ({
-  cssVarsHash = {}
+export default (({
+  cssVarsHash: _cssVarsHash = {}
 } = {}) => ({
-  postcssPlugin: "postcss-replace-css-vars",
+  postcssPlugin: 'postcss-replace-css-vars',
   Declaration(decl) {
-    if (decl.value && typeof decl.value === "string") {
-      decl.value = decl.value.replace(/--\S*/g, (match) => {
-        if (cssVarsHash[match]) {
-          return cssVarsHash[match];
+    if (decl.value && typeof decl.value === 'string') {
+      decl.value = decl.value.replace(/--\S*/g, match => {
+        if (_cssVarsHash[match]) {
+          return _cssVarsHash[match];
         }
         return match;
       });
     }
   }
-});
-export {
-  postcss_plugin_default as default
-};
+}));

package/dist/js/modern/design-token/runtime/index.js

@@ -1,6 +1,3 @@
 import designTokenPlugin from "./plugin";
 export * from "./plugin";
-var runtime_default = designTokenPlugin;
-export {
-  runtime_default as default
-};
+export default designTokenPlugin;

package/dist/js/modern/design-token/runtime/plugin.js

@@ -1,56 +1,51 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import { jsx } from "react/jsx-runtime";
-import hoistNonReactStatics from "hoist-non-react-statics";
-import React, { useContext } from "react";
-const DesignTokenContext = React.createContext({});
-const useDesignTokens = () => useContext(DesignTokenContext);
-var plugin_default = (options = {}) => ({
-  name: "@modern-js/plugin-design-token",
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import React, { useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DesignTokenContext = /*#__PURE__*/React.createContext({});
+export const useDesignTokens = () => useContext(DesignTokenContext);
+export default ((options = {}) => ({
+  name: '@modern-js/plugin-design-token',
   setup: () => ({
-    hoc({ App }, next) {
-      const DesignTokenAppWrapper = (props) => {
+    hoc({
+      App
+    }, next) {
+      const DesignTokenAppWrapper = props => {
         const {
           token = {},
           useStyledComponentsThemeProvider = false,
           useDesignTokenContext = false
         } = options;
         if (useStyledComponentsThemeProvider && useDesignTokenContext) {
-          const { ThemeProvider } = require("@modern-js/runtime/styled");
-          return /* @__PURE__ */ jsx(ThemeProvider, {
+          const {
+            ThemeProvider
+          } = require('@modern-js/runtime/styled');
+          return /*#__PURE__*/_jsx(ThemeProvider, {
             theme: token,
-            children: /* @__PURE__ */ jsx(DesignTokenContext.Provider, {
+            children: /*#__PURE__*/_jsx(DesignTokenContext.Provider, {
               value: token,
-              children: /* @__PURE__ */ jsx(App, __spreadValues({}, props))
+              children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
             })
           });
         } else if (useStyledComponentsThemeProvider) {
-          const { ThemeProvider } = require("@modern-js/runtime/styled");
-          return /* @__PURE__ */ jsx(ThemeProvider, {
+          const {
+            ThemeProvider
+          } = require('@modern-js/runtime/styled');
+          return /*#__PURE__*/_jsx(ThemeProvider, {
             theme: token,
-            children: /* @__PURE__ */ jsx(App, __spreadValues({}, props))
+            children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
           });
         } else if (useDesignTokenContext) {
-          return /* @__PURE__ */ jsx(DesignTokenContext.Provider, {
+          return /*#__PURE__*/_jsx(DesignTokenContext.Provider, {
             value: token,
-            children: /* @__PURE__ */ jsx(App, __spreadValues({}, props))
+            children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
           });
         } else {
-          return /* @__PURE__ */ jsx(App, __spreadValues({}, props));
+          return /*#__PURE__*/_jsx(App, _objectSpread({}, props));
         }
       };
       return next({
@@ -58,9 +53,4 @@ var plugin_default = (options = {}) => ({
       });
     }
   })
-});
-export {
-  DesignTokenContext,
-  plugin_default as default,
-  useDesignTokens
-};
+}));

package/dist/js/modern/index.js

@@ -1,4 +1 @@
-import { default as default2 } from "./cli";
-export {
-  default2 as default
-};
+export { default } from "./cli";