@modern-js/plugin-tailwindcss 2.0.0-beta.2 → 2.0.0-beta.4

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

@@ -1,35 +1,54 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => cli_default
 });
-exports.default = void 0;
-var _utils = require("@modern-js/utils");
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var _default = ({
-  pluginName
-} = {
-  pluginName: '@modern-js/plugin-tailwindcss'
-}) => ({
-  name: '@modern-js/plugin-design-token',
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("@modern-js/utils");
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.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;
+};
+var cli_default = ({ pluginName } = { pluginName: "@modern-js/plugin-tailwindcss" }) => ({
+  name: "@modern-js/plugin-design-token",
   setup(api) {
     let pluginsExportsUtils;
-    const resolveConfig = (0, _utils.lazyImport)('tailwindcss/resolveConfig', require);
-    const PLUGIN_IDENTIFIER = 'designToken';
-    const getDesignTokens = userConfig => {
-      var _userConfig$source;
-      const designSystem = (_userConfig$source = userConfig.source) === null || _userConfig$source === void 0 ? void 0 : _userConfig$source.designSystem;
+    const resolveConfig = (0, import_utils.lazyImport)("tailwindcss/resolveConfig", require);
+    const PLUGIN_IDENTIFIER = "designToken";
+    const getDesignTokens = (designSystem) => {
       const tailwindcssConfig = {};
-      tailwindcssConfig.theme = designSystem ? _objectSpread({}, designSystem) : {};
-
-      // not use default design token when designToken.defaultTheme is false or theme is false
+      tailwindcssConfig.theme = designSystem ? __spreadValues({}, designSystem) : {};
       if (!designSystem) {
         tailwindcssConfig.presets = [];
       }
-
-      // when only designSystem exist, need remove supportStyledComponents
       if (designSystem) {
         delete tailwindcssConfig.theme.supportStyledComponents;
       }
@@ -38,35 +57,32 @@ var _default = ({
     return {
       config() {
         const appContext = api.useAppContext();
-        pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(appContext.internalDirectory, 'plugins');
+        pluginsExportsUtils = (0, import_utils.createRuntimeExportsUtils)(
+          appContext.internalDirectory,
+          "plugins"
+        );
         return {
           source: {
             alias: {
-              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
             }
           },
-          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
-          }
+          tools: {}
         };
       },
-      modifyEntryImports({
-        entrypoint,
-        imports
-      }) {
-        var _userConfig$source$de, _userConfig$source2;
+      modifyEntryImports({ entrypoint, imports }) {
+        var _a, _b;
         const userConfig = api.useResolvedConfigContext();
-        const designSystem = (_userConfig$source$de = (_userConfig$source2 = userConfig.source) === null || _userConfig$source2 === void 0 ? void 0 : _userConfig$source2.designSystem) !== null && _userConfig$source$de !== void 0 ? _userConfig$source$de : {};
-        if (typeof designSystem === 'object' && designSystem.supportStyledComponents) {
-          const designTokens = getDesignTokens(userConfig);
+        const designSystem = (_b = (_a = userConfig.source) == null ? void 0 : _a.designSystem) != null ? _b : {};
+        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)};
             `
@@ -77,22 +93,18 @@ var _default = ({
           imports
         };
       },
-      modifyEntryRuntimePlugins({
-        entrypoint,
-        plugins
-      }) {
-        var _userConfig$source$de2, _userConfig$source3;
+      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
+        var _a, _b;
         const userConfig = api.useResolvedConfigContext();
-        const designSystem = (_userConfig$source$de2 = (_userConfig$source3 = userConfig.source) === null || _userConfig$source3 === void 0 ? void 0 : _userConfig$source3.designSystem) !== null && _userConfig$source$de2 !== void 0 ? _userConfig$source$de2 : {};
+        const designSystem = (_b = (_a = userConfig.source) == null ? void 0 : _a.designSystem) != null ? _b : {};
         let useSCThemeProvider = true;
         if (designSystem) {
-          // when designSystem exist, designToken.styledComponents`s default value is false.
-          useSCThemeProvider = (designSystem === null || designSystem === void 0 ? void 0 : designSystem.supportStyledComponents) || false;
+          useSCThemeProvider = (designSystem == null ? 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 {
@@ -101,13 +113,13 @@ var _default = ({
         };
       },
       validateSchema() {
-        // add source.designSystem.supportStyledComponents config
-        return _utils.PLUGIN_SCHEMAS['@modern-js/plugin-design-token'];
+        return import_utils.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'`
+        );
       }
     };
   }
 });
-exports.default = _default;

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

@@ -1,26 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _runtime.default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => import_runtime.default
 });
-var _runtime = _interopRequireWildcard(require("./runtime"));
-Object.keys(_runtime).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _runtime[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _runtime[key];
-    }
-  });
-});
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+module.exports = __toCommonJS(stdin_exports);
+var import_runtime = __toESM(require("./runtime"));
+__reExport(stdin_exports, require("./runtime"), module.exports);

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

@@ -1,22 +1,37 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => postcss_plugin_default
 });
-exports.default = void 0;
-var _default = ({
-  cssVarsHash: _cssVarsHash = {}
+module.exports = __toCommonJS(stdin_exports);
+var postcss_plugin_default = ({
+  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;
       });
     }
   }
 });
-exports.default = _default;

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

@@ -1,23 +1,32 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => runtime_default
 });
-var _exportNames = {};
-exports.default = void 0;
-var _plugin = _interopRequireWildcard(require("./plugin"));
-Object.keys(_plugin).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _plugin[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _plugin[key];
-    }
-  });
-});
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var _default = _plugin.default;
-exports.default = _default;
+module.exports = __toCommonJS(stdin_exports);
+var import_plugin = __toESM(require("./plugin"));
+__reExport(stdin_exports, require("./plugin"), module.exports);
+var runtime_default = import_plugin.default;

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

@@ -1,66 +1,91 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  DesignTokenContext: () => DesignTokenContext,
+  default: () => plugin_default,
+  useDesignTokens: () => useDesignTokens
 });
-exports.useDesignTokens = exports.default = exports.DesignTokenContext = void 0;
-var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
-var _react = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-const DesignTokenContext = /*#__PURE__*/_react.default.createContext({});
-exports.DesignTokenContext = DesignTokenContext;
-const useDesignTokens = () => (0, _react.useContext)(DesignTokenContext);
-exports.useDesignTokens = useDesignTokens;
-var _default = (options = {}) => ({
-  name: '@modern-js/plugin-design-token',
+module.exports = __toCommonJS(stdin_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
+var import_react = __toESM(require("react"));
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.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;
+};
+const DesignTokenContext = import_react.default.createContext({});
+const useDesignTokens = () => (0, import_react.useContext)(DesignTokenContext);
+var plugin_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__*/(0, _jsxRuntime.jsx)(ThemeProvider, {
+          const { ThemeProvider } = require("@modern-js/runtime/styled");
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeProvider, {
             theme: token,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DesignTokenContext.Provider, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DesignTokenContext.Provider, {
               value: token,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, _objectSpread({}, props))
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, __spreadValues({}, props))
             })
           });
         } else if (useStyledComponentsThemeProvider) {
-          const {
-            ThemeProvider
-          } = require('@modern-js/runtime/styled');
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeProvider, {
+          const { ThemeProvider } = require("@modern-js/runtime/styled");
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeProvider, {
             theme: token,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, _objectSpread({}, props))
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, __spreadValues({}, props))
           });
         } else if (useDesignTokenContext) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(DesignTokenContext.Provider, {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DesignTokenContext.Provider, {
             value: token,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, _objectSpread({}, props))
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, __spreadValues({}, props))
           });
         } else {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(App, _objectSpread({}, props));
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, __spreadValues({}, props));
         }
       };
       return next({
-        App: (0, _hoistNonReactStatics.default)(DesignTokenAppWrapper, App)
+        App: (0, import_hoist_non_react_statics.default)(DesignTokenAppWrapper, App)
       });
     }
   })
 });
-exports.default = _default;

package/dist/js/node/index.js

@@ -1,13 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _cli.default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => import_cli.default
 });
-var _cli = _interopRequireDefault(require("./cli"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+module.exports = __toCommonJS(stdin_exports);
+var import_cli = __toESM(require("./cli"));

package/dist/js/node/tailwind.js

@@ -1,45 +1,64 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  getTailwindConfig: () => getTailwindConfig
 });
-exports.getTailwindConfig = void 0;
-var _utils = require("@modern-js/utils");
-var _lodash = require("@modern-js/utils/lodash");
-const checkIfExistNotAllowKeys = tailwindConfig => {
-  const notAllowExistKeys = ['theme'];
-  let notAllowKey = '';
-  const ret = Object.keys(tailwindConfig).some(key => notAllowExistKeys.includes(key) && (notAllowKey = key));
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("@modern-js/utils");
+var import_lodash = require("@modern-js/utils/lodash");
+const checkIfExistNotAllowKeys = (tailwindConfig) => {
+  const notAllowExistKeys = ["theme"];
+  let notAllowKey = "";
+  const ret = Object.keys(tailwindConfig).some(
+    (key) => notAllowExistKeys.includes(key) && (notAllowKey = key)
+  );
   return [ret, notAllowKey];
 };
-const getPureDesignSystemConfig = designSystemConfig => {
-  const pureDesignSystemConfig = (0, _lodash.cloneDeep)(designSystemConfig);
+const getPureDesignSystemConfig = (designSystemConfig) => {
+  const pureDesignSystemConfig = (0, import_lodash.cloneDeep)(designSystemConfig);
   delete pureDesignSystemConfig.supportStyledComponents;
   return pureDesignSystemConfig;
 };
-const getTailwindConfig = (config, option = {}) => {
-  var _config$tools, _ref, _designSystem;
-  const purgeConfig = (0, _lodash.merge)({
-    // TODO: how the operating environment is determined
-    enabled: process.env.NODE_ENV === 'production',
-    // TODO: Remove or not
-    layers: ['utilities'],
-    content: []
-  }, option.pureConfig || {});
+const getTailwindConfig = (tailwindcss, designSystem, option = {}) => {
+  const purgeConfig = (0, import_lodash.merge)(
+    {
+      enabled: process.env.NODE_ENV === "production",
+      layers: ["utilities"],
+      content: []
+    },
+    option.pureConfig || {}
+  );
   const defaultTailwindConfig = {
     purge: purgeConfig
   };
-  const tailwindConfig = (0, _utils.applyOptionsChain)(defaultTailwindConfig, ((_config$tools = config.tools) === null || _config$tools === void 0 ? void 0 : _config$tools.tailwindcss) || {});
-  const designSystem = getPureDesignSystemConfig((_ref = (_designSystem = config.designSystem) !== null && _designSystem !== void 0 ? _designSystem : config.source.designSystem) !== null && _ref !== void 0 ? _ref : {});
+  const tailwindConfig = (0, import_utils.applyOptionsChain)(
+    defaultTailwindConfig,
+    tailwindcss || {}
+  );
+  const designSystemConfig = getPureDesignSystemConfig(designSystem != null ? designSystem : {});
   const [exist, key] = checkIfExistNotAllowKeys(tailwindConfig);
   if (exist) {
-    _utils.logger.error(`should not exist '${key}' on tools.tailwindcss, please remove it`);
-    // eslint-disable-next-line no-process-exit
+    import_utils.logger.error(
+      `should not exist '${key}' on tools.tailwindcss, please remove it`
+    );
     process.exit(0);
   }
-
-  // Because there is no default theme configuration
-  tailwindConfig.theme = designSystem || {};
+  tailwindConfig.theme = designSystemConfig || {};
   return tailwindConfig;
 };
-exports.getTailwindConfig = getTailwindConfig;