feat: Fluent UI Outlook Lite + connections mockup

node_modules/@griffel/core/runtime/stylis/globalPlugin.cjs.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var stylis = require('stylis');
+
+const globalPlugin = element => {
+  switch (element.type) {
+    case stylis.RULESET:
+      if (typeof element.props === 'string') {
+        if (process.env.NODE_ENV !== 'production') {
+          throw new Error(`"element.props" has type "string" (${JSON.stringify(element.props, null, 2)}), it's not expected. Please report a bug if it happens.`);
+        }
+        return;
+      }
+      element.props = element.props.map(value => {
+        // Avoids calling tokenize() on every string
+        if (value.indexOf(':global(') === -1) {
+          return value;
+        }
+        return stylis.tokenize(value).reduce((acc, value, index, children) => {
+          if (value === '') {
+            return acc;
+          }
+          if (value === ':' && children[index + 1] === 'global') {
+            const selector =
+            // An inner part of ":global()"
+            children[index + 2].slice(1, -1) +
+            // A separator between selectors i.e. "body .class"
+            ' ';
+            acc.unshift(selector);
+            children[index + 1] = '';
+            children[index + 2] = '';
+            return acc;
+          }
+          acc.push(value);
+          return acc;
+        }, []).join('');
+      });
+  }
+};
+
+exports.globalPlugin = globalPlugin;
+//# sourceMappingURL=globalPlugin.cjs.js.map

node_modules/@griffel/core/runtime/stylis/globalPlugin.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalPlugin.cjs.js","sources":["../../../../../packages/core/src/runtime/stylis/globalPlugin.ts"],"sourcesContent":["import { RULESET, tokenize } from 'stylis';\nimport type { Middleware } from 'stylis';\n\nexport const globalPlugin: Middleware = element => {\n  switch (element.type) {\n    case RULESET:\n      if (typeof element.props === 'string') {\n        if (process.env.NODE_ENV !== 'production') {\n          throw new Error(\n            `\"element.props\" has type \"string\" (${JSON.stringify(\n              element.props,\n              null,\n              2,\n            )}), it's not expected. Please report a bug if it happens.`,\n          );\n        }\n\n        return;\n      }\n\n      element.props = element.props.map(value => {\n        // Avoids calling tokenize() on every string\n        if (value.indexOf(':global(') === -1) {\n          return value;\n        }\n\n        return tokenize(value)\n          .reduce<string[]>((acc, value, index, children) => {\n            if (value === '') {\n              return acc;\n            }\n\n            if (value === ':' && children[index + 1] === 'global') {\n              const selector =\n                // An inner part of \":global()\"\n                children[index + 2].slice(1, -1) +\n                // A separator between selectors i.e. \"body .class\"\n                ' ';\n\n              acc.unshift(selector);\n\n              children[index + 1] = '';\n              children[index + 2] = '';\n\n              return acc;\n            }\n\n            acc.push(value);\n            return acc;\n          }, [])\n          .join('');\n      });\n  }\n};\n"],"names":["globalPlugin","element","type","RULESET","props","process","env","NODE_ENV","Error","JSON","stringify","map","value","indexOf","tokenize","reduce","acc","index","children","selector","slice","unshift","push","join"],"mappings":";;;;AAGO,MAAMA,YAAY,GAAeC,OAAO,IAAG;EAChD,QAAQA,OAAO,CAACC,IAAI;AAClB,IAAA,KAAKC,cAAO;AACV,MAAA,IAAI,OAAOF,OAAO,CAACG,KAAK,KAAK,QAAQ,EAAE;AACrC,QAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;AACzC,UAAA,MAAM,IAAIC,KAAK,CACb,CAAA,mCAAA,EAAsCC,IAAI,CAACC,SAAS,CAClDT,OAAO,CAACG,KAAK,EACb,IAAI,EACJ,CAAC,CACF,0DAA0D,CAC5D;AACH,QAAA;AAEA,QAAA;AACF,MAAA;MAEAH,OAAO,CAACG,KAAK,GAAGH,OAAO,CAACG,KAAK,CAACO,GAAG,CAACC,KAAK,IAAG;AACxC;QACA,IAAIA,KAAK,CAACC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE;AACpC,UAAA,OAAOD,KAAK;AACd,QAAA;AAEA,QAAA,OAAOE,eAAQ,CAACF,KAAK,CAAC,CACnBG,MAAM,CAAW,CAACC,GAAG,EAAEJ,KAAK,EAAEK,KAAK,EAAEC,QAAQ,KAAI;UAChD,IAAIN,KAAK,KAAK,EAAE,EAAE;AAChB,YAAA,OAAOI,GAAG;AACZ,UAAA;AAEA,UAAA,IAAIJ,KAAK,KAAK,GAAG,IAAIM,QAAQ,CAACD,KAAK,GAAG,CAAC,CAAC,KAAK,QAAQ,EAAE;AACrD,YAAA,MAAME,QAAQ;AACZ;AACAD,YAAAA,QAAQ,CAACD,KAAK,GAAG,CAAC,CAAC,CAACG,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;AAChC;YACA,GAAG;AAELJ,YAAAA,GAAG,CAACK,OAAO,CAACF,QAAQ,CAAC;AAErBD,YAAAA,QAAQ,CAACD,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE;AACxBC,YAAAA,QAAQ,CAACD,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE;AAExB,YAAA,OAAOD,GAAG;AACZ,UAAA;AAEAA,UAAAA,GAAG,CAACM,IAAI,CAACV,KAAK,CAAC;AACf,UAAA,OAAOI,GAAG;AACZ,QAAA,CAAC,EAAE,EAAE,CAAC,CACLO,IAAI,CAAC,EAAE,CAAC;AACb,MAAA,CAAC,CAAC;AACN;AACF;;;;"}

node_modules/@griffel/core/runtime/stylis/globalPlugin.esm.js

@@ -0,0 +1,40 @@
+import { RULESET, tokenize } from 'stylis';
+
+const globalPlugin = element => {
+  switch (element.type) {
+    case RULESET:
+      if (typeof element.props === 'string') {
+        if (process.env.NODE_ENV !== 'production') {
+          throw new Error(`"element.props" has type "string" (${JSON.stringify(element.props, null, 2)}), it's not expected. Please report a bug if it happens.`);
+        }
+        return;
+      }
+      element.props = element.props.map(value => {
+        // Avoids calling tokenize() on every string
+        if (value.indexOf(':global(') === -1) {
+          return value;
+        }
+        return tokenize(value).reduce((acc, value, index, children) => {
+          if (value === '') {
+            return acc;
+          }
+          if (value === ':' && children[index + 1] === 'global') {
+            const selector =
+            // An inner part of ":global()"
+            children[index + 2].slice(1, -1) +
+            // A separator between selectors i.e. "body .class"
+            ' ';
+            acc.unshift(selector);
+            children[index + 1] = '';
+            children[index + 2] = '';
+            return acc;
+          }
+          acc.push(value);
+          return acc;
+        }, []).join('');
+      });
+  }
+};
+
+export { globalPlugin };
+//# sourceMappingURL=globalPlugin.esm.js.map

node_modules/@griffel/core/runtime/stylis/globalPlugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalPlugin.esm.js","sources":["../../../../../packages/core/src/runtime/stylis/globalPlugin.ts"],"sourcesContent":["import { RULESET, tokenize } from 'stylis';\nimport type { Middleware } from 'stylis';\n\nexport const globalPlugin: Middleware = element => {\n  switch (element.type) {\n    case RULESET:\n      if (typeof element.props === 'string') {\n        if (process.env.NODE_ENV !== 'production') {\n          throw new Error(\n            `\"element.props\" has type \"string\" (${JSON.stringify(\n              element.props,\n              null,\n              2,\n            )}), it's not expected. Please report a bug if it happens.`,\n          );\n        }\n\n        return;\n      }\n\n      element.props = element.props.map(value => {\n        // Avoids calling tokenize() on every string\n        if (value.indexOf(':global(') === -1) {\n          return value;\n        }\n\n        return tokenize(value)\n          .reduce<string[]>((acc, value, index, children) => {\n            if (value === '') {\n              return acc;\n            }\n\n            if (value === ':' && children[index + 1] === 'global') {\n              const selector =\n                // An inner part of \":global()\"\n                children[index + 2].slice(1, -1) +\n                // A separator between selectors i.e. \"body .class\"\n                ' ';\n\n              acc.unshift(selector);\n\n              children[index + 1] = '';\n              children[index + 2] = '';\n\n              return acc;\n            }\n\n            acc.push(value);\n            return acc;\n          }, [])\n          .join('');\n      });\n  }\n};\n"],"names":["globalPlugin","element","type","RULESET","props","process","env","NODE_ENV","Error","JSON","stringify","map","value","indexOf","tokenize","reduce","acc","index","children","selector","slice","unshift","push","join"],"mappings":";;AAGO,MAAMA,YAAY,GAAeC,OAAO,IAAG;EAChD,QAAQA,OAAO,CAACC,IAAI;AAClB,IAAA,KAAKC,OAAO;AACV,MAAA,IAAI,OAAOF,OAAO,CAACG,KAAK,KAAK,QAAQ,EAAE;AACrC,QAAA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;AACzC,UAAA,MAAM,IAAIC,KAAK,CACb,CAAA,mCAAA,EAAsCC,IAAI,CAACC,SAAS,CAClDT,OAAO,CAACG,KAAK,EACb,IAAI,EACJ,CAAC,CACF,0DAA0D,CAC5D;AACH,QAAA;AAEA,QAAA;AACF,MAAA;MAEAH,OAAO,CAACG,KAAK,GAAGH,OAAO,CAACG,KAAK,CAACO,GAAG,CAACC,KAAK,IAAG;AACxC;QACA,IAAIA,KAAK,CAACC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE;AACpC,UAAA,OAAOD,KAAK;AACd,QAAA;AAEA,QAAA,OAAOE,QAAQ,CAACF,KAAK,CAAC,CACnBG,MAAM,CAAW,CAACC,GAAG,EAAEJ,KAAK,EAAEK,KAAK,EAAEC,QAAQ,KAAI;UAChD,IAAIN,KAAK,KAAK,EAAE,EAAE;AAChB,YAAA,OAAOI,GAAG;AACZ,UAAA;AAEA,UAAA,IAAIJ,KAAK,KAAK,GAAG,IAAIM,QAAQ,CAACD,KAAK,GAAG,CAAC,CAAC,KAAK,QAAQ,EAAE;AACrD,YAAA,MAAME,QAAQ;AACZ;AACAD,YAAAA,QAAQ,CAACD,KAAK,GAAG,CAAC,CAAC,CAACG,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;AAChC;YACA,GAAG;AAELJ,YAAAA,GAAG,CAACK,OAAO,CAACF,QAAQ,CAAC;AAErBD,YAAAA,QAAQ,CAACD,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE;AACxBC,YAAAA,QAAQ,CAACD,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE;AAExB,YAAA,OAAOD,GAAG;AACZ,UAAA;AAEAA,UAAAA,GAAG,CAACM,IAAI,CAACV,KAAK,CAAC;AACf,UAAA,OAAOI,GAAG;AACZ,QAAA,CAAC,EAAE,EAAE,CAAC,CACLO,IAAI,CAAC,EAAE,CAAC;AACb,MAAA,CAAC,CAAC;AACN;AACF;;;;"}

node_modules/@griffel/core/runtime/stylis/isAtRuleElement.cjs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var stylis = require('stylis');
+
+function isAtRuleElement(element) {
+  switch (element.type) {
+    case '@container':
+    case stylis.MEDIA:
+    case stylis.SUPPORTS:
+    case stylis.LAYER:
+      return true;
+  }
+  return false;
+}
+
+exports.isAtRuleElement = isAtRuleElement;
+//# sourceMappingURL=isAtRuleElement.cjs.js.map

node_modules/@griffel/core/runtime/stylis/isAtRuleElement.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isAtRuleElement.cjs.js","sources":["../../../../../packages/core/src/runtime/stylis/isAtRuleElement.ts"],"sourcesContent":["import { LAYER, MEDIA, SUPPORTS } from 'stylis';\nimport type { Element } from 'stylis';\n\nexport function isAtRuleElement(element: Element): boolean {\n  switch (element.type) {\n    case '@container':\n    case MEDIA:\n    case SUPPORTS:\n    case LAYER:\n      return true;\n  }\n\n  return false;\n}\n"],"names":["isAtRuleElement","element","type","MEDIA","SUPPORTS","LAYER"],"mappings":";;;;AAGM,SAAUA,eAAeA,CAACC,OAAgB,EAAA;EAC9C,QAAQA,OAAO,CAACC,IAAI;AAClB,IAAA,KAAK,YAAY;AACjB,IAAA,KAAKC,YAAK;AACV,IAAA,KAAKC,eAAQ;AACb,IAAA,KAAKC,YAAK;AACR,MAAA,OAAO,IAAI;AACf;AAEA,EAAA,OAAO,KAAK;AACd;;;;"}

node_modules/@griffel/core/runtime/stylis/isAtRuleElement.esm.js

@@ -0,0 +1,15 @@
+import { LAYER, SUPPORTS, MEDIA } from 'stylis';
+
+function isAtRuleElement(element) {
+  switch (element.type) {
+    case '@container':
+    case MEDIA:
+    case SUPPORTS:
+    case LAYER:
+      return true;
+  }
+  return false;
+}
+
+export { isAtRuleElement };
+//# sourceMappingURL=isAtRuleElement.esm.js.map

node_modules/@griffel/core/runtime/stylis/isAtRuleElement.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isAtRuleElement.esm.js","sources":["../../../../../packages/core/src/runtime/stylis/isAtRuleElement.ts"],"sourcesContent":["import { LAYER, MEDIA, SUPPORTS } from 'stylis';\nimport type { Element } from 'stylis';\n\nexport function isAtRuleElement(element: Element): boolean {\n  switch (element.type) {\n    case '@container':\n    case MEDIA:\n    case SUPPORTS:\n    case LAYER:\n      return true;\n  }\n\n  return false;\n}\n"],"names":["isAtRuleElement","element","type","MEDIA","SUPPORTS","LAYER"],"mappings":";;AAGM,SAAUA,eAAeA,CAACC,OAAgB,EAAA;EAC9C,QAAQA,OAAO,CAACC,IAAI;AAClB,IAAA,KAAK,YAAY;AACjB,IAAA,KAAKC,KAAK;AACV,IAAA,KAAKC,QAAQ;AACb,IAAA,KAAKC,KAAK;AACR,MAAA,OAAO,IAAI;AACf;AAEA,EAAA,OAAO,KAAK;AACd;;;;"}

node_modules/@griffel/core/runtime/stylis/prefixerPlugin.cjs.js

@@ -0,0 +1,139 @@
+'use strict';
+
+var stylis = require('stylis');
+
+/* eslint-disable no-fallthrough */
+function prefix(value, length, children) {
+  switch (stylis.hash(value, length)) {
+    // color-adjust
+    case 5103:
+      return stylis.WEBKIT + 'print-' + value + value;
+    // backface-visibility, column, box-decoration-break
+    case 3191:
+    case 6645:
+    case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+      return stylis.WEBKIT + value + value;
+    // backdrop-filter, background-clip: text
+    case 4215:
+      // Additional check on "backdrop-(f)ilter" to prevent conflict with "background-clip"
+      // https://github.com/thysultan/stylis/issues/292
+      if (stylis.charat(value, 9) === 102) {
+        return stylis.WEBKIT + value + value;
+      }
+      // background-clip: text
+      if (stylis.charat(value, length + 1) === 116) {
+        return stylis.WEBKIT + value + value;
+      }
+      break;
+    // tab-size
+    case 4789:
+      return stylis.MOZ + value + value;
+    // appearance, user-select, hyphens
+    case 5349:
+    case 4246:
+    case 6968:
+      return stylis.WEBKIT + value + stylis.MOZ + value + value;
+    // cursor
+    // @ts-expect-error fall through is intentional here
+    case 6187:
+      if (!stylis.match(value, /grab/)) {
+        return stylis.replace(stylis.replace(stylis.replace(value, /(zoom-|grab)/, stylis.WEBKIT + '$1'), /(image-set)/, stylis.WEBKIT + '$1'), value, '') + value;
+      }
+    // background, background-image
+    case 5495:
+    case 3959:
+      // eslint-disable-next-line no-useless-concat
+      return stylis.replace(value, /(image-set\([^]*)/, stylis.WEBKIT + '$1' + '$`$1');
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return stylis.replace(value, /(.+)-inline(.+)/, stylis.WEBKIT + '$1$2') + value;
+    // (min|max)?(width|height|inline-size|block-size)
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      // stretch fill-available
+      if (stylis.strlen(value) - 1 - length > 6) switch (stylis.charat(value, length + 1)) {
+        // (f)ill-available
+        // @ts-expect-error fall through is intentional here
+        case 102:
+          if (stylis.charat(value, length + 3) === 108) {
+            return stylis.replace(value, /(.+:)(.+)-([^]+)/,
+            // eslint-disable-next-line no-useless-concat, eqeqeq
+            '$1' + stylis.WEBKIT + '$2-$3' + '$1' + stylis.MOZ + (stylis.charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
+          }
+        // (s)tretch
+        case 115:
+          return ~stylis.indexof(value, 'stretch') ? prefix(stylis.replace(value, 'stretch', 'fill-available'), length) + value : value;
+      }
+      break;
+  }
+  return value;
+}
+/**
+ * @param {object} element
+ * @param {number} index
+ * @param {object[]} children
+ * @param {function} callback
+ */
+function prefixerPlugin(element, index, children, callback) {
+  if (element.length > -1) if (!element.return) switch (element.type) {
+    case stylis.DECLARATION:
+      element.return = prefix(element.value, element.length);
+      return;
+    case stylis.RULESET:
+      if (element.length)
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        return stylis.combine(element.props, function (value) {
+          switch (stylis.match(value, /(::plac\w+|:read-\w+)/)) {
+            // :read-(only|write)
+            case ':read-only':
+            case ':read-write':
+              return stylis.serialize(
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              // @ts-ignore
+              [stylis.copy(element, {
+                props: [stylis.replace(value, /:(read-\w+)/, ':' + stylis.MOZ + '$1')]
+              })], callback);
+            // :placeholder
+            case '::placeholder':
+              return stylis.serialize([
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              // @ts-ignore
+              stylis.copy(element, {
+                props: [stylis.replace(value, /:(plac\w+)/, ':' + stylis.WEBKIT + 'input-$1')]
+              }),
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              // @ts-ignore
+              stylis.copy(element, {
+                props: [stylis.replace(value, /:(plac\w+)/, ':' + stylis.MOZ + '$1')]
+              })], callback);
+          }
+          return '';
+        });
+  }
+  return undefined;
+}
+
+exports.prefix = prefix;
+exports.prefixerPlugin = prefixerPlugin;
+//# sourceMappingURL=prefixerPlugin.cjs.js.map

node_modules/@griffel/core/runtime/stylis/prefixerPlugin.esm.js

@@ -0,0 +1,136 @@
+import { RULESET, combine, match, serialize, copy, replace, WEBKIT, MOZ, DECLARATION, hash, strlen, charat, indexof } from 'stylis';
+
+/* eslint-disable no-fallthrough */
+function prefix(value, length, children) {
+  switch (hash(value, length)) {
+    // color-adjust
+    case 5103:
+      return WEBKIT + 'print-' + value + value;
+    // backface-visibility, column, box-decoration-break
+    case 3191:
+    case 6645:
+    case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+      return WEBKIT + value + value;
+    // backdrop-filter, background-clip: text
+    case 4215:
+      // Additional check on "backdrop-(f)ilter" to prevent conflict with "background-clip"
+      // https://github.com/thysultan/stylis/issues/292
+      if (charat(value, 9) === 102) {
+        return WEBKIT + value + value;
+      }
+      // background-clip: text
+      if (charat(value, length + 1) === 116) {
+        return WEBKIT + value + value;
+      }
+      break;
+    // tab-size
+    case 4789:
+      return MOZ + value + value;
+    // appearance, user-select, hyphens
+    case 5349:
+    case 4246:
+    case 6968:
+      return WEBKIT + value + MOZ + value + value;
+    // cursor
+    // @ts-expect-error fall through is intentional here
+    case 6187:
+      if (!match(value, /grab/)) {
+        return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value;
+      }
+    // background, background-image
+    case 5495:
+    case 3959:
+      // eslint-disable-next-line no-useless-concat
+      return replace(value, /(image-set\([^]*)/, WEBKIT + '$1' + '$`$1');
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value;
+    // (min|max)?(width|height|inline-size|block-size)
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      // stretch fill-available
+      if (strlen(value) - 1 - length > 6) switch (charat(value, length + 1)) {
+        // (f)ill-available
+        // @ts-expect-error fall through is intentional here
+        case 102:
+          if (charat(value, length + 3) === 108) {
+            return replace(value, /(.+:)(.+)-([^]+)/,
+            // eslint-disable-next-line no-useless-concat, eqeqeq
+            '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
+          }
+        // (s)tretch
+        case 115:
+          return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value;
+      }
+      break;
+  }
+  return value;
+}
+/**
+ * @param {object} element
+ * @param {number} index
+ * @param {object[]} children
+ * @param {function} callback
+ */
+function prefixerPlugin(element, index, children, callback) {
+  if (element.length > -1) if (!element.return) switch (element.type) {
+    case DECLARATION:
+      element.return = prefix(element.value, element.length);
+      return;
+    case RULESET:
+      if (element.length)
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        return combine(element.props, function (value) {
+          switch (match(value, /(::plac\w+|:read-\w+)/)) {
+            // :read-(only|write)
+            case ':read-only':
+            case ':read-write':
+              return serialize(
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              // @ts-ignore
+              [copy(element, {
+                props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]
+              })], callback);
+            // :placeholder
+            case '::placeholder':
+              return serialize([
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              // @ts-ignore
+              copy(element, {
+                props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]
+              }),
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              // @ts-ignore
+              copy(element, {
+                props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]
+              })], callback);
+          }
+          return '';
+        });
+  }
+  return undefined;
+}
+
+export { prefix, prefixerPlugin };
+//# sourceMappingURL=prefixerPlugin.esm.js.map

node_modules/@griffel/core/runtime/stylis/rulesheetPlugin.cjs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+/**
+ * The same plugin as in stylis, but this version also has "element" argument.
+ */
+function rulesheetPlugin(callback) {
+  return function (element) {
+    if (!element.root) {
+      if (element.return) {
+        callback(element, element.return);
+      }
+    }
+  };
+}
+
+exports.rulesheetPlugin = rulesheetPlugin;
+//# sourceMappingURL=rulesheetPlugin.cjs.js.map

node_modules/@griffel/core/runtime/stylis/rulesheetPlugin.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rulesheetPlugin.cjs.js","sources":["../../../../../packages/core/src/runtime/stylis/rulesheetPlugin.ts"],"sourcesContent":["import type { Element, Middleware } from 'stylis';\n\nexport type RulesheetPluginCallback = (type: Element, rule: string) => void;\n\n/**\n * The same plugin as in stylis, but this version also has \"element\" argument.\n */\nexport function rulesheetPlugin(callback: RulesheetPluginCallback): Middleware {\n  return function (element) {\n    if (!element.root) {\n      if (element.return) {\n        callback(element, element.return);\n      }\n    }\n  };\n}\n"],"names":["rulesheetPlugin","callback","element","root","return"],"mappings":";;AAIA;;AAEG;AACG,SAAUA,eAAeA,CAACC,QAAiC,EAAA;EAC/D,OAAO,UAAUC,OAAO,EAAA;AACtB,IAAA,IAAI,CAACA,OAAO,CAACC,IAAI,EAAE;MACjB,IAAID,OAAO,CAACE,MAAM,EAAE;AAClBH,QAAAA,QAAQ,CAACC,OAAO,EAAEA,OAAO,CAACE,MAAM,CAAC;AACnC,MAAA;AACF,IAAA;EACF,CAAC;AACH;;;;"}

node_modules/@griffel/core/runtime/stylis/rulesheetPlugin.esm.js

@@ -0,0 +1,15 @@
+/**
+ * The same plugin as in stylis, but this version also has "element" argument.
+ */
+function rulesheetPlugin(callback) {
+  return function (element) {
+    if (!element.root) {
+      if (element.return) {
+        callback(element, element.return);
+      }
+    }
+  };
+}
+
+export { rulesheetPlugin };
+//# sourceMappingURL=rulesheetPlugin.esm.js.map

node_modules/@griffel/core/runtime/stylis/rulesheetPlugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rulesheetPlugin.esm.js","sources":["../../../../../packages/core/src/runtime/stylis/rulesheetPlugin.ts"],"sourcesContent":["import type { Element, Middleware } from 'stylis';\n\nexport type RulesheetPluginCallback = (type: Element, rule: string) => void;\n\n/**\n * The same plugin as in stylis, but this version also has \"element\" argument.\n */\nexport function rulesheetPlugin(callback: RulesheetPluginCallback): Middleware {\n  return function (element) {\n    if (!element.root) {\n      if (element.return) {\n        callback(element, element.return);\n      }\n    }\n  };\n}\n"],"names":["rulesheetPlugin","callback","element","root","return"],"mappings":"AAIA;;AAEG;AACG,SAAUA,eAAeA,CAACC,QAAiC,EAAA;EAC/D,OAAO,UAAUC,OAAO,EAAA;AACtB,IAAA,IAAI,CAACA,OAAO,CAACC,IAAI,EAAE;MACjB,IAAID,OAAO,CAACE,MAAM,EAAE;AAClBH,QAAAA,QAAQ,CAACC,OAAO,EAAEA,OAAO,CAACE,MAAM,CAAC;AACnC,MAAA;AACF,IAAA;EACF,CAAC;AACH;;;;"}

node_modules/@griffel/core/runtime/stylis/sortClassesInAtRulesPlugin.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var isAtRuleElement = require('./isAtRuleElement.cjs.js');
+
+const sortClassesInAtRulesPlugin = element => {
+  if (isAtRuleElement.isAtRuleElement(element) && Array.isArray(element.children)) {
+    element.children.sort((a, b) => a.props[0] > b.props[0] ? 1 : -1);
+  }
+};
+
+exports.sortClassesInAtRulesPlugin = sortClassesInAtRulesPlugin;
+//# sourceMappingURL=sortClassesInAtRulesPlugin.cjs.js.map

node_modules/@griffel/core/runtime/stylis/sortClassesInAtRulesPlugin.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortClassesInAtRulesPlugin.cjs.js","sources":["../../../../../packages/core/src/runtime/stylis/sortClassesInAtRulesPlugin.ts"],"sourcesContent":["import type { Middleware } from 'stylis';\nimport { isAtRuleElement } from './isAtRuleElement';\n\nexport const sortClassesInAtRulesPlugin: Middleware = element => {\n  if (isAtRuleElement(element) && Array.isArray(element.children)) {\n    element.children.sort((a, b) => (a.props[0] > b.props[0] ? 1 : -1));\n  }\n};\n"],"names":["sortClassesInAtRulesPlugin","element","isAtRuleElement","Array","isArray","children","sort","a","b","props"],"mappings":";;;;AAGO,MAAMA,0BAA0B,GAAeC,OAAO,IAAG;AAC9D,EAAA,IAAIC,+BAAe,CAACD,OAAO,CAAC,IAAIE,KAAK,CAACC,OAAO,CAACH,OAAO,CAACI,QAAQ,CAAC,EAAE;AAC/DJ,IAAAA,OAAO,CAACI,QAAQ,CAACC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAMD,CAAC,CAACE,KAAK,CAAC,CAAC,CAAC,GAAGD,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAG,CAAC;AACrE,EAAA;AACF;;;;"}

node_modules/@griffel/core/runtime/stylis/sortClassesInAtRulesPlugin.esm.js

@@ -0,0 +1,10 @@
+import { isAtRuleElement } from './isAtRuleElement.esm.js';
+
+const sortClassesInAtRulesPlugin = element => {
+  if (isAtRuleElement(element) && Array.isArray(element.children)) {
+    element.children.sort((a, b) => a.props[0] > b.props[0] ? 1 : -1);
+  }
+};
+
+export { sortClassesInAtRulesPlugin };
+//# sourceMappingURL=sortClassesInAtRulesPlugin.esm.js.map

node_modules/@griffel/core/runtime/stylis/sortClassesInAtRulesPlugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortClassesInAtRulesPlugin.esm.js","sources":["../../../../../packages/core/src/runtime/stylis/sortClassesInAtRulesPlugin.ts"],"sourcesContent":["import type { Middleware } from 'stylis';\nimport { isAtRuleElement } from './isAtRuleElement';\n\nexport const sortClassesInAtRulesPlugin: Middleware = element => {\n  if (isAtRuleElement(element) && Array.isArray(element.children)) {\n    element.children.sort((a, b) => (a.props[0] > b.props[0] ? 1 : -1));\n  }\n};\n"],"names":["sortClassesInAtRulesPlugin","element","isAtRuleElement","Array","isArray","children","sort","a","b","props"],"mappings":";;AAGO,MAAMA,0BAA0B,GAAeC,OAAO,IAAG;AAC9D,EAAA,IAAIC,eAAe,CAACD,OAAO,CAAC,IAAIE,KAAK,CAACC,OAAO,CAACH,OAAO,CAACI,QAAQ,CAAC,EAAE;AAC/DJ,IAAAA,OAAO,CAACI,QAAQ,CAACC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAMD,CAAC,CAACE,KAAK,CAAC,CAAC,CAAC,GAAGD,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAG,CAAC;AACrE,EAAA;AACF;;;;"}