@mui/utils 5.7.0 → 5.8.6

package/composeClasses/composeClasses.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = composeClasses;
+
+function composeClasses(slots, getUtilityClass, classes) {
+  const output = {};
+  Object.keys(slots).forEach( // `Objet.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
+  // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
+  slot => {
+    output[slot] = slots[slot].reduce((acc, key) => {
+      if (key) {
+        if (classes && classes[key]) {
+          acc.push(classes[key]);
+        }
+
+        acc.push(getUtilityClass(key));
+      }
+
+      return acc;
+    }, []).join(' ');
+  });
+  return output;
+}

package/composeClasses/index.d.ts

@@ -0,0 +1 @@
+export { default } from './composeClasses';

package/composeClasses/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _composeClasses.default;
+  }
+});
+
+var _composeClasses = _interopRequireDefault(require("./composeClasses"));

package/composeClasses/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../esm/composeClasses/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/elementAcceptingRef.js

@@ -25,7 +25,7 @@ function acceptingRef(props, propName, componentName, location, propFullName) {
 
   if (element == null || // When server-side rendering React doesn't warn either.
   // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
+  // This is only in place for Emotion compat.
   // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
   typeof window === 'undefined') {
     return null;

package/esm/ClassNameGenerator/ClassNameGenerator.js

@@ -0,0 +1,22 @@
+const defaultGenerator = componentName => componentName;
+
+const createClassNameGenerator = () => {
+  let generate = defaultGenerator;
+  return {
+    configure(generator) {
+      generate = generator;
+    },
+
+    generate(componentName) {
+      return generate(componentName);
+    },
+
+    reset() {
+      generate = defaultGenerator;
+    }
+
+  };
+};
+
+const ClassNameGenerator = createClassNameGenerator();
+export default ClassNameGenerator;

package/esm/ClassNameGenerator/index.js

@@ -0,0 +1 @@
+export { default } from './ClassNameGenerator';

package/esm/composeClasses/composeClasses.js

@@ -0,0 +1,19 @@
+export default function composeClasses(slots, getUtilityClass, classes) {
+  const output = {};
+  Object.keys(slots).forEach( // `Objet.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
+  // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
+  slot => {
+    output[slot] = slots[slot].reduce((acc, key) => {
+      if (key) {
+        if (classes && classes[key]) {
+          acc.push(classes[key]);
+        }
+
+        acc.push(getUtilityClass(key));
+      }
+
+      return acc;
+    }, []).join(' ');
+  });
+  return output;
+}

package/esm/composeClasses/index.js

@@ -0,0 +1 @@
+export { default } from './composeClasses';

package/esm/elementAcceptingRef.js

@@ -15,7 +15,7 @@ function acceptingRef(props, propName, componentName, location, propFullName) {
 
   if (element == null || // When server-side rendering React doesn't warn either.
   // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
+  // This is only in place for Emotion compat.
   // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
   typeof window === 'undefined') {
     return null;

package/esm/generateUtilityClass/generateUtilityClass.js

@@ -0,0 +1,17 @@
+import ClassNameGenerator from '../ClassNameGenerator';
+const globalStateClassesMapping = {
+  active: 'active',
+  checked: 'checked',
+  completed: 'completed',
+  disabled: 'disabled',
+  error: 'error',
+  expanded: 'expanded',
+  focused: 'focused',
+  focusVisible: 'focusVisible',
+  required: 'required',
+  selected: 'selected'
+};
+export default function generateUtilityClass(componentName, slot, globalStatePrefix = 'Mui') {
+  const globalStateClass = globalStateClassesMapping[slot];
+  return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator.generate(componentName)}-${slot}`;
+}

package/esm/generateUtilityClass/index.js

@@ -0,0 +1,2 @@
+export { default } from './generateUtilityClass';
+export * from './generateUtilityClass';

package/esm/generateUtilityClasses/generateUtilityClasses.js

@@ -0,0 +1,8 @@
+import generateUtilityClass from '../generateUtilityClass';
+export default function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui') {
+  const result = {};
+  slots.forEach(slot => {
+    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);
+  });
+  return result;
+}

package/esm/generateUtilityClasses/index.js

@@ -0,0 +1 @@
+export { default } from './generateUtilityClasses';

package/esm/index.js

@@ -30,4 +30,9 @@ export { detectScrollType as unstable_detectScrollType, getNormalizedScrollLeft
 export { default as usePreviousProps } from './usePreviousProps';
 export { default as visuallyHidden } from './visuallyHidden';
 export { default as integerPropType } from './integerPropType';
-export { default as internal_resolveProps } from './resolveProps';
+export { default as internal_resolveProps } from './resolveProps';
+export { default as unstable_composeClasses } from './composeClasses';
+export { default as unstable_generateUtilityClass } from './generateUtilityClass';
+export * from './generateUtilityClass';
+export { default as unstable_generateUtilityClasses } from './generateUtilityClasses';
+export { default as unstable_ClassNameGenerator } from './ClassNameGenerator';

package/generateUtilityClass/generateUtilityClass.d.ts

@@ -0,0 +1,2 @@
+export declare type GlobalStateSlot = 'active' | 'checked' | 'completed' | 'disabled' | 'error' | 'expanded' | 'focused' | 'focusVisible' | 'required' | 'selected';
+export default function generateUtilityClass(componentName: string, slot: string, globalStatePrefix?: string): string;

package/generateUtilityClass/generateUtilityClass.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generateUtilityClass;
+
+var _ClassNameGenerator = _interopRequireDefault(require("../ClassNameGenerator"));
+
+const globalStateClassesMapping = {
+  active: 'active',
+  checked: 'checked',
+  completed: 'completed',
+  disabled: 'disabled',
+  error: 'error',
+  expanded: 'expanded',
+  focused: 'focused',
+  focusVisible: 'focusVisible',
+  required: 'required',
+  selected: 'selected'
+};
+
+function generateUtilityClass(componentName, slot, globalStatePrefix = 'Mui') {
+  const globalStateClass = globalStateClassesMapping[slot];
+  return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${_ClassNameGenerator.default.generate(componentName)}-${slot}`;
+}

package/generateUtilityClass/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './generateUtilityClass';
+export * from './generateUtilityClass';

package/generateUtilityClass/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _generateUtilityClass.default;
+  }
+});
+
+var _generateUtilityClass = _interopRequireWildcard(require("./generateUtilityClass"));
+
+Object.keys(_generateUtilityClass).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _generateUtilityClass[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _generateUtilityClass[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; }

package/generateUtilityClass/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../esm/generateUtilityClass/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/generateUtilityClasses/generateUtilityClasses.d.ts

@@ -0,0 +1 @@
+export default function generateUtilityClasses<T extends string>(componentName: string, slots: T[], globalStatePrefix?: string): Record<T, string>;

package/generateUtilityClasses/generateUtilityClasses.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generateUtilityClasses;
+
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+
+function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui') {
+  const result = {};
+  slots.forEach(slot => {
+    result[slot] = (0, _generateUtilityClass.default)(componentName, slot, globalStatePrefix);
+  });
+  return result;
+}

package/generateUtilityClasses/index.d.ts

@@ -0,0 +1 @@
+export { default } from './generateUtilityClasses';

package/generateUtilityClasses/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _generateUtilityClasses.default;
+  }
+});
+
+var _generateUtilityClasses = _interopRequireDefault(require("./generateUtilityClasses"));

package/generateUtilityClasses/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../esm/generateUtilityClasses/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/index.d.ts

@@ -31,3 +31,8 @@ export { default as usePreviousProps } from './usePreviousProps';
 export { default as visuallyHidden } from './visuallyHidden';
 export { default as integerPropType } from './integerPropType';
 export { default as internal_resolveProps } from './resolveProps';
+export { default as unstable_composeClasses } from './composeClasses';
+export { default as unstable_generateUtilityClass } from './generateUtilityClass';
+export * from './generateUtilityClass';
+export { default as unstable_generateUtilityClasses } from './generateUtilityClasses';
+export { default as unstable_ClassNameGenerator } from './ClassNameGenerator';

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.7.0
+/** @license MUI v5.8.6
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -10,6 +10,46 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  chainPropTypes: true,
+  deepmerge: true,
+  isPlainObject: true,
+  elementAcceptingRef: true,
+  elementTypeAcceptingRef: true,
+  exactProp: true,
+  formatMuiErrorMessage: true,
+  getDisplayName: true,
+  HTMLElementType: true,
+  ponyfillGlobal: true,
+  refType: true,
+  unstable_capitalize: true,
+  unstable_createChainedFunction: true,
+  unstable_debounce: true,
+  unstable_deprecatedPropType: true,
+  unstable_isMuiElement: true,
+  unstable_ownerDocument: true,
+  unstable_ownerWindow: true,
+  unstable_requirePropFactory: true,
+  unstable_setRef: true,
+  unstable_useEnhancedEffect: true,
+  unstable_useId: true,
+  unstable_unsupportedProp: true,
+  unstable_useControlled: true,
+  unstable_useEventCallback: true,
+  unstable_useForkRef: true,
+  unstable_useIsFocusVisible: true,
+  unstable_getScrollbarSize: true,
+  unstable_detectScrollType: true,
+  unstable_getNormalizedScrollLeft: true,
+  usePreviousProps: true,
+  visuallyHidden: true,
+  integerPropType: true,
+  internal_resolveProps: true,
+  unstable_composeClasses: true,
+  unstable_generateUtilityClass: true,
+  unstable_generateUtilityClasses: true,
+  unstable_ClassNameGenerator: true
+};
 Object.defineProperty(exports, "HTMLElementType", {
   enumerable: true,
   get: function () {
@@ -88,12 +128,24 @@ Object.defineProperty(exports, "refType", {
     return _refType.default;
   }
 });
+Object.defineProperty(exports, "unstable_ClassNameGenerator", {
+  enumerable: true,
+  get: function () {
+    return _ClassNameGenerator.default;
+  }
+});
 Object.defineProperty(exports, "unstable_capitalize", {
   enumerable: true,
   get: function () {
     return _capitalize.default;
   }
 });
+Object.defineProperty(exports, "unstable_composeClasses", {
+  enumerable: true,
+  get: function () {
+    return _composeClasses.default;
+  }
+});
 Object.defineProperty(exports, "unstable_createChainedFunction", {
   enumerable: true,
   get: function () {
@@ -118,6 +170,18 @@ Object.defineProperty(exports, "unstable_detectScrollType", {
     return _scrollLeft.detectScrollType;
   }
 });
+Object.defineProperty(exports, "unstable_generateUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _generateUtilityClass.default;
+  }
+});
+Object.defineProperty(exports, "unstable_generateUtilityClasses", {
+  enumerable: true,
+  get: function () {
+    return _generateUtilityClasses.default;
+  }
+});
 Object.defineProperty(exports, "unstable_getNormalizedScrollLeft", {
   enumerable: true,
   get: function () {
@@ -279,6 +343,26 @@ var _integerPropType = _interopRequireDefault(require("./integerPropType"));
 
 var _resolveProps = _interopRequireDefault(require("./resolveProps"));
 
+var _composeClasses = _interopRequireDefault(require("./composeClasses"));
+
+var _generateUtilityClass = _interopRequireWildcard(require("./generateUtilityClass"));
+
+Object.keys(_generateUtilityClass).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _generateUtilityClass[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _generateUtilityClass[key];
+    }
+  });
+});
+
+var _generateUtilityClasses = _interopRequireDefault(require("./generateUtilityClasses"));
+
+var _ClassNameGenerator = _interopRequireDefault(require("./ClassNameGenerator"));
+
 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; }

package/legacy/ClassNameGenerator/ClassNameGenerator.js

@@ -0,0 +1,21 @@
+var defaultGenerator = function defaultGenerator(componentName) {
+  return componentName;
+};
+
+var createClassNameGenerator = function createClassNameGenerator() {
+  var _generate = defaultGenerator;
+  return {
+    configure: function configure(generator) {
+      _generate = generator;
+    },
+    generate: function generate(componentName) {
+      return _generate(componentName);
+    },
+    reset: function reset() {
+      _generate = defaultGenerator;
+    }
+  };
+};
+
+var ClassNameGenerator = createClassNameGenerator();
+export default ClassNameGenerator;

package/legacy/ClassNameGenerator/index.js

@@ -0,0 +1 @@
+export { default } from './ClassNameGenerator';

package/legacy/composeClasses/composeClasses.js

@@ -0,0 +1,19 @@
+export default function composeClasses(slots, getUtilityClass, classes) {
+  var output = {};
+  Object.keys(slots).forEach( // `Objet.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
+  // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
+  function (slot) {
+    output[slot] = slots[slot].reduce(function (acc, key) {
+      if (key) {
+        if (classes && classes[key]) {
+          acc.push(classes[key]);
+        }
+
+        acc.push(getUtilityClass(key));
+      }
+
+      return acc;
+    }, []).join(' ');
+  });
+  return output;
+}

package/legacy/composeClasses/index.js

@@ -0,0 +1 @@
+export { default } from './composeClasses';

package/legacy/elementAcceptingRef.js

@@ -14,7 +14,7 @@ function acceptingRef(props, propName, componentName, location, propFullName) {
 
   if (element == null || // When server-side rendering React doesn't warn either.
   // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
+  // This is only in place for Emotion compat.
   // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
   typeof window === 'undefined') {
     return null;

package/legacy/generateUtilityClass/generateUtilityClass.js

@@ -0,0 +1,18 @@
+import ClassNameGenerator from '../ClassNameGenerator';
+var globalStateClassesMapping = {
+  active: 'active',
+  checked: 'checked',
+  completed: 'completed',
+  disabled: 'disabled',
+  error: 'error',
+  expanded: 'expanded',
+  focused: 'focused',
+  focusVisible: 'focusVisible',
+  required: 'required',
+  selected: 'selected'
+};
+export default function generateUtilityClass(componentName, slot) {
+  var globalStatePrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'Mui';
+  var globalStateClass = globalStateClassesMapping[slot];
+  return globalStateClass ? "".concat(globalStatePrefix, "-").concat(globalStateClass) : "".concat(ClassNameGenerator.generate(componentName), "-").concat(slot);
+}

package/legacy/generateUtilityClass/index.js

@@ -0,0 +1,2 @@
+export { default } from './generateUtilityClass';
+export * from './generateUtilityClass';

package/legacy/generateUtilityClasses/generateUtilityClasses.js

@@ -0,0 +1,9 @@
+import generateUtilityClass from '../generateUtilityClass';
+export default function generateUtilityClasses(componentName, slots) {
+  var globalStatePrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'Mui';
+  var result = {};
+  slots.forEach(function (slot) {
+    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);
+  });
+  return result;
+}

package/legacy/generateUtilityClasses/index.js

@@ -0,0 +1 @@
+export { default } from './generateUtilityClasses';

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.7.0
+/** @license MUI v5.8.6
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -35,4 +35,9 @@ export { detectScrollType as unstable_detectScrollType, getNormalizedScrollLeft
 export { default as usePreviousProps } from './usePreviousProps';
 export { default as visuallyHidden } from './visuallyHidden';
 export { default as integerPropType } from './integerPropType';
-export { default as internal_resolveProps } from './resolveProps';
+export { default as internal_resolveProps } from './resolveProps';
+export { default as unstable_composeClasses } from './composeClasses';
+export { default as unstable_generateUtilityClass } from './generateUtilityClass';
+export * from './generateUtilityClass';
+export { default as unstable_generateUtilityClasses } from './generateUtilityClasses';
+export { default as unstable_ClassNameGenerator } from './ClassNameGenerator';

package/modern/ClassNameGenerator/ClassNameGenerator.js

@@ -0,0 +1,22 @@
+const defaultGenerator = componentName => componentName;
+
+const createClassNameGenerator = () => {
+  let generate = defaultGenerator;
+  return {
+    configure(generator) {
+      generate = generator;
+    },
+
+    generate(componentName) {
+      return generate(componentName);
+    },
+
+    reset() {
+      generate = defaultGenerator;
+    }
+
+  };
+};
+
+const ClassNameGenerator = createClassNameGenerator();
+export default ClassNameGenerator;

package/modern/ClassNameGenerator/index.js

@@ -0,0 +1 @@
+export { default } from './ClassNameGenerator';

package/modern/composeClasses/composeClasses.js

@@ -0,0 +1,19 @@
+export default function composeClasses(slots, getUtilityClass, classes) {
+  const output = {};
+  Object.keys(slots).forEach( // `Objet.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
+  // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
+  slot => {
+    output[slot] = slots[slot].reduce((acc, key) => {
+      if (key) {
+        if (classes && classes[key]) {
+          acc.push(classes[key]);
+        }
+
+        acc.push(getUtilityClass(key));
+      }
+
+      return acc;
+    }, []).join(' ');
+  });
+  return output;
+}

package/modern/composeClasses/index.js

@@ -0,0 +1 @@
+export { default } from './composeClasses';

package/modern/elementAcceptingRef.js

@@ -15,7 +15,7 @@ function acceptingRef(props, propName, componentName, location, propFullName) {
 
   if (element == null || // When server-side rendering React doesn't warn either.
   // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
+  // This is only in place for Emotion compat.
   // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
   typeof window === 'undefined') {
     return null;

package/modern/generateUtilityClass/generateUtilityClass.js

@@ -0,0 +1,17 @@
+import ClassNameGenerator from '../ClassNameGenerator';
+const globalStateClassesMapping = {
+  active: 'active',
+  checked: 'checked',
+  completed: 'completed',
+  disabled: 'disabled',
+  error: 'error',
+  expanded: 'expanded',
+  focused: 'focused',
+  focusVisible: 'focusVisible',
+  required: 'required',
+  selected: 'selected'
+};
+export default function generateUtilityClass(componentName, slot, globalStatePrefix = 'Mui') {
+  const globalStateClass = globalStateClassesMapping[slot];
+  return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator.generate(componentName)}-${slot}`;
+}

package/modern/generateUtilityClass/index.js

@@ -0,0 +1,2 @@
+export { default } from './generateUtilityClass';
+export * from './generateUtilityClass';

package/modern/generateUtilityClasses/generateUtilityClasses.js

@@ -0,0 +1,8 @@
+import generateUtilityClass from '../generateUtilityClass';
+export default function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui') {
+  const result = {};
+  slots.forEach(slot => {
+    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);
+  });
+  return result;
+}

package/modern/generateUtilityClasses/index.js

@@ -0,0 +1 @@
+export { default } from './generateUtilityClasses';