@compiled/react 0.11.4 → 0.13.0

package/dist/cjs/runtime/index.js

@@ -3,13 +3,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ix = exports.ax = exports.CC = exports.CS = void 0;
+exports.ix = exports.clearAcCache = exports.ac = exports.ax = exports.CC = exports.CS = void 0;
 var style_1 = require("./style");
 Object.defineProperty(exports, "CS", { enumerable: true, get: function () { return __importDefault(style_1).default; } });
 var style_cache_1 = require("./style-cache");
 Object.defineProperty(exports, "CC", { enumerable: true, get: function () { return __importDefault(style_cache_1).default; } });
 var ax_1 = require("./ax");
 Object.defineProperty(exports, "ax", { enumerable: true, get: function () { return __importDefault(ax_1).default; } });
+var ac_1 = require("./ac");
+Object.defineProperty(exports, "ac", { enumerable: true, get: function () { return __importDefault(ac_1).default; } });
+Object.defineProperty(exports, "clearAcCache", { enumerable: true, get: function () { return ac_1.clearCache; } });
 var css_custom_property_1 = require("./css-custom-property");
 Object.defineProperty(exports, "ix", { enumerable: true, get: function () { return __importDefault(css_custom_property_1).default; } });
+// Ensure only one `@compiled/runtime` exist in the bundle.
+// This is because `ac` and `style-cache` need to access a singlton.
+if (typeof window !== 'undefined') {
+    if (typeof window.__COMPILED_IMPORTED__ !== 'undefined') {
+        throw new Error('Multiple instances of Compiled Runtime have been found on the page. A likely cause is that muliple versions of `@compiled/react` exist in JS bundle.');
+    }
+    window.__COMPILED_IMPORTED__ = true;
+}
 //# sourceMappingURL=index.js.map

package/dist/cjs/runtime/index.js.flow

@@ -7,4 +7,5 @@
 declare export { default as CS } from './style';
 declare export { default as CC } from './style-cache';
 declare export { default as ax } from './ax';
+declare export { default as ac, clearCache as clearAcCache } from './ac';
 declare export { default as ix } from './css-custom-property';

package/dist/cjs/runtime/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/index.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AAA/B,4GAAA,OAAO,OAAM;AACtB,6CAA8C;AAArC,kHAAA,OAAO,OAAM;AACtB,2BAAqC;AAA5B,yGAAA,OAAO,OAAM;AACtB,6DAAsD;AAA7C,0HAAA,OAAO,OAAM"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/index.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AAA/B,4GAAA,OAAO,OAAM;AACtB,6CAA8C;AAArC,kHAAA,OAAO,OAAM;AACtB,2BAAqC;AAA5B,yGAAA,OAAO,OAAM;AACtB,2BAAiE;AAAxD,yGAAA,OAAO,OAAM;AAAE,kGAAA,UAAU,OAAgB;AAClD,6DAAsD;AAA7C,0HAAA,OAAO,OAAM;AAEtB,2DAA2D;AAC3D,oEAAoE;AACpE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI,OAAO,MAAM,CAAC,qBAAqB,KAAK,WAAW,EAAE;QACvD,MAAM,IAAI,KAAK,CACb,sJAAsJ,CACvJ,CAAC;KACH;IACD,MAAM,CAAC,qBAAqB,GAAG,IAAI,CAAC;CACrC"}

package/dist/cjs/runtime/is-server-environment.js

@@ -5,11 +5,9 @@ exports.isServerEnvironment = void 0;
  * @see https://github.com/jsdom/jsdom/releases/tag/12.0.0
  * @see https://github.com/jsdom/jsdom/issues/1537
  */
-var isJsDomEnvironment = function () {
-    return window.name === 'nodejs' ||
-        (navigator === null || navigator === void 0 ? void 0 : navigator.userAgent.includes('Node.js')) ||
-        (navigator === null || navigator === void 0 ? void 0 : navigator.userAgent.includes('jsdom'));
-};
+const isJsDomEnvironment = () => window.name === 'nodejs' ||
+    (navigator === null || navigator === void 0 ? void 0 : navigator.userAgent.includes('Node.js')) ||
+    (navigator === null || navigator === void 0 ? void 0 : navigator.userAgent.includes('jsdom'));
 /**
  * Returns `true` when inside a node environment,
  * else `false`.
@@ -22,7 +20,7 @@ var isJsDomEnvironment = function () {
  * }
  * ```
  */
-var isServerEnvironment = function () {
+const isServerEnvironment = () => {
     if (typeof window === 'undefined' ||
         (typeof process !== 'undefined' && process.versions != null && process.versions.node != null)) {
         return true;

package/dist/cjs/runtime/is-server-environment.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-server-environment.js","sourceRoot":"","sources":["../../../src/runtime/is-server-environment.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACH,IAAM,kBAAkB,GAAG;IACzB,OAAA,MAAM,CAAC,IAAI,KAAK,QAAQ;SACxB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;SACxC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;AAFtC,CAEsC,CAAC;AACzC;;;;;;;;;;;GAWG;AACI,IAAM,mBAAmB,GAAG;IACjC,IACE,OAAO,MAAM,KAAK,WAAW;QAC7B,CAAC,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,QAAQ,IAAI,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,IAAI,IAAI,CAAC,EAC7F;QACA,OAAO,IAAI,CAAC;KACb;IACD,IAAI,kBAAkB,EAAE,EAAE;QACxB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAXW,QAAA,mBAAmB,uBAW9B"}
+{"version":3,"file":"is-server-environment.js","sourceRoot":"","sources":["../../../src/runtime/is-server-environment.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACH,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAC9B,MAAM,CAAC,IAAI,KAAK,QAAQ;KACxB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;KACxC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA,CAAC;AACzC;;;;;;;;;;;GAWG;AACI,MAAM,mBAAmB,GAAG,GAAY,EAAE;IAC/C,IACE,OAAO,MAAM,KAAK,WAAW;QAC7B,CAAC,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,QAAQ,IAAI,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,IAAI,IAAI,CAAC,EAC7F;QACA,OAAO,IAAI,CAAC;KACb;IACD,IAAI,kBAAkB,EAAE,EAAE;QACxB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAXW,QAAA,mBAAmB,uBAW9B"}

package/dist/cjs/runtime/sheet.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStyleBucketName = exports.styleBucketOrdering = void 0;
-var cache_1 = require("./cache");
+const cache_1 = require("./cache");
 /**
  * Ordered style buckets using their short psuedo name.
  * If changes are needed make sure that it aligns with the definition in `sort-at-rule-pseudos.tsx`.
@@ -29,7 +29,7 @@ exports.styleBucketOrdering = [
 /**
  * Holds all style buckets in memory that have been added to the head.
  */
-var styleBucketsInHead = {};
+const styleBucketsInHead = {};
 /**
  * Maps the long pseudo name to the short pseudo name.
  * Pseudos that match here will be ordered,
@@ -37,7 +37,7 @@ var styleBucketsInHead = {};
  * We reduce the pseduo name to save bundlesize.
  * Thankfully there aren't any overlaps, see: https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes.
  */
-var pseudosMap = {
+const pseudosMap = {
     // link
     k: 'l',
     // visited
@@ -61,17 +61,17 @@ var pseudosMap = {
  */
 function lazyAddStyleBucketToHead(bucketName, opts) {
     if (!styleBucketsInHead[bucketName]) {
-        var currentBucketIndex = exports.styleBucketOrdering.indexOf(bucketName) + 1;
-        var nextBucketFromCache = null;
+        let currentBucketIndex = exports.styleBucketOrdering.indexOf(bucketName) + 1;
+        let nextBucketFromCache = null;
         // Find the next bucket which we will add our new style bucket before.
         for (; currentBucketIndex < exports.styleBucketOrdering.length; currentBucketIndex++) {
-            var nextBucket = styleBucketsInHead[exports.styleBucketOrdering[currentBucketIndex]];
+            const nextBucket = styleBucketsInHead[exports.styleBucketOrdering[currentBucketIndex]];
             if (nextBucket) {
                 nextBucketFromCache = nextBucket;
                 break;
             }
         }
-        var tag = document.createElement('style');
+        const tag = document.createElement('style');
         opts.nonce && tag.setAttribute('nonce', opts.nonce);
         tag.appendChild(document.createTextNode(''));
         document.head.insertBefore(tag, nextBucketFromCache);
@@ -100,7 +100,7 @@ function lazyAddStyleBucketToHead(bucketName, opts) {
  *
  * @param sheet styles for which we are getting the bucket
  */
-var getStyleBucketName = function (sheet) {
+const getStyleBucketName = (sheet) => {
     // We are grouping all the at-rules like @media, @supports etc under `m` bucket.
     if (sheet.charCodeAt(0) === 64 /* "@" */) {
         return 'm';
@@ -126,10 +126,10 @@ exports.getStyleBucketName = getStyleBucketName;
  * @param opts StyleSheetOpts
  */
 function insertRule(css, opts) {
-    var bucketName = (0, exports.getStyleBucketName)(css);
-    var style = lazyAddStyleBucketToHead(bucketName, opts);
+    const bucketName = (0, exports.getStyleBucketName)(css);
+    const style = lazyAddStyleBucketToHead(bucketName, opts);
     if (process.env.NODE_ENV === 'production') {
-        var sheet = style.sheet;
+        const sheet = style.sheet;
         // Used to avoid unhandled exceptions across browsers with prefixed selectors such as -moz-placeholder.
         try {
             sheet.insertRule(css, sheet.cssRules.length);

package/dist/cjs/runtime/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../src/runtime/sheet.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../src/runtime/sheet.ts"],"names":[],"mappings":"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"}

package/dist/cjs/runtime/style-cache.js

@@ -24,23 +24,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCache = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var cache_1 = require("./cache");
-var is_server_environment_1 = require("./is-server-environment");
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const cache_1 = require("./cache");
+const is_server_environment_1 = require("./is-server-environment");
 /**
  * Cache to hold already used styles.
  * React Context on the server - singleton object on the client.
  */
-var Cache = (0, is_server_environment_1.isServerEnvironment)() ? (0, react_1.createContext)(null) : {};
+const Cache = (0, is_server_environment_1.isServerEnvironment)() ? (0, react_1.createContext)(null) : {};
 if (!(0, is_server_environment_1.isServerEnvironment)()) {
     /**
      * Iterates through all found style elements generated when server side rendering.
      *
      * @param cb
      */
-    var ssrStyles = document.querySelectorAll('style[data-cmpld]');
-    for (var i = 0; i < ssrStyles.length; i++) {
+    const ssrStyles = document.querySelectorAll('style[data-cmpld]');
+    for (let i = 0; i < ssrStyles.length; i++) {
         // Move all found server-side rendered style elements to the head before React hydration happens.
         document.head.appendChild(ssrStyles[i]);
     }
@@ -48,7 +48,7 @@ if (!(0, is_server_environment_1.isServerEnvironment)()) {
 /**
  * Hook using the cache created on the server or client.
  */
-var useCache = function () {
+const useCache = () => {
     if (false) {
         return {};
     }
@@ -68,11 +68,11 @@ exports.useCache = useCache;
  *
  * On the browser this turns into a fragment with no React Context.
  */
-var StyleCacheProvider = function (props) {
+const StyleCacheProvider = (props) => {
     if ((0, is_server_environment_1.isServerEnvironment)()) {
         // This code path isn't conditionally called at build time - safe to ignore.
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        var inserted = (0, exports.useCache)();
+        const inserted = (0, exports.useCache)();
         return React.createElement(Cache.Provider, { value: inserted }, props.children);
     }
     return props.children;

package/dist/cjs/runtime/style-cache.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-cache.js","sourceRoot":"","sources":["../../../src/runtime/style-cache.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+BAAkD;AAElD,iCAA0C;AAC1C,iEAA8D;AAG9D;;;GAGG;AACH,IAAM,KAAK,GAAQ,IAAA,2CAAmB,GAAE,CAAC,CAAC,CAAC,IAAA,qBAAa,EAA8B,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAEjG,IAAI,CAAC,IAAA,2CAAmB,GAAE,EAAE;IAC1B;;;;OAIG;IACH,IAAM,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAmB,mBAAmB,CAAC,CAAC;IACnF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACzC,iGAAiG;QACjG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;KACzC;CACF;AAED;;GAEG;AACI,IAAM,QAAQ,GAAiB;IACpC,WAAuB;QACrB,OAAO,EAAE,CAAC;KACX;IAED,IAAI,IAAA,2CAAmB,GAAE,EAAE;QACzB,mFAAmF;QACnF,wGAAwG;QACxG,sDAAsD;QACtD,OAAO,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,CAAC;KAChC;IAED,6CAA6C;IAC7C,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAdW,QAAA,QAAQ,YAcnB;AAEF;;;;;GAKG;AACH,IAAM,kBAAkB,GAAsB,UAAC,KAAK;IAClD,IAAI,IAAA,2CAAmB,GAAE,EAAE;QACzB,4EAA4E;QAC5E,sDAAsD;QACtD,IAAM,QAAQ,GAAG,IAAA,gBAAQ,GAAE,CAAC;QAC5B,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IAAG,KAAK,CAAC,QAAQ,CAAkB,CAAC;KAC3E;IAED,OAAO,KAAK,CAAC,QAAuB,CAAC;AACvC,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"style-cache.js","sourceRoot":"","sources":["../../../src/runtime/style-cache.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAAkD;AAElD,mCAA0C;AAC1C,mEAA8D;AAG9D;;;GAGG;AACH,MAAM,KAAK,GAAQ,IAAA,2CAAmB,GAAE,CAAC,CAAC,CAAC,IAAA,qBAAa,EAA8B,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAEjG,IAAI,CAAC,IAAA,2CAAmB,GAAE,EAAE;IAC1B;;;;OAIG;IACH,MAAM,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAmB,mBAAmB,CAAC,CAAC;IACnF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACzC,iGAAiG;QACjG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;KACzC;CACF;AAED;;GAEG;AACI,MAAM,QAAQ,GAAiB,GAAG,EAAE;IACzC,WAAuB;QACrB,OAAO,EAAE,CAAC;KACX;IAED,IAAI,IAAA,2CAAmB,GAAE,EAAE;QACzB,mFAAmF;QACnF,wGAAwG;QACxG,sDAAsD;QACtD,OAAO,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,CAAC;KAChC;IAED,6CAA6C;IAC7C,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAdW,QAAA,QAAQ,YAcnB;AAEF;;;;;GAKG;AACH,MAAM,kBAAkB,GAAsB,CAAC,KAAK,EAAE,EAAE;IACtD,IAAI,IAAA,2CAAmB,GAAE,EAAE;QACzB,4EAA4E;QAC5E,sDAAsD;QACtD,MAAM,QAAQ,GAAG,IAAA,gBAAQ,GAAE,CAAC;QAC5B,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IAAG,KAAK,CAAC,QAAQ,CAAkB,CAAC;KAC3E;IAED,OAAO,KAAK,CAAC,QAAuB,CAAC;AACvC,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/cjs/runtime/style.js

@@ -26,22 +26,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var dev_warnings_1 = require("./dev-warnings");
-var is_server_environment_1 = require("./is-server-environment");
-var sheet_1 = __importStar(require("./sheet"));
-var style_cache_1 = require("./style-cache");
+const react_1 = __importDefault(require("react"));
+const dev_warnings_1 = require("./dev-warnings");
+const is_server_environment_1 = require("./is-server-environment");
+const sheet_1 = __importStar(require("./sheet"));
+const style_cache_1 = require("./style-cache");
 function Style(props) {
-    var inserted = (0, style_cache_1.useCache)();
+    const inserted = (0, style_cache_1.useCache)();
     if (process.env.NODE_ENV === 'development') {
         props.children.forEach(dev_warnings_1.analyzeCssInDev);
     }
     if (props.children.length) {
         if ((0, is_server_environment_1.isServerEnvironment)()) {
-            var bucketedSheets_1 = {};
-            var hasSheets = false;
-            for (var i = 0; i < props.children.length; i++) {
-                var sheet = props.children[i];
+            const bucketedSheets = {};
+            let hasSheets = false;
+            for (let i = 0; i < props.children.length; i++) {
+                const sheet = props.children[i];
                 if (inserted[sheet]) {
                     continue;
                 }
@@ -49,19 +49,19 @@ function Style(props) {
                     inserted[sheet] = true;
                     hasSheets = true;
                 }
-                var bucketName = (0, sheet_1.getStyleBucketName)(sheet);
-                bucketedSheets_1[bucketName] = (bucketedSheets_1[bucketName] || '') + sheet;
+                const bucketName = (0, sheet_1.getStyleBucketName)(sheet);
+                bucketedSheets[bucketName] = (bucketedSheets[bucketName] || '') + sheet;
             }
             if (!hasSheets) {
                 return null;
             }
             return (react_1.default.createElement("style", { "data-cmpld": true, nonce: props.nonce, dangerouslySetInnerHTML: {
-                    __html: sheet_1.styleBucketOrdering.map(function (bucket) { return bucketedSheets_1[bucket]; }).join(''),
+                    __html: sheet_1.styleBucketOrdering.map((bucket) => bucketedSheets[bucket]).join(''),
                 } }));
         }
         else {
-            for (var i = 0; i < props.children.length; i++) {
-                var sheet = props.children[i];
+            for (let i = 0; i < props.children.length; i++) {
+                const sheet = props.children[i];
                 if (inserted[sheet]) {
                     continue;
                 }

package/dist/cjs/runtime/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/runtime/style.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,+CAAiD;AACjD,iEAA8D;AAC9D,+CAA8E;AAC9E,6CAAyC;AAWzC,SAAwB,KAAK,CAAC,KAAiB;IAC7C,IAAM,QAAQ,GAAG,IAAA,sBAAQ,GAAE,CAAC;IAE5B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,8BAAe,CAAC,CAAC;KACzC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE;QACzB,IAAI,IAAA,2CAAmB,GAAE,EAAE;YACzB,IAAM,gBAAc,GAAoC,EAAE,CAAC;YAC3D,IAAI,SAAS,GAAG,KAAK,CAAC;YAEtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,IAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;qBAAM;oBACL,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;oBACvB,SAAS,GAAG,IAAI,CAAC;iBAClB;gBAED,IAAM,UAAU,GAAG,IAAA,0BAAkB,EAAC,KAAK,CAAC,CAAC;gBAC7C,gBAAc,CAAC,UAAU,CAAC,GAAG,CAAC,gBAAc,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC;aACzE;YAED,IAAI,CAAC,SAAS,EAAE;gBACd,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,6DAEE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,uBAAuB,EAAE;oBACvB,MAAM,EAAE,2BAAmB,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,gBAAc,CAAC,MAAM,CAAC,EAAtB,CAAsB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;iBAC7E,GACD,CACH,CAAC;SACH;aAAM;YACL,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,IAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;gBAED,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;gBACvB,IAAA,eAAU,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aAC1B;SACF;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AApDD,wBAoDC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/runtime/style.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,iDAAiD;AACjD,mEAA8D;AAC9D,iDAA8E;AAC9E,+CAAyC;AAWzC,SAAwB,KAAK,CAAC,KAAiB;IAC7C,MAAM,QAAQ,GAAG,IAAA,sBAAQ,GAAE,CAAC;IAE5B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,8BAAe,CAAC,CAAC;KACzC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE;QACzB,IAAI,IAAA,2CAAmB,GAAE,EAAE;YACzB,MAAM,cAAc,GAAoC,EAAE,CAAC;YAC3D,IAAI,SAAS,GAAG,KAAK,CAAC;YAEtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;qBAAM;oBACL,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;oBACvB,SAAS,GAAG,IAAI,CAAC;iBAClB;gBAED,MAAM,UAAU,GAAG,IAAA,0BAAkB,EAAC,KAAK,CAAC,CAAC;gBAC7C,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC;aACzE;YAED,IAAI,CAAC,SAAS,EAAE;gBACd,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,6DAEE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,uBAAuB,EAAE;oBACvB,MAAM,EAAE,2BAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;iBAC7E,GACD,CACH,CAAC;SACH;aAAM;YACL,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;gBAED,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;gBACvB,IAAA,eAAU,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aAC1B;SACF;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AApDD,wBAoDC"}

package/dist/cjs/runtime.d.ts

@@ -1 +1 @@
-export { CC, CS, ax, ix } from './runtime/index';
+export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index';

package/dist/cjs/runtime.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ix = exports.ax = exports.CS = exports.CC = void 0;
+exports.ix = exports.clearAcCache = exports.ac = exports.ax = exports.CS = exports.CC = void 0;
 var index_1 = require("./runtime/index");
 Object.defineProperty(exports, "CC", { enumerable: true, get: function () { return index_1.CC; } });
 Object.defineProperty(exports, "CS", { enumerable: true, get: function () { return index_1.CS; } });
 Object.defineProperty(exports, "ax", { enumerable: true, get: function () { return index_1.ax; } });
+Object.defineProperty(exports, "ac", { enumerable: true, get: function () { return index_1.ac; } });
+Object.defineProperty(exports, "clearAcCache", { enumerable: true, get: function () { return index_1.clearAcCache; } });
 Object.defineProperty(exports, "ix", { enumerable: true, get: function () { return index_1.ix; } });
 //# sourceMappingURL=runtime.js.map

package/dist/cjs/runtime.js.flow

@@ -4,4 +4,4 @@
  * Flowgen v1.20.1
  * @flow
  */
-declare export { CC, CS, ax, ix } from './runtime/index';
+declare export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index';

package/dist/cjs/runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/runtime.ts"],"names":[],"mappings":";;;AAAA,yCAAiD;AAAxC,2FAAA,EAAE,OAAA;AAAE,2FAAA,EAAE,OAAA;AAAE,2FAAA,EAAE,OAAA;AAAE,2FAAA,EAAE,OAAA"}
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/runtime.ts"],"names":[],"mappings":";;;AAAA,yCAAmE;AAA1D,2FAAA,EAAE,OAAA;AAAE,2FAAA,EAAE,OAAA;AAAE,2FAAA,EAAE,OAAA;AAAE,2FAAA,EAAE,OAAA;AAAE,qGAAA,YAAY,OAAA;AAAE,2FAAA,EAAE,OAAA"}

package/dist/cjs/styled/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.styled = void 0;
-var error_1 = require("../utils/error");
+const error_1 = require("../utils/error");
 /**
  * ## Styled component
  *
@@ -44,8 +44,8 @@ var error_1 = require("../utils/error");
  * ```
  */
 exports.styled = new Proxy({}, {
-    get: function () {
-        return function () {
+    get() {
+        return () => {
             // Blow up if the transformer isn't turned on.
             // This code won't ever be executed when setup correctly.
             throw (0, error_1.createSetupError)();

package/dist/cjs/styled/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styled/index.ts"],"names":[],"mappings":";;;AAGA,wCAAkD;AAoClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACU,QAAA,MAAM,GAA0B,IAAI,KAAK,CACpD,EAAE,EACF;IACE,GAAG;QACD,OAAO;YACL,8CAA8C;YAC9C,yDAAyD;YACzD,MAAM,IAAA,wBAAgB,GAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC;CACF,CACK,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styled/index.ts"],"names":[],"mappings":";;;AAGA,0CAAkD;AAoClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACU,QAAA,MAAM,GAA0B,IAAI,KAAK,CACpD,EAAE,EACF;IACE,GAAG;QACD,OAAO,GAAG,EAAE;YACV,8CAA8C;YAC9C,yDAAyD;YACzD,MAAM,IAAA,wBAAgB,GAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC;CACF,CACK,CAAC"}

package/dist/cjs/utils/error.js

@@ -1,8 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createSetupError = void 0;
-var createSetupError = function () {
-    return new Error("\n \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2557   \u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557\u2588\u2588\u2557     \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557\n\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\n\u2588\u2588\u2551     \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2588\u2588\u2588\u2588\u2554\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551  \u2588\u2588\u2551\n\u2588\u2588\u2551     \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2554\u255D\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u255D \u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2554\u2550\u2550\u255D  \u2588\u2588\u2551  \u2588\u2588\u2551\n\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551 \u255A\u2550\u255D \u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\n \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D     \u255A\u2550\u255D\u255A\u2550\u255D     \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u255D\n\n  @compiled/react\n\n  Code was executed when it shouldn't have. This could have happened because:\n\n  1. You haven't configured a transformer yet. Visit https://compiledcssinjs.com/docs/installation and follow the instructions.\n  2. You have duplicate versions of React and hooks are blowing up. You need to de-duplicate your dependencies.\n\n  Good luck!\n");
+const createSetupError = () => {
+    return new Error(`
+ ██████╗ ██████╗ ███╗   ███╗██████╗ ██╗██╗     ███████╗██████╗
+██╔════╝██╔═══██╗████╗ ████║██╔══██╗██║██║     ██╔════╝██╔══██╗
+██║     ██║   ██║██╔████╔██║██████╔╝██║██║     █████╗  ██║  ██║
+██║     ██║   ██║██║╚██╔╝██║██╔═══╝ ██║██║     ██╔══╝  ██║  ██║
+╚██████╗╚██████╔╝██║ ╚═╝ ██║██║     ██║███████╗███████╗██████╔╝
+ ╚═════╝ ╚═════╝ ╚═╝     ╚═╝╚═╝     ╚═╝╚══════╝╚══════╝╚═════╝
+
+  @compiled/react
+
+  Code was executed when it shouldn't have. This could have happened because:
+
+  1. You haven't configured a transformer yet. Visit https://compiledcssinjs.com/docs/installation and follow the instructions.
+  2. You have duplicate versions of React and hooks are blowing up. You need to de-duplicate your dependencies.
+
+  Good luck!
+`);
 };
 exports.createSetupError = createSetupError;
 //# sourceMappingURL=error.js.map

package/dist/cjs/utils/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","sourceRoot":"","sources":["../../../src/utils/error.ts"],"names":[],"mappings":";;;AAAO,IAAM,gBAAgB,GAAG;IAC9B,OAAO,IAAI,KAAK,CAAC,6tEAgBlB,CAAC,CAAC;AACH,CAAC,CAAC;AAlBW,QAAA,gBAAgB,oBAkB3B"}
+{"version":3,"file":"error.js","sourceRoot":"","sources":["../../../src/utils/error.ts"],"names":[],"mappings":";;;AAAO,MAAM,gBAAgB,GAAG,GAAU,EAAE;IAC1C,OAAO,IAAI,KAAK,CAAC;;;;;;;;;;;;;;;;CAgBlB,CAAC,CAAC;AACH,CAAC,CAAC;AAlBW,QAAA,gBAAgB,oBAkB3B"}

package/dist/esm/css/index.js

@@ -1,10 +1,6 @@
 /* eslint-disable import/export */
 import { createSetupError } from '../utils/error';
-export default function css(_styles) {
-    var _interpolations = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        _interpolations[_i - 1] = arguments[_i];
-    }
+export default function css(_styles, ..._interpolations) {
     throw createSetupError();
 }
 //# sourceMappingURL=index.js.map

package/dist/esm/css/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/css/index.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAGlC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAqClD,MAAM,CAAC,OAAO,UAAU,GAAG,CACzB,OAA6D;IAC7D,yBAAiC;SAAjC,UAAiC,EAAjC,qBAAiC,EAAjC,IAAiC;QAAjC,wCAAiC;;IAEjC,MAAM,gBAAgB,EAAE,CAAC;AAC3B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/css/index.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAGlC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAqClD,MAAM,CAAC,OAAO,UAAU,GAAG,CACzB,OAA6D,EAC7D,GAAG,eAA8B;IAEjC,MAAM,gBAAgB,EAAE,CAAC;AAC3B,CAAC"}

package/dist/esm/index.js

@@ -5,5 +5,5 @@ export { ClassNames } from './class-names';
 export { default as css } from './css';
 // Pass through the (classic) jsx runtime.
 // Compiled currently doesn't define its own and uses this purely to enable a local jsx namespace.
-export var jsx = createElement;
+export const jsx = createElement;
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AAEvC,0CAA0C;AAC1C,kGAAkG;AAClG,MAAM,CAAC,IAAM,GAAG,GAAG,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AAEvC,0CAA0C;AAC1C,kGAAkG;AAClG,MAAM,CAAC,MAAM,GAAG,GAAG,aAAa,CAAC"}

package/dist/esm/keyframes/__fixtures__/index.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { keyframes } from '@compiled/react';
-export var fadeOut = keyframes({
+export const fadeOut = keyframes({
     from: {
         opacity: 1,
     },
@@ -8,6 +8,6 @@ export var fadeOut = keyframes({
         opacity: 0,
     },
 });
-export var namedFadeOut = fadeOut;
+export const namedFadeOut = fadeOut;
 export default fadeOut;
 //# sourceMappingURL=index.js.map

package/dist/esm/keyframes/__fixtures__/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/keyframes/__fixtures__/index.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,IAAM,OAAO,GAAG,SAAS,CAAC;IAC/B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;KACX;IACD,EAAE,EAAE;QACF,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,YAAY,GAAG,OAAO,CAAC;AAEpC,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/keyframes/__fixtures__/index.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;IAC/B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;KACX;IACD,EAAE,EAAE;QACF,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAC;AAEpC,eAAe,OAAO,CAAC"}

package/dist/esm/keyframes/index.js

@@ -1,9 +1,5 @@
 import { createSetupError } from '../utils/error';
-export function keyframes(_stringsOrSteps) {
-    var _interpolations = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        _interpolations[_i - 1] = arguments[_i];
-    }
+export function keyframes(_stringsOrSteps, ..._interpolations) {
     throw createSetupError();
 }
 //# sourceMappingURL=index.js.map

package/dist/esm/keyframes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/keyframes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAkDlD,MAAM,UAAU,SAAS,CACvB,eAAqD;IACrD,yBAAiD;SAAjD,UAAiD,EAAjD,qBAAiD,EAAjD,IAAiD;QAAjD,wCAAiD;;IAEjD,MAAM,gBAAgB,EAAE,CAAC;AAC3B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/keyframes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAkDlD,MAAM,UAAU,SAAS,CACvB,eAAqD,EACrD,GAAG,eAA8C;IAEjD,MAAM,gBAAgB,EAAE,CAAC;AAC3B,CAAC"}

package/dist/esm/runtime/ac.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Memoize the result of ac so if it is called with the same args, it returns immediately.
+ * Also, to prevent useless React rerenders
+ */
+declare const cache: Map<any, any>;
+/**
+ * `ac` returns an instance of AtomicGroups. The instance holds the knowledge of Atomic Group so we can chain `ac`.
+ * e.g. <div className={ax([ax(['_aaaa_b']), '_aaaa_c'])} />
+ */
+declare class AtomicGroups {
+    values: Map<string, string>;
+    constructor(values: Map<string, string>);
+    toString(): string;
+}
+/**
+ * Joins classes together and ensures atomic declarations of a single group exist.
+ * Atomic declarations take the form of `_{group}{value}` (always prefixed with an underscore),
+ * where both `group` and `value` are hashes **four characters long**.
+ * Class names can be of any length,
+ * this function can take both atomic declarations and class names.
+ *
+ * Input:
+ *
+ * ```
+ * ax(['_aaaabbbb', '_aaaacccc'])
+ * ```
+ *
+ * Output:
+ *
+ * ```
+ * '_aaaacccc'
+ * ```
+ *
+ * @param classes
+ */
+export declare function ac(classNames: (AtomicGroups | string | undefined | false)[]): AtomicGroups | undefined;
+export declare function memoizedAc(classNames: (AtomicGroups | string | undefined | false)[]): AtomicGroups | undefined;
+declare const _default: typeof ac;
+export default _default;
+/**
+ * Provide an opportunity to clear the cache to prevent memory leak.
+ */
+export declare function clearCache(): void;
+/**
+ * Expose cache
+ */
+export declare function getCache(): typeof cache;

package/dist/esm/runtime/ac.js

@@ -0,0 +1,118 @@
+import { isServerEnvironment } from './is-server-environment';
+const UNDERSCORE_UNICODE = 95;
+/**
+ * This length includes the underscore,
+ * e.g. `"_1s4A"` would be a valid atomic group hash.
+ */
+const ATOMIC_GROUP_LENGTH = 5;
+/**
+ * Memoize the result of ac so if it is called with the same args, it returns immediately.
+ * Also, to prevent useless React rerenders
+ */
+const cache = new Map();
+/**
+ * `ac` returns an instance of AtomicGroups. The instance holds the knowledge of Atomic Group so we can chain `ac`.
+ * e.g. <div className={ax([ax(['_aaaa_b']), '_aaaa_c'])} />
+ */
+class AtomicGroups {
+    constructor(values) {
+        // An object stores the relation between Atomic group and actual class name
+        // e.g. { "aaaa": "a" } `aaaa` is the Atomic group and `a` is the actual class name
+        this.values = values;
+    }
+    toString() {
+        let str = '';
+        for (const [, value] of this.values) {
+            str += value + ' ';
+        }
+        return str.slice(0, -1);
+    }
+}
+/**
+ * Joins classes together and ensures atomic declarations of a single group exist.
+ * Atomic declarations take the form of `_{group}{value}` (always prefixed with an underscore),
+ * where both `group` and `value` are hashes **four characters long**.
+ * Class names can be of any length,
+ * this function can take both atomic declarations and class names.
+ *
+ * Input:
+ *
+ * ```
+ * ax(['_aaaabbbb', '_aaaacccc'])
+ * ```
+ *
+ * Output:
+ *
+ * ```
+ * '_aaaacccc'
+ * ```
+ *
+ * @param classes
+ */
+export function ac(classNames) {
+    // short circuit if there's no class names.
+    if (classNames.length <= 1 && !classNames[0])
+        return undefined;
+    const atomicGroups = new Map();
+    for (let i = 0; i < classNames.length; i++) {
+        const cls = classNames[i];
+        if (!cls) {
+            continue;
+        }
+        if (typeof cls === 'string') {
+            const groups = cls.split(' ');
+            for (let x = 0; x < groups.length; x++) {
+                const atomic = groups[x];
+                const isAtomic = atomic.charCodeAt(0) === UNDERSCORE_UNICODE;
+                const isCompressed = isAtomic && atomic.charCodeAt(5) === UNDERSCORE_UNICODE;
+                const atomicGroupName = isAtomic ? atomic.slice(0, ATOMIC_GROUP_LENGTH) : atomic;
+                atomicGroups.set(atomicGroupName, isCompressed ? atomic.slice(ATOMIC_GROUP_LENGTH + 1) : atomic);
+            }
+        }
+        else {
+            // if cls is an instance of AtomicGroups, transfer its values to `atomicGroups`
+            for (const [key, value] of cls.values) {
+                atomicGroups.set(key, value);
+            }
+        }
+    }
+    return new AtomicGroups(atomicGroups);
+}
+export function memoizedAc(classNames) {
+    // short circuit if there's no class names.
+    if (classNames.length <= 1 && !classNames[0])
+        return undefined;
+    // build the cacheKey based on the function argument
+    // e.g. if the argument is ["_aaaabbbb", "_aaaa_a", "some-class-name"],
+    // then the cacheKey is "_aaaabbbb _aaaa_a some-class-name"
+    let cacheKey = '';
+    for (let i = 0; i < classNames.length; i += 1) {
+        const current = classNames[i];
+        // continue if current is undefined, false, or ""
+        if (!current)
+            continue;
+        cacheKey += current + ' ';
+    }
+    cacheKey = cacheKey.slice(0, -1);
+    if (cache.has(cacheKey))
+        return cache.get(cacheKey);
+    const result = ac(classNames);
+    cache.set(cacheKey, result);
+    return result;
+}
+// Memoization is primarily used to prevent React from unncessary re-rendering.
+// Use unmemoizedAc on server-side because We don't need to worry about re-rendering on server-side.
+export default isServerEnvironment() ? ac : memoizedAc;
+/**
+ * Provide an opportunity to clear the cache to prevent memory leak.
+ */
+export function clearCache() {
+    cache.clear();
+}
+/**
+ * Expose cache
+ */
+export function getCache() {
+    return cache;
+}
+//# sourceMappingURL=ac.js.map