@typespec/html-program-viewer 0.63.0-dev.0 → 0.63.0

package/dist/emitter/index.js

@@ -23,29 +23,11 @@ function _mergeNamespaces(n, m) {
   return Object.freeze(Object.defineProperty(n, Symbol.toStringTag, { value: 'Module' }));
 }
 
-/**
- * @internal
- *
- * @param entry - CSS bucket entry that can be either a string or an array
- * @returns An array where the first element is the CSS rule
- */
-function normalizeCSSBucketEntry(entry) {
-  if (!Array.isArray(entry)) {
-    return [entry];
-  }
-  if (process.env.NODE_ENV !== 'production' && entry.length > 2) {
-    throw new Error('CSS Bucket contains an entry with greater than 2 items, please report this to https://github.com/microsoft/griffel/issues');
-  }
-  return entry;
-}
-
 // ----
-
 // Heads up!
 // These constants are global and will be shared between Griffel instances.
 // Any change in them should happen only in a MAJOR version. If it happens,
 // please change "__NAMESPACE_PREFIX__" to include a version.
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const __GLOBAL__ = typeof window === 'undefined' ? global : window;
 const __NAMESPACE_PREFIX__ = '@griffel/';
@@ -55,232 +37,31 @@ function getGlobalVar(name, defaultValue) {
   }
   return __GLOBAL__[Symbol.for(__NAMESPACE_PREFIX__ + name)];
 }
-
 /** @internal */
 const DEBUG_RESET_CLASSES = /*#__PURE__*/getGlobalVar('DEBUG_RESET_CLASSES', {});
-
 /** @internal */
 const DEFINITION_LOOKUP_TABLE = /*#__PURE__*/getGlobalVar('DEFINITION_LOOKUP_TABLE', {});
-
 // ----
-
 /** @internal */
 const DATA_BUCKET_ATTR = 'data-make-styles-bucket';
-
 /** @internal */
 const DATA_PRIORITY_ATTR = 'data-priority';
-
 /** @internal */
 const RESET_HASH_PREFIX = 'r';
-
 /** @internal */
 const SEQUENCE_HASH_LENGTH = 7;
-
 /** @internal */
 const SEQUENCE_PREFIX = '___';
-
 /** @internal */
 const DEBUG_SEQUENCE_SEPARATOR = '_';
-
 /** @internal */
 const SEQUENCE_SIZE = process.env.NODE_ENV === 'production' ? SEQUENCE_PREFIX.length + SEQUENCE_HASH_LENGTH : SEQUENCE_PREFIX.length + SEQUENCE_HASH_LENGTH + DEBUG_SEQUENCE_SEPARATOR.length + SEQUENCE_HASH_LENGTH;
-
 // indexes for values in LookupItem tuple
-
 /** @internal */
 const LOOKUP_DEFINITIONS_INDEX = 0;
-
 /** @internal */
 const LOOKUP_DIR_INDEX = 1;
 
-function createIsomorphicStyleSheet(styleElement, bucketName, priority, elementAttributes) {
-  // no CSSStyleSheet in SSR, just append rules here for server render
-  const __cssRulesForSSR = [];
-  elementAttributes[DATA_BUCKET_ATTR] = bucketName;
-  elementAttributes[DATA_PRIORITY_ATTR] = String(priority);
-  if (styleElement) {
-    for (const attrName in elementAttributes) {
-      styleElement.setAttribute(attrName, elementAttributes[attrName]);
-    }
-  }
-  function insertRule(rule) {
-    if (styleElement != null && styleElement.sheet) {
-      return styleElement.sheet.insertRule(rule, styleElement.sheet.cssRules.length);
-    }
-    return __cssRulesForSSR.push(rule);
-  }
-  return {
-    elementAttributes,
-    insertRule,
-    element: styleElement,
-    bucketName,
-    cssRules() {
-      if (styleElement != null && styleElement.sheet) {
-        return Array.from(styleElement.sheet.cssRules).map(cssRule => cssRule.cssText);
-      }
-      return __cssRulesForSSR;
-    }
-  };
-}
-
-/**
- * Ordered style buckets using their short pseudo name.
- *
- * @internal
- */
-const styleBucketOrdering = [
-// reset styles
-'r',
-// catch-all
-'d',
-// link
-'l',
-// visited
-'v',
-// focus-within
-'w',
-// focus
-'f',
-// focus-visible
-'i',
-// hover
-'h',
-// active
-'a',
-// at rules for reset styles
-'s',
-// keyframes
-'k',
-// at-rules
-'t',
-// @media rules
-'m',
-// @container rules
-'c'];
-
-// avoid repeatedly calling `indexOf` to determine order during new insertions
-const styleBucketOrderingMap = /*#__PURE__*/styleBucketOrdering.reduce((acc, cur, j) => {
-  acc[cur] = j;
-  return acc;
-}, {});
-function getStyleSheetKey(bucketName, media, priority) {
-  return (bucketName === 'm' ? bucketName + media : bucketName) + priority;
-}
-
-/**
- * Lazily adds a `<style>` bucket to the `<head>`. This will ensure that the style buckets are ordered.
- */
-function getStyleSheetForBucket(bucketName, targetDocument, insertionPoint, renderer, metadata = {}) {
-  var _ref, _ref2;
-  const isMediaBucket = bucketName === 'm';
-  const media = (_ref = metadata['m']) != null ? _ref : '0';
-  const priority = (_ref2 = metadata['p']) != null ? _ref2 : 0;
-  const stylesheetKey = getStyleSheetKey(bucketName, media, priority);
-  if (!renderer.stylesheets[stylesheetKey]) {
-    const tag = targetDocument && targetDocument.createElement('style');
-    const stylesheet = createIsomorphicStyleSheet(tag, bucketName, priority, Object.assign({}, renderer.styleElementAttributes, isMediaBucket && {
-      media
-    }));
-    renderer.stylesheets[stylesheetKey] = stylesheet;
-    if (targetDocument && tag) {
-      targetDocument.head.insertBefore(tag, findInsertionPoint(targetDocument, insertionPoint, bucketName, renderer, metadata));
-    }
-  }
-  return renderer.stylesheets[stylesheetKey];
-}
-function isSameInsertionKey(element, bucketName, metadata) {
-  var _ref3, _element$media;
-  const targetKey = bucketName + ((_ref3 = metadata['m']) != null ? _ref3 : '');
-  const elementKey = element.getAttribute(DATA_BUCKET_ATTR) + ((_element$media = element.media) != null ? _element$media : '');
-  return targetKey === elementKey;
-}
-
-/**
- * Finds an element before which the new bucket style element should be inserted following the bucket sort order.
- *
- * @param targetDocument - A document
- * @param insertionPoint - An element that will be used as an initial insertion point
- * @param targetBucket - The bucket that should be inserted to DOM
- * @param renderer - Griffel renderer
- * @param metadata - metadata for CSS rule
- * @returns - Smallest style element with greater sort order than the current bucket
- */
-function findInsertionPoint(targetDocument, insertionPoint, targetBucket, renderer, metadata = {}) {
-  var _ref4, _ref5;
-  const targetOrder = styleBucketOrderingMap[targetBucket];
-  const media = (_ref4 = metadata['m']) != null ? _ref4 : '';
-  const priority = (_ref5 = metadata['p']) != null ? _ref5 : 0;
-
-  // Similar to javascript sort comparators where
-  // a positive value is increasing sort order
-  // a negative value is decreasing sort order
-  let comparer = el => targetOrder - styleBucketOrderingMap[el.getAttribute(DATA_BUCKET_ATTR)];
-  let styleElements = targetDocument.head.querySelectorAll(`[${DATA_BUCKET_ATTR}]`);
-  if (targetBucket === 'm') {
-    const mediaElements = targetDocument.head.querySelectorAll(`[${DATA_BUCKET_ATTR}="${targetBucket}"]`);
-
-    // only reduce the scope of the search and change comparer
-    // if there are other media buckets already on the page
-    if (mediaElements.length) {
-      styleElements = mediaElements;
-      comparer = el => renderer.compareMediaQueries(media, el.media);
-    }
-  }
-  const comparerWithPriority = el => {
-    if (isSameInsertionKey(el, targetBucket, metadata)) {
-      return priority - Number(el.getAttribute('data-priority'));
-    }
-    return comparer(el);
-  };
-  const length = styleElements.length;
-  let index = length - 1;
-  while (index >= 0) {
-    const styleElement = styleElements.item(index);
-    if (comparerWithPriority(styleElement) > 0) {
-      return styleElement.nextSibling;
-    }
-    index--;
-  }
-  if (length > 0) {
-    return styleElements.item(0);
-  }
-  return insertionPoint ? insertionPoint.nextSibling : null;
-}
-
-/**
- * Suffixes to be ignored in case of error
- */
-const ignoreSuffixes = /*#__PURE__*/['-moz-placeholder', '-moz-focus-inner', '-moz-focusring', '-ms-input-placeholder', '-moz-read-write', '-moz-read-only'].join('|');
-const ignoreSuffixesRegex = /*#__PURE__*/new RegExp(`:(${ignoreSuffixes})`);
-
-/**
- * @internal
- *
- * Calls `sheet.insertRule` and catches errors related to browser prefixes.
- */
-function safeInsertRule(sheet, ruleCSS) {
-  try {
-    sheet.insertRule(ruleCSS);
-  } catch (e) {
-    // We've disabled these warnings due to false-positive errors with browser prefixes
-    if (process.env.NODE_ENV !== 'production' && !ignoreSuffixesRegex.test(ruleCSS)) {
-      // eslint-disable-next-line no-console
-      console.error(`There was a problem inserting the following rule: "${ruleCSS}"`, e);
-    }
-  }
-}
-
-const isDevToolsEnabled = /*#__PURE__*/(() => {
-  // Accessing "window.sessionStorage" causes an exception when third party cookies are blocked
-  // https://stackoverflow.com/questions/30481516/iframe-in-chrome-error-failed-to-read-localstorage-from-window-access-deni
-  try {
-    var _window$sessionStorag;
-    return Boolean(typeof window !== 'undefined' && ((_window$sessionStorag = window.sessionStorage) == null ? void 0 : _window$sessionStorag.getItem('__GRIFFEL_DEVTOOLS__')));
-  } catch (e) {
-    return false;
-  }
-})();
-
 /* eslint-disable */
 // Inspired by https://github.com/garycourt/murmurhash-js
 // Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
@@ -364,7 +145,6 @@ function reduceToClassName(classMap, dir) {
   // `hashString` is needed to handle `null` values in a class map as they don't produce any classes.
   let classString = '';
   let hashString = '';
-
   // eslint-disable-next-line guard-for-in
   for (const propertyHash in classMap) {
     const classNameMapping = classMap[propertyHash];
@@ -379,7 +159,6 @@ function reduceToClassName(classMap, dir) {
   }
   return [classString.slice(0, -1), hashString.slice(0, -1)];
 }
-
 /**
  * Reduces classname maps for slots to classname strings. Registers them in a definition cache to be used by
  * `mergeClasses()`.
@@ -388,11 +167,9 @@ function reduceToClassName(classMap, dir) {
  */
 function reduceToClassNameForSlots(classesMapBySlot, dir) {
   const classNamesForSlots = {};
-
   // eslint-disable-next-line guard-for-in
   for (const slotName in classesMapBySlot) {
     const [slotClasses, slotClassesHash] = reduceToClassName(classesMapBySlot[slotName], dir);
-
     // Handles a case when there are no classes in a set i.e. "makeStyles({ root: {} })"
     if (slotClassesHash === '') {
       classNamesForSlots[slotName] = '';
@@ -408,33 +185,12 @@ function reduceToClassNameForSlots(classesMapBySlot, dir) {
 
 // Contains a mapping of previously resolved sequences of atomic classnames
 const mergeClassesCachedResults = {};
-
-/**
- * Function can take any number of arguments, joins classes together and deduplicates atomic declarations generated by
- * `makeStyles()`. Handles scoped directional styles.
- *
- * Classnames can be of any length, this function can take both atomic declarations and class names.
- *
- * Input:
- * ```
- * // not real classes
- * mergeClasses('ui-button', 'displayflex', 'displaygrid')
- * ```
- *
- * Output:
- * ```
- * 'ui-button displaygrid'
- * ```
- */
-
 function mergeClasses() {
   // arguments are parsed manually to avoid double loops as TS & Babel transforms rest via an additional loop
   // @see https://babeljs.io/docs/en/babel-plugin-transform-parameters
   /* eslint-disable prefer-rest-params */
-
   let dir = null;
   let resultClassName = '';
-
   // Is used as a cache key to avoid object merging
   let sequenceMatch = '';
   const sequencesIds = new Array(arguments.length);
@@ -461,7 +217,6 @@ function mergeClasses() {
         resultClassName += className + ' ';
       } else {
         const sequenceId = className.substr(sequenceIndex, SEQUENCE_SIZE);
-
         // Handles a case with mixed classnames, i.e. "ui-button ATOMIC_CLASSES"
         if (sequenceIndex > 0) {
           resultClassName += className.slice(0, sequenceIndex);
@@ -477,13 +232,11 @@ function mergeClasses() {
       }
     }
   }
-
   // .slice() there allows to avoid trailing space for non-atomic classes
   // "ui-button ui-flex " => "ui-button ui-flex"
   if (sequenceMatch === '') {
     return resultClassName.slice(0, -1);
   }
-
   // It's safe to reuse results to avoid continuous merging as results are stable
   // "__seq1 ... __seq2 ..." => "__seq12 ..."
   const mergeClassesResult = mergeClassesCachedResults[sequenceMatch];
@@ -512,13 +265,11 @@ function mergeClasses() {
       }
     }
   }
-
   // eslint-disable-next-line prefer-spread
   const resultClassesMap = Object.assign.apply(Object,
   // .assign() mutates the first object, we can't mutate mappings as it will produce invalid results later
   [{}].concat(sequenceMappings));
   const [atomicClasses, classesMapHash] = reduceToClassName(resultClassesMap, dir);
-
   // Each merge of classes generates a new sequence of atomic classes that needs to be registered
   const newSequenceHash = hashSequence(classesMapHash, dir, sequencesIds);
   const newClassName = newSequenceHash + ' ' + atomicClasses;
@@ -608,7 +359,7 @@ function getDebugTree(debugSequenceHash, parentNode) {
     return undefined;
   }
   const parentLookupItem = parentNode ? DEFINITION_LOOKUP_TABLE[parentNode.sequenceHash] : undefined;
-  const debugClassNames = getDebugClassNames(lookupItem, parentLookupItem, parentNode == null ? void 0 : parentNode.debugClassNames, parentNode == null ? void 0 : parentNode.children);
+  const debugClassNames = getDebugClassNames(lookupItem, parentLookupItem, parentNode === null || parentNode === void 0 ? void 0 : parentNode.debugClassNames, parentNode === null || parentNode === void 0 ? void 0 : parentNode.children);
   const node = {
     sequenceHash: debugSequenceHash,
     direction: lookupItem[1],
@@ -623,7 +374,6 @@ function getDebugTree(debugSequenceHash, parentNode) {
       node.children.push(child);
     }
   });
-
   // if it's leaf (makeStyle node), get css rules
   if (!node.children.length) {
     node.rules = {};
@@ -667,10 +417,207 @@ function injectDevTools(document) {
   });
 }
 
+const isDevToolsEnabled = /*#__PURE__*/(() => {
+  var _a;
+  // Accessing "window.sessionStorage" causes an exception when third party cookies are blocked
+  // https://stackoverflow.com/questions/30481516/iframe-in-chrome-error-failed-to-read-localstorage-from-window-access-deni
+  try {
+    return Boolean(typeof window !== 'undefined' && ((_a = window.sessionStorage) === null || _a === void 0 ? void 0 : _a.getItem('__GRIFFEL_DEVTOOLS__')));
+  } catch (e) {
+    return false;
+  }
+})();
+
+/**
+ * @internal
+ *
+ * @param entry - CSS bucket entry that can be either a string or an array
+ * @returns An array where the first element is the CSS rule
+ */
+function normalizeCSSBucketEntry(entry) {
+  if (!Array.isArray(entry)) {
+    return [entry];
+  }
+  if (process.env.NODE_ENV !== 'production' && entry.length > 2) {
+    throw new Error('CSS Bucket contains an entry with greater than 2 items, please report this to https://github.com/microsoft/griffel/issues');
+  }
+  return entry;
+}
+
+function createIsomorphicStyleSheet(styleElement, bucketName, priority, elementAttributes) {
+  // no CSSStyleSheet in SSR, just append rules here for server render
+  const __cssRulesForSSR = [];
+  elementAttributes[DATA_BUCKET_ATTR] = bucketName;
+  elementAttributes[DATA_PRIORITY_ATTR] = String(priority);
+  if (styleElement) {
+    for (const attrName in elementAttributes) {
+      styleElement.setAttribute(attrName, elementAttributes[attrName]);
+    }
+  }
+  function insertRule(rule) {
+    if (styleElement === null || styleElement === void 0 ? void 0 : styleElement.sheet) {
+      return styleElement.sheet.insertRule(rule, styleElement.sheet.cssRules.length);
+    }
+    return __cssRulesForSSR.push(rule);
+  }
+  return {
+    elementAttributes,
+    insertRule,
+    element: styleElement,
+    bucketName,
+    cssRules() {
+      if (styleElement === null || styleElement === void 0 ? void 0 : styleElement.sheet) {
+        return Array.from(styleElement.sheet.cssRules).map(cssRule => cssRule.cssText);
+      }
+      return __cssRulesForSSR;
+    }
+  };
+}
+
+/**
+ * Ordered style buckets using their short pseudo name.
+ *
+ * @internal
+ */
+const styleBucketOrdering = [
+// reset styles
+'r',
+// catch-all
+'d',
+// link
+'l',
+// visited
+'v',
+// focus-within
+'w',
+// focus
+'f',
+// focus-visible
+'i',
+// hover
+'h',
+// active
+'a',
+// at rules for reset styles
+'s',
+// keyframes
+'k',
+// at-rules
+'t',
+// @media rules
+'m',
+// @container rules
+'c'];
+// avoid repeatedly calling `indexOf` to determine order during new insertions
+const styleBucketOrderingMap = /*#__PURE__*/styleBucketOrdering.reduce((acc, cur, j) => {
+  acc[cur] = j;
+  return acc;
+}, {});
+function getStyleSheetKey(bucketName, media, priority) {
+  return (bucketName === 'm' ? bucketName + media : bucketName) + priority;
+}
+/**
+ * Lazily adds a `<style>` bucket to the `<head>`. This will ensure that the style buckets are ordered.
+ */
+function getStyleSheetForBucket(bucketName, targetDocument, insertionPoint, renderer, metadata = {}) {
+  var _a, _b;
+  const isMediaBucket = bucketName === 'm';
+  const media = (_a = metadata['m']) !== null && _a !== void 0 ? _a : '0';
+  const priority = (_b = metadata['p']) !== null && _b !== void 0 ? _b : 0;
+  const stylesheetKey = getStyleSheetKey(bucketName, media, priority);
+  if (!renderer.stylesheets[stylesheetKey]) {
+    const tag = targetDocument && targetDocument.createElement('style');
+    const stylesheet = createIsomorphicStyleSheet(tag, bucketName, priority, Object.assign({}, renderer.styleElementAttributes, isMediaBucket && {
+      media
+    }));
+    renderer.stylesheets[stylesheetKey] = stylesheet;
+    if (targetDocument && tag) {
+      targetDocument.head.insertBefore(tag, findInsertionPoint(targetDocument, insertionPoint, bucketName, renderer, metadata));
+    }
+  }
+  return renderer.stylesheets[stylesheetKey];
+}
+function isSameInsertionKey(element, bucketName, metadata) {
+  var _a, _b;
+  const targetKey = bucketName + ((_a = metadata['m']) !== null && _a !== void 0 ? _a : '');
+  const elementKey = element.getAttribute(DATA_BUCKET_ATTR) + ((_b = element.media) !== null && _b !== void 0 ? _b : '');
+  return targetKey === elementKey;
+}
+/**
+ * Finds an element before which the new bucket style element should be inserted following the bucket sort order.
+ *
+ * @param targetDocument - A document
+ * @param insertionPoint - An element that will be used as an initial insertion point
+ * @param targetBucket - The bucket that should be inserted to DOM
+ * @param renderer - Griffel renderer
+ * @param metadata - metadata for CSS rule
+ * @returns - Smallest style element with greater sort order than the current bucket
+ */
+function findInsertionPoint(targetDocument, insertionPoint, targetBucket, renderer, metadata = {}) {
+  var _a, _b;
+  const targetOrder = styleBucketOrderingMap[targetBucket];
+  const media = (_a = metadata['m']) !== null && _a !== void 0 ? _a : '';
+  const priority = (_b = metadata['p']) !== null && _b !== void 0 ? _b : 0;
+  // Similar to javascript sort comparators where
+  // a positive value is increasing sort order
+  // a negative value is decreasing sort order
+  let comparer = el => targetOrder - styleBucketOrderingMap[el.getAttribute(DATA_BUCKET_ATTR)];
+  let styleElements = targetDocument.head.querySelectorAll(`[${DATA_BUCKET_ATTR}]`);
+  if (targetBucket === 'm') {
+    const mediaElements = targetDocument.head.querySelectorAll(`[${DATA_BUCKET_ATTR}="${targetBucket}"]`);
+    // only reduce the scope of the search and change comparer
+    // if there are other media buckets already on the page
+    if (mediaElements.length) {
+      styleElements = mediaElements;
+      comparer = el => renderer.compareMediaQueries(media, el.media);
+    }
+  }
+  const comparerWithPriority = el => {
+    if (isSameInsertionKey(el, targetBucket, metadata)) {
+      return priority - Number(el.getAttribute('data-priority'));
+    }
+    return comparer(el);
+  };
+  const length = styleElements.length;
+  let index = length - 1;
+  while (index >= 0) {
+    const styleElement = styleElements.item(index);
+    if (comparerWithPriority(styleElement) > 0) {
+      return styleElement.nextSibling;
+    }
+    index--;
+  }
+  if (length > 0) {
+    return styleElements.item(0);
+  }
+  return insertionPoint ? insertionPoint.nextSibling : null;
+}
+
+/**
+ * Suffixes to be ignored in case of error
+ */
+const ignoreSuffixes = /*#__PURE__*/['-moz-placeholder', '-moz-focus-inner', '-moz-focusring', '-ms-input-placeholder', '-moz-read-write', '-moz-read-only'].join('|');
+const ignoreSuffixesRegex = /*#__PURE__*/new RegExp(`:(${ignoreSuffixes})`);
+/**
+ * @internal
+ *
+ * Calls `sheet.insertRule` and catches errors related to browser prefixes.
+ */
+function safeInsertRule(sheet, ruleCSS) {
+  try {
+    sheet.insertRule(ruleCSS);
+  } catch (e) {
+    // We've disabled these warnings due to false-positive errors with browser prefixes
+    if (process.env.NODE_ENV !== 'production' && !ignoreSuffixesRegex.test(ruleCSS)) {
+      // eslint-disable-next-line no-console
+      console.error(`There was a problem inserting the following rule: "${ruleCSS}"`, e);
+    }
+  }
+}
+
 let lastIndex = 0;
 /** @internal */
 const defaultCompareMediaQueries = (a, b) => a < b ? -1 : a > b ? 1 : 0;
-
 /**
  * Creates a new instances of a renderer.
  *
@@ -678,12 +625,14 @@ const defaultCompareMediaQueries = (a, b) => a < b ? -1 : a > b ? 1 : 0;
  */
 function createDOMRenderer(targetDocument = typeof document === 'undefined' ? undefined : document, options = {}) {
   const {
+    classNameHashSalt,
     unstable_filterCSSRule,
     insertionPoint,
     styleElementAttributes,
     compareMediaQueries = defaultCompareMediaQueries
   } = options;
   const renderer = {
+    classNameHashSalt,
     insertionCache: {},
     stylesheets: {},
     styleElementAttributes: Object.freeze(styleElementAttributes),
@@ -693,7 +642,6 @@ function createDOMRenderer(targetDocument = typeof document === 'undefined' ? un
       // eslint-disable-next-line guard-for-in
       for (const styleBucketName in cssRules) {
         const cssRulesForBucket = cssRules[styleBucketName];
-
         // This is a hot path in rendering styles: ".length" is cached in "l" var to avoid accesses the property
         for (let i = 0, l = cssRulesForBucket.length; i < l; i++) {
           const [ruleCSS, metadata] = normalizeCSSBucketEntry(cssRulesForBucket[i]);
@@ -722,28 +670,10 @@ function createDOMRenderer(targetDocument = typeof document === 'undefined' ? un
   return renderer;
 }
 
-/**
- * Default implementation of insertion factory. Inserts styles only once per renderer and performs
- * insertion immediately after styles computation.
- *
- * @internal
- */
-const insertionFactory = () => {
-  const insertionCache = {};
-  return function insertStyles(renderer, cssRules) {
-    if (insertionCache[renderer.id] === undefined) {
-      renderer.insertCSSRules(cssRules);
-      insertionCache[renderer.id] = true;
-    }
-  };
-};
-
 // TODO: duplicated from https://github.com/lahmatiy/react-render-tracker/blob/main/src/publisher/react-integration/utils/stackTrace.ts
 // once it is published as a standalone npm package, remove this file
-
 // Adopted version of StackTrace-Parser
 // https://github.com/errwischt/stacktrace-parser/blob/master/src/stack-trace-parser.js
-
 const UNKNOWN_FUNCTION = '<unknown>';
 function parseStackTraceLine(line) {
   return parseChrome(line) || parseGecko(line) || parseJSC(line);
@@ -759,7 +689,6 @@ function parseChrome(line) {
   let loc = parts[2];
   const isNative = loc && loc.indexOf('native') === 0; // start of line
   const isEval = loc && loc.indexOf('eval') === 0; // start of line
-
   const submatch = chromeEvalRe.exec(loc);
   if (isEval && submatch != null) {
     // throw out eval line/column and use top-most line/column number
@@ -808,7 +737,7 @@ function getSourceURLfromError() {
     return undefined;
   }
   const result = parseStackTraceLine(userMakeStyleCallLine);
-  return result == null ? void 0 : result.loc;
+  return result === null || result === void 0 ? void 0 : result.loc;
 }
 function findUserMakeStyleCallInStacks(stacks) {
   for (let i = stacks.length - 1; i >= 0; --i) {
@@ -824,6 +753,22 @@ function findUserMakeStyleCallInStacks(stacks) {
   return undefined;
 }
 
+/**
+ * Default implementation of insertion factory. Inserts styles only once per renderer and performs
+ * insertion immediately after styles computation.
+ *
+ * @internal
+ */
+const insertionFactory = () => {
+  const insertionCache = {};
+  return function insertStyles(renderer, cssRules) {
+    if (insertionCache[renderer.id] === undefined) {
+      renderer.insertCSSRules(cssRules);
+      insertionCache[renderer.id] = true;
+    }
+  };
+};
+
 /**
  * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
  *
@@ -866,7 +811,6 @@ function __styles(classesMapBySlot, cssRules, factory = insertionFactory) {
  * @private
  */
 const RendererContext = /*#__PURE__*/React.createContext( /*#__PURE__*/createDOMRenderer());
-
 /**
  * Returns an instance of current makeStyles() renderer.
  *
@@ -880,7 +824,6 @@ function useRenderer() {
  * @private
  */
 const TextDirectionContext = /*#__PURE__*/React.createContext('ltr');
-
 /**
  * @public
  */
@@ -1514,7 +1457,7 @@ const ThemeClassNameProvider = ThemeClassNameContext.Provider;
  * @internal
  */ const ProviderContext = React.createContext(undefined);
 const providerContextDefaultValue = {
-    // eslint-disable-next-line no-restricted-globals
+    // eslint-disable-next-line @nx/workspace-no-restricted-globals -- expected ignore ( SSR friendly acquisition of globals )
     targetDocument: typeof document === 'object' ? document : undefined,
     dir: 'ltr'
 };
@@ -1547,8 +1490,8 @@ function useOverrides() {
 /**
  * Verifies if an application can use DOM.
  */ function canUseDOM() {
-    return(// eslint-disable-next-line deprecation/deprecation, no-restricted-globals
-    typeof window !== 'undefined' && !!(window.document && window.document.createElement));
+    return /* eslint-disable @nx/workspace-no-restricted-globals -- expected ignore ( SSR friendly acquisition of globals )*/ typeof window !== 'undefined' && !!(window.document && // eslint-disable-next-line deprecation/deprecation
+    window.document.createElement);
 }
 
 /**