@linaria/atomic 3.0.0-beta.21 → 4.0.0-beta.1

package/README.md

@@ -25,11 +25,11 @@ Zero-runtime CSS in JS library.
 ## Installation
 
 ```sh
-npm install @linaria/core @linaria/react @linaria/babel-preset @linaria/shaker
+npm install @linaria/core @linaria/react @linaria/babel-preset
 ```
 
 or
 
 ```sh
-yarn add @linaria/core @linaria/react @linaria/babel-preset @linaria/shaker
+yarn add @linaria/core @linaria/react @linaria/babel-preset
 ```

package/esm/processors/css.js

@@ -2,6 +2,20 @@ import CssProcessor from '@linaria/core/processors/css';
 import { debug } from '@linaria/logger';
 import atomize from './helpers/atomize';
 export default class AtomicCssProcessor extends CssProcessor {
+  #classes;
+
+  get classes() {
+    if (this.#classes) {
+      return this.#classes;
+    }
+
+    throw new Error('Styles are not extracted yet. Please call `build` first.');
+  }
+
+  doRuntimeReplacement() {
+    this.replacer(this.astService.stringLiteral(this.classes), false);
+  }
+
   extractRules(valueCache, cssText, loc) {
     const rules = {};
     const atomicRules = atomize(cssText, false);
@@ -16,9 +30,9 @@ export default class AtomicCssProcessor extends CssProcessor {
       };
       debug('evaluator:template-processor:extracted-atomic-rule', `\n${rule.cssText}`);
     });
-    const classes = atomicRules // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object
+    this.#classes = atomicRules // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object
     .filter(rule => !!rule.className).map(rule => rule.className).join(' ');
-    return [rules, classes];
+    return rules;
   }
 
 }

package/esm/processors/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":["CssProcessor","debug","atomize","AtomicCssProcessor","extractRules","valueCache","cssText","loc","rules","atomicRules","forEach","rule","start","className","displayName","atom","classes","filter","map","join"],"sources":["../../src/processors/css.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport CssProcessor from '@linaria/core/processors/css';\nimport type { Rules, ValueCache } from '@linaria/core/processors/types';\nimport { debug } from '@linaria/logger';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicCssProcessor extends CssProcessor {\n  public override extractRules(\n    valueCache: ValueCache,\n    cssText: string,\n    loc?: SourceLocation | null\n  ): [Rules, string] {\n    const rules: Rules = {};\n\n    const atomicRules = atomize(cssText, false);\n    atomicRules.forEach((rule) => {\n      // eslint-disable-next-line no-param-reassign\n      rules[rule.cssText] = {\n        cssText: rule.cssText,\n        start: loc?.start ?? null,\n        className: this.className!,\n        displayName: this.displayName!,\n        atom: true,\n      };\n\n      debug(\n        'evaluator:template-processor:extracted-atomic-rule',\n        `\\n${rule.cssText}`\n      );\n    });\n\n    const classes = atomicRules\n      // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n      .filter((rule) => !!rule.className)\n      .map((rule) => rule.className!)\n      .join(' ');\n\n    return [rules, classes];\n  }\n}\n"],"mappings":"AAEA,OAAOA,YAAP,MAAyB,8BAAzB;AAEA,SAASC,KAAT,QAAsB,iBAAtB;AAEA,OAAOC,OAAP,MAAoB,mBAApB;AAEA,eAAe,MAAMC,kBAAN,SAAiCH,YAAjC,CAA8C;EAC3CI,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAIT;IACjB,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,WAAW,GAAGP,OAAO,CAACI,OAAD,EAAU,KAAV,CAA3B;IACAG,WAAW,CAACC,OAAZ,CAAqBC,IAAD,IAAU;MAC5B;MACAH,KAAK,CAACG,IAAI,CAACL,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEK,IAAI,CAACL,OADM;QAEpBM,KAAK,EAAEL,GAAG,EAAEK,KAAL,IAAc,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQAd,KAAK,CACH,oDADG,EAEF,KAAIU,IAAI,CAACL,OAAQ,EAFf,CAAL;IAID,CAdD;IAgBA,MAAMU,OAAO,GAAGP,WAAW,CACzB;IADyB,CAExBQ,MAFa,CAELN,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbK,GAHa,CAGRP,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbM,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAO,CAACX,KAAD,EAAQQ,OAAR,CAAP;EACD;;AAhC0D"}
+{"version":3,"file":"css.js","names":["CssProcessor","debug","atomize","AtomicCssProcessor","classes","Error","doRuntimeReplacement","replacer","astService","stringLiteral","extractRules","valueCache","cssText","loc","rules","atomicRules","forEach","rule","start","className","displayName","atom","filter","map","join"],"sources":["../../src/processors/css.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport CssProcessor from '@linaria/core/processors/css';\nimport { debug } from '@linaria/logger';\nimport type { Rules, ValueCache } from '@linaria/tags';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicCssProcessor extends CssProcessor {\n  #classes: string | undefined;\n\n  private get classes(): string {\n    if (this.#classes) {\n      return this.#classes;\n    }\n\n    throw new Error('Styles are not extracted yet. Please call `build` first.');\n  }\n\n  public override doRuntimeReplacement(): void {\n    this.replacer(this.astService.stringLiteral(this.classes), false);\n  }\n\n  public override extractRules(\n    valueCache: ValueCache,\n    cssText: string,\n    loc?: SourceLocation | null\n  ): Rules {\n    const rules: Rules = {};\n\n    const atomicRules = atomize(cssText, false);\n    atomicRules.forEach((rule) => {\n      // eslint-disable-next-line no-param-reassign\n      rules[rule.cssText] = {\n        cssText: rule.cssText,\n        start: loc?.start ?? null,\n        className: this.className!,\n        displayName: this.displayName!,\n        atom: true,\n      };\n\n      debug(\n        'evaluator:template-processor:extracted-atomic-rule',\n        `\\n${rule.cssText}`\n      );\n    });\n\n    this.#classes = atomicRules\n      // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n      .filter((rule) => !!rule.className)\n      .map((rule) => rule.className!)\n      .join(' ');\n\n    return rules;\n  }\n}\n"],"mappings":"AAEA,OAAOA,YAAP,MAAyB,8BAAzB;AACA,SAASC,KAAT,QAAsB,iBAAtB;AAGA,OAAOC,OAAP,MAAoB,mBAApB;AAEA,eAAe,MAAMC,kBAAN,SAAiCH,YAAjC,CAA8C;EAC3D,CAACI,OAAD;;EAEmB,IAAPA,OAAO,GAAW;IAC5B,IAAI,KAAK,CAACA,OAAV,EAAmB;MACjB,OAAO,KAAK,CAACA,OAAb;IACD;;IAED,MAAM,IAAIC,KAAJ,CAAU,0DAAV,CAAN;EACD;;EAEeC,oBAAoB,GAAS;IAC3C,KAAKC,QAAL,CAAc,KAAKC,UAAL,CAAgBC,aAAhB,CAA8B,KAAKL,OAAnC,CAAd,EAA2D,KAA3D;EACD;;EAEeM,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAInB;IACP,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,WAAW,GAAGb,OAAO,CAACU,OAAD,EAAU,KAAV,CAA3B;IACAG,WAAW,CAACC,OAAZ,CAAqBC,IAAD,IAAU;MAC5B;MACAH,KAAK,CAACG,IAAI,CAACL,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEK,IAAI,CAACL,OADM;QAEpBM,KAAK,EAAEL,GAAG,EAAEK,KAAL,IAAc,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQApB,KAAK,CACH,oDADG,EAEF,KAAIgB,IAAI,CAACL,OAAQ,EAFf,CAAL;IAID,CAdD;IAgBA,KAAK,CAACR,OAAN,GAAgBW,WAAW,CACzB;IADyB,CAExBO,MAFa,CAELL,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbI,GAHa,CAGRN,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbK,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAOV,KAAP;EACD;;AA9C0D"}

package/esm/processors/styled.js

@@ -1,11 +1,22 @@
 import { debug } from '@linaria/logger';
-import StyledProcessor, { hasMeta } from '@linaria/react/processors/styled';
+import StyledProcessor from '@linaria/react/processors/styled';
+import { hasMeta } from '@linaria/tags';
 import { slugify } from '@linaria/utils';
 import atomize from './helpers/atomize';
 export default class AtomicStyledProcessor extends StyledProcessor {
+  #classes;
+
+  get classes() {
+    if (this.#classes) {
+      return this.#classes;
+    }
+
+    throw new Error('Styles are not extracted yet. Please call `extractRules` first.');
+  }
+
   extractRules(valueCache, cssText, loc) {
     const rules = {};
-    const wrappedValue = typeof this.component === 'string' ? null : valueCache.get(this.component.node);
+    const wrappedValue = typeof this.component === 'string' ? null : valueCache.get(this.component.node.name);
     const atomicRules = atomize(cssText, hasMeta(wrappedValue));
     atomicRules.forEach(rule => {
       // eslint-disable-next-line no-param-reassign
@@ -18,14 +29,14 @@ export default class AtomicStyledProcessor extends StyledProcessor {
       };
       debug('evaluator:template-processor:extracted-atomic-rule', `\n${rule.cssText}`);
     });
-    const classes = atomicRules // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object
+    this.#classes = atomicRules // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object
     .filter(rule => !!rule.className).map(rule => rule.className).join(' ');
-    return [rules, classes];
+    return rules;
   }
 
-  getProps(classes, uniqInterpolations) {
-    const props = super.getProps(classes, uniqInterpolations);
-    props.class = [classes, this.className].filter(Boolean).join(' ');
+  getProps() {
+    const props = super.getProps();
+    props.class = [this.classes, this.className].filter(Boolean).join(' ');
     props.atomic = true;
     return props;
   } // eslint-disable-next-line class-methods-use-this

package/esm/processors/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["debug","StyledProcessor","hasMeta","slugify","atomize","AtomicStyledProcessor","extractRules","valueCache","cssText","loc","rules","wrappedValue","component","get","node","atomicRules","forEach","rule","start","className","displayName","atom","classes","filter","map","join","getProps","uniqInterpolations","props","class","Boolean","atomic","getVariableId","value"],"sources":["../../src/processors/styled.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport type {\n  IInterpolation,\n  Rules,\n  ValueCache,\n} from '@linaria/core/processors/types';\nimport { debug } from '@linaria/logger';\nimport type { IProps } from '@linaria/react/processors/styled';\nimport StyledProcessor, { hasMeta } from '@linaria/react/processors/styled';\nimport { slugify } from '@linaria/utils';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicStyledProcessor extends StyledProcessor {\n  public override extractRules(\n    valueCache: ValueCache,\n    cssText: string,\n    loc?: SourceLocation | null\n  ): [Rules, string] {\n    const rules: Rules = {};\n\n    const wrappedValue =\n      typeof this.component === 'string'\n        ? null\n        : valueCache.get(this.component.node);\n\n    const atomicRules = atomize(cssText, hasMeta(wrappedValue));\n    atomicRules.forEach((rule) => {\n      // eslint-disable-next-line no-param-reassign\n      rules[rule.cssText] = {\n        cssText: rule.cssText,\n        start: loc?.start ?? null,\n        className: this.className,\n        displayName: this.displayName,\n        atom: true,\n      };\n\n      debug(\n        'evaluator:template-processor:extracted-atomic-rule',\n        `\\n${rule.cssText}`\n      );\n    });\n\n    const classes = atomicRules\n      // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n      .filter((rule) => !!rule.className)\n      .map((rule) => rule.className!)\n      .join(' ');\n\n    return [rules, classes];\n  }\n\n  protected override getProps(\n    classes: string,\n    uniqInterpolations: IInterpolation[]\n  ): IProps {\n    const props = super.getProps(classes, uniqInterpolations);\n    props.class = [classes, this.className].filter(Boolean).join(' ');\n    props.atomic = true;\n    return props;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  protected override getVariableId(value: string): string {\n    // id is based on the slugified value\n    return slugify(value);\n  }\n}\n"],"mappings":"AAOA,SAASA,KAAT,QAAsB,iBAAtB;AAEA,OAAOC,eAAP,IAA0BC,OAA1B,QAAyC,kCAAzC;AACA,SAASC,OAAT,QAAwB,gBAAxB;AAEA,OAAOC,OAAP,MAAoB,mBAApB;AAEA,eAAe,MAAMC,qBAAN,SAAoCJ,eAApC,CAAoD;EACjDK,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAIT;IACjB,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,YAAY,GAChB,OAAO,KAAKC,SAAZ,KAA0B,QAA1B,GACI,IADJ,GAEIL,UAAU,CAACM,GAAX,CAAe,KAAKD,SAAL,CAAeE,IAA9B,CAHN;IAKA,MAAMC,WAAW,GAAGX,OAAO,CAACI,OAAD,EAAUN,OAAO,CAACS,YAAD,CAAjB,CAA3B;IACAI,WAAW,CAACC,OAAZ,CAAqBC,IAAD,IAAU;MAC5B;MACAP,KAAK,CAACO,IAAI,CAACT,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAES,IAAI,CAACT,OADM;QAEpBU,KAAK,EAAET,GAAG,EAAES,KAAL,IAAc,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQArB,KAAK,CACH,oDADG,EAEF,KAAIiB,IAAI,CAACT,OAAQ,EAFf,CAAL;IAID,CAdD;IAgBA,MAAMc,OAAO,GAAGP,WAAW,CACzB;IADyB,CAExBQ,MAFa,CAELN,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbK,GAHa,CAGRP,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbM,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAO,CAACf,KAAD,EAAQY,OAAR,CAAP;EACD;;EAEkBI,QAAQ,CACzBJ,OADyB,EAEzBK,kBAFyB,EAGjB;IACR,MAAMC,KAAK,GAAG,MAAMF,QAAN,CAAeJ,OAAf,EAAwBK,kBAAxB,CAAd;IACAC,KAAK,CAACC,KAAN,GAAc,CAACP,OAAD,EAAU,KAAKH,SAAf,EAA0BI,MAA1B,CAAiCO,OAAjC,EAA0CL,IAA1C,CAA+C,GAA/C,CAAd;IACAG,KAAK,CAACG,MAAN,GAAe,IAAf;IACA,OAAOH,KAAP;EACD,CA/CgE,CAiDjE;;;EACmBI,aAAa,CAACC,KAAD,EAAwB;IACtD;IACA,OAAO9B,OAAO,CAAC8B,KAAD,CAAd;EACD;;AArDgE"}
+{"version":3,"file":"styled.js","names":["debug","StyledProcessor","hasMeta","slugify","atomize","AtomicStyledProcessor","classes","Error","extractRules","valueCache","cssText","loc","rules","wrappedValue","component","get","node","name","atomicRules","forEach","rule","start","className","displayName","atom","filter","map","join","getProps","props","class","Boolean","atomic","getVariableId","value"],"sources":["../../src/processors/styled.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport { debug } from '@linaria/logger';\nimport type { IProps } from '@linaria/react/processors/styled';\nimport StyledProcessor from '@linaria/react/processors/styled';\nimport { hasMeta } from '@linaria/tags';\nimport type { Rules, ValueCache } from '@linaria/tags';\nimport { slugify } from '@linaria/utils';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicStyledProcessor extends StyledProcessor {\n  #classes: string | undefined;\n\n  private get classes(): string {\n    if (this.#classes) {\n      return this.#classes;\n    }\n\n    throw new Error(\n      'Styles are not extracted yet. Please call `extractRules` first.'\n    );\n  }\n\n  public override extractRules(\n    valueCache: ValueCache,\n    cssText: string,\n    loc?: SourceLocation | null\n  ): Rules {\n    const rules: Rules = {};\n\n    const wrappedValue =\n      typeof this.component === 'string'\n        ? null\n        : valueCache.get(this.component.node.name);\n\n    const atomicRules = atomize(cssText, hasMeta(wrappedValue));\n    atomicRules.forEach((rule) => {\n      // eslint-disable-next-line no-param-reassign\n      rules[rule.cssText] = {\n        cssText: rule.cssText,\n        start: loc?.start ?? null,\n        className: this.className,\n        displayName: this.displayName,\n        atom: true,\n      };\n\n      debug(\n        'evaluator:template-processor:extracted-atomic-rule',\n        `\\n${rule.cssText}`\n      );\n    });\n\n    this.#classes = atomicRules\n      // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n      .filter((rule) => !!rule.className)\n      .map((rule) => rule.className!)\n      .join(' ');\n\n    return rules;\n  }\n\n  protected override getProps(): IProps {\n    const props = super.getProps();\n    props.class = [this.classes, this.className].filter(Boolean).join(' ');\n    props.atomic = true;\n    return props;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  protected override getVariableId(value: string): string {\n    // id is based on the slugified value\n    return slugify(value);\n  }\n}\n"],"mappings":"AAEA,SAASA,KAAT,QAAsB,iBAAtB;AAEA,OAAOC,eAAP,MAA4B,kCAA5B;AACA,SAASC,OAAT,QAAwB,eAAxB;AAEA,SAASC,OAAT,QAAwB,gBAAxB;AAEA,OAAOC,OAAP,MAAoB,mBAApB;AAEA,eAAe,MAAMC,qBAAN,SAAoCJ,eAApC,CAAoD;EACjE,CAACK,OAAD;;EAEmB,IAAPA,OAAO,GAAW;IAC5B,IAAI,KAAK,CAACA,OAAV,EAAmB;MACjB,OAAO,KAAK,CAACA,OAAb;IACD;;IAED,MAAM,IAAIC,KAAJ,CACJ,iEADI,CAAN;EAGD;;EAEeC,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAInB;IACP,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,YAAY,GAChB,OAAO,KAAKC,SAAZ,KAA0B,QAA1B,GACI,IADJ,GAEIL,UAAU,CAACM,GAAX,CAAe,KAAKD,SAAL,CAAeE,IAAf,CAAoBC,IAAnC,CAHN;IAKA,MAAMC,WAAW,GAAGd,OAAO,CAACM,OAAD,EAAUR,OAAO,CAACW,YAAD,CAAjB,CAA3B;IACAK,WAAW,CAACC,OAAZ,CAAqBC,IAAD,IAAU;MAC5B;MACAR,KAAK,CAACQ,IAAI,CAACV,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEU,IAAI,CAACV,OADM;QAEpBW,KAAK,EAAEV,GAAG,EAAEU,KAAL,IAAc,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQAxB,KAAK,CACH,oDADG,EAEF,KAAIoB,IAAI,CAACV,OAAQ,EAFf,CAAL;IAID,CAdD;IAgBA,KAAK,CAACJ,OAAN,GAAgBY,WAAW,CACzB;IADyB,CAExBO,MAFa,CAELL,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbI,GAHa,CAGRN,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbK,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAOf,KAAP;EACD;;EAEkBgB,QAAQ,GAAW;IACpC,MAAMC,KAAK,GAAG,MAAMD,QAAN,EAAd;IACAC,KAAK,CAACC,KAAN,GAAc,CAAC,KAAKxB,OAAN,EAAe,KAAKgB,SAApB,EAA+BG,MAA/B,CAAsCM,OAAtC,EAA+CJ,IAA/C,CAAoD,GAApD,CAAd;IACAE,KAAK,CAACG,MAAN,GAAe,IAAf;IACA,OAAOH,KAAP;EACD,CAxDgE,CA0DjE;;;EACmBI,aAAa,CAACC,KAAD,EAAwB;IACtD;IACA,OAAO/B,OAAO,CAAC+B,KAAD,CAAd;EACD;;AA9DgE"}

package/lib/processors/css.js

@@ -14,6 +14,20 @@ var _atomize = _interopRequireDefault(require("./helpers/atomize"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 class AtomicCssProcessor extends _css.default {
+  #classes;
+
+  get classes() {
+    if (this.#classes) {
+      return this.#classes;
+    }
+
+    throw new Error('Styles are not extracted yet. Please call `build` first.');
+  }
+
+  doRuntimeReplacement() {
+    this.replacer(this.astService.stringLiteral(this.classes), false);
+  }
+
   extractRules(valueCache, cssText, loc) {
     const rules = {};
     const atomicRules = (0, _atomize.default)(cssText, false);
@@ -30,9 +44,9 @@ class AtomicCssProcessor extends _css.default {
       };
       (0, _logger.debug)('evaluator:template-processor:extracted-atomic-rule', `\n${rule.cssText}`);
     });
-    const classes = atomicRules // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object
+    this.#classes = atomicRules // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object
     .filter(rule => !!rule.className).map(rule => rule.className).join(' ');
-    return [rules, classes];
+    return rules;
   }
 
 }

package/lib/processors/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":["AtomicCssProcessor","CssProcessor","extractRules","valueCache","cssText","loc","rules","atomicRules","atomize","forEach","rule","start","className","displayName","atom","debug","classes","filter","map","join"],"sources":["../../src/processors/css.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport CssProcessor from '@linaria/core/processors/css';\nimport type { Rules, ValueCache } from '@linaria/core/processors/types';\nimport { debug } from '@linaria/logger';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicCssProcessor extends CssProcessor {\n  public override extractRules(\n    valueCache: ValueCache,\n    cssText: string,\n    loc?: SourceLocation | null\n  ): [Rules, string] {\n    const rules: Rules = {};\n\n    const atomicRules = atomize(cssText, false);\n    atomicRules.forEach((rule) => {\n      // eslint-disable-next-line no-param-reassign\n      rules[rule.cssText] = {\n        cssText: rule.cssText,\n        start: loc?.start ?? null,\n        className: this.className!,\n        displayName: this.displayName!,\n        atom: true,\n      };\n\n      debug(\n        'evaluator:template-processor:extracted-atomic-rule',\n        `\\n${rule.cssText}`\n      );\n    });\n\n    const classes = atomicRules\n      // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n      .filter((rule) => !!rule.className)\n      .map((rule) => rule.className!)\n      .join(' ');\n\n    return [rules, classes];\n  }\n}\n"],"mappings":";;;;;;;AAEA;;AAEA;;AAEA;;;;AAEe,MAAMA,kBAAN,SAAiCC,YAAjC,CAA8C;EAC3CC,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAIT;IACjB,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,WAAW,GAAG,IAAAC,gBAAA,EAAQJ,OAAR,EAAiB,KAAjB,CAApB;IACAG,WAAW,CAACE,OAAZ,CAAqBC,IAAD,IAAU;MAAA;;MAC5B;MACAJ,KAAK,CAACI,IAAI,CAACN,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEM,IAAI,CAACN,OADM;QAEpBO,KAAK,gBAAEN,GAAF,aAAEA,GAAF,uBAAEA,GAAG,CAAEM,KAAP,mDAAgB,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQA,IAAAC,aAAA,EACE,oDADF,EAEG,KAAIL,IAAI,CAACN,OAAQ,EAFpB;IAID,CAdD;IAgBA,MAAMY,OAAO,GAAGT,WAAW,CACzB;IADyB,CAExBU,MAFa,CAELP,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbM,GAHa,CAGRR,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbO,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAO,CAACb,KAAD,EAAQU,OAAR,CAAP;EACD;;AAhC0D"}
+{"version":3,"file":"css.js","names":["AtomicCssProcessor","CssProcessor","classes","Error","doRuntimeReplacement","replacer","astService","stringLiteral","extractRules","valueCache","cssText","loc","rules","atomicRules","atomize","forEach","rule","start","className","displayName","atom","debug","filter","map","join"],"sources":["../../src/processors/css.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport CssProcessor from '@linaria/core/processors/css';\nimport { debug } from '@linaria/logger';\nimport type { Rules, ValueCache } from '@linaria/tags';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicCssProcessor extends CssProcessor {\n  #classes: string | undefined;\n\n  private get classes(): string {\n    if (this.#classes) {\n      return this.#classes;\n    }\n\n    throw new Error('Styles are not extracted yet. Please call `build` first.');\n  }\n\n  public override doRuntimeReplacement(): void {\n    this.replacer(this.astService.stringLiteral(this.classes), false);\n  }\n\n  public override extractRules(\n    valueCache: ValueCache,\n    cssText: string,\n    loc?: SourceLocation | null\n  ): Rules {\n    const rules: Rules = {};\n\n    const atomicRules = atomize(cssText, false);\n    atomicRules.forEach((rule) => {\n      // eslint-disable-next-line no-param-reassign\n      rules[rule.cssText] = {\n        cssText: rule.cssText,\n        start: loc?.start ?? null,\n        className: this.className!,\n        displayName: this.displayName!,\n        atom: true,\n      };\n\n      debug(\n        'evaluator:template-processor:extracted-atomic-rule',\n        `\\n${rule.cssText}`\n      );\n    });\n\n    this.#classes = atomicRules\n      // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n      .filter((rule) => !!rule.className)\n      .map((rule) => rule.className!)\n      .join(' ');\n\n    return rules;\n  }\n}\n"],"mappings":";;;;;;;AAEA;;AACA;;AAGA;;;;AAEe,MAAMA,kBAAN,SAAiCC,YAAjC,CAA8C;EAC3D,CAACC,OAAD;;EAEmB,IAAPA,OAAO,GAAW;IAC5B,IAAI,KAAK,CAACA,OAAV,EAAmB;MACjB,OAAO,KAAK,CAACA,OAAb;IACD;;IAED,MAAM,IAAIC,KAAJ,CAAU,0DAAV,CAAN;EACD;;EAEeC,oBAAoB,GAAS;IAC3C,KAAKC,QAAL,CAAc,KAAKC,UAAL,CAAgBC,aAAhB,CAA8B,KAAKL,OAAnC,CAAd,EAA2D,KAA3D;EACD;;EAEeM,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAInB;IACP,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,WAAW,GAAG,IAAAC,gBAAA,EAAQJ,OAAR,EAAiB,KAAjB,CAApB;IACAG,WAAW,CAACE,OAAZ,CAAqBC,IAAD,IAAU;MAAA;;MAC5B;MACAJ,KAAK,CAACI,IAAI,CAACN,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEM,IAAI,CAACN,OADM;QAEpBO,KAAK,gBAAEN,GAAF,aAAEA,GAAF,uBAAEA,GAAG,CAAEM,KAAP,mDAAgB,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQA,IAAAC,aAAA,EACE,oDADF,EAEG,KAAIL,IAAI,CAACN,OAAQ,EAFpB;IAID,CAdD;IAgBA,KAAK,CAACR,OAAN,GAAgBW,WAAW,CACzB;IADyB,CAExBS,MAFa,CAELN,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbK,GAHa,CAGRP,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbM,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAOZ,KAAP;EACD;;AA9C0D"}

package/lib/processors/styled.js

@@ -7,7 +7,9 @@ exports.default = void 0;
 
 var _logger = require("@linaria/logger");
 
-var _styled = _interopRequireWildcard(require("@linaria/react/processors/styled"));
+var _styled = _interopRequireDefault(require("@linaria/react/processors/styled"));
+
+var _tags = require("@linaria/tags");
 
 var _utils = require("@linaria/utils");
 
@@ -15,15 +17,21 @@ var _atomize = _interopRequireDefault(require("./helpers/atomize"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+class AtomicStyledProcessor extends _styled.default {
+  #classes;
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+  get classes() {
+    if (this.#classes) {
+      return this.#classes;
+    }
+
+    throw new Error('Styles are not extracted yet. Please call `extractRules` first.');
+  }
 
-class AtomicStyledProcessor extends _styled.default {
   extractRules(valueCache, cssText, loc) {
     const rules = {};
-    const wrappedValue = typeof this.component === 'string' ? null : valueCache.get(this.component.node);
-    const atomicRules = (0, _atomize.default)(cssText, (0, _styled.hasMeta)(wrappedValue));
+    const wrappedValue = typeof this.component === 'string' ? null : valueCache.get(this.component.node.name);
+    const atomicRules = (0, _atomize.default)(cssText, (0, _tags.hasMeta)(wrappedValue));
     atomicRules.forEach(rule => {
       var _loc$start;
 
@@ -37,14 +45,14 @@ class AtomicStyledProcessor extends _styled.default {
       };
       (0, _logger.debug)('evaluator:template-processor:extracted-atomic-rule', `\n${rule.cssText}`);
     });
-    const classes = atomicRules // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object
+    this.#classes = atomicRules // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object
     .filter(rule => !!rule.className).map(rule => rule.className).join(' ');
-    return [rules, classes];
+    return rules;
   }
 
-  getProps(classes, uniqInterpolations) {
-    const props = super.getProps(classes, uniqInterpolations);
-    props.class = [classes, this.className].filter(Boolean).join(' ');
+  getProps() {
+    const props = super.getProps();
+    props.class = [this.classes, this.className].filter(Boolean).join(' ');
     props.atomic = true;
     return props;
   } // eslint-disable-next-line class-methods-use-this

package/lib/processors/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["AtomicStyledProcessor","StyledProcessor","extractRules","valueCache","cssText","loc","rules","wrappedValue","component","get","node","atomicRules","atomize","hasMeta","forEach","rule","start","className","displayName","atom","debug","classes","filter","map","join","getProps","uniqInterpolations","props","class","Boolean","atomic","getVariableId","value","slugify"],"sources":["../../src/processors/styled.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport type {\n  IInterpolation,\n  Rules,\n  ValueCache,\n} from '@linaria/core/processors/types';\nimport { debug } from '@linaria/logger';\nimport type { IProps } from '@linaria/react/processors/styled';\nimport StyledProcessor, { hasMeta } from '@linaria/react/processors/styled';\nimport { slugify } from '@linaria/utils';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicStyledProcessor extends StyledProcessor {\n  public override extractRules(\n    valueCache: ValueCache,\n    cssText: string,\n    loc?: SourceLocation | null\n  ): [Rules, string] {\n    const rules: Rules = {};\n\n    const wrappedValue =\n      typeof this.component === 'string'\n        ? null\n        : valueCache.get(this.component.node);\n\n    const atomicRules = atomize(cssText, hasMeta(wrappedValue));\n    atomicRules.forEach((rule) => {\n      // eslint-disable-next-line no-param-reassign\n      rules[rule.cssText] = {\n        cssText: rule.cssText,\n        start: loc?.start ?? null,\n        className: this.className,\n        displayName: this.displayName,\n        atom: true,\n      };\n\n      debug(\n        'evaluator:template-processor:extracted-atomic-rule',\n        `\\n${rule.cssText}`\n      );\n    });\n\n    const classes = atomicRules\n      // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n      .filter((rule) => !!rule.className)\n      .map((rule) => rule.className!)\n      .join(' ');\n\n    return [rules, classes];\n  }\n\n  protected override getProps(\n    classes: string,\n    uniqInterpolations: IInterpolation[]\n  ): IProps {\n    const props = super.getProps(classes, uniqInterpolations);\n    props.class = [classes, this.className].filter(Boolean).join(' ');\n    props.atomic = true;\n    return props;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  protected override getVariableId(value: string): string {\n    // id is based on the slugified value\n    return slugify(value);\n  }\n}\n"],"mappings":";;;;;;;AAOA;;AAEA;;AACA;;AAEA;;;;;;;;AAEe,MAAMA,qBAAN,SAAoCC,eAApC,CAAoD;EACjDC,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAIT;IACjB,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,YAAY,GAChB,OAAO,KAAKC,SAAZ,KAA0B,QAA1B,GACI,IADJ,GAEIL,UAAU,CAACM,GAAX,CAAe,KAAKD,SAAL,CAAeE,IAA9B,CAHN;IAKA,MAAMC,WAAW,GAAG,IAAAC,gBAAA,EAAQR,OAAR,EAAiB,IAAAS,eAAA,EAAQN,YAAR,CAAjB,CAApB;IACAI,WAAW,CAACG,OAAZ,CAAqBC,IAAD,IAAU;MAAA;;MAC5B;MACAT,KAAK,CAACS,IAAI,CAACX,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEW,IAAI,CAACX,OADM;QAEpBY,KAAK,gBAAEX,GAAF,aAAEA,GAAF,uBAAEA,GAAG,CAAEW,KAAP,mDAAgB,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQA,IAAAC,aAAA,EACE,oDADF,EAEG,KAAIL,IAAI,CAACX,OAAQ,EAFpB;IAID,CAdD;IAgBA,MAAMiB,OAAO,GAAGV,WAAW,CACzB;IADyB,CAExBW,MAFa,CAELP,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbM,GAHa,CAGRR,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbO,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAO,CAAClB,KAAD,EAAQe,OAAR,CAAP;EACD;;EAEkBI,QAAQ,CACzBJ,OADyB,EAEzBK,kBAFyB,EAGjB;IACR,MAAMC,KAAK,GAAG,MAAMF,QAAN,CAAeJ,OAAf,EAAwBK,kBAAxB,CAAd;IACAC,KAAK,CAACC,KAAN,GAAc,CAACP,OAAD,EAAU,KAAKJ,SAAf,EAA0BK,MAA1B,CAAiCO,OAAjC,EAA0CL,IAA1C,CAA+C,GAA/C,CAAd;IACAG,KAAK,CAACG,MAAN,GAAe,IAAf;IACA,OAAOH,KAAP;EACD,CA/CgE,CAiDjE;;;EACmBI,aAAa,CAACC,KAAD,EAAwB;IACtD;IACA,OAAO,IAAAC,cAAA,EAAQD,KAAR,CAAP;EACD;;AArDgE"}
+{"version":3,"file":"styled.js","names":["AtomicStyledProcessor","StyledProcessor","classes","Error","extractRules","valueCache","cssText","loc","rules","wrappedValue","component","get","node","name","atomicRules","atomize","hasMeta","forEach","rule","start","className","displayName","atom","debug","filter","map","join","getProps","props","class","Boolean","atomic","getVariableId","value","slugify"],"sources":["../../src/processors/styled.ts"],"sourcesContent":["import type { SourceLocation } from '@babel/types';\n\nimport { debug } from '@linaria/logger';\nimport type { IProps } from '@linaria/react/processors/styled';\nimport StyledProcessor from '@linaria/react/processors/styled';\nimport { hasMeta } from '@linaria/tags';\nimport type { Rules, ValueCache } from '@linaria/tags';\nimport { slugify } from '@linaria/utils';\n\nimport atomize from './helpers/atomize';\n\nexport default class AtomicStyledProcessor extends StyledProcessor {\n  #classes: string | undefined;\n\n  private get classes(): string {\n    if (this.#classes) {\n      return this.#classes;\n    }\n\n    throw new Error(\n      'Styles are not extracted yet. Please call `extractRules` first.'\n    );\n  }\n\n  public override extractRules(\n    valueCache: ValueCache,\n    cssText: string,\n    loc?: SourceLocation | null\n  ): Rules {\n    const rules: Rules = {};\n\n    const wrappedValue =\n      typeof this.component === 'string'\n        ? null\n        : valueCache.get(this.component.node.name);\n\n    const atomicRules = atomize(cssText, hasMeta(wrappedValue));\n    atomicRules.forEach((rule) => {\n      // eslint-disable-next-line no-param-reassign\n      rules[rule.cssText] = {\n        cssText: rule.cssText,\n        start: loc?.start ?? null,\n        className: this.className,\n        displayName: this.displayName,\n        atom: true,\n      };\n\n      debug(\n        'evaluator:template-processor:extracted-atomic-rule',\n        `\\n${rule.cssText}`\n      );\n    });\n\n    this.#classes = atomicRules\n      // Some atomic rules produced (eg. keyframes) don't have class names, and they also don't need to appear in the object\n      .filter((rule) => !!rule.className)\n      .map((rule) => rule.className!)\n      .join(' ');\n\n    return rules;\n  }\n\n  protected override getProps(): IProps {\n    const props = super.getProps();\n    props.class = [this.classes, this.className].filter(Boolean).join(' ');\n    props.atomic = true;\n    return props;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  protected override getVariableId(value: string): string {\n    // id is based on the slugified value\n    return slugify(value);\n  }\n}\n"],"mappings":";;;;;;;AAEA;;AAEA;;AACA;;AAEA;;AAEA;;;;AAEe,MAAMA,qBAAN,SAAoCC,eAApC,CAAoD;EACjE,CAACC,OAAD;;EAEmB,IAAPA,OAAO,GAAW;IAC5B,IAAI,KAAK,CAACA,OAAV,EAAmB;MACjB,OAAO,KAAK,CAACA,OAAb;IACD;;IAED,MAAM,IAAIC,KAAJ,CACJ,iEADI,CAAN;EAGD;;EAEeC,YAAY,CAC1BC,UAD0B,EAE1BC,OAF0B,EAG1BC,GAH0B,EAInB;IACP,MAAMC,KAAY,GAAG,EAArB;IAEA,MAAMC,YAAY,GAChB,OAAO,KAAKC,SAAZ,KAA0B,QAA1B,GACI,IADJ,GAEIL,UAAU,CAACM,GAAX,CAAe,KAAKD,SAAL,CAAeE,IAAf,CAAoBC,IAAnC,CAHN;IAKA,MAAMC,WAAW,GAAG,IAAAC,gBAAA,EAAQT,OAAR,EAAiB,IAAAU,aAAA,EAAQP,YAAR,CAAjB,CAApB;IACAK,WAAW,CAACG,OAAZ,CAAqBC,IAAD,IAAU;MAAA;;MAC5B;MACAV,KAAK,CAACU,IAAI,CAACZ,OAAN,CAAL,GAAsB;QACpBA,OAAO,EAAEY,IAAI,CAACZ,OADM;QAEpBa,KAAK,gBAAEZ,GAAF,aAAEA,GAAF,uBAAEA,GAAG,CAAEY,KAAP,mDAAgB,IAFD;QAGpBC,SAAS,EAAE,KAAKA,SAHI;QAIpBC,WAAW,EAAE,KAAKA,WAJE;QAKpBC,IAAI,EAAE;MALc,CAAtB;MAQA,IAAAC,aAAA,EACE,oDADF,EAEG,KAAIL,IAAI,CAACZ,OAAQ,EAFpB;IAID,CAdD;IAgBA,KAAK,CAACJ,OAAN,GAAgBY,WAAW,CACzB;IADyB,CAExBU,MAFa,CAELN,IAAD,IAAU,CAAC,CAACA,IAAI,CAACE,SAFX,EAGbK,GAHa,CAGRP,IAAD,IAAUA,IAAI,CAACE,SAHN,EAIbM,IAJa,CAIR,GAJQ,CAAhB;IAMA,OAAOlB,KAAP;EACD;;EAEkBmB,QAAQ,GAAW;IACpC,MAAMC,KAAK,GAAG,MAAMD,QAAN,EAAd;IACAC,KAAK,CAACC,KAAN,GAAc,CAAC,KAAK3B,OAAN,EAAe,KAAKkB,SAApB,EAA+BI,MAA/B,CAAsCM,OAAtC,EAA+CJ,IAA/C,CAAoD,GAApD,CAAd;IACAE,KAAK,CAACG,MAAN,GAAe,IAAf;IACA,OAAOH,KAAP;EACD,CAxDgE,CA0DjE;;;EACmBI,aAAa,CAACC,KAAD,EAAwB;IACtD;IACA,OAAO,IAAAC,cAAA,EAAQD,KAAR,CAAP;EACD;;AA9DgE"}

package/package.json

@@ -1,28 +1,30 @@
 {
   "name": "@linaria/atomic",
   "description": "Blazing fast zero-runtime CSS in JS library",
-  "version": "3.0.0-beta.21",
+  "version": "4.0.0-beta.1",
   "bugs": "https://github.com/callstack/linaria/issues",
   "dependencies": {
-    "@linaria/core": "^3.0.0-beta.21",
-    "@linaria/logger": "^3.0.0-beta.20",
-    "@linaria/react": "^3.0.0-beta.21",
-    "@linaria/utils": "^3.0.0-beta.20",
+    "@linaria/core": "^4.0.0-beta.1",
+    "@linaria/logger": "^4.0.0-beta.1",
+    "@linaria/react": "^4.0.0-beta.1",
+    "@linaria/tags": "^4.0.0-beta.1",
+    "@linaria/utils": "^4.0.0-beta.1",
     "known-css-properties": "^0.24.0",
     "postcss": "^8.3.11",
     "stylis": "^3.5.4",
     "ts-invariant": "^0.10.3"
   },
   "devDependencies": {
-    "@babel/types": "^7.18.4"
+    "@babel/types": "^7.18.9"
   },
   "engines": {
     "node": "^12.16.0 || >=13.7.0"
   },
   "files": [
-    "types/",
+    "esm/",
     "lib/",
-    "esm/"
+    "processors/",
+    "types/"
   ],
   "homepage": "https://github.com/callstack/linaria#readme",
   "keywords": [
@@ -54,6 +56,5 @@
     "build:lib": "cross-env NODE_ENV=legacy babel src --out-dir lib --extensions '.js,.jsx,.ts,.tsx' --source-maps --delete-dir-on-start",
     "typecheck": "tsc --noEmit --composite false",
     "watch": "npm run build --watch"
-  },
-  "readme": "<p align=\"center\">\n  <img alt=\"Linaria\" src=\"https://raw.githubusercontent.com/callstack/linaria/HEAD/website/assets/linaria-logo@2x.png\" width=\"496\">\n</p>\n\n<p align=\"center\">\nZero-runtime CSS in JS library.\n</p>\n\n---\n\n### 📖 Please refer to the [GitHub](https://github.com/callstack/linaria#readme) for full documentation.\n\n## Features\n\n- Write CSS in JS, but with **zero runtime**, CSS is extracted to CSS files during build\n- Familiar **CSS syntax** with Sass like nesting\n- Use **dynamic prop based styles** with the React bindings, uses CSS variables behind the scenes\n- Easily find where the style was defined with **CSS sourcemaps**\n- **Lint your CSS** in JS with [stylelint](https://github.com/stylelint/stylelint)\n- Use **JavaScript for logic**, no CSS preprocessor needed\n- Optionally use any **CSS preprocessor** such as Sass or PostCSS\n\n**[Why use Linaria](../../docs/BENEFITS.md)**\n\n## Installation\n\n```sh\nnpm install @linaria/core @linaria/react @linaria/babel-preset @linaria/shaker\n```\n\nor\n\n```sh\nyarn add @linaria/core @linaria/react @linaria/babel-preset @linaria/shaker\n```\n"
+  }
 }

package/processors/css.js

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+
+exports.default = require('../lib/processors/css').default;

package/processors/styled.js

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+
+exports.default = require('../lib/processors/styled').default;

package/types/processors/css.d.ts

@@ -1,6 +1,9 @@
 import type { SourceLocation } from '@babel/types';
 import CssProcessor from '@linaria/core/processors/css';
-import type { Rules, ValueCache } from '@linaria/core/processors/types';
+import type { Rules, ValueCache } from '@linaria/tags';
 export default class AtomicCssProcessor extends CssProcessor {
-    extractRules(valueCache: ValueCache, cssText: string, loc?: SourceLocation | null): [Rules, string];
+    #private;
+    private get classes();
+    doRuntimeReplacement(): void;
+    extractRules(valueCache: ValueCache, cssText: string, loc?: SourceLocation | null): Rules;
 }

package/types/processors/styled.d.ts

@@ -1,9 +1,11 @@
 import type { SourceLocation } from '@babel/types';
-import type { IInterpolation, Rules, ValueCache } from '@linaria/core/processors/types';
 import type { IProps } from '@linaria/react/processors/styled';
 import StyledProcessor from '@linaria/react/processors/styled';
+import type { Rules, ValueCache } from '@linaria/tags';
 export default class AtomicStyledProcessor extends StyledProcessor {
-    extractRules(valueCache: ValueCache, cssText: string, loc?: SourceLocation | null): [Rules, string];
-    protected getProps(classes: string, uniqInterpolations: IInterpolation[]): IProps;
+    #private;
+    private get classes();
+    extractRules(valueCache: ValueCache, cssText: string, loc?: SourceLocation | null): Rules;
+    protected getProps(): IProps;
     protected getVariableId(value: string): string;
 }