feat(next-swc): Update swc crates (#35395)

* Update crates

* fixup

* fix type

* Update test refs

* Update css crates

* Update test refs

* Update test refs

* Update test refs

* SourceMap

* Fix?

* Update crates

* Fix

* Update test refs

* Update test refs

* Update error reporter

* Update snapshots

* Update snapshots

* Bug?

* Fix

* Fix lint

* Update swc again

* fixup

* Update test refs

* Fix

Co-authored-by: Maia Teegarden <dev@padmaia.rocks>

packages/next-swc/Cargo.lock

@@ -33,7 +33,7 @@ version = "0.7.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "fcb51a0695d8f838b1ee009b3fbf66bda078cd64590202a864a8f3e8c4315c47"
 dependencies = [
- "getrandom 0.2.5",
+ "getrandom",
  "once_cell",
  "serde",
  "version_check",
@@ -431,7 +431,7 @@ checksum = "c0834a35a3fce649144119e18da2a4d8ed12ef3862f47183fd46f625d072d96c"
 dependencies = [
  "cfg-if 1.0.0",
  "num_cpus",
- "parking_lot 0.12.0",
+ "parking_lot",
 ]
 
 [[package]]
@@ -575,17 +575,6 @@ dependencies = [
  "version_check",
 ]
 
-[[package]]
-name = "getrandom"
-version = "0.1.16"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8fc3cb4d91f53b50155bdcfd23f6a4c39ae1969c2ae85982b135750cccaf5fce"
-dependencies = [
- "cfg-if 1.0.0",
- "libc",
- "wasi 0.9.0+wasi-snapshot-preview1",
-]
-
 [[package]]
 name = "getrandom"
 version = "0.2.5"
@@ -594,7 +583,7 @@ checksum = "d39cd93900197114fa1fcb7ae84ca742095eed9442088988ae74fa744e930e77"
 dependencies = [
  "cfg-if 1.0.0",
  "libc",
- "wasi 0.10.2+wasi-snapshot-preview1",
+ "wasi",
 ]
 
 [[package]]
@@ -704,6 +693,12 @@ dependencies = [
  "syn",
 ]
 
+[[package]]
+name = "is_ci"
+version = "1.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "616cde7c720bb2bb5824a224687d8f77bfd38922027f01d825cd7453be5099fb"
+
 [[package]]
 name = "itertools"
 version = "0.10.3"
@@ -876,6 +871,37 @@ dependencies = [
  "autocfg",
 ]
 
+[[package]]
+name = "miette"
+version = "4.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e7ea7314b2a8dd373c2f2d2322e866ddea5d62ffd3d6cd7f2bb8c1467e56529f"
+dependencies = [
+ "atty",
+ "backtrace",
+ "miette-derive",
+ "once_cell",
+ "owo-colors",
+ "supports-color",
+ "supports-hyperlinks",
+ "supports-unicode",
+ "terminal_size",
+ "textwrap",
+ "thiserror",
+ "unicode-width",
+]
+
+[[package]]
+name = "miette-derive"
+version = "4.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c547b28d4f52cae473fb5a30ca087ed7fc5d1bac150bd6dfd9ec0a4562303aa3"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
 [[package]]
 name = "mimalloc-rust"
 version = "0.1.1"
@@ -976,11 +1002,11 @@ dependencies = [
  "swc_cached",
  "swc_common",
  "swc_css",
+ "swc_css_prefixer",
  "swc_ecma_loader",
  "swc_ecma_transforms_testing",
  "swc_ecmascript",
  "swc_node_base",
- "swc_stylis",
  "testing",
  "tracing",
  "walkdir",
@@ -1110,15 +1136,10 @@ dependencies = [
 ]
 
 [[package]]
-name = "parking_lot"
+name = "owo-colors"
-version = "0.11.1"
+version = "3.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6d7744ac029df22dca6284efe4e898991d28e3085c706c972bcd7da4a27a15eb"
+checksum = "20448fd678ec04e6ea15bbe0476874af65e98a01515d667aa49f1434dc44ebf4"
-dependencies = [
- "instant",
- "lock_api",
- "parking_lot_core 0.8.0",
-]
 
 [[package]]
 name = "parking_lot"
@@ -1236,28 +1257,18 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "fabbf1ead8a5bcbc20f5f8b939ee3f5b0f6f281b6ad3468b84656b658b455259"
 dependencies = [
  "phf_macros",
- "phf_shared 0.10.0",
+ "phf_shared",
  "proc-macro-hack",
 ]
 
-[[package]]
-name = "phf_generator"
-version = "0.8.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "17367f0cc86f2d25802b2c26ee58a7b23faeccf78a396094c13dced0d0182526"
-dependencies = [
- "phf_shared 0.8.0",
- "rand 0.7.3",
-]
-
 [[package]]
 name = "phf_generator"
 version = "0.10.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "5d5285893bb5eb82e6aaf5d59ee909a06a16737a8970984dd7746ba9283498d6"
 dependencies = [
- "phf_shared 0.10.0",
+ "phf_shared",
- "rand 0.8.5",
+ "rand",
 ]
 
 [[package]]
@@ -1266,23 +1277,14 @@ version = "0.10.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "58fdf3184dd560f160dd73922bea2d5cd6e8f064bf4b13110abd81b03697b4e0"
 dependencies = [
- "phf_generator 0.10.0",
+ "phf_generator",
- "phf_shared 0.10.0",
+ "phf_shared",
  "proc-macro-hack",
  "proc-macro2",
  "quote",
  "syn",
 ]
 
-[[package]]
-name = "phf_shared"
-version = "0.8.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c00cf8b9eafe68dde5e9eaa2cef8ee84a9336a47d566ec55ca16589633b65af7"
-dependencies = [
- "siphasher",
-]
-
 [[package]]
 name = "phf_shared"
 version = "0.10.0"
@@ -1340,9 +1342,9 @@ dependencies = [
 
 [[package]]
 name = "pretty_assertions"
-version = "0.7.2"
+version = "1.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1cab0e7c02cf376875e9335e0ba1da535775beb5450d21e1dffca068818ed98b"
+checksum = "57c038cb5319b9c704bf9c227c261d275bfec0ad438118a2787ce47944fb228b"
 dependencies = [
  "ansi_term",
  "ctor",
@@ -1410,20 +1412,6 @@ version = "1.0.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ce082a9940a7ace2ad4a8b7d0b1eac6aa378895f18be598230c5f2284ac05426"
 
-[[package]]
-name = "rand"
-version = "0.7.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6a6b1679d49b24bbfe0c803429aa1874472f50d9b363131f0e89fc356b544d03"
-dependencies = [
- "getrandom 0.1.16",
- "libc",
- "rand_chacha 0.2.2",
- "rand_core 0.5.1",
- "rand_hc",
- "rand_pcg",
-]
-
 [[package]]
 name = "rand"
 version = "0.8.5"
@@ -1431,18 +1419,8 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "34af8d1a0e25924bc5b7c43c079c942339d8f0a8b57c39049bef581b46327404"
 dependencies = [
  "libc",
- "rand_chacha 0.3.1",
+ "rand_chacha",
- "rand_core 0.6.3",
+ "rand_core",
-]
-
-[[package]]
-name = "rand_chacha"
-version = "0.2.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f4c8ed856279c9737206bf725bf36935d8666ead7aa69b52be55af369d193402"
-dependencies = [
- "ppv-lite86",
- "rand_core 0.5.1",
 ]
 
 [[package]]
@@ -1452,16 +1430,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e6c10a63a0fa32252be49d21e7709d4d4baf8d231c2dbce1eaa8141b9b127d88"
 dependencies = [
  "ppv-lite86",
- "rand_core 0.6.3",
+ "rand_core",
-]
-
-[[package]]
-name = "rand_core"
-version = "0.5.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "90bde5296fc891b0cef12a6d03ddccc162ce7b2aff54160af9338f8d40df6d19"
-dependencies = [
- "getrandom 0.1.16",
 ]
 
 [[package]]
@@ -1470,25 +1439,7 @@ version = "0.6.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d34f1408f55294453790c48b2f1ebbb1c5b4b7563eb1f418bcfcfdbb06ebb4e7"
 dependencies = [
- "getrandom 0.2.5",
+ "getrandom",
-]
-
-[[package]]
-name = "rand_hc"
-version = "0.2.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ca3129af7b92a17112d59ad498c6f81eaf463253766b90396d39ea7a39d6613c"
-dependencies = [
- "rand_core 0.5.1",
-]
-
-[[package]]
-name = "rand_pcg"
-version = "0.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "16abd0c1b639e9eb4d7c50c0b8100b0d0f849be2349829c740fe8e6eb4816429"
-dependencies = [
- "rand_core 0.5.1",
 ]
 
 [[package]]
@@ -1737,6 +1688,12 @@ version = "1.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f2dd574626839106c320a323308629dcb1acfc96e32a8cba364ddc61ac23ee83"
 
+[[package]]
+name = "smawk"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f67ad224767faa3c7d8b6d91985b78e70a1324408abcb1cfcc2be4c06bc06043"
+
 [[package]]
 name = "sourcemap"
 version = "6.0.1"
@@ -1783,26 +1740,26 @@ checksum = "a2eb9349b6444b326872e140eb1cf5e7c522154d69e7a0ffb0fb81c06b37543f"
 
 [[package]]
 name = "string_cache"
-version = "0.8.3"
+version = "0.8.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "33994d0838dc2d152d17a62adf608a869b5e846b65b389af7f3dbc1de45c5b26"
+checksum = "213494b7a2b503146286049378ce02b482200519accc31872ee8be91fa820a08"
 dependencies = [
- "lazy_static",
  "new_debug_unreachable",
- "parking_lot 0.11.1",
+ "once_cell",
- "phf_shared 0.10.0",
+ "parking_lot",
+ "phf_shared",
  "precomputed-hash",
  "serde",
 ]
 
 [[package]]
 name = "string_cache_codegen"
-version = "0.5.1"
+version = "0.5.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f24c8e5e19d22a726626f1a5e16fe15b132dcf21d10177fa5a45ce7962996b97"
+checksum = "6bb30289b722be4ff74a408c3cc27edeaad656e06cb1fe8fa9231fa59c728988"
 dependencies = [
- "phf_generator 0.8.0",
+ "phf_generator",
- "phf_shared 0.8.0",
+ "phf_shared",
  "proc-macro2",
  "quote",
 ]
@@ -1828,9 +1785,9 @@ checksum = "6446ced80d6c486436db5c078dde11a9f73d42b57fb273121e160b84f63d894c"
 
 [[package]]
 name = "styled_components"
-version = "0.19.0"
+version = "0.23.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f3d0b885062c11468ffdb110b837f0cab89d34e3cbb5dade150ad1f4ce1ba04d"
+checksum = "a29f0d8eb056b9763d224462594cda0f2dc96aa613fab7ada00ade37d3f05443"
 dependencies = [
  "Inflector",
  "once_cell",
@@ -1843,10 +1800,38 @@ dependencies = [
 ]
 
 [[package]]
-name = "swc"
+name = "supports-color"
-version = "0.150.2"
+version = "1.3.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4797acf688dd8a83ed4dc2d2d1bd19bf0009aa5a365e23fe2be5092b4e4c954f"
+checksum = "4872ced36b91d47bae8a214a683fe54e7078875b399dfa251df346c9b547d1f9"
+dependencies = [
+ "atty",
+ "is_ci",
+]
+
+[[package]]
+name = "supports-hyperlinks"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "590b34f7c5f01ecc9d78dba4b3f445f31df750a67621cf31626f3b7441ce6406"
+dependencies = [
+ "atty",
+]
+
+[[package]]
+name = "supports-unicode"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a8b945e45b417b125a8ec51f1b7df2f8df7920367700d1f98aedd21e5735f8b2"
+dependencies = [
+ "atty",
+]
+
+[[package]]
+name = "swc"
+version = "0.161.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "21ec4e431e58f946a96690e348e5a876534a2d99ccebc0690610f5410f0ccb89"
 dependencies = [
  "ahash",
  "anyhow",
@@ -1856,7 +1841,7 @@ dependencies = [
  "indexmap",
  "lru",
  "once_cell",
- "parking_lot 0.12.0",
+ "parking_lot",
  "pathdiff",
  "regex",
  "serde",
@@ -1880,6 +1865,7 @@ dependencies = [
  "swc_ecma_utils",
  "swc_ecma_visit",
  "swc_ecmascript",
+ "swc_error_reporters",
  "swc_node_comments",
  "swc_visit",
  "tracing",
@@ -1887,9 +1873,9 @@ dependencies = [
 
 [[package]]
 name = "swc_atoms"
-version = "0.2.9"
+version = "0.2.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9f5229fe227ff0060e13baa386d6e368797700eab909523f730008d191ee53ae"
+checksum = "ba8735ce37e421749498e038955abc1135eec6a4af0b54a173e55d2e5542d472"
 dependencies = [
  "string_cache",
  "string_cache_codegen",
@@ -1897,9 +1883,9 @@ dependencies = [
 
 [[package]]
 name = "swc_bundler"
-version = "0.122.0"
+version = "0.130.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f20988c95a6e660f28c741b81688ffabd012709ef8e663dad37bcffaa23dc2d6"
+checksum = "7019f6b663117b77c085b4bc432d13370fd7715fe1a7e63cb54070756710133a"
 dependencies = [
  "ahash",
  "anyhow",
@@ -1908,7 +1894,7 @@ dependencies = [
  "indexmap",
  "is-macro",
  "once_cell",
- "parking_lot 0.12.0",
+ "parking_lot",
  "petgraph",
  "radix_fmt",
  "rayon",
@@ -1946,9 +1932,9 @@ dependencies = [
 
 [[package]]
 name = "swc_common"
-version = "0.17.15"
+version = "0.17.18"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "af06472bfc423fb7b75c483eccfb9b6790db9de0fb2d6ff1ef8369a2551a3707"
+checksum = "278ad1cbb3fb3b2686c86a7dd5f307ef791918d249a6da60fa6cd3388f4c6a78"
 dependencies = [
  "ahash",
  "ast_node",
@@ -1960,7 +1946,7 @@ dependencies = [
  "from_variant",
  "num-bigint",
  "once_cell",
- "parking_lot 0.12.0",
+ "parking_lot",
  "rustc-hash",
  "serde",
  "siphasher",
@@ -1976,9 +1962,9 @@ dependencies = [
 
 [[package]]
 name = "swc_css"
-version = "0.100.0"
+version = "0.103.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fd76b4fffe5f5615e167985283e5581d3bf87ab41e388d0c486719d52ce0f1b3"
+checksum = "35b5f2bb2b2845da367ce7343e8c4821849694d4294fd54cdd8663bb08d04ac0"
 dependencies = [
  "swc_css_ast",
  "swc_css_codegen",
@@ -1989,9 +1975,9 @@ dependencies = [
 
 [[package]]
 name = "swc_css_ast"
-version = "0.90.0"
+version = "0.91.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "89ae602751d820bba386fb525d38f4bfdc5e5a5db8b02318c4742ab931d894f3"
+checksum = "f124ebd2d7588bb68e7902485a497a7f0e7e9876f113cd3f9f366a7bbb5bf7b4"
 dependencies = [
  "is-macro",
  "serde",
@@ -2002,9 +1988,9 @@ dependencies = [
 
 [[package]]
 name = "swc_css_codegen"
-version = "0.97.0"
+version = "0.100.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "63b975558fe80ad6246930d3bf027c58df9fdab5e112461805c03a2ea8db8279"
+checksum = "895cfa7ee88d809ecefb9af9da2c1c8c2f45e58e303967cfe0aaa96d319064d7"
 dependencies = [
  "auto_impl",
  "bitflags",
@@ -2029,9 +2015,9 @@ dependencies = [
 
 [[package]]
 name = "swc_css_parser"
-version = "0.97.0"
+version = "0.99.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c44d90bcf8a6d8668c2d1e691a5101fa599a6fff0a82088e0b3f56214e1d9bae"
+checksum = "c7b306eb9375370f47c252d4f41068e0ca9e8d3f0d365142ba44be95287db149"
 dependencies = [
  "bitflags",
  "lexical",
@@ -2041,10 +2027,23 @@ dependencies = [
 ]
 
 [[package]]
-name = "swc_css_utils"
+name = "swc_css_prefixer"
-version = "0.87.0"
+version = "0.99.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f039d24094d6d8a65347ef5004aa2adb7b11dffd463af5d5c8b87481ee94ee4d"
+checksum = "301926ee69de04a6643f9c4ac8dcc67c6a5de3edd9fe218c6c2cf99f8c934652"
+dependencies = [
+ "swc_atoms",
+ "swc_common",
+ "swc_css_ast",
+ "swc_css_utils",
+ "swc_css_visit",
+]
+
+[[package]]
+name = "swc_css_utils"
+version = "0.88.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e57af5708496f58a8777f1e23b82fcb8745404a480fb5588a9ed57baf48c5bbe"
 dependencies = [
  "swc_atoms",
  "swc_common",
@@ -2054,9 +2053,9 @@ dependencies = [
 
 [[package]]
 name = "swc_css_visit"
-version = "0.89.0"
+version = "0.90.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5557d81524c4ff0ca3be95ba699802105d016b7f72f35b746c231acfb95cda72"
+checksum = "c60ac83b8c5ffc8e3ff1c2fb60036f30d7a747534df55d2f05bb01c66ed83427"
 dependencies = [
  "swc_atoms",
  "swc_common",
@@ -2066,9 +2065,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_ast"
-version = "0.70.0"
+version = "0.73.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e35d736b61d3dceb5a4e18a86d69bfc352aa7136fd3c5a6c2f3353231cd9d839"
+checksum = "a20447f3de45ecf25ecb13d7ca039fae8ea9c2acdcde1efb020526b5f7ffbc7a"
 dependencies = [
  "is-macro",
  "num-bigint",
@@ -2081,14 +2080,15 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_codegen"
-version = "0.95.0"
+version = "0.101.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8fa4a2b82e2bab5bea6472e23b14bd96c462ae9e1e29d9af2ea8ea6d58dcc406"
+checksum = "55757ca4dd7bd6882beeef38352e730ea06b772c14b1c49a46aa489605794def"
 dependencies = [
  "bitflags",
  "memchr",
  "num-bigint",
  "once_cell",
+ "rustc-hash",
  "sourcemap",
  "swc_atoms",
  "swc_common",
@@ -2099,9 +2099,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_codegen_macros"
-version = "0.6.0"
+version = "0.7.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bdbf826c739281cdb3b3c23883fd1a7586ea1c15b1287530e7123a7fad8f0e25"
+checksum = "59949619b2ef45eedb6c399d05f2c3c7bc678b5074b3103bb670f9e05bb99042"
 dependencies = [
  "pmutil",
  "proc-macro2",
@@ -2112,9 +2112,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_ext_transforms"
-version = "0.58.0"
+version = "0.63.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e9abffab30a8d23ebbead8d5c119e8ef10ab0bd9006eb6ff695d0a092583511b"
+checksum = "d94b94ebbace370a5b28c9b57801e52f43580a4813e33a3f23f1f228487a1fbe"
 dependencies = [
  "phf",
  "swc_atoms",
@@ -2126,14 +2126,14 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_lints"
-version = "0.23.1"
+version = "0.29.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "aedc1fdd035c4eeecb33af1f3e9d398e09dc181e97a8e86f1f55acc557918bc8"
+checksum = "9be74227a2b1d2bb0f6060ed905c7dc1b298cba279dc99c7ad5e7886f5bff144"
 dependencies = [
  "ahash",
  "auto_impl",
  "dashmap 5.1.0",
- "parking_lot 0.12.0",
+ "parking_lot",
  "rayon",
  "regex",
  "serde",
@@ -2156,7 +2156,7 @@ dependencies = [
  "lru",
  "normpath",
  "once_cell",
- "parking_lot 0.12.0",
+ "parking_lot",
  "path-clean",
  "serde",
  "serde_json",
@@ -2167,14 +2167,14 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_minifier"
-version = "0.89.2"
+version = "0.97.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ce6d504a13e728ba34cda8046620e004aa279af8b6ce1701d434840b6d396f1e"
+checksum = "6f8e7de2647680236508cf7ea06fdfcdf5a9c4632a9fd5a5d99764818a77188d"
 dependencies = [
  "ahash",
  "indexmap",
  "once_cell",
- "parking_lot 0.12.0",
+ "parking_lot",
  "rayon",
  "regex",
  "retain_mut",
@@ -2187,8 +2187,8 @@ dependencies = [
  "swc_ecma_ast",
  "swc_ecma_codegen",
  "swc_ecma_parser",
- "swc_ecma_transforms",
  "swc_ecma_transforms_base",
+ "swc_ecma_transforms_optimization",
  "swc_ecma_utils",
  "swc_ecma_visit",
  "swc_timer",
@@ -2198,9 +2198,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_parser"
-version = "0.93.0"
+version = "0.98.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6bcc4ebfd0c5f7c9e5fd03b3dff680d61e997e51147e6f4738ee3274be5ad382"
+checksum = "e45b91e7d45fca94d60e31493475647ef7be6173e56d34aacdce3579dbd8c315"
 dependencies = [
  "either",
  "enum_kind",
@@ -2218,9 +2218,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_preset_env"
-version = "0.106.2"
+version = "0.114.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4c76924d65625afb0536c433d59a6f63fee0388e0ab7f121bda9ec92a84b4678"
+checksum = "dc23914b7af5f5087e8888e82a2a1835386305a5cfe0252e5fb743c0c994d567"
 dependencies = [
  "ahash",
  "anyhow",
@@ -2243,9 +2243,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms"
-version = "0.131.0"
+version = "0.139.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "484ab8024a62c8f35a408898d0b8aa664e03a992c2f262cda6173274f48d955e"
+checksum = "6dbf12cb1884d8feaad7fbeb7f3196d3a3d30df8179eadd8b1785ac0471da261"
 dependencies = [
  "swc_atoms",
  "swc_common",
@@ -2263,9 +2263,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_base"
-version = "0.67.0"
+version = "0.73.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6786157670709b3c9e2a81aee7aef8042b582b4b599f233025b28ca5353a29d9"
+checksum = "98801b04bdcdd9a4870847416f07fc7c5fd0d1c9d3cfe90afa50062562d22bfa"
 dependencies = [
  "better_scoped_tls",
  "once_cell",
@@ -2284,9 +2284,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_classes"
-version = "0.55.0"
+version = "0.61.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6dd06b4fa72cd85640fcab59c210c34c8e63f6ea5e547c856febcf18000c0bda"
+checksum = "27e3c8d1a0b800da20a831cc920d9a91fba1f369af547195f1869bc8354990d3"
 dependencies = [
  "swc_atoms",
  "swc_common",
@@ -2298,9 +2298,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_compat"
-version = "0.80.0"
+version = "0.86.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f622788e39755b4a0b9902e37314fbc59f163d5e9e24c121a95c8352fb00e1e0"
+checksum = "d32c7565f1c220c99fc3c713ac09e172590cd89a9e3c5052141e51ad6ac8548b"
 dependencies = [
  "ahash",
  "arrayvec 0.7.2",
@@ -2337,9 +2337,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_module"
-version = "0.91.0"
+version = "0.99.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3b050435473be3392bdc665682cf3637c006ea5fe57f6f58cf3be08ae597fab9"
+checksum = "1d185c341ff825c91b10cdb755bb04b4b1afc172a0d49c82e34456bef11a2b28"
 dependencies = [
  "Inflector",
  "ahash",
@@ -2361,9 +2361,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_optimization"
-version = "0.101.0"
+version = "0.109.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a0638979a3445e49125ab28a30dc734c272e66406db5583d9095f459543056ac"
+checksum = "bee3cd507ce6a037d97cb4002577aed4889172b20410f6c75aac60322dfff8fa"
 dependencies = [
  "ahash",
  "dashmap 5.1.0",
@@ -2384,9 +2384,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_proposal"
-version = "0.88.0"
+version = "0.94.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7bf987316b088789266b108b9ad87f8479402a76233565ef31807103766bc079"
+checksum = "b2f9247a4cec018ea30c5c877babaefff255d1187f4c23b4663af2a0a6ef5948"
 dependencies = [
  "either",
  "serde",
@@ -2403,9 +2403,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_react"
-version = "0.93.0"
+version = "0.101.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dd2d009bb8be4149a1b3bb8ea2e4c59c5a26ed5b5ae797563026887480ed9141"
+checksum = "fa4ebd2bbd902ad2e490cf89441231942e3e42cb2f5ffd7b2f982f6b813ea2d8"
 dependencies = [
  "ahash",
  "base64 0.13.0",
@@ -2428,9 +2428,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_testing"
-version = "0.69.0"
+version = "0.75.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "46059181bdb2006c3f5ff67d8e19a6a0f9a6f226edb0fbafdfbd314fabaebe92"
+checksum = "e088c1f7504ce44f35d933fbaba92c6da1421f29a6609256e17c1e56627b52ab"
 dependencies = [
  "ansi_term",
  "anyhow",
@@ -2451,9 +2451,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_typescript"
-version = "0.96.0"
+version = "0.104.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ed2e388f0b424de694aac45aaad513e7ccb03aeb87ed42781ce353e1346b3d86"
+checksum = "82fa00fa362f8346c8d7ed4a464972f43471d56d6ad418efa3fca584d842fb79"
 dependencies = [
  "serde",
  "swc_atoms",
@@ -2467,9 +2467,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_utils"
-version = "0.72.0"
+version = "0.77.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "43689c9f051b48c4ea9eb86b236b27277594a9c4311d3ee88d7007f5d65b1ff5"
+checksum = "39e7128690ddd0f56f79572dabb973f0b237e503e23d6dbcc2fe111dc0690202"
 dependencies = [
  "indexmap",
  "once_cell",
@@ -2483,9 +2483,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_visit"
-version = "0.56.0"
+version = "0.59.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9b70316301b54ead435ae2660824ba3049de1854710b73395e1b8e615dc0bca6"
+checksum = "2348e0ce526f12e74c0b700f8fec234893386bb1afe1b8c3f46ad10aad22442f"
 dependencies = [
  "num-bigint",
  "swc_atoms",
@@ -2497,9 +2497,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecmascript"
-version = "0.132.1"
+version = "0.140.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7fa1f0e2b8bcb94f30b276c633743e6d2cf06e5ceb0561fe1bb55d47d020921e"
+checksum = "492ee96c31b4260e32485ae638820397bb103745d04533877ce193818ccc53f9"
 dependencies = [
  "swc_ecma_ast",
  "swc_ecma_codegen",
@@ -2522,6 +2522,16 @@ dependencies = [
  "syn",
 ]
 
+[[package]]
+name = "swc_error_reporters"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c28653b7f324886314bffd4bd3e756c367ec3adde80758543f39db503537a4fd"
+dependencies = [
+ "miette",
+ "swc_common",
+]
+
 [[package]]
 name = "swc_fast_graph"
 version = "0.5.0"
@@ -2536,9 +2546,9 @@ dependencies = [
 
 [[package]]
 name = "swc_graph_analyzer"
-version = "0.5.0"
+version = "0.6.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cdf3d51c57b19a2c1eb0519f8ef789eb386fe98700e7fa73fb78d27ef99bd00d"
+checksum = "67696e05cdf3efc1daded3b4803639da25fd9254ca6bae16539058197a411de8"
 dependencies = [
  "ahash",
  "auto_impl",
@@ -2579,24 +2589,11 @@ dependencies = [
  "swc_common",
 ]
 
-[[package]]
-name = "swc_stylis"
-version = "0.96.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e2d340493d65755389290f669345d044eebfff59f3009b14e8d09e54806d7126"
-dependencies = [
- "swc_atoms",
- "swc_common",
- "swc_css_ast",
- "swc_css_utils",
- "swc_css_visit",
-]
-
 [[package]]
 name = "swc_timer"
-version = "0.4.0"
+version = "0.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1371a950402552de1a2bf7beeb619b7fff9e4ab7e50f516db9a791869a4f731f"
+checksum = "da20626dc319879e74f01c26c5fb79548142f8bc4a558953c55b9e71a89ea96c"
 dependencies = [
  "tracing",
 ]
@@ -2671,10 +2668,20 @@ dependencies = [
 ]
 
 [[package]]
-name = "testing"
+name = "terminal_size"
-version = "0.18.1"
+version = "0.1.17"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "27fb20163feffc42ee490fc7ef113b187ab09fa4e632e2cec649bce76cd40662"
+checksum = "633c1a546cee861a1a6d0dc69ebeca693bf4296661ba7852b9d21d159e0506df"
+dependencies = [
+ "libc",
+ "winapi",
+]
+
+[[package]]
+name = "testing"
+version = "0.19.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "41a90d2d2c743fc9b81b9632fdf31ad0fa110d8b7c4c548811d22863126d9c61"
 dependencies = [
  "ansi_term",
  "difference",
@@ -2683,6 +2690,7 @@ dependencies = [
  "regex",
  "serde_json",
  "swc_common",
+ "swc_error_reporters",
  "testing_macros",
  "tracing",
  "tracing-subscriber",
@@ -2704,6 +2712,17 @@ dependencies = [
  "syn",
 ]
 
+[[package]]
+name = "textwrap"
+version = "0.14.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0066c8d12af8b5acd21e00547c3797fde4e8677254a7ee429176ccebbe93dd80"
+dependencies = [
+ "smawk",
+ "unicode-linebreak",
+ "unicode-width",
+]
+
 [[package]]
 name = "thiserror"
 version = "1.0.30"
@@ -2850,6 +2869,15 @@ version = "0.3.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "4285d92be83dfbc8950a2601178b89ed36f979ebf51bfcf7b272b17001184e6c"
 
+[[package]]
+name = "unicode-linebreak"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3a52dcaab0c48d931f7cc8ef826fa51690a08e1ea55117ef26f89864f532383f"
+dependencies = [
+ "regex",
+]
+
 [[package]]
 name = "unicode-normalization"
 version = "0.1.19"
@@ -2921,12 +2949,6 @@ dependencies = [
  "winapi-util",
 ]
 
-[[package]]
-name = "wasi"
-version = "0.9.0+wasi-snapshot-preview1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cccddf32554fecc6acb585f82a32a72e28b48f8c4c1883ddfeeeaa96f7d8e519"
-
 [[package]]
 name = "wasi"
 version = "0.10.2+wasi-snapshot-preview1"

packages/next-swc/Cargo.toml

@@ -6,5 +6,8 @@ members = [
   "crates/wasm"
 ]
 
+[profile.dev.package.swc_css_prefixer]
+opt-level = 2
+
 [profile.release]
 lto = true

packages/next-swc/crates/core/Cargo.toml

@@ -19,20 +19,20 @@ radix_fmt = "1"
 regex = "1.5"
 serde = "1"
 serde_json = "1"
-styled_components = "0.19.0"
+styled_components = "0.23.0"
-swc = "0.150.1"
+swc = "0.161.1"
-swc_atoms = "0.2.9"
+swc_atoms = "0.2.11"
-swc_common = {version = "0.17.15", features = ["concurrent", "sourcemap"]}
+swc_common = { version = "0.17.18", features = ["concurrent", "sourcemap"] }
-swc_css = "0.100.0"
+swc_css = "0.103.0"
-swc_ecma_loader = {version = "0.29.0", features = ["node", "lru"]}
+swc_ecma_loader = { version = "0.29.0", features = ["node", "lru"] }
-swc_ecmascript = {version = "0.132.0", features = ["codegen", "minifier", "optimization", "parser", "react", "transforms", "typescript", "utils", "visit"]}
+swc_ecmascript = { version = "0.140.0", features = ["codegen", "minifier", "optimization", "parser", "react", "transforms", "typescript", "utils", "visit"] }
 swc_node_base = "0.5.1"
-swc_stylis = "0.96.1"
 swc_cached = "0.1.1"
+swc_css_prefixer = "0.99.3"
 tracing = {version = "0.1.28", features = ["release_max_level_off"]}
 handlebars = "4.2.1"
 
 [dev-dependencies]
-swc_ecma_transforms_testing = "0.69.0"
+swc_ecma_transforms_testing = "0.75.0"
-testing = "0.18.1"
+testing = "0.19.1"
 walkdir = "2.3.2"

packages/next-swc/crates/core/src/emotion/mod.rs

@@ -307,8 +307,7 @@ impl<C: Comments> EmotionTransformer<C> {
             if index % 2 == 0 {
                 if let Some(q) = tagged_tpl.quasis.get_mut(i) {
                     let q = q.take();
-                    let minified =
+                    let minified = minify_css_string(&q.raw, index == 0, index == args_len - 1);
-                        minify_css_string(&q.raw.value, index == 0, index == args_len - 1);
                     // Compress one more spaces into one space
                     if minified.replace(' ', "").is_empty() {
                         if index != 0 && index != args_len - 1 {

packages/next-swc/crates/core/src/next_dynamic.rs

@@ -6,7 +6,7 @@ use swc_common::{FileName, DUMMY_SP};
 use swc_ecmascript::ast::{
     ArrayLit, ArrowExpr, BinExpr, BinaryOp, BlockStmtOrExpr, Bool, CallExpr, Callee, Expr,
     ExprOrSpread, Ident, ImportDecl, ImportSpecifier, KeyValueProp, Lit, MemberExpr, MemberProp,
-    Null, ObjectLit, Prop, PropName, PropOrSpread, Str, StrKind,
+    Null, ObjectLit, Prop, PropName, PropOrSpread, Str,
 };
 use swc_ecmascript::utils::ExprFactory;
 use swc_ecmascript::utils::{
@@ -148,8 +148,7 @@ impl Fold for NextDynamicPatcher {
                                                 )
                                                 .into(),
                                                 span: DUMMY_SP,
-                                                kind: StrKind::Synthesized {},
+                                                raw: None,
-                                                has_escape: false,
                                             }))),
                                             right: Box::new(Expr::Lit(Lit::Str(Str {
                                                 value: self
@@ -159,10 +158,7 @@ impl Fold for NextDynamicPatcher {
                                                     .clone()
                                                     .into(),
                                                 span: DUMMY_SP,
-                                                kind: StrKind::Normal {
+                                                raw: None,
-                                                    contains_quote: false,
-                                                },
-                                                has_escape: false,
                                             }))),
                                         })),
                                         spread: None,
@@ -202,8 +198,7 @@ impl Fold for NextDynamicPatcher {
                                                             .clone()
                                                             .into(),
                                                         span: DUMMY_SP,
-                                                        kind: StrKind::Synthesized {},
+                                                        raw: None,
-                                                        has_escape: false,
                                                     }))),
                                                     spread: None,
                                                 }],

packages/next-swc/crates/core/src/page_config.rs

@@ -54,8 +54,7 @@ impl Fold for PageConfig {
                         init: Some(Box::new(Expr::Lit(Lit::Str(Str {
                             value: format!("{} {}", STRING_LITERAL_DROP_BUNDLE, timestamp).into(),
                             span: DUMMY_SP,
-                            kind: StrKind::Synthesized {},
+                            raw: None,
-                            has_escape: false,
                         })))),
                         span: DUMMY_SP,
                         definite: false,

packages/next-swc/crates/core/src/relay.rs

@@ -43,7 +43,7 @@ fn pull_first_operation_name_from_tpl(tpl: &TaggedTpl) -> Option<String> {
         static OPERATION_REGEX: Lazy<Regex> =
             Lazy::new(|| Regex::new(r"(fragment|mutation|query|subscription) (\w+)").unwrap());
 
-        let capture_group = OPERATION_REGEX.captures_iter(&quasis.raw.value).next();
+        let capture_group = OPERATION_REGEX.captures_iter(&quasis.raw).next();
 
         capture_group.map(|capture_group| capture_group[2].to_string())
     })
@@ -56,8 +56,7 @@ fn build_require_expr_from_path(path: &str) -> Expr {
         args: vec![Lit::Str(Str {
             span: Default::default(),
             value: JsWord::from(path),
-            has_escape: false,
+            raw: None,
-            kind: Default::default(),
         })
         .as_arg()],
         type_args: None,

packages/next-swc/crates/core/src/styled_jsx/mod.rs

@@ -475,8 +475,8 @@ impl StyledJSXTransformer {
                 expr,
             ) => {
                 if exprs.is_empty() {
-                    hasher.write(quasis[0].raw.value.as_bytes());
+                    hasher.write(quasis[0].raw.as_bytes());
-                    css = quasis[0].raw.value.to_string();
+                    css = quasis[0].raw.to_string();
                     css_span = *span;
                     is_dynamic = false;
                 } else {
@@ -488,7 +488,7 @@ impl StyledJSXTransformer {
                         } else {
                             format!("__styled-jsx-placeholder-{}__", i)
                         };
-                        s = format!("{}{}{}", s, quasis[i].raw.value, placeholder)
+                        s = format!("{}{}{}", s, quasis[i].raw, placeholder)
                     }
                     css = s;
                     css_span = *span;

packages/next-swc/crates/core/src/styled_jsx/transform_css.rs

@@ -12,10 +12,10 @@ use swc_css::codegen::{
 use swc_css::parser::parser::input::ParserInput;
 use swc_css::parser::{parse_str, parse_tokens, parser::ParserConfig};
 use swc_css::visit::{VisitMut, VisitMutWith};
-use swc_ecmascript::ast::{Expr, Str, StrKind, Tpl, TplElement};
+use swc_css_prefixer::prefixer;
+use swc_ecmascript::ast::{Expr, Tpl, TplElement};
 use swc_ecmascript::parser::StringInput;
 use swc_ecmascript::utils::HANDLER;
-use swc_stylis::prefixer::prefixer;
 use tracing::{debug, trace};
 
 use super::{hash_string, string_literal_expr, LocalStyle};
@@ -97,12 +97,7 @@ pub fn transform_css(
             .map(|quasi| {
                 TplElement {
                     cooked: None, // ? Do we need cooked as well
-                    raw: Str {
+                    raw: quasi.replace('`', "\\`").into(),
-                        value: (*quasi).into(),
-                        span: DUMMY_SP,
-                        has_escape: false,
-                        kind: StrKind::Synthesized {},
-                    },
                     span: DUMMY_SP,
                     tail: false,
                 }

packages/next-swc/crates/core/src/styled_jsx/utils.rs

@@ -7,12 +7,7 @@ use super::{ExternalStyle, JSXStyle, LocalStyle};
 
 fn tpl_element(value: &str) -> TplElement {
     TplElement {
-        raw: Str {
+        raw: value.into(),
-            value: value.into(),
-            span: DUMMY_SP,
-            kind: StrKind::Synthesized,
-            has_escape: false,
-        },
         cooked: None,
         span: DUMMY_SP,
         tail: false,
@@ -314,10 +309,9 @@ pub fn styled_jsx_import_decl(style_import_name: &str) -> ModuleItem {
             span: DUMMY_SP,
         })],
         src: Str {
-            has_escape: false,
-            kind: StrKind::Synthesized {},
             span: DUMMY_SP,
             value: "styled-jsx/style".into(),
+            raw: None,
         },
     }))
 }
@@ -335,8 +329,7 @@ pub fn string_literal_expr(str: &str) -> Expr {
     Expr::Lit(Lit::Str(Str {
         value: str.into(),
         span: DUMMY_SP,
-        has_escape: false,
+        raw: None,
-        kind: StrKind::Synthesized {},
     }))
 }
 

packages/next-swc/crates/core/tests/errors/next-dynamic/no-arguments/output.stderr

@@ -1,6 +1,6 @@
-error: next/dynamic requires at least one argument
- --> input.js:3:26
-  |
-3 | const DynamicComponent = dynamic()
-  |                          ^^^^^^^
 
+  x next/dynamic requires at least one argument
+   ,-[input.js:3:1]
+ 3 | const DynamicComponent = dynamic()
+   :                          ^^^^^^^
+   `----

packages/next-swc/crates/core/tests/errors/next-dynamic/options-as-variable/output.stderr

@@ -1,7 +1,7 @@
-error: next/dynamic options must be an object literal.
-Read more: https://nextjs.org/docs/messages/invalid-dynamic-options-type
- --> input.js:4:43
-  |
-4 | const DynamicComponentWithCustomLoading = dynamic(
-  |                                           ^^^^^^^
 
+  x next/dynamic options must be an object literal.
+  | Read more: https://nextjs.org/docs/messages/invalid-dynamic-options-type
+   ,-[input.js:4:1]
+ 4 | const DynamicComponentWithCustomLoading = dynamic(
+   :                                           ^^^^^^^
+   `----

packages/next-swc/crates/core/tests/errors/next-dynamic/too-many-arguments/output.stderr

@@ -1,6 +1,6 @@
-error: next/dynamic only accepts 2 arguments
- --> input.js:3:43
-  |
-3 | const DynamicComponentWithCustomLoading = dynamic(
-  |                                           ^^^^^^^
 
+  x next/dynamic only accepts 2 arguments
+   ,-[input.js:3:1]
+ 3 | const DynamicComponentWithCustomLoading = dynamic(
+   :                                           ^^^^^^^
+   `----

packages/next-swc/crates/core/tests/errors/next-ssg/server-side-after-static-paths/output.stderr

@@ -1,6 +1,6 @@
-error: You can not use getStaticProps or getStaticPaths with getServerSideProps. To use SSG, please remove getServerSideProps
- --> input.js:2:14
-  |
-2 | export const getServerSideProps = function getServerSideProps() {}
-  |              ^^^^^^^^^^^^^^^^^^
 
+  x You can not use getStaticProps or getStaticPaths with getServerSideProps. To use SSG, please remove getServerSideProps
+   ,-[input.js:2:1]
+ 2 | export const getServerSideProps = function getServerSideProps() {}
+   :              ^^^^^^^^^^^^^^^^^^
+   `----

packages/next-swc/crates/core/tests/errors/next-ssg/server-side-after-static-props/output.stderr

@@ -1,6 +1,6 @@
-error: You can not use getStaticProps or getStaticPaths with getServerSideProps. To use SSG, please remove getServerSideProps
- --> input.js:2:15
-  |
-2 | export { a as getServerSideProps } 
-  |               ^^^^^^^^^^^^^^^^^^
 
+  x You can not use getStaticProps or getStaticPaths with getServerSideProps. To use SSG, please remove getServerSideProps
+   ,-[input.js:2:1]
+ 2 | export { a as getServerSideProps }
+   :               ^^^^^^^^^^^^^^^^^^
+   `----

packages/next-swc/crates/core/tests/errors/next-ssg/static-paths-after-server-side/output.stderr

@@ -1,6 +1,6 @@
-error: You can not use getStaticProps or getStaticPaths with getServerSideProps. To use SSG, please remove getServerSideProps
- --> input.js:2:10
-  |
-2 | export { getStaticPaths } from 'a'
-  |          ^^^^^^^^^^^^^^
 
+  x You can not use getStaticProps or getStaticPaths with getServerSideProps. To use SSG, please remove getServerSideProps
+   ,-[input.js:2:1]
+ 2 | export { getStaticPaths } from 'a'
+   :          ^^^^^^^^^^^^^^
+   `----

packages/next-swc/crates/core/tests/errors/next-ssg/static-props-after-server-side/output.stderr

@@ -1,6 +1,6 @@
-error: You can not use getStaticProps or getStaticPaths with getServerSideProps. To use SSG, please remove getServerSideProps
- --> input.js:1:26
-  |
-1 | export { getStaticProps, getServerSideProps }
-  |                          ^^^^^^^^^^^^^^^^^^
 
+  x You can not use getStaticProps or getStaticPaths with getServerSideProps. To use SSG, please remove getServerSideProps
+   ,-[input.js:1:1]
+ 1 | export { getStaticProps, getServerSideProps }
+   :                          ^^^^^^^^^^^^^^^^^^
+   `----

packages/next-swc/crates/core/tests/errors/re-export-all-in-page/re-export-all/output.stderr

@@ -1,7 +1,7 @@
-error: Using `export * from '...'` in a page is disallowed. Please use `export { default } from '...'` instead.
-Read more: https://nextjs.org/docs/messages/export-all-in-page
- --> input.js:1:1
-  |
-1 | export * from './other-page'
-  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 
+  x Using `export * from '...'` in a page is disallowed. Please use `export { default } from '...'` instead.
+  | Read more: https://nextjs.org/docs/messages/export-all-in-page
+   ,-[input.js:1:1]
+ 1 | export * from './other-page'
+   : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+   `----

packages/next-swc/crates/core/tests/errors/re-export-all-in-page/re-export-default/output.js

@@ -1 +1 @@
-export { default, getStaticProps, getStaticPaths } from "./other-page";
+export { default, getStaticProps, getStaticPaths } from './other-page';

packages/next-swc/crates/core/tests/errors/styled-jsx/no-child/output.stderr

@@ -1,8 +1,7 @@
-error: Expected one child under JSX style tag, but got 0.
-Read more: https://nextjs.org/docs/messages/invalid-styled-jsx-children
- --> input.js:3:5
-  |
-3 | /     <style jsx>
-4 | |     </style>
-  | |____________^
 
+  x Expected one child under JSX style tag, but got 0.
+  | Read more: https://nextjs.org/docs/messages/invalid-styled-jsx-children
+   ,-[input.js:3:5]
+ 3 | ,-> <style jsx>
+ 4 | `->     </style>
+   `----

packages/next-swc/crates/core/tests/errors/styled-jsx/ts-with-css-resolve/output.stderr

@@ -1,2 +1,2 @@
-error: /some-project/src/some-file.ts uses `css.resolve`, but ends with `.ts`. The file extension needs to be `.tsx` so that the jsx injected by `css.resolve` will be transformed.
 
+  x /some-project/src/some-file.ts uses `css.resolve`, but ends with `.ts`. The file extension needs to be `.tsx` so that the jsx injected by `css.resolve` will be transformed.

packages/next-swc/crates/core/tests/errors/styled-jsx/two-children/output.stderr

@@ -1,10 +1,9 @@
-error: Expected one child under JSX style tag, but got 2.
-Read more: https://nextjs.org/docs/messages/invalid-styled-jsx-children
- --> input.js:3:5
-  |
-3 | /     <style jsx>
-4 | |       {`.p {}`}
-5 | |       {`.p {}`}
-6 | |     </style>
-  | |____________^
 
+  x Expected one child under JSX style tag, but got 2.
+  | Read more: https://nextjs.org/docs/messages/invalid-styled-jsx-children
+   ,-[input.js:3:5]
+ 3 | ,-> <style jsx>
+ 4 | |         {`.p {}`}
+ 5 | |         {`.p {}`}
+ 6 | `->     </style>
+   `----

packages/next-swc/crates/core/tests/errors/styled-jsx/wrong-child-type/output.stderr

@@ -1,9 +1,8 @@
-error: Expected a single child of type JSXExpressionContainer under JSX Style tag.
-Read more: https://nextjs.org/docs/messages/invalid-styled-jsx-children
- --> input.js:3:5
-  |
-3 | /     <style jsx>
-4 | |       10
-5 | |     </style>
-  | |____________^
 
+  x Expected a single child of type JSXExpressionContainer under JSX Style tag.
+  | Read more: https://nextjs.org/docs/messages/invalid-styled-jsx-children
+   ,-[input.js:3:5]
+ 3 | ,-> <style jsx>
+ 4 | |         10
+ 5 | `->     </style>
+   `----

packages/next-swc/crates/core/tests/errors/styled-jsx/wrong-jsx-expression-type/output.stderr

@@ -1,9 +1,8 @@
-error: Expected a template literal, string or identifier inside the JSXExpressionContainer.
-Read more: https://nextjs.org/docs/messages/invalid-styled-jsx-children
- --> input.js:3:5
-  |
-3 | /     <style jsx>
-4 | |       {[]}
-5 | |     </style>
-  | |____________^
 
+  x Expected a template literal, string or identifier inside the JSXExpressionContainer.
+  | Read more: https://nextjs.org/docs/messages/invalid-styled-jsx-children
+   ,-[input.js:3:5]
+ 3 | ,-> <style jsx>
+ 4 | |         {[]}
+ 5 | `->     </style>
+   `----

packages/next-swc/crates/core/tests/fixture/emotion/compress/output.ts

@@ -1,7 +1,7 @@
-import { css } from "@emotion/react";
+import { css } from '@emotion/react';
-import styled from "@emotion/styled";
+import styled from '@emotion/styled';
-const unitNormal = "1rem";
+const unitNormal = '1rem';
-const unitLarge = "2rem";
+const unitLarge = '2rem';
 const Example = /*#__PURE__*/ styled("div", {
     target: "ekie5mj0",
     label: "Example"
@@ -11,12 +11,12 @@ export const Animated = /*#__PURE__*/ styled("div", {
     label: "Animated"
 })("& code{background-color:linen;}animation:", ({ animation  })=>animation
 , " 0.2s infinite ease-in-out alternate;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IHVuaXROb3JtYWwgPSAnMXJlbSdcbmNvbnN0IHVuaXRMYXJnZSA9ICcycmVtJ1xuXG5jb25zdCBFeGFtcGxlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3VuaXROb3JtYWx9ICR7dW5pdExhcmdlfTtcbmBcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkID0gc3R5bGVkLmRpdmBcbiAgJiBjb2RlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaW5lbjtcbiAgfVxuICBhbmltYXRpb246ICR7KHsgYW5pbWF0aW9uIH0pID0+IGFuaW1hdGlvbn0gMC4ycyBpbmZpbml0ZSBlYXNlLWluLW91dCBhbHRlcm5hdGU7XG5gXG5cbmNvbnN0IHNoYWRvd0JvcmRlciA9ICh7IHdpZHRoID0gJzFweCcsIGNvbG9yIH0pID0+XG4gIGNzc2BcbiAgICBib3gtc2hhZG93OiBpbnNldCAwcHggMHB4IDBweCAke3dpZHRofSAke2NvbG9yfTtcbiAgYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgJHtzaGFkb3dCb3JkZXIoeyBjb2xvcjogJ3JlZCcsIHdpZHRoOiAnNHB4JyB9KX1cbmBcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVd0IifQ== */");
-const shadowBorder = ({ width ="1px" , color  })=>/*#__PURE__*/ css("box-shadow:inset 0px 0px 0px ", width, " ", color, ";", "shadowBorder", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IHVuaXROb3JtYWwgPSAnMXJlbSdcbmNvbnN0IHVuaXRMYXJnZSA9ICcycmVtJ1xuXG5jb25zdCBFeGFtcGxlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3VuaXROb3JtYWx9ICR7dW5pdExhcmdlfTtcbmBcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkID0gc3R5bGVkLmRpdmBcbiAgJiBjb2RlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaW5lbjtcbiAgfVxuICBhbmltYXRpb246ICR7KHsgYW5pbWF0aW9uIH0pID0+IGFuaW1hdGlvbn0gMC4ycyBpbmZpbml0ZSBlYXNlLWluLW91dCBhbHRlcm5hdGU7XG5gXG5cbmNvbnN0IHNoYWRvd0JvcmRlciA9ICh7IHdpZHRoID0gJzFweCcsIGNvbG9yIH0pID0+XG4gIGNzc2BcbiAgICBib3gtc2hhZG93OiBpbnNldCAwcHggMHB4IDBweCAke3dpZHRofSAke2NvbG9yfTtcbiAgYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgJHtzaGFkb3dCb3JkZXIoeyBjb2xvcjogJ3JlZCcsIHdpZHRoOiAnNHB4JyB9KX1cbmBcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQkUifQ== */")
+const shadowBorder = ({ width ='1px' , color  })=>/*#__PURE__*/ css("box-shadow:inset 0px 0px 0px ", width, " ", color, ";", "shadowBorder", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IHVuaXROb3JtYWwgPSAnMXJlbSdcbmNvbnN0IHVuaXRMYXJnZSA9ICcycmVtJ1xuXG5jb25zdCBFeGFtcGxlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3VuaXROb3JtYWx9ICR7dW5pdExhcmdlfTtcbmBcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkID0gc3R5bGVkLmRpdmBcbiAgJiBjb2RlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaW5lbjtcbiAgfVxuICBhbmltYXRpb246ICR7KHsgYW5pbWF0aW9uIH0pID0+IGFuaW1hdGlvbn0gMC4ycyBpbmZpbml0ZSBlYXNlLWluLW91dCBhbHRlcm5hdGU7XG5gXG5cbmNvbnN0IHNoYWRvd0JvcmRlciA9ICh7IHdpZHRoID0gJzFweCcsIGNvbG9yIH0pID0+XG4gIGNzc2BcbiAgICBib3gtc2hhZG93OiBpbnNldCAwcHggMHB4IDBweCAke3dpZHRofSAke2NvbG9yfTtcbiAgYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgJHtzaGFkb3dCb3JkZXIoeyBjb2xvcjogJ3JlZCcsIHdpZHRoOiAnNHB4JyB9KX1cbmBcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQkUifQ== */")
 ;
 const StyledInput = /*#__PURE__*/ styled("input", {
     target: "ekie5mj2",
     label: "StyledInput"
 })(shadowBorder({
-    color: "red",
+    color: 'red',
-    width: "4px"
+    width: '4px'
 }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IHVuaXROb3JtYWwgPSAnMXJlbSdcbmNvbnN0IHVuaXRMYXJnZSA9ICcycmVtJ1xuXG5jb25zdCBFeGFtcGxlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3VuaXROb3JtYWx9ICR7dW5pdExhcmdlfTtcbmBcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkID0gc3R5bGVkLmRpdmBcbiAgJiBjb2RlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaW5lbjtcbiAgfVxuICBhbmltYXRpb246ICR7KHsgYW5pbWF0aW9uIH0pID0+IGFuaW1hdGlvbn0gMC4ycyBpbmZpbml0ZSBlYXNlLWluLW91dCBhbHRlcm5hdGU7XG5gXG5cbmNvbnN0IHNoYWRvd0JvcmRlciA9ICh7IHdpZHRoID0gJzFweCcsIGNvbG9yIH0pID0+XG4gIGNzc2BcbiAgICBib3gtc2hhZG93OiBpbnNldCAwcHggMHB4IDBweCAke3dpZHRofSAke2NvbG9yfTtcbiAgYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgJHtzaGFkb3dCb3JkZXIoeyBjb2xvcjogJ3JlZCcsIHdpZHRoOiAnNHB4JyB9KX1cbmBcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm9CIn0= */");

packages/next-swc/crates/core/tests/fixture/emotion/css-in-callback/output.ts

@@ -1,34 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { css, Global } from "@emotion/react";
+import { css, Global } from '@emotion/react';
-import styled from "@emotion/styled";
+import styled from '@emotion/styled';
-import { PureComponent } from "react";
+import { PureComponent } from 'react';
-import ReactDOM from "react-dom";
+import ReactDOM from 'react-dom';
 const stylesInCallback = (props: any)=>/*#__PURE__*/ css({
-        color: "red",
+        color: 'red',
-        background: "yellow",
+        background: 'yellow',
         width: `${props.scale * 100}px`
     }, "label:stylesInCallback", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nXG5cbmNvbnN0IHN0eWxlc0luQ2FsbGJhY2sgPSAocHJvcHM6IGFueSkgPT5cbiAgY3NzKHtcbiAgICBjb2xvcjogJ3JlZCcsXG4gICAgYmFja2dyb3VuZDogJ3llbGxvdycsXG4gICAgd2lkdGg6IGAke3Byb3BzLnNjYWxlICogMTAwfXB4YCxcbiAgfSlcblxuY29uc3Qgc3R5bGVzID0gY3NzKHtcbiAgY29sb3I6ICdyZWQnLFxuICB3aWR0aDogJzIwcHgnLFxufSlcblxuY29uc3Qgc3R5bGVzMiA9IGNzc2BcbiAgY29sb3I6IHJlZDtcbiAgd2lkdGg6IDIwcHg7XG5gXG5cbmNvbnN0IERpdkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBiYWNrZ3JvdW5kOiAncmVkJyxcbn0pXG5cbmNvbnN0IERpdkNvbnRhaW5lcjIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiByZWQ7XG5gXG5cbmNvbnN0IFNwYW5Db250YWluZXIgPSBzdHlsZWQoJ3NwYW4nKSh7XG4gIGJhY2tncm91bmQ6ICd5ZWxsb3cnLFxufSlcblxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkID0gc3R5bGVkKERpdkNvbnRhaW5lcilgYFxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkMiA9IHN0eWxlZChEaXZDb250YWluZXIpKHt9KVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2J1dHRvbicpYFxuICBiYWNrZ3JvdW5kOiByZWQ7XG4gICR7c3R5bGVzSW5DYWxsYmFja31cbiAgJHsoKSA9PlxuICAgIGNzcyh7XG4gICAgICBiYWNrZ3JvdW5kOiAncmVkJyxcbiAgICB9KX1cbiAgY29sb3I6IHllbGxvdztcbiAgZm9udC1zaXplOiAxMnB4O1xuYFxuXG5jb25zdCBDb250YWluZXIyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogcmVkO1xuYFxuXG5leHBvcnQgY2xhc3MgU2ltcGxlQ29tcG9uZW50IGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbnRhaW5lclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjb2xvcjogaG90cGluaztcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEdsb2JhbFxuICAgICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICAgaHRtbCxcbiAgICAgICAgICAgIGJvZHkge1xuICAgICAgICAgICAgICBwYWRkaW5nOiAzcmVtIDFyZW07XG4gICAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogcGFwYXlhd2hpcDtcbiAgICAgICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8c3Bhbj5oZWxsbzwvc3Bhbj5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIClcbiAgfVxufVxuXG5SZWFjdERPTS5yZW5kZXIoPFNpbXBsZUNvbXBvbmVudCAvPiwgZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2FwcCcpKVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1FIn0= */")
 ;
 const styles = /*#__PURE__*/ css({
-    color: "red",
+    color: 'red',
-    width: "20px"
+    width: '20px'
 }, "label:styles", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nXG5cbmNvbnN0IHN0eWxlc0luQ2FsbGJhY2sgPSAocHJvcHM6IGFueSkgPT5cbiAgY3NzKHtcbiAgICBjb2xvcjogJ3JlZCcsXG4gICAgYmFja2dyb3VuZDogJ3llbGxvdycsXG4gICAgd2lkdGg6IGAke3Byb3BzLnNjYWxlICogMTAwfXB4YCxcbiAgfSlcblxuY29uc3Qgc3R5bGVzID0gY3NzKHtcbiAgY29sb3I6ICdyZWQnLFxuICB3aWR0aDogJzIwcHgnLFxufSlcblxuY29uc3Qgc3R5bGVzMiA9IGNzc2BcbiAgY29sb3I6IHJlZDtcbiAgd2lkdGg6IDIwcHg7XG5gXG5cbmNvbnN0IERpdkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBiYWNrZ3JvdW5kOiAncmVkJyxcbn0pXG5cbmNvbnN0IERpdkNvbnRhaW5lcjIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiByZWQ7XG5gXG5cbmNvbnN0IFNwYW5Db250YWluZXIgPSBzdHlsZWQoJ3NwYW4nKSh7XG4gIGJhY2tncm91bmQ6ICd5ZWxsb3cnLFxufSlcblxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkID0gc3R5bGVkKERpdkNvbnRhaW5lcilgYFxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkMiA9IHN0eWxlZChEaXZDb250YWluZXIpKHt9KVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2J1dHRvbicpYFxuICBiYWNrZ3JvdW5kOiByZWQ7XG4gICR7c3R5bGVzSW5DYWxsYmFja31cbiAgJHsoKSA9PlxuICAgIGNzcyh7XG4gICAgICBiYWNrZ3JvdW5kOiAncmVkJyxcbiAgICB9KX1cbiAgY29sb3I6IHllbGxvdztcbiAgZm9udC1zaXplOiAxMnB4O1xuYFxuXG5jb25zdCBDb250YWluZXIyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogcmVkO1xuYFxuXG5leHBvcnQgY2xhc3MgU2ltcGxlQ29tcG9uZW50IGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbnRhaW5lclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjb2xvcjogaG90cGluaztcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEdsb2JhbFxuICAgICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICAgaHRtbCxcbiAgICAgICAgICAgIGJvZHkge1xuICAgICAgICAgICAgICBwYWRkaW5nOiAzcmVtIDFyZW07XG4gICAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogcGFwYXlhd2hpcDtcbiAgICAgICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8c3Bhbj5oZWxsbzwvc3Bhbj5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIClcbiAgfVxufVxuXG5SZWFjdERPTS5yZW5kZXIoPFNpbXBsZUNvbXBvbmVudCAvPiwgZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2FwcCcpKVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVllIn0= */");
 const styles2 = /*#__PURE__*/ css("color:red;width:20px;", "styles2", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nXG5cbmNvbnN0IHN0eWxlc0luQ2FsbGJhY2sgPSAocHJvcHM6IGFueSkgPT5cbiAgY3NzKHtcbiAgICBjb2xvcjogJ3JlZCcsXG4gICAgYmFja2dyb3VuZDogJ3llbGxvdycsXG4gICAgd2lkdGg6IGAke3Byb3BzLnNjYWxlICogMTAwfXB4YCxcbiAgfSlcblxuY29uc3Qgc3R5bGVzID0gY3NzKHtcbiAgY29sb3I6ICdyZWQnLFxuICB3aWR0aDogJzIwcHgnLFxufSlcblxuY29uc3Qgc3R5bGVzMiA9IGNzc2BcbiAgY29sb3I6IHJlZDtcbiAgd2lkdGg6IDIwcHg7XG5gXG5cbmNvbnN0IERpdkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBiYWNrZ3JvdW5kOiAncmVkJyxcbn0pXG5cbmNvbnN0IERpdkNvbnRhaW5lcjIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiByZWQ7XG5gXG5cbmNvbnN0IFNwYW5Db250YWluZXIgPSBzdHlsZWQoJ3NwYW4nKSh7XG4gIGJhY2tncm91bmQ6ICd5ZWxsb3cnLFxufSlcblxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkID0gc3R5bGVkKERpdkNvbnRhaW5lcilgYFxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkMiA9IHN0eWxlZChEaXZDb250YWluZXIpKHt9KVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2J1dHRvbicpYFxuICBiYWNrZ3JvdW5kOiByZWQ7XG4gICR7c3R5bGVzSW5DYWxsYmFja31cbiAgJHsoKSA9PlxuICAgIGNzcyh7XG4gICAgICBiYWNrZ3JvdW5kOiAncmVkJyxcbiAgICB9KX1cbiAgY29sb3I6IHllbGxvdztcbiAgZm9udC1zaXplOiAxMnB4O1xuYFxuXG5jb25zdCBDb250YWluZXIyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogcmVkO1xuYFxuXG5leHBvcnQgY2xhc3MgU2ltcGxlQ29tcG9uZW50IGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbnRhaW5lclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjb2xvcjogaG90cGluaztcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEdsb2JhbFxuICAgICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICAgaHRtbCxcbiAgICAgICAgICAgIGJvZHkge1xuICAgICAgICAgICAgICBwYWRkaW5nOiAzcmVtIDFyZW07XG4gICAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogcGFwYXlhd2hpcDtcbiAgICAgICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8c3Bhbj5oZWxsbzwvc3Bhbj5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIClcbiAgfVxufVxuXG5SZWFjdERPTS5yZW5kZXIoPFNpbXBsZUNvbXBvbmVudCAvPiwgZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2FwcCcpKVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCZ0IifQ== */");
 const DivContainer = /*#__PURE__*/ styled("div", {
     target: "ekie5mj0",
     label: "DivContainer"
 })({
-    background: "red"
+    background: 'red'
 }, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nXG5cbmNvbnN0IHN0eWxlc0luQ2FsbGJhY2sgPSAocHJvcHM6IGFueSkgPT5cbiAgY3NzKHtcbiAgICBjb2xvcjogJ3JlZCcsXG4gICAgYmFja2dyb3VuZDogJ3llbGxvdycsXG4gICAgd2lkdGg6IGAke3Byb3BzLnNjYWxlICogMTAwfXB4YCxcbiAgfSlcblxuY29uc3Qgc3R5bGVzID0gY3NzKHtcbiAgY29sb3I6ICdyZWQnLFxuICB3aWR0aDogJzIwcHgnLFxufSlcblxuY29uc3Qgc3R5bGVzMiA9IGNzc2BcbiAgY29sb3I6IHJlZDtcbiAgd2lkdGg6IDIwcHg7XG5gXG5cbmNvbnN0IERpdkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBiYWNrZ3JvdW5kOiAncmVkJyxcbn0pXG5cbmNvbnN0IERpdkNvbnRhaW5lcjIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiByZWQ7XG5gXG5cbmNvbnN0IFNwYW5Db250YWluZXIgPSBzdHlsZWQoJ3NwYW4nKSh7XG4gIGJhY2tncm91bmQ6ICd5ZWxsb3cnLFxufSlcblxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkID0gc3R5bGVkKERpdkNvbnRhaW5lcilgYFxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkMiA9IHN0eWxlZChEaXZDb250YWluZXIpKHt9KVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2J1dHRvbicpYFxuICBiYWNrZ3JvdW5kOiByZWQ7XG4gICR7c3R5bGVzSW5DYWxsYmFja31cbiAgJHsoKSA9PlxuICAgIGNzcyh7XG4gICAgICBiYWNrZ3JvdW5kOiAncmVkJyxcbiAgICB9KX1cbiAgY29sb3I6IHllbGxvdztcbiAgZm9udC1zaXplOiAxMnB4O1xuYFxuXG5jb25zdCBDb250YWluZXIyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogcmVkO1xuYFxuXG5leHBvcnQgY2xhc3MgU2ltcGxlQ29tcG9uZW50IGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbnRhaW5lclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjb2xvcjogaG90cGluaztcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEdsb2JhbFxuICAgICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICAgaHRtbCxcbiAgICAgICAgICAgIGJvZHkge1xuICAgICAgICAgICAgICBwYWRkaW5nOiAzcmVtIDFyZW07XG4gICAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogcGFwYXlhd2hpcDtcbiAgICAgICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8c3Bhbj5oZWxsbzwvc3Bhbj5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIClcbiAgfVxufVxuXG5SZWFjdERPTS5yZW5kZXIoPFNpbXBsZUNvbXBvbmVudCAvPiwgZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2FwcCcpKVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCcUIifQ== */");
 const DivContainer2 = /*#__PURE__*/ styled("div", {
     target: "ekie5mj1",
     label: "DivContainer2"
 })("background:red;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nXG5cbmNvbnN0IHN0eWxlc0luQ2FsbGJhY2sgPSAocHJvcHM6IGFueSkgPT5cbiAgY3NzKHtcbiAgICBjb2xvcjogJ3JlZCcsXG4gICAgYmFja2dyb3VuZDogJ3llbGxvdycsXG4gICAgd2lkdGg6IGAke3Byb3BzLnNjYWxlICogMTAwfXB4YCxcbiAgfSlcblxuY29uc3Qgc3R5bGVzID0gY3NzKHtcbiAgY29sb3I6ICdyZWQnLFxuICB3aWR0aDogJzIwcHgnLFxufSlcblxuY29uc3Qgc3R5bGVzMiA9IGNzc2BcbiAgY29sb3I6IHJlZDtcbiAgd2lkdGg6IDIwcHg7XG5gXG5cbmNvbnN0IERpdkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBiYWNrZ3JvdW5kOiAncmVkJyxcbn0pXG5cbmNvbnN0IERpdkNvbnRhaW5lcjIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiByZWQ7XG5gXG5cbmNvbnN0IFNwYW5Db250YWluZXIgPSBzdHlsZWQoJ3NwYW4nKSh7XG4gIGJhY2tncm91bmQ6ICd5ZWxsb3cnLFxufSlcblxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkID0gc3R5bGVkKERpdkNvbnRhaW5lcilgYFxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkMiA9IHN0eWxlZChEaXZDb250YWluZXIpKHt9KVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2J1dHRvbicpYFxuICBiYWNrZ3JvdW5kOiByZWQ7XG4gICR7c3R5bGVzSW5DYWxsYmFja31cbiAgJHsoKSA9PlxuICAgIGNzcyh7XG4gICAgICBiYWNrZ3JvdW5kOiAncmVkJyxcbiAgICB9KX1cbiAgY29sb3I6IHllbGxvdztcbiAgZm9udC1zaXplOiAxMnB4O1xuYFxuXG5jb25zdCBDb250YWluZXIyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogcmVkO1xuYFxuXG5leHBvcnQgY2xhc3MgU2ltcGxlQ29tcG9uZW50IGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbnRhaW5lclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjb2xvcjogaG90cGluaztcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEdsb2JhbFxuICAgICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICAgaHRtbCxcbiAgICAgICAgICAgIGJvZHkge1xuICAgICAgICAgICAgICBwYWRkaW5nOiAzcmVtIDFyZW07XG4gICAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogcGFwYXlhd2hpcDtcbiAgICAgICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8c3Bhbj5oZWxsbzwvc3Bhbj5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIClcbiAgfVxufVxuXG5SZWFjdERPTS5yZW5kZXIoPFNpbXBsZUNvbXBvbmVudCAvPiwgZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2FwcCcpKVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCc0IifQ== */");
-const SpanContainer = /*#__PURE__*/ styled("span", {
+const SpanContainer = /*#__PURE__*/ styled('span', {
     target: "ekie5mj2",
     label: "SpanContainer"
 })({
-    background: "yellow"
+    background: 'yellow'
 }, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nXG5cbmNvbnN0IHN0eWxlc0luQ2FsbGJhY2sgPSAocHJvcHM6IGFueSkgPT5cbiAgY3NzKHtcbiAgICBjb2xvcjogJ3JlZCcsXG4gICAgYmFja2dyb3VuZDogJ3llbGxvdycsXG4gICAgd2lkdGg6IGAke3Byb3BzLnNjYWxlICogMTAwfXB4YCxcbiAgfSlcblxuY29uc3Qgc3R5bGVzID0gY3NzKHtcbiAgY29sb3I6ICdyZWQnLFxuICB3aWR0aDogJzIwcHgnLFxufSlcblxuY29uc3Qgc3R5bGVzMiA9IGNzc2BcbiAgY29sb3I6IHJlZDtcbiAgd2lkdGg6IDIwcHg7XG5gXG5cbmNvbnN0IERpdkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBiYWNrZ3JvdW5kOiAncmVkJyxcbn0pXG5cbmNvbnN0IERpdkNvbnRhaW5lcjIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiByZWQ7XG5gXG5cbmNvbnN0IFNwYW5Db250YWluZXIgPSBzdHlsZWQoJ3NwYW4nKSh7XG4gIGJhY2tncm91bmQ6ICd5ZWxsb3cnLFxufSlcblxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkID0gc3R5bGVkKERpdkNvbnRhaW5lcilgYFxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkMiA9IHN0eWxlZChEaXZDb250YWluZXIpKHt9KVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2J1dHRvbicpYFxuICBiYWNrZ3JvdW5kOiByZWQ7XG4gICR7c3R5bGVzSW5DYWxsYmFja31cbiAgJHsoKSA9PlxuICAgIGNzcyh7XG4gICAgICBiYWNrZ3JvdW5kOiAncmVkJyxcbiAgICB9KX1cbiAgY29sb3I6IHllbGxvdztcbiAgZm9udC1zaXplOiAxMnB4O1xuYFxuXG5jb25zdCBDb250YWluZXIyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogcmVkO1xuYFxuXG5leHBvcnQgY2xhc3MgU2ltcGxlQ29tcG9uZW50IGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbnRhaW5lclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjb2xvcjogaG90cGluaztcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEdsb2JhbFxuICAgICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICAgaHRtbCxcbiAgICAgICAgICAgIGJvZHkge1xuICAgICAgICAgICAgICBwYWRkaW5nOiAzcmVtIDFyZW07XG4gICAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogcGFwYXlhd2hpcDtcbiAgICAgICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8c3Bhbj5oZWxsbzwvc3Bhbj5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIClcbiAgfVxufVxuXG5SZWFjdERPTS5yZW5kZXIoPFNpbXBsZUNvbXBvbmVudCAvPiwgZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2FwcCcpKVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCc0IifQ== */");
 export const DivContainerExtended = /*#__PURE__*/ styled(DivContainer, {
     target: "ekie5mj3",
@@ -38,11 +38,11 @@ export const DivContainerExtended2 = /*#__PURE__*/ styled(DivContainer, {
     target: "ekie5mj4",
     label: "DivContainerExtended2"
 })({}, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nXG5cbmNvbnN0IHN0eWxlc0luQ2FsbGJhY2sgPSAocHJvcHM6IGFueSkgPT5cbiAgY3NzKHtcbiAgICBjb2xvcjogJ3JlZCcsXG4gICAgYmFja2dyb3VuZDogJ3llbGxvdycsXG4gICAgd2lkdGg6IGAke3Byb3BzLnNjYWxlICogMTAwfXB4YCxcbiAgfSlcblxuY29uc3Qgc3R5bGVzID0gY3NzKHtcbiAgY29sb3I6ICdyZWQnLFxuICB3aWR0aDogJzIwcHgnLFxufSlcblxuY29uc3Qgc3R5bGVzMiA9IGNzc2BcbiAgY29sb3I6IHJlZDtcbiAgd2lkdGg6IDIwcHg7XG5gXG5cbmNvbnN0IERpdkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBiYWNrZ3JvdW5kOiAncmVkJyxcbn0pXG5cbmNvbnN0IERpdkNvbnRhaW5lcjIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiByZWQ7XG5gXG5cbmNvbnN0IFNwYW5Db250YWluZXIgPSBzdHlsZWQoJ3NwYW4nKSh7XG4gIGJhY2tncm91bmQ6ICd5ZWxsb3cnLFxufSlcblxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkID0gc3R5bGVkKERpdkNvbnRhaW5lcilgYFxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkMiA9IHN0eWxlZChEaXZDb250YWluZXIpKHt9KVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2J1dHRvbicpYFxuICBiYWNrZ3JvdW5kOiByZWQ7XG4gICR7c3R5bGVzSW5DYWxsYmFja31cbiAgJHsoKSA9PlxuICAgIGNzcyh7XG4gICAgICBiYWNrZ3JvdW5kOiAncmVkJyxcbiAgICB9KX1cbiAgY29sb3I6IHllbGxvdztcbiAgZm9udC1zaXplOiAxMnB4O1xuYFxuXG5jb25zdCBDb250YWluZXIyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogcmVkO1xuYFxuXG5leHBvcnQgY2xhc3MgU2ltcGxlQ29tcG9uZW50IGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbnRhaW5lclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjb2xvcjogaG90cGluaztcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEdsb2JhbFxuICAgICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICAgaHRtbCxcbiAgICAgICAgICAgIGJvZHkge1xuICAgICAgICAgICAgICBwYWRkaW5nOiAzcmVtIDFyZW07XG4gICAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogcGFwYXlhd2hpcDtcbiAgICAgICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8c3Bhbj5oZWxsbzwvc3Bhbj5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIClcbiAgfVxufVxuXG5SZWFjdERPTS5yZW5kZXIoPFNpbXBsZUNvbXBvbmVudCAvPiwgZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2FwcCcpKVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DcUMifQ== */");
-const Container = /*#__PURE__*/ styled("button", {
+const Container = /*#__PURE__*/ styled('button', {
     target: "ekie5mj5",
     label: "Container"
 })("background:red;", stylesInCallback, " ", ()=>/*#__PURE__*/ css({
-        background: "red"
+        background: 'red'
     }, "label:Container", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nXG5cbmNvbnN0IHN0eWxlc0luQ2FsbGJhY2sgPSAocHJvcHM6IGFueSkgPT5cbiAgY3NzKHtcbiAgICBjb2xvcjogJ3JlZCcsXG4gICAgYmFja2dyb3VuZDogJ3llbGxvdycsXG4gICAgd2lkdGg6IGAke3Byb3BzLnNjYWxlICogMTAwfXB4YCxcbiAgfSlcblxuY29uc3Qgc3R5bGVzID0gY3NzKHtcbiAgY29sb3I6ICdyZWQnLFxuICB3aWR0aDogJzIwcHgnLFxufSlcblxuY29uc3Qgc3R5bGVzMiA9IGNzc2BcbiAgY29sb3I6IHJlZDtcbiAgd2lkdGg6IDIwcHg7XG5gXG5cbmNvbnN0IERpdkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBiYWNrZ3JvdW5kOiAncmVkJyxcbn0pXG5cbmNvbnN0IERpdkNvbnRhaW5lcjIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiByZWQ7XG5gXG5cbmNvbnN0IFNwYW5Db250YWluZXIgPSBzdHlsZWQoJ3NwYW4nKSh7XG4gIGJhY2tncm91bmQ6ICd5ZWxsb3cnLFxufSlcblxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkID0gc3R5bGVkKERpdkNvbnRhaW5lcilgYFxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkMiA9IHN0eWxlZChEaXZDb250YWluZXIpKHt9KVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2J1dHRvbicpYFxuICBiYWNrZ3JvdW5kOiByZWQ7XG4gICR7c3R5bGVzSW5DYWxsYmFja31cbiAgJHsoKSA9PlxuICAgIGNzcyh7XG4gICAgICBiYWNrZ3JvdW5kOiAncmVkJyxcbiAgICB9KX1cbiAgY29sb3I6IHllbGxvdztcbiAgZm9udC1zaXplOiAxMnB4O1xuYFxuXG5jb25zdCBDb250YWluZXIyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogcmVkO1xuYFxuXG5leHBvcnQgY2xhc3MgU2ltcGxlQ29tcG9uZW50IGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbnRhaW5lclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjb2xvcjogaG90cGluaztcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEdsb2JhbFxuICAgICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICAgaHRtbCxcbiAgICAgICAgICAgIGJvZHkge1xuICAgICAgICAgICAgICBwYWRkaW5nOiAzcmVtIDFyZW07XG4gICAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogcGFwYXlhd2hpcDtcbiAgICAgICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8c3Bhbj5oZWxsbzwvc3Bhbj5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIClcbiAgfVxufVxuXG5SZWFjdERPTS5yZW5kZXIoPFNpbXBsZUNvbXBvbmVudCAvPiwgZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2FwcCcpKVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDSSJ9 */")
 , "  color:yellow;font-size:12px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nXG5cbmNvbnN0IHN0eWxlc0luQ2FsbGJhY2sgPSAocHJvcHM6IGFueSkgPT5cbiAgY3NzKHtcbiAgICBjb2xvcjogJ3JlZCcsXG4gICAgYmFja2dyb3VuZDogJ3llbGxvdycsXG4gICAgd2lkdGg6IGAke3Byb3BzLnNjYWxlICogMTAwfXB4YCxcbiAgfSlcblxuY29uc3Qgc3R5bGVzID0gY3NzKHtcbiAgY29sb3I6ICdyZWQnLFxuICB3aWR0aDogJzIwcHgnLFxufSlcblxuY29uc3Qgc3R5bGVzMiA9IGNzc2BcbiAgY29sb3I6IHJlZDtcbiAgd2lkdGg6IDIwcHg7XG5gXG5cbmNvbnN0IERpdkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBiYWNrZ3JvdW5kOiAncmVkJyxcbn0pXG5cbmNvbnN0IERpdkNvbnRhaW5lcjIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiByZWQ7XG5gXG5cbmNvbnN0IFNwYW5Db250YWluZXIgPSBzdHlsZWQoJ3NwYW4nKSh7XG4gIGJhY2tncm91bmQ6ICd5ZWxsb3cnLFxufSlcblxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkID0gc3R5bGVkKERpdkNvbnRhaW5lcilgYFxuZXhwb3J0IGNvbnN0IERpdkNvbnRhaW5lckV4dGVuZGVkMiA9IHN0eWxlZChEaXZDb250YWluZXIpKHt9KVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2J1dHRvbicpYFxuICBiYWNrZ3JvdW5kOiByZWQ7XG4gICR7c3R5bGVzSW5DYWxsYmFja31cbiAgJHsoKSA9PlxuICAgIGNzcyh7XG4gICAgICBiYWNrZ3JvdW5kOiAncmVkJyxcbiAgICB9KX1cbiAgY29sb3I6IHllbGxvdztcbiAgZm9udC1zaXplOiAxMnB4O1xuYFxuXG5jb25zdCBDb250YWluZXIyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogcmVkO1xuYFxuXG5leHBvcnQgY2xhc3MgU2ltcGxlQ29tcG9uZW50IGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbnRhaW5lclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBjb2xvcjogaG90cGluaztcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEdsb2JhbFxuICAgICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICAgaHRtbCxcbiAgICAgICAgICAgIGJvZHkge1xuICAgICAgICAgICAgICBwYWRkaW5nOiAzcmVtIDFyZW07XG4gICAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogcGFwYXlhd2hpcDtcbiAgICAgICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8c3Bhbj5oZWxsbzwvc3Bhbj5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIClcbiAgfVxufVxuXG5SZWFjdERPTS5yZW5kZXIoPFNpbXBsZUNvbXBvbmVudCAvPiwgZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2FwcCcpKVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDa0IifQ== */");
 const Container2 = /*#__PURE__*/ styled("div", {
@@ -67,4 +67,4 @@ export class SimpleComponent extends PureComponent {
         });
     }
 }
-ReactDOM.render(/*#__PURE__*/ _jsx(SimpleComponent, {}), document.querySelector("#app"));
+ReactDOM.render(/*#__PURE__*/ _jsx(SimpleComponent, {}), document.querySelector('#app'));

packages/next-swc/crates/core/tests/fixture/emotion/namespace-import/output.ts

@@ -1,16 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as emotionReact from "@emotion/react";
+import * as emotionReact from '@emotion/react';
-import { PureComponent } from "react";
+import { PureComponent } from 'react';
-import ReactDOM from "react-dom";
+import ReactDOM from 'react-dom';
 const stylesInCallback = (props: any)=>/*#__PURE__*/ emotionReact.css({
-        color: "red",
+        color: 'red',
-        background: "yellow",
+        background: 'yellow',
         width: `${props.scale * 100}px`
     }, "label:stylesInCallback", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIGVtb3Rpb25SZWFjdCBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nXG5cbmNvbnN0IHN0eWxlc0luQ2FsbGJhY2sgPSAocHJvcHM6IGFueSkgPT5cbiAgZW1vdGlvblJlYWN0LmNzcyh7XG4gICAgY29sb3I6ICdyZWQnLFxuICAgIGJhY2tncm91bmQ6ICd5ZWxsb3cnLFxuICAgIHdpZHRoOiBgJHtwcm9wcy5zY2FsZSAqIDEwMH1weGAsXG4gIH0pXG5cbmNvbnN0IHN0eWxlcyA9IGVtb3Rpb25SZWFjdC5jc3Moe1xuICBjb2xvcjogJ3JlZCcsXG4gIHdpZHRoOiAnMjBweCcsXG59KVxuXG5jb25zdCBzdHlsZXMyID0gZW1vdGlvblJlYWN0LmNzc2BcbiAgY29sb3I6IHJlZDtcbiAgd2lkdGg6IDIwcHg7XG5gXG5cbmV4cG9ydCBjbGFzcyBTaW1wbGVDb21wb25lbnQgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgcmVuZGVyKCkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzfT5cbiAgICAgICAgPHNwYW4+aGVsbG88L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbn1cblxuUmVhY3RET00ucmVuZGVyKDxTaW1wbGVDb21wb25lbnQgLz4sIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJyNhcHAnKSlcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLRSJ9 */")
 ;
 const styles = /*#__PURE__*/ emotionReact.css({
-    color: "red",
+    color: 'red',
-    width: "20px"
+    width: '20px'
 }, "label:styles", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIGVtb3Rpb25SZWFjdCBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nXG5cbmNvbnN0IHN0eWxlc0luQ2FsbGJhY2sgPSAocHJvcHM6IGFueSkgPT5cbiAgZW1vdGlvblJlYWN0LmNzcyh7XG4gICAgY29sb3I6ICdyZWQnLFxuICAgIGJhY2tncm91bmQ6ICd5ZWxsb3cnLFxuICAgIHdpZHRoOiBgJHtwcm9wcy5zY2FsZSAqIDEwMH1weGAsXG4gIH0pXG5cbmNvbnN0IHN0eWxlcyA9IGVtb3Rpb25SZWFjdC5jc3Moe1xuICBjb2xvcjogJ3JlZCcsXG4gIHdpZHRoOiAnMjBweCcsXG59KVxuXG5jb25zdCBzdHlsZXMyID0gZW1vdGlvblJlYWN0LmNzc2BcbiAgY29sb3I6IHJlZDtcbiAgd2lkdGg6IDIwcHg7XG5gXG5cbmV4cG9ydCBjbGFzcyBTaW1wbGVDb21wb25lbnQgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgcmVuZGVyKCkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzfT5cbiAgICAgICAgPHNwYW4+aGVsbG88L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbn1cblxuUmVhY3RET00ucmVuZGVyKDxTaW1wbGVDb21wb25lbnQgLz4sIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJyNhcHAnKSlcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXZSJ9 */");
 const styles2 = /*#__PURE__*/ emotionReact.css("color:red;width:20px;", "label:styles2", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIGVtb3Rpb25SZWFjdCBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFB1cmVDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nXG5cbmNvbnN0IHN0eWxlc0luQ2FsbGJhY2sgPSAocHJvcHM6IGFueSkgPT5cbiAgZW1vdGlvblJlYWN0LmNzcyh7XG4gICAgY29sb3I6ICdyZWQnLFxuICAgIGJhY2tncm91bmQ6ICd5ZWxsb3cnLFxuICAgIHdpZHRoOiBgJHtwcm9wcy5zY2FsZSAqIDEwMH1weGAsXG4gIH0pXG5cbmNvbnN0IHN0eWxlcyA9IGVtb3Rpb25SZWFjdC5jc3Moe1xuICBjb2xvcjogJ3JlZCcsXG4gIHdpZHRoOiAnMjBweCcsXG59KVxuXG5jb25zdCBzdHlsZXMyID0gZW1vdGlvblJlYWN0LmNzc2BcbiAgY29sb3I6IHJlZDtcbiAgd2lkdGg6IDIwcHg7XG5gXG5cbmV4cG9ydCBjbGFzcyBTaW1wbGVDb21wb25lbnQgZXh0ZW5kcyBQdXJlQ29tcG9uZW50IHtcbiAgcmVuZGVyKCkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzfT5cbiAgICAgICAgPHNwYW4+aGVsbG88L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbn1cblxuUmVhY3RET00ucmVuZGVyKDxTaW1wbGVDb21wb25lbnQgLz4sIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJyNhcHAnKSlcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmdCIn0= */");
 export class SimpleComponent extends PureComponent {
@@ -23,4 +23,4 @@ export class SimpleComponent extends PureComponent {
         });
     }
 }
-ReactDOM.render(/*#__PURE__*/ _jsx(SimpleComponent, {}), document.querySelector("#app"));
+ReactDOM.render(/*#__PURE__*/ _jsx(SimpleComponent, {}), document.querySelector('#app'));

packages/next-swc/crates/core/tests/fixture/modularize-imports/regex/output.js

@@ -1,4 +1,4 @@
-import MyModule from 'my-library/MyModule';
+import MyModule from "my-library/MyModule";
-import App from 'my-library/components/App';
+import App from "my-library/components/App";
-import Header from 'my-library/components/App/Header';
+import Header from "my-library/components/App/Header";
-import Footer from 'my-library/components/App/Footer';
+import Footer from "my-library/components/App/Footer";

packages/next-swc/crates/core/tests/fixture/modularize-imports/simple/output.js

@@ -1,5 +1,5 @@
 import Grid from "react-bootstrap/lib/Grid";
 import Row from "react-bootstrap/lib/Row";
 import Col1 from "react-bootstrap/lib/Col";
-import { MyModule } from 'my-library-2/myModule';
+import { MyModule } from "my-library-2/myModule";
-import { Widget } from 'my-library-2/widget';
+import { Widget } from "my-library-2/widget";

packages/next-swc/crates/core/tests/fixture/next-dynamic/duplicated-imports/output-dev.js

@@ -1,12 +1,18 @@
-import dynamic1 from 'next/dynamic'
+import dynamic1 from 'next/dynamic';
-import dynamic2 from 'next/dynamic'
+import dynamic2 from 'next/dynamic';
-const DynamicComponent1 = dynamic1(() => import('../components/hello1'), {
+const DynamicComponent1 = dynamic1(()=>import('../components/hello1')
-  loadableGenerated: {
+, {
-    modules: ['some-file.js -> ' + '../components/hello1'],
+    loadableGenerated: {
-  },
+        modules: [
-})
+            "some-file.js -> " + "../components/hello1"
-const DynamicComponent2 = dynamic2(() => import('../components/hello2'), {
+        ]
-  loadableGenerated: {
+    }
-    modules: ['some-file.js -> ' + '../components/hello2'],
+});
-  },
+const DynamicComponent2 = dynamic2(()=>import('../components/hello2')
-})
+, {
+    loadableGenerated: {
+        modules: [
+            "some-file.js -> " + "../components/hello2"
+        ]
+    }
+});

packages/next-swc/crates/core/tests/fixture/next-dynamic/duplicated-imports/output-prod.js

@@ -1,12 +1,18 @@
-import dynamic1 from 'next/dynamic'
+import dynamic1 from 'next/dynamic';
-import dynamic2 from 'next/dynamic'
+import dynamic2 from 'next/dynamic';
-const DynamicComponent1 = dynamic1(() => import('../components/hello1'), {
+const DynamicComponent1 = dynamic1(()=>import('../components/hello1')
-  loadableGenerated: {
+, {
-    webpack: () => [require.resolveWeak('../components/hello1')],
+    loadableGenerated: {
-  },
+        webpack: ()=>[
-})
+                require.resolveWeak("../components/hello1")
-const DynamicComponent2 = dynamic2(() => import('../components/hello2'), {
+            ]
-  loadableGenerated: {
+    }
-    webpack: () => [require.resolveWeak('../components/hello2')],
+});
-  },
+const DynamicComponent2 = dynamic2(()=>import('../components/hello2')
-})
+, {
+    loadableGenerated: {
+        webpack: ()=>[
+                require.resolveWeak("../components/hello2")
+            ]
+    }
+});

packages/next-swc/crates/core/tests/fixture/next-dynamic/duplicated-imports/output-server.js

@@ -1,12 +1,18 @@
-import dynamic1 from 'next/dynamic'
+import dynamic1 from 'next/dynamic';
-import dynamic2 from 'next/dynamic'
+import dynamic2 from 'next/dynamic';
-const DynamicComponent1 = dynamic1(() => import('../components/hello1'), {
+const DynamicComponent1 = dynamic1(()=>import('../components/hello1')
-  loadableGenerated: {
+, {
-    modules: ['some-file.js -> ' + '../components/hello1'],
+    loadableGenerated: {
-  },
+        modules: [
-})
+            "some-file.js -> " + "../components/hello1"
-const DynamicComponent2 = dynamic2(() => import('../components/hello2'), {
+        ]
-  loadableGenerated: {
+    }
-    modules: ['some-file.js -> ' + '../components/hello2'],
+});
-  },
+const DynamicComponent2 = dynamic2(()=>import('../components/hello2')
-})
+, {
+    loadableGenerated: {
+        modules: [
+            "some-file.js -> " + "../components/hello2"
+        ]
+    }
+});

packages/next-swc/crates/core/tests/fixture/next-dynamic/member-with-same-name/output-dev.js

@@ -1,8 +1,11 @@
-import dynamic from 'next/dynamic'
+import dynamic from 'next/dynamic';
-import somethingElse from 'something-else'
+import somethingElse from 'something-else';
-const DynamicComponent = dynamic(() => import('../components/hello'), {
+const DynamicComponent = dynamic(()=>import('../components/hello')
-  loadableGenerated: {
+, {
-    modules: ['some-file.js -> ' + '../components/hello'],
+    loadableGenerated: {
-  },
+        modules: [
-})
+            "some-file.js -> " + "../components/hello"
-somethingElse.dynamic('should not be transformed')
+        ]
+    }
+});
+somethingElse.dynamic('should not be transformed');

packages/next-swc/crates/core/tests/fixture/next-dynamic/member-with-same-name/output-prod.js

@@ -1,8 +1,11 @@
-import dynamic from 'next/dynamic'
+import dynamic from 'next/dynamic';
-import somethingElse from 'something-else'
+import somethingElse from 'something-else';
-const DynamicComponent = dynamic(() => import('../components/hello'), {
+const DynamicComponent = dynamic(()=>import('../components/hello')
-  loadableGenerated: {
+, {
-    webpack: () => [require.resolveWeak('../components/hello')],
+    loadableGenerated: {
-  },
+        webpack: ()=>[
-})
+                require.resolveWeak("../components/hello")
-somethingElse.dynamic('should not be transformed')
+            ]
+    }
+});
+somethingElse.dynamic('should not be transformed');

packages/next-swc/crates/core/tests/fixture/next-dynamic/member-with-same-name/output-server.js

@@ -1,8 +1,11 @@
-import dynamic from 'next/dynamic'
+import dynamic from 'next/dynamic';
-import somethingElse from 'something-else'
+import somethingElse from 'something-else';
-const DynamicComponent = dynamic(() => import('../components/hello'), {
+const DynamicComponent = dynamic(()=>import('../components/hello')
-  loadableGenerated: {
+, {
-    modules: ['some-file.js -> ' + '../components/hello'],
+    loadableGenerated: {
-  },
+        modules: [
-})
+            "some-file.js -> " + "../components/hello"
-somethingElse.dynamic('should not be transformed')
+        ]
+    }
+});
+somethingElse.dynamic('should not be transformed');

packages/next-swc/crates/core/tests/fixture/next-dynamic/no-options/output-dev.js

@@ -1,6 +1,9 @@
-import dynamic from 'next/dynamic'
+import dynamic from 'next/dynamic';
-const DynamicComponent = dynamic(() => import('../components/hello'), {
+const DynamicComponent = dynamic(()=>import('../components/hello')
-  loadableGenerated: {
+, {
-    modules: ['some-file.js -> ' + '../components/hello'],
+    loadableGenerated: {
-  },
+        modules: [
-})
+            "some-file.js -> " + "../components/hello"
+        ]
+    }
+});

packages/next-swc/crates/core/tests/fixture/next-dynamic/no-options/output-prod.js

@@ -1,6 +1,9 @@
-import dynamic from 'next/dynamic'
+import dynamic from 'next/dynamic';
-const DynamicComponent = dynamic(() => import('../components/hello'), {
+const DynamicComponent = dynamic(()=>import('../components/hello')
-  loadableGenerated: {
+, {
-    webpack: () => [require.resolveWeak('../components/hello')],
+    loadableGenerated: {
-  },
+        webpack: ()=>[
-})
+                require.resolveWeak("../components/hello")
+            ]
+    }
+});

packages/next-swc/crates/core/tests/fixture/next-dynamic/no-options/output-server.js

@@ -1,6 +1,9 @@
-import dynamic from 'next/dynamic'
+import dynamic from 'next/dynamic';
-const DynamicComponent = dynamic(() => import('../components/hello'), {
+const DynamicComponent = dynamic(()=>import('../components/hello')
-  loadableGenerated: {
+, {
-    modules: ['some-file.js -> ' + '../components/hello'],
+    loadableGenerated: {
-  },
+        modules: [
-})
+            "some-file.js -> " + "../components/hello"
+        ]
+    }
+});

packages/next-swc/crates/core/tests/fixture/next-dynamic/with-options/output-dev.js

@@ -1,5 +1,5 @@
-import dynamic from "next/dynamic";
+import dynamic from 'next/dynamic';
-const DynamicComponentWithCustomLoading = dynamic(()=>import("../components/hello")
+const DynamicComponentWithCustomLoading = dynamic(()=>import('../components/hello')
 , {
     loadableGenerated: {
         modules: [
@@ -8,7 +8,7 @@ const DynamicComponentWithCustomLoading = dynamic(()=>import("../components/hell
     },
     loading: ()=><p >...</p>
 });
-const DynamicClientOnlyComponent = dynamic(()=>import("../components/hello")
+const DynamicClientOnlyComponent = dynamic(()=>import('../components/hello')
 , {
     loadableGenerated: {
         modules: [
@@ -16,4 +16,4 @@ const DynamicClientOnlyComponent = dynamic(()=>import("../components/hello")
         ]
     },
     ssr: false
-});
+});

packages/next-swc/crates/core/tests/fixture/next-dynamic/with-options/output-prod.js

@@ -1,5 +1,5 @@
-import dynamic from "next/dynamic";
+import dynamic from 'next/dynamic';
-const DynamicComponentWithCustomLoading = dynamic(()=>import("../components/hello")
+const DynamicComponentWithCustomLoading = dynamic(()=>import('../components/hello')
 , {
     loadableGenerated: {
         webpack: ()=>[
@@ -8,7 +8,7 @@ const DynamicComponentWithCustomLoading = dynamic(()=>import("../components/hell
     },
     loading: ()=><p >...</p>
 });
-const DynamicClientOnlyComponent = dynamic(()=>import("../components/hello")
+const DynamicClientOnlyComponent = dynamic(()=>import('../components/hello')
 , {
     loadableGenerated: {
         webpack: ()=>[
@@ -16,4 +16,4 @@ const DynamicClientOnlyComponent = dynamic(()=>import("../components/hello")
             ]
     },
     ssr: false
-});
+});

packages/next-swc/crates/core/tests/fixture/next-dynamic/with-options/output-server.js

@@ -1,16 +1,18 @@
-import dynamic from 'next/dynamic'
+import dynamic from 'next/dynamic';
-const DynamicComponentWithCustomLoading = dynamic(
+const DynamicComponentWithCustomLoading = dynamic(()=>import('../components/hello')
-  () => import('../components/hello'),
+, {
-  {
     loadableGenerated: {
-      modules: ['some-file.js -> ' + '../components/hello'],
+        modules: [
+            "some-file.js -> " + "../components/hello"
+        ]
     },
-    loading: () => <p>...</p>,
+    loading: ()=><p >...</p>
-  }
+});
-)
 const DynamicClientOnlyComponent = dynamic(null, {
-  loadableGenerated: {
+    loadableGenerated: {
-    modules: ['some-file.js -> ' + '../components/hello'],
+        modules: [
-  },
+            "some-file.js -> " + "../components/hello"
-  ssr: false,
+        ]
-})
+    },
+    ssr: false
+});

packages/next-swc/crates/core/tests/fixture/next-dynamic/wrapped-import/output-dev.js

@@ -1,5 +1,5 @@
-import dynamic from "next/dynamic";
+import dynamic from 'next/dynamic';
-const DynamicComponent = dynamic(()=>handleImport(import("./components/hello"))
+const DynamicComponent = dynamic(()=>handleImport(import('./components/hello'))
 , {
     loadableGenerated: {
         modules: [
@@ -9,4 +9,4 @@ const DynamicComponent = dynamic(()=>handleImport(import("./components/hello"))
     loading: ()=>null
     ,
     ssr: false
-});
+});

packages/next-swc/crates/core/tests/fixture/next-dynamic/wrapped-import/output-prod.js

@@ -1,5 +1,5 @@
-import dynamic from "next/dynamic";
+import dynamic from 'next/dynamic';
-const DynamicComponent = dynamic(()=>handleImport(import("./components/hello"))
+const DynamicComponent = dynamic(()=>handleImport(import('./components/hello'))
 , {
     loadableGenerated: {
         webpack: ()=>[
@@ -9,4 +9,4 @@ const DynamicComponent = dynamic(()=>handleImport(import("./components/hello"))
     loading: ()=>null
     ,
     ssr: false
-});
+});

packages/next-swc/crates/core/tests/fixture/next-dynamic/wrapped-import/output-server.js

@@ -1,4 +1,4 @@
-import dynamic from "next/dynamic";
+import dynamic from 'next/dynamic';
 const DynamicComponent = dynamic(null, {
     loadableGenerated: {
         modules: [
@@ -8,4 +8,4 @@ const DynamicComponent = dynamic(null, {
     loading: ()=>null
     ,
     ssr: false
-});
+});

packages/next-swc/crates/core/tests/fixture/page-config/amp-hybrid/output.js

@@ -1,7 +1,7 @@
 export const config = {
-  amp: "hybrid"
+    amp: 'hybrid'
 };
 function About(props) {
-  return <h3 >My AMP About Page!</h3>;
+    return <h3 >My AMP About Page!</h3>;
 }
-export default About;
+export default About;

packages/next-swc/crates/core/tests/fixture/shake-exports/keep-default/output.js

@@ -1,4 +1,4 @@
-let shouldBeKept = "should be kept";
+let shouldBeKept = 'should be kept';
 export default function shouldBeKept() {
     console.log(shouldBeKept);
-}
+};

packages/next-swc/crates/core/tests/fixture/shake-exports/most-usecases/output.js

@@ -1,9 +1,9 @@
-let shouldBeKept = "should be kept";
+let shouldBeKept = 'should be kept';
 export async function keep() {
     console.log(shouldBeKept);
 }
-export let keep1 = "should be kept";
+export let keep1 = 'should be kept';
-export let keep2 = "should be kept";
+export let keep2 = 'should be kept';
-let keep3 = "should be kept";
+let keep3 = 'should be kept';
-let asKeep = "should be kept";
+let asKeep = 'should be kept';
-export { keep3, asKeep as keep4 };
+export { keep3, asKeep as keep4 };

packages/next-swc/crates/core/tests/fixture/ssg/getServerSideProps/destructuring-assignment-array/output.js

@@ -1,6 +1,6 @@
-import other from "other";
+import other from 'other';
 const [foo] = other;
 export var __N_SSP = true;
 export default function Home() {
     return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/destructuring-assignment-array/output.js

@@ -1,6 +1,6 @@
-import other from 'other'
+import other from 'other';
-const [foo] = other
+const [foo] = other;
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Home() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/destructuring-assignment-object/output.js

@@ -1,6 +1,6 @@
-import other from 'other'
+import other from 'other';
-const { a, cat: bar } = other
+const { a , cat: bar  } = other;
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Home() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-not-crash-for-class-declarations/output.js

@@ -1,5 +1,6 @@
-export var __N_SSG = true
+export var __N_SSG = true;
-export class MyClass {}
+export class MyClass {
-export default function Test() {
-  return __jsx('div', null)
 }
+export default function Test() {
+    return __jsx("div", null);
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-not-remove-extra-named-export-function-declarations/output.js

@@ -1,5 +1,5 @@
-export var __N_SSG = true
+export var __N_SSG = true;
 export function Noop() {}
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-not-remove-extra-named-export-variable-declarations/output.js

@@ -1,5 +1,5 @@
-export var __N_SSG = true
+export var __N_SSG = true;
-export const foo = 2
+export const foo = 2;
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-not-remove-import-used-in-render/output.js

@@ -1,15 +1,15 @@
-import { useState, useEffect } from "react";
+import { useState, useEffect } from 'react';
-import { Root, Children, JSXMemberExpression, AttributeValue, AttributeJSX, ValueInRender, ValueInEffect } from "../";
+import { Root, Children, JSXMemberExpression, AttributeValue, AttributeJSX, ValueInRender, ValueInEffect } from '../';
 export var __N_SSG = true;
 export default function Test() {
     const [x, setX] = useState(ValueInRender.value);
-    useEffect(() => {
+    useEffect(()=>{
         setX(ValueInEffect.value);
-    }, [])
+    }, []);
     return __jsx(Root, {
-      x: x
+        x: x
-    }, __jsx('div', null, __jsx(Children, {
+    }, __jsx("div", null, __jsx(Children, {
-      attr: AttributeValue,
+        attr: AttributeValue,
-      jsx: __jsx(AttributeJSX, null)
+        jsx: __jsx(AttributeJSX, null)
     }), __jsx(JSXMemberExpression.Deep.Property, null)));
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-remove-combined-named-export-specifiers/output.js

@@ -1,4 +1,4 @@
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-remove-extra-named-export-speicifers/output.js

@@ -1,5 +1,5 @@
-export var __N_SSG = true
+export var __N_SSG = true;
-export { foo, bar as baz } from '.'
+export { foo, bar as baz } from '.';
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-remove-named-export-function-declarations-async/output.js

@@ -1,4 +1,4 @@
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-remove-named-export-function-declarations/output.js

@@ -1,4 +1,4 @@
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-remove-named-export-variable-declarations-async/output.js

@@ -1,4 +1,4 @@
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-remove-named-export-variable-declarations/output.js

@@ -1,4 +1,4 @@
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-remove-re-exported-function-declarations-dependents-variables-functions-imports/output.js

@@ -1,10 +1,10 @@
-import keep_me from 'hello'
+import keep_me from 'hello';
-import { keep_me2 } from 'hello2'
+import { keep_me2 } from 'hello2';
-import * as keep_me3 from 'hello3'
+import * as keep_me3 from 'hello3';
-import { but_not_me } from 'bar'
+import { but_not_me } from 'bar';
-var leave_me_alone = 1
+var leave_me_alone = 1;
 function dont_bug_me_either() {}
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-remove-re-exported-function-declarations/output.js

@@ -1,4 +1,4 @@
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-remove-re-exported-variable-declarations-safe/output.js

@@ -1,5 +1,5 @@
-const a = 2
+const a = 2;
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-remove-re-exported-variable-declarations/output.js

@@ -1,4 +1,4 @@
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-remove-separate-named-export-specifiers/output.js

@@ -1,4 +1,4 @@
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Test() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-support-babel-style-memoized-function/output.js

@@ -1,4 +1,4 @@
-export var __N_SSG = true
+export var __N_SSG = true;
 export default function Home() {
-  return __jsx('div', null)
+    return __jsx("div", null);
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-support-class-exports-2/output.js

@@ -1,7 +1,7 @@
 class Test extends React.Component {
-  render() {
+    render() {
-    return __jsx('div', null)
+        return __jsx("div", null);
-  }
+    }
 }
-export var __N_SSG = true
+export var __N_SSG = true;
-export default Test
+export default Test;

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-support-class-exports/output.js

@@ -1,6 +1,6 @@
-export var __N_SSG = true
+export var __N_SSG = true;
 export default class Test extends React.Component {
-  render() {
+    render() {
-    return __jsx('div', null)
+        return __jsx("div", null);
-  }
+    }
-}
+};

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-support-export-named-as-default-with-a-class/output.js

@@ -1,8 +1,8 @@
 class El extends React.Component {
-  render() {
+    render() {
-    return __jsx('div', null)
+        return __jsx("div", null);
-  }
+    }
 }
-const a = 5
+const a = 5;
-export var __N_SSG = true
+export var __N_SSG = true;
-export { El as default, a }
+export { El as default, a };

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-support-export-named-as-default-with-other-specifiers/output.js

@@ -1,6 +1,6 @@
 function El() {
-  return __jsx('div', null)
+    return __jsx("div", null);
 }
-const a = 5
+const a = 5;
-export var __N_SSG = true
+export var __N_SSG = true;
-export { El as default, a }
+export { El as default, a };

packages/next-swc/crates/core/tests/fixture/ssg/getStaticProps/should-support-named-export-as-default/output.js

@@ -1,5 +1,5 @@
 function El() {
-  return __jsx('div', null)
+    return __jsx("div", null);
 }
-export var __N_SSG = true
+export var __N_SSG = true;
-export { El as default }
+export { El as default };

packages/next-swc/crates/core/tests/fixture/styled-jsx/absent/output.js

@@ -1,5 +1,8 @@
 const a = ()=><div >
+
     <p >hi</p>
-    <style >{"woot"}</style>
+
+    <style >{'woot'}</style>
+
   </div>
-;
+;

packages/next-swc/crates/core/tests/fixture/styled-jsx/attribute-generation-classname-rewriting/output.js

@@ -1,6 +1,6 @@
 import _JSXStyle from "styled-jsx/style";
 export default (()=>{
-    const Element = "div";
+    const Element = 'div';
     return <div className={"jsx-abb4c2202db1a207"}>
 
       <div {...test.test} className={"jsx-abb4c2202db1a207" + " " + (test.test && test.test.className != null && test.test.className || "test")}/>
@@ -11,28 +11,28 @@ export default (()=>{
 
       <div data-test="test" className={"jsx-abb4c2202db1a207"}/>
 
-      <div className={"jsx-abb4c2202db1a207" + " " + "test"}/>
+      <div className={"jsx-abb4c2202db1a207" + " " + 'test'}/>
 
       <div className={"jsx-abb4c2202db1a207" + " " + `test`}/>
 
-      <div className={"jsx-abb4c2202db1a207" + " " + `test${true ? " test2" : ""}`}/>
+      <div className={"jsx-abb4c2202db1a207" + " " + `test${true ? ' test2' : ''}`}/>
 
-      <div className={"jsx-abb4c2202db1a207" + " " + ("test " + test || "")}/>
+      <div className={"jsx-abb4c2202db1a207" + " " + ('test ' + test || "")}/>
 
       <div className={"jsx-abb4c2202db1a207" + " " + ([
-        "test",
+        'test',
-        "test2"
+        'test2'
-    ].join(" ") || "")}/>
+    ].join(' ') || "")}/>
 
-      <div className={"jsx-abb4c2202db1a207" + " " + (true && "test" || "")}/>
+      <div className={"jsx-abb4c2202db1a207" + " " + (true && 'test' || "")}/>
 
-      <div className={"jsx-abb4c2202db1a207" + " " + ((test ? "test" : null) || "")}/>
+      <div className={"jsx-abb4c2202db1a207" + " " + ((test ? 'test' : null) || "")}/>
 
       <div className={"jsx-abb4c2202db1a207" + " " + (test || "")}/>
 
-      <div className={"jsx-abb4c2202db1a207" + " " + (test && "test" || "")}/>
+      <div className={"jsx-abb4c2202db1a207" + " " + (test && 'test' || "")}/>
 
-      <div className={"jsx-abb4c2202db1a207" + " " + (test && test("test") || "")}/>
+      <div className={"jsx-abb4c2202db1a207" + " " + (test && test('test') || "")}/>
 
       <div className={"jsx-abb4c2202db1a207" + " " + (undefined || "")}/>
 
@@ -40,29 +40,29 @@ export default (()=>{
 
       <div className={"jsx-abb4c2202db1a207" + " " + (false || "")}/>
 
-      <div data-test className={"jsx-abb4c2202db1a207" + " " + "test"}/>
+      <div data-test className={"jsx-abb4c2202db1a207" + " " + 'test'}/>
 
-      <div data-test className={"jsx-abb4c2202db1a207" + " " + "test"}/>
+      <div data-test className={"jsx-abb4c2202db1a207" + " " + 'test'}/>
 
-      <div data-test="test" className={"jsx-abb4c2202db1a207" + " " + "test"}/>
+      <div data-test="test" className={"jsx-abb4c2202db1a207" + " " + 'test'}/>
 
-      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || "test")}/>
+      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || 'test')}/>
 
-      <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || props && props.className != null && props.className || "test")}/>
+      <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || props && props.className != null && props.className || 'test')}/>
 
-      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || `test ${test ? "test" : ""}`)}/>
+      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || `test ${test ? 'test' : ''}`)}/>
 
-      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || test && test("test") || "")}/>
+      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || test && test('test') || "")}/>
 
-      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || test && test("test") && "test" || "")}/>
+      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || test && test('test') && 'test' || "")}/>
 
-      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || test && test("test") && test2("test") || "")}/>
+      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || test && test('test') && test2('test') || "")}/>
 
-      <div {...props} className={"jsx-abb4c2202db1a207" + " " + "test"}/>
+      <div {...props} className={"jsx-abb4c2202db1a207" + " " + 'test'}/>
 
-      <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + "test"}/>
+      <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + 'test'}/>
 
-      <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || "test")}/>
+      <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || 'test')}/>
 
       <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || "")}/>
 
@@ -70,27 +70,27 @@ export default (()=>{
 
       <div {...props} data-foo {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || props && props.className != null && props.className || "")}/>
 
-      <div {...props} data-foo {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || "test")}/>
+      <div {...props} data-foo {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || 'test')}/>
 
       <div {...{
-        id: "foo"
+        id: 'foo'
     }} className={"jsx-abb4c2202db1a207"}/>
 
-      <div className={"jsx-abb4c2202db1a207" + " " + "foo"}/>
+      <div className={"jsx-abb4c2202db1a207" + " " + 'foo'}/>
 
       <div {...{
-        className: "foo"
+        className: 'foo'
     }} className={"jsx-abb4c2202db1a207" + " " + "test"}/>
 
-      <div className="test" className={"jsx-abb4c2202db1a207" + " " + "foo"}/>
+      <div className="test" className={"jsx-abb4c2202db1a207" + " " + 'foo'}/>
 
-      <div {...bar} className={"jsx-abb4c2202db1a207" + " " + (bar && bar.className != null && bar.className || "foo")}/>
+      <div {...bar} className={"jsx-abb4c2202db1a207" + " " + (bar && bar.className != null && bar.className || 'foo')}/>
 
       <div {...{
-        className: "foo"
+        className: 'foo'
     }} {...bar} className={"jsx-abb4c2202db1a207" + " " + "test"}/>
 
-      <div className="test" {...bar} className={"jsx-abb4c2202db1a207" + " " + (bar && bar.className != null && bar.className || "foo")}/>
+      <div className="test" {...bar} className={"jsx-abb4c2202db1a207" + " " + (bar && bar.className != null && bar.className || 'foo')}/>
 
       <div className="test" className={"jsx-abb4c2202db1a207" + " " + (props.className || "")}/>
 

packages/next-swc/crates/core/tests/fixture/styled-jsx/attribute-generation-modes/output.js

@@ -1,6 +1,6 @@
 import _JSXStyle from "styled-jsx/style";
-import styles from "./styles";
+import styles from './styles';
-const styles2 = require("./styles2");
+const styles2 = require('./styles2');
 // external only
 export const Test1 = ()=><div className={`jsx-${styles2.__hash} jsx-${styles.__hash}`}>
 
@@ -26,7 +26,7 @@ export const Test2 = ()=><div className={"jsx-81a68341e430a972 " + `jsx-${styles
 // external and dynamic
 export const Test3 = ({ color  })=><div className={`jsx-${styles.__hash}` + " " + _JSXStyle.dynamic([
         [
-            "332b21af86b0ec6",
+            "accb2339a5faf0f2",
             [
                 color
             ]
@@ -35,14 +35,14 @@ export const Test3 = ({ color  })=><div className={`jsx-${styles.__hash}` + " "
 
     <p className={`jsx-${styles.__hash}` + " " + _JSXStyle.dynamic([
         [
-            "332b21af86b0ec6",
+            "accb2339a5faf0f2",
             [
                 color
             ]
         ]
     ])}>external and dynamic</p>
 
-    <_JSXStyle id={"332b21af86b0ec6"} dynamic={[
+    <_JSXStyle id={"accb2339a5faf0f2"} dynamic={[
         color
     ]}>{`p.__jsx-style-dynamic-selector{color:${color}}`}</_JSXStyle>
 
@@ -53,7 +53,7 @@ export const Test3 = ({ color  })=><div className={`jsx-${styles.__hash}` + " "
 // external, static and dynamic
 export const Test4 = ({ color  })=><div className={`jsx-${styles.__hash}` + " jsx-ceba8c9ce34e3d0c " + _JSXStyle.dynamic([
         [
-            "ec8f36d08fa7aa2c",
+            "8e6465b81c401982",
             [
                 color
             ]
@@ -62,7 +62,7 @@ export const Test4 = ({ color  })=><div className={`jsx-${styles.__hash}` + " js
 
     <p className={`jsx-${styles.__hash}` + " jsx-ceba8c9ce34e3d0c " + _JSXStyle.dynamic([
         [
-            "ec8f36d08fa7aa2c",
+            "8e6465b81c401982",
             [
                 color
             ]
@@ -71,7 +71,7 @@ export const Test4 = ({ color  })=><div className={`jsx-${styles.__hash}` + " js
 
     <_JSXStyle id={"ceba8c9ce34e3d0c"}>{"p.jsx-ceba8c9ce34e3d0c{display:inline-block}"}</_JSXStyle>
 
-    <_JSXStyle id={"ec8f36d08fa7aa2c"} dynamic={[
+    <_JSXStyle id={"8e6465b81c401982"} dynamic={[
         color
     ]}>{`p.__jsx-style-dynamic-selector{color:${color}}`}</_JSXStyle>
 
@@ -93,7 +93,7 @@ export const Test5 = ()=><div className={"jsx-df0159ebd3f9fb6f"}>
 // static and dynamic
 export const Test6 = ({ color  })=><div className={"jsx-ceba8c9ce34e3d0c " + _JSXStyle.dynamic([
         [
-            "ec8f36d08fa7aa2c",
+            "8e6465b81c401982",
             [
                 color
             ]
@@ -102,7 +102,7 @@ export const Test6 = ({ color  })=><div className={"jsx-ceba8c9ce34e3d0c " + _JS
 
     <p className={"jsx-ceba8c9ce34e3d0c " + _JSXStyle.dynamic([
         [
-            "ec8f36d08fa7aa2c",
+            "8e6465b81c401982",
             [
                 color
             ]
@@ -111,7 +111,7 @@ export const Test6 = ({ color  })=><div className={"jsx-ceba8c9ce34e3d0c " + _JS
 
     <_JSXStyle id={"ceba8c9ce34e3d0c"}>{"p.jsx-ceba8c9ce34e3d0c{display:inline-block}"}</_JSXStyle>
 
-    <_JSXStyle id={"ec8f36d08fa7aa2c"} dynamic={[
+    <_JSXStyle id={"8e6465b81c401982"} dynamic={[
         color
     ]}>{`p.__jsx-style-dynamic-selector{color:${color}}`}</_JSXStyle>
 
@@ -120,7 +120,7 @@ export const Test6 = ({ color  })=><div className={"jsx-ceba8c9ce34e3d0c " + _JS
 // dynamic only
 export const Test7 = ({ color  })=><div className={_JSXStyle.dynamic([
         [
-            "332b21af86b0ec6",
+            "accb2339a5faf0f2",
             [
                 color
             ]
@@ -129,14 +129,14 @@ export const Test7 = ({ color  })=><div className={_JSXStyle.dynamic([
 
     <p className={_JSXStyle.dynamic([
         [
-            "332b21af86b0ec6",
+            "accb2339a5faf0f2",
             [
                 color
             ]
         ]
     ])}>dynamic only</p>
 
-    <_JSXStyle id={"332b21af86b0ec6"} dynamic={[
+    <_JSXStyle id={"accb2339a5faf0f2"} dynamic={[
         color
     ]}>{`p.__jsx-style-dynamic-selector{color:${color}}`}</_JSXStyle>
 
@@ -150,7 +150,7 @@ export const Test8 = ({ color  })=>{
         };
         return <div className={_JSXStyle.dynamic([
             [
-                "c37e7ca12a9fbc5b",
+                "3b89706ab84e735b",
                 [
                     innerProps.color
                 ]
@@ -159,14 +159,14 @@ export const Test8 = ({ color  })=>{
 
         <p className={_JSXStyle.dynamic([
             [
-                "c37e7ca12a9fbc5b",
+                "3b89706ab84e735b",
                 [
                     innerProps.color
                 ]
             ]
         ])}>dynamic with scoped compound variable</p>
 
-        <_JSXStyle id={"c37e7ca12a9fbc5b"} dynamic={[
+        <_JSXStyle id={"3b89706ab84e735b"} dynamic={[
             innerProps.color
         ]}>{`p.__jsx-style-dynamic-selector{color:${innerProps.color}}`}</_JSXStyle>
 
@@ -180,7 +180,7 @@ export const Test9 = ({ color  })=>{
     };
     return <div className={_JSXStyle.dynamic([
         [
-            "59d22b990ceca2d7",
+            "65329f5bf03a1958",
             [
                 innerProps.color
             ]
@@ -189,26 +189,26 @@ export const Test9 = ({ color  })=>{
 
       <p className={_JSXStyle.dynamic([
         [
-            "59d22b990ceca2d7",
+            "65329f5bf03a1958",
             [
                 innerProps.color
             ]
         ]
     ])}>dynamic with compound variable</p>
 
-      <_JSXStyle id={"59d22b990ceca2d7"} dynamic={[
+      <_JSXStyle id={"65329f5bf03a1958"} dynamic={[
         innerProps.color
     ]}>{`p.__jsx-style-dynamic-selector{color:${innerProps.color}}`}</_JSXStyle>
 
     </div>;
 };
-const foo = "red";
+const foo = 'red';
 // dynamic with constant variable
-export const Test10 = ()=><div className={"jsx-64eb0b4e09da0dd3"}>
+export const Test10 = ()=><div className={"jsx-cbdf2f44af4108bd"}>
 
-    <p className={"jsx-64eb0b4e09da0dd3"}>dynamic with constant variable</p>
+    <p className={"jsx-cbdf2f44af4108bd"}>dynamic with constant variable</p>
 
-    <_JSXStyle id={"64eb0b4e09da0dd3"}>{`p.jsx-64eb0b4e09da0dd3{color:${foo}}`}</_JSXStyle>
+    <_JSXStyle id={"cbdf2f44af4108bd"}>{`p.jsx-cbdf2f44af4108bd{color:${foo}}`}</_JSXStyle>
 
   </div>
 ;
@@ -218,14 +218,14 @@ export const Test11 = ({ color  })=>{
         length: 5
     }).map((item, i)=><li key={i} className={_JSXStyle.dynamic([
             [
-                "93933d24284432d0",
+                "79c618068313f86e",
                 [
                     color
                 ]
             ]
         ]) + " " + "item"}>
 
-      <_JSXStyle id={"93933d24284432d0"} dynamic={[
+      <_JSXStyle id={"79c618068313f86e"} dynamic={[
             color
         ]}>{`.item.__jsx-style-dynamic-selector{color:${color}}`}</_JSXStyle>
 

packages/next-swc/crates/core/tests/fixture/styled-jsx/css-selector-after-pseudo/output.js

@@ -2,9 +2,9 @@ import _JSXStyle from "styled-jsx/style";
 function NavigationItem({ active , className ,  }) {
     return <span className={"jsx-2342aae4628612c6" + " " + (cn({
         active
-    }, className, "navigation-item") || "")}>
+    }, className, 'navigation-item') || "")}>
 
-      <_JSXStyle id={"2342aae4628612c6"}>{".navigation-item.jsx-2342aae4628612c6 a::after{content:attr(data-text);content:attr(data-text)/\"\"}"}</_JSXStyle>
+      <_JSXStyle id={"2342aae4628612c6"}>{'.navigation-item.jsx-2342aae4628612c6 a::after{content:attr(data-text);content:attr(data-text)/""}'}</_JSXStyle>
 
     </span>;
 }

packages/next-swc/crates/core/tests/fixture/styled-jsx/different-jsx-ids/output.js

@@ -1,19 +1,19 @@
 import _JSXStyle from "styled-jsx/style";
-const color = "red";
+const color = 'red';
-const otherColor = "green";
+const otherColor = 'green';
-const A = ()=><div className={"jsx-319ecfcffea32bfb"}>
+const A = ()=><div className={"jsx-498d4e86e548e679"}>
 
-    <p className={"jsx-319ecfcffea32bfb"}>test</p>
+    <p className={"jsx-498d4e86e548e679"}>test</p>
 
-    <_JSXStyle id={"319ecfcffea32bfb"}>{`p.jsx-319ecfcffea32bfb{color:${color}}`}</_JSXStyle>
+    <_JSXStyle id={"498d4e86e548e679"}>{`p.jsx-498d4e86e548e679{color:${color}}`}</_JSXStyle>
 
   </div>
 ;
-const B = ()=><div className={"jsx-8a19b9bd65b986e0"}>
+const B = ()=><div className={"jsx-d051a1c8140076ed"}>
 
-    <p className={"jsx-8a19b9bd65b986e0"}>test</p>
+    <p className={"jsx-d051a1c8140076ed"}>test</p>
 
-    <_JSXStyle id={"8a19b9bd65b986e0"}>{`p.jsx-8a19b9bd65b986e0{color:${otherColor}}`}</_JSXStyle>
+    <_JSXStyle id={"d051a1c8140076ed"}>{`p.jsx-d051a1c8140076ed{color:${otherColor}}`}</_JSXStyle>
 
   </div>
 ;

packages/next-swc/crates/core/tests/fixture/styled-jsx/dynamic-element-class/output.js

@@ -1,7 +1,7 @@
 import _JSXStyle from "styled-jsx/style";
 export default class {
     render() {
-        const Element = "div";
+        const Element = 'div';
         return <Element className={"jsx-f825b24bbab5b83b" + " " + "root"}>
 
         <p className={"jsx-f825b24bbab5b83b"}>dynamic element</p>
@@ -11,7 +11,7 @@ export default class {
       </Element>;
     }
 };
-const Element2 = "div";
+const Element2 = 'div';
 export const Test2 = class {
     render() {
         return <Element2 className="root">

packages/next-swc/crates/core/tests/fixture/styled-jsx/dynamic-element-external/output.js

@@ -1,9 +1,12 @@
 import _JSXStyle from "styled-jsx/style";
-import styles from "./styles2";
+import styles from './styles2';
 export default (({ level =1  })=>{
     const Element = `h${level}`;
     return <Element className={`jsx-${styles.__hash}` + " " + "root"}>
+
       <p className={`jsx-${styles.__hash}`}>dynamic element</p>
+
       <_JSXStyle id={styles.__hash}>{styles}</_JSXStyle>
+
     </Element>;
-});
+});

packages/next-swc/crates/core/tests/fixture/styled-jsx/dynamic-element/output.js

@@ -19,7 +19,7 @@ export const TestLowerCase = ({ level =1  })=>{
 
     </element>;
 };
-const Element2 = "div";
+const Element2 = 'div';
 export const Test2 = ()=>{
     return <Element2 className="root">
 
@@ -29,7 +29,7 @@ export const Test2 = ()=>{
 
     </Element2>;
 };
-export const Test3 = ({ Component ="div"  })=>{
+export const Test3 = ({ Component ='div'  })=>{
     return <Component className={"jsx-f825b24bbab5b83b"}>
 
       <p className={"jsx-f825b24bbab5b83b"}>dynamic element</p>

packages/next-swc/crates/core/tests/fixture/styled-jsx/expressions/output.js

@@ -1,89 +1,89 @@
 import _JSXStyle from "styled-jsx/style";
 const darken = (c)=>c
 ;
-const color = "red";
+const color = 'red';
-const otherColor = "green";
+const otherColor = 'green';
-const mediumScreen = "680px";
+const mediumScreen = '680px';
-const animationDuration = "200ms";
+const animationDuration = '200ms';
-const animationName = "my-cool-animation";
+const animationName = 'my-cool-animation';
 const obj = {
-    display: "block"
+    display: 'block'
 };
-export default (({ display  })=><div className={"jsx-1ada4ad4dab7822f " + _JSXStyle.dynamic([
+export default (({ display  })=><div className={"jsx-ee922fe7eac00c5e " + _JSXStyle.dynamic([
         [
-            "183a75aa3877c18a",
+            "374046f7d83960f0",
             [
-                display ? "block" : "none"
+                display ? 'block' : 'none'
             ]
         ],
         [
-            "f07deae908c9294f",
+            "b29f0adf1035840b",
             [
                 darken(color) + 2
             ]
         ],
         [
-            "50021e09364b96c8",
+            "f03bb8922a3e69b1",
             [
                 darken(color)
             ]
         ]
     ])}>
 
-    <p className={"jsx-1ada4ad4dab7822f " + _JSXStyle.dynamic([
+    <p className={"jsx-ee922fe7eac00c5e " + _JSXStyle.dynamic([
         [
-            "183a75aa3877c18a",
+            "374046f7d83960f0",
             [
-                display ? "block" : "none"
+                display ? 'block' : 'none'
             ]
         ],
         [
-            "f07deae908c9294f",
+            "b29f0adf1035840b",
             [
                 darken(color) + 2
             ]
         ],
         [
-            "50021e09364b96c8",
+            "f03bb8922a3e69b1",
             [
                 darken(color)
             ]
         ]
     ])}>test</p>
 
-    <_JSXStyle id={"6116059e04f3bff7"}>{`p.${color}.jsx-1ada4ad4dab7822f{color:${otherColor};display:${obj.display}}`}</_JSXStyle>
+    <_JSXStyle id={"a8107430c6c528d0"}>{`p.${color}.jsx-ee922fe7eac00c5e{color:${otherColor};display:${obj.display}}`}</_JSXStyle>
 
-    <_JSXStyle id={"94239b6d6b42c9b5"}>{"p.jsx-1ada4ad4dab7822f{color:red}"}</_JSXStyle>
+    <_JSXStyle id={"94239b6d6b42c9b5"}>{"p.jsx-ee922fe7eac00c5e{color:red}"}</_JSXStyle>
 
-    <_JSXStyle id={"171303fb0d7f788b"}>{`body{background:${color}}`}</_JSXStyle>
+    <_JSXStyle id={"f0a3b803e45f3568"}>{`body{background:${color}}`}</_JSXStyle>
 
-    <_JSXStyle id={"171303fb0d7f788b"}>{`body{background:${color}}`}</_JSXStyle>
+    <_JSXStyle id={"f0a3b803e45f3568"}>{`body{background:${color}}`}</_JSXStyle>
 
     // TODO: the next two should have the same hash
 
-    <_JSXStyle id={"332b21af86b0ec6"}>{`p.jsx-1ada4ad4dab7822f{color:${color}}`}</_JSXStyle>
+    <_JSXStyle id={"accb2339a5faf0f2"}>{`p.jsx-ee922fe7eac00c5e{color:${color}}`}</_JSXStyle>
 
-    <_JSXStyle id={"332b21af86b0ec6"}>{`p.jsx-1ada4ad4dab7822f{color:${color}}`}</_JSXStyle>
+    <_JSXStyle id={"accb2339a5faf0f2"}>{`p.jsx-ee922fe7eac00c5e{color:${color}}`}</_JSXStyle>
 
-    <_JSXStyle id={"50021e09364b96c8"} dynamic={[
+    <_JSXStyle id={"f03bb8922a3e69b1"} dynamic={[
         darken(color)
     ]}>{`p.__jsx-style-dynamic-selector{color:${darken(color)}}`}</_JSXStyle>
 
-    <_JSXStyle id={"f07deae908c9294f"} dynamic={[
+    <_JSXStyle id={"b29f0adf1035840b"} dynamic={[
         darken(color) + 2
     ]}>{`p.__jsx-style-dynamic-selector{color:${darken(color) + 2}}`}</_JSXStyle>
 
-    <_JSXStyle id={"4e4be2da62837c76"}>{`@media(min-width:${mediumScreen}){p.jsx-1ada4ad4dab7822f{color:green}p.jsx-1ada4ad4dab7822f{color:${`red`}}}p.jsx-1ada4ad4dab7822f{color:red}`}</_JSXStyle>
+    <_JSXStyle id={"d7df5b0be4ac2e3b"}>{`@media(min-width:${mediumScreen}){p.jsx-ee922fe7eac00c5e{color:green}p.jsx-ee922fe7eac00c5e{color:${`red`}}}p.jsx-ee922fe7eac00c5e{color:red}`}</_JSXStyle>
 
-    <_JSXStyle id={"27040f0829fb73d4"}>{`p.jsx-1ada4ad4dab7822f{-webkit-animation-duration:${animationDuration};-moz-animation-duration:${animationDuration};-o-animation-duration:${animationDuration};animation-duration:${animationDuration}}`}</_JSXStyle>
+    <_JSXStyle id={"ff76c479bb5bf1a9"}>{`p.jsx-ee922fe7eac00c5e{-webkit-animation-duration:${animationDuration};-moz-animation-duration:${animationDuration};-o-animation-duration:${animationDuration};animation-duration:${animationDuration}}`}</_JSXStyle>
 
-    <_JSXStyle id={"3e72d735e703a530"}>{`p.jsx-1ada4ad4dab7822f{-webkit-animation:${animationDuration} forwards ${animationName};-moz-animation:${animationDuration} forwards ${animationName};-o-animation:${animationDuration} forwards ${animationName};animation:${animationDuration} forwards ${animationName}}div.jsx-1ada4ad4dab7822f{background:${color}}`}</_JSXStyle>
+    <_JSXStyle id={"f4ba3ad133457656"}>{`p.jsx-ee922fe7eac00c5e{-webkit-animation:${animationDuration} forwards ${animationName};-moz-animation:${animationDuration} forwards ${animationName};-o-animation:${animationDuration} forwards ${animationName};animation:${animationDuration} forwards ${animationName}}div.jsx-ee922fe7eac00c5e{background:${color}}`}</_JSXStyle>
 
 
 
-    <_JSXStyle id={"183a75aa3877c18a"} dynamic={[
+    <_JSXStyle id={"374046f7d83960f0"} dynamic={[
-        display ? "block" : "none"
+        display ? 'block' : 'none'
-    ]}>{`span.__jsx-style-dynamic-selector{display:${display ? "block" : "none"}}`}</_JSXStyle>
+    ]}>{`span.__jsx-style-dynamic-selector{display:${display ? 'block' : 'none'}}`}</_JSXStyle>
 
     // TODO: causes bad syntax
 

packages/next-swc/crates/core/tests/fixture/styled-jsx/external-stylesheet-global/output.js

@@ -1,12 +1,19 @@
 import _JSXStyle from "styled-jsx/style";
-import styles, { foo as styles3 } from "./styles";
+import styles, { foo as styles3 } from './styles';
-const styles2 = require("./styles2");
+const styles2 = require('./styles2');
 export default (()=><div >
+
     <p >test</p>
+
     <div >woot</div>
+
     <p >woot</p>
+
     <_JSXStyle id={styles2.__hash}>{styles2}</_JSXStyle>
+
     <_JSXStyle id={styles3.__hash}>{styles3}</_JSXStyle>
+
     <_JSXStyle id={styles.__hash}>{styles}</_JSXStyle>
+
   </div>
-);
+);

packages/next-swc/crates/core/tests/fixture/styled-jsx/external-stylesheet-multi-line/output.js

@@ -1,7 +1,10 @@
 import _JSXStyle from "styled-jsx/style";
-import styles from "./styles";
+import styles from './styles';
 export default (()=><div className={`jsx-${styles.__hash}`}>
+
     <p className={`jsx-${styles.__hash}`}>test</p>
+
     <_JSXStyle id={styles.__hash}>{styles}</_JSXStyle>
+
   </div>
-);
+);

packages/next-swc/crates/core/tests/fixture/styled-jsx/external-stylesheet/output.js

@@ -1,7 +1,7 @@
 import _JSXStyle from "styled-jsx/style";
-import styles from "./styles";
+import styles from './styles';
-const styles2 = require("./styles2");
+const styles2 = require('./styles2');
-import { foo as styles3 } from "./styles";
+import { foo as styles3 } from './styles';
 export default (()=><div className={"jsx-bee92b62eadf8a14 " + `jsx-${styles.__hash} jsx-${styles3.__hash}`}>
 
     <p className={"jsx-bee92b62eadf8a14 " + `jsx-${styles.__hash} jsx-${styles3.__hash}` + " " + "foo"}>test</p>

packages/next-swc/crates/core/tests/fixture/styled-jsx/fragment/output.js

@@ -1,5 +1,5 @@
 import _JSXStyle from "styled-jsx/style";
-import React from "react";
+import React from 'react';
 export default (()=><>
 
     <p className={"jsx-6dd5f97e085c0297"}>Testing!!!</p>

packages/next-swc/crates/core/tests/fixture/styled-jsx/issue-30480/output.js

@@ -1,14 +1,14 @@
 import _JSXStyle from "styled-jsx/style";
 export default (({ breakPoint  })=><div className={_JSXStyle.dynamic([
         [
-            "42a6f8ca08e1a043",
+            "1568e0a11702cf40",
             [
                 breakPoint
             ]
         ]
     ])}>
 
-    <_JSXStyle id={"42a6f8ca08e1a043"} dynamic={[
+    <_JSXStyle id={"1568e0a11702cf40"} dynamic={[
         breakPoint
     ]}>{`@media(${breakPoint}){}`}</_JSXStyle>
 

packages/next-swc/crates/core/tests/fixture/styled-jsx/issue-31562-interpolation-in-mdea/output.js

@@ -3,7 +3,7 @@ export default class {
     render() {
         return <div className={_JSXStyle.dynamic([
             [
-                "5bbb77b0f67942dc",
+                "ac0c5daa02b1aeac",
                 [
                     Typography.base.size.default,
                     Typography.base.lineHeight,
@@ -17,7 +17,7 @@ export default class {
 
           <p className={_JSXStyle.dynamic([
             [
-                "5bbb77b0f67942dc",
+                "ac0c5daa02b1aeac",
                 [
                     Typography.base.size.default,
                     Typography.base.lineHeight,
@@ -29,7 +29,7 @@ export default class {
             ]
         ])}>test</p>
 
-          <_JSXStyle id={"5bbb77b0f67942dc"} dynamic={[
+          <_JSXStyle id={"ac0c5daa02b1aeac"} dynamic={[
             Typography.base.size.default,
             Typography.base.lineHeight,
             Target.mediumPlus,

packages/next-swc/crates/core/tests/fixture/styled-jsx/multiple-jsx/output.js

@@ -1,6 +1,6 @@
 import _JSXStyle from "styled-jsx/style";
 const attrs = {
-    id: "test"
+    id: 'test'
 };
 const Test1 = ()=><div className={"jsx-a9535d7d5f32c3c4"}>
 

packages/next-swc/crates/core/tests/fixture/styled-jsx/not-styled-jsx-tagged-templates/output.js

@@ -1,5 +1,5 @@
-import css from "hell";
+import css from 'hell';
-const color = "red";
+const color = 'red';
 const bar = css`
   div {
     font-size: 3em;
@@ -21,4 +21,4 @@ const Title = styled.h1`
 `;
 const AnotherTitle = Title.extend`color: blue;`;
 export const Component = ()=><AnotherTitle >My page</AnotherTitle>
-;
+;

packages/next-swc/crates/core/tests/fixture/styled-jsx/number-after-placeholder/output.js

@@ -1,17 +1,17 @@
 import _JSXStyle from "styled-jsx/style";
 import Link from "next/link";
 export default function IndexPage() {
-    return <div className={"jsx-b642661fd6426842"}>
+    return <div className={"jsx-2339e3d61ab4470c"}>
 
       Hello World.{" "}
 
       <Link href="/about">
 
-        <a className={"jsx-b642661fd6426842"}>Abound</a>
+        <a className={"jsx-2339e3d61ab4470c"}>Abound</a>
 
       </Link>
 
-      <_JSXStyle id={"b642661fd6426842"}>{`a.jsx-b642661fd6426842{color:${"#abcdef"}12}`}</_JSXStyle>
+      <_JSXStyle id={"2339e3d61ab4470c"}>{`a.jsx-2339e3d61ab4470c{color:${"#abcdef"}12}`}</_JSXStyle>
 
     </div>;
 };

packages/next-swc/crates/core/tests/fixture/styled-jsx/styles/output.js

@@ -1,31 +1,31 @@
 import _JSXStyle from "styled-jsx/style";
-import colors, { size } from "./constants";
+import colors, { size } from './constants';
-const color = "red";
+const color = 'red';
 const bar = new String("div.jsx-aaed0341accea8f{font-size:3em}");
 bar.__hash = "aaed0341accea8f";
 const baz = new String("div{font-size:3em}");
 baz.__hash = "aaed0341accea8f";
 const a = new String(`div{font-size:${size}em}`);
-a.__hash = "5ba1fcb8b8f3d807";
+a.__hash = "3066b487d298d78f";
 export const uh = bar;
-export const foo = new String(`div.jsx-945eaa83250ed332{color:${color}}`);
+export const foo = new String(`div.jsx-67354fc16554bdab{color:${color}}`);
-foo.__hash = "945eaa83250ed332";
+foo.__hash = "67354fc16554bdab";
 ({
-    styles: <_JSXStyle id={"c107a919a5b2943d"}>{`div.jsx-c107a919a5b2943d{color:${colors.green.light}}a.jsx-c107a919a5b2943d{color:red}`}</_JSXStyle>,
+    styles: <_JSXStyle id={"ef44b0e76b4e59a2"}>{`div.jsx-ef44b0e76b4e59a2{color:${colors.green.light}}a.jsx-ef44b0e76b4e59a2{color:red}`}</_JSXStyle>,
-    className: "jsx-c107a919a5b2943d"
+    className: "jsx-ef44b0e76b4e59a2"
 });
 const b = {
-    styles: <_JSXStyle id={"c107a919a5b2943d"}>{`div.jsx-c107a919a5b2943d{color:${colors.green.light}}a.jsx-c107a919a5b2943d{color:red}`}</_JSXStyle>,
+    styles: <_JSXStyle id={"ef44b0e76b4e59a2"}>{`div.jsx-ef44b0e76b4e59a2{color:${colors.green.light}}a.jsx-ef44b0e76b4e59a2{color:red}`}</_JSXStyle>,
-    className: "jsx-c107a919a5b2943d"
+    className: "jsx-ef44b0e76b4e59a2"
 };
 const dynamic = (colors1)=>{
     const b = {
-        styles: <_JSXStyle id={"60132422fc87f1d1"} dynamic={[
+        styles: <_JSXStyle id={"d1249fb76dde6727"} dynamic={[
             colors1.green.light
         ]}>{`div.__jsx-style-dynamic-selector{color:${colors1.green.light}}a.__jsx-style-dynamic-selector{color:red}`}</_JSXStyle>,
         className: _JSXStyle.dynamic([
             [
-                "60132422fc87f1d1",
+                "d1249fb76dde6727",
                 [
                     colors1.green.light
                 ]
@@ -34,6 +34,6 @@ const dynamic = (colors1)=>{
     };
 };
 export default {
-    styles: <_JSXStyle id={"e5da8dd7ff5c7f39"}>{`div.jsx-e5da8dd7ff5c7f39{font-size:3em}p.jsx-e5da8dd7ff5c7f39{color:${color}}`}</_JSXStyle>,
+    styles: <_JSXStyle id={"d85f88350ca31aae"}>{`div.jsx-d85f88350ca31aae{font-size:3em}p.jsx-d85f88350ca31aae{color:${color}}`}</_JSXStyle>,
-    className: "jsx-e5da8dd7ff5c7f39"
+    className: "jsx-d85f88350ca31aae"
 };

packages/next-swc/crates/core/tests/fixture/styled-jsx/too-many/output.js

@@ -1,8 +1,8 @@
 import _JSXStyle from "styled-jsx/style";
-export const Red = ({ Component ="button" ,  })=>{
+export const Red = ({ Component ='button' ,  })=>{
     return <Component className={_JSXStyle.dynamic([
         [
-            "ca900d186ad0e495",
+            "6c7c8cee856673a7",
             [
                 e1,
                 e2,
@@ -27,7 +27,7 @@ export const Red = ({ Component ="button" ,  })=>{
 
       {}
 
-      <_JSXStyle id={"ca900d186ad0e495"} dynamic={[
+      <_JSXStyle id={"6c7c8cee856673a7"} dynamic={[
         e1,
         e2,
         e3,

packages/next-swc/crates/core/tests/fixture/styled-jsx/tpl-escape-1/output.js

@@ -5,7 +5,7 @@ export default class {
 
         <p className={"jsx-1f6cef12199c3a8f"}>test</p>
 
-        <_JSXStyle id={"1f6cef12199c3a8f"}>{"p.jsx-1f6cef12199c3a8f{content:\"`\"}"}</_JSXStyle>
+        <_JSXStyle id={"1f6cef12199c3a8f"}>{'p.jsx-1f6cef12199c3a8f{content:"`"}'}</_JSXStyle>
 
       </div>;
     }

packages/next-swc/crates/core/tests/fixture/styled-jsx/tpl-escape-2/output.js

@@ -2,14 +2,14 @@ import _JSXStyle from "styled-jsx/style";
 export default function Home({ fontFamily  }) {
     return <div className={_JSXStyle.dynamic([
         [
-            "f804e2f486b6ac13",
+            "ae6b96ca586fe51a",
             [
                 fontFamily
             ]
         ]
     ])}>
 
-      <_JSXStyle id={"f804e2f486b6ac13"} dynamic={[
+      <_JSXStyle id={"ae6b96ca586fe51a"} dynamic={[
         fontFamily
     ]}>{`body{font-family:${fontFamily}}code:before,code:after{content:"\`"}`}</_JSXStyle>
 

packages/next-swc/crates/core/tests/fixture/styled-jsx/tpl-placeholder-1-as-property/output.js

@@ -3,25 +3,25 @@ export default class {
     render() {
         return <div className={_JSXStyle.dynamic([
             [
-                "e359801ddd3b3cb6",
+                "e1b0d3df4c8dcbf0",
                 [
-                    inputSize ? "height: calc(2 * var(--a)) !important;" : ""
+                    inputSize ? 'height: calc(2 * var(--a)) !important;' : ''
                 ]
             ]
         ])}>
 
           <p className={_JSXStyle.dynamic([
             [
-                "e359801ddd3b3cb6",
+                "e1b0d3df4c8dcbf0",
                 [
-                    inputSize ? "height: calc(2 * var(--a)) !important;" : ""
+                    inputSize ? 'height: calc(2 * var(--a)) !important;' : ''
                 ]
             ]
         ])}>test</p>
 
-          <_JSXStyle id={"e359801ddd3b3cb6"} dynamic={[
+          <_JSXStyle id={"e1b0d3df4c8dcbf0"} dynamic={[
-            inputSize ? "height: calc(2 * var(--a)) !important;" : ""
+            inputSize ? 'height: calc(2 * var(--a)) !important;' : ''
-        ]}>{`@media only screen{a.__jsx-style-dynamic-selector{${inputSize ? "height: calc(2 * var(--a)) !important;" : ""}
+        ]}>{`@media only screen{a.__jsx-style-dynamic-selector{${inputSize ? 'height: calc(2 * var(--a)) !important;' : ''}
                 }}`}</_JSXStyle>
 
         </div>;

packages/next-swc/crates/core/tests/fixture/styled-jsx/tpl-placeholder-2-as-part-of-value/output.js

@@ -3,7 +3,7 @@ export default class {
     render() {
         return <div className={_JSXStyle.dynamic([
             [
-                "1a799d9370a3a386",
+                "cdb278181c7e83cf",
                 [
                     a[b],
                     -1 * (c || 0),
@@ -14,7 +14,7 @@ export default class {
 
           <p className={_JSXStyle.dynamic([
             [
-                "1a799d9370a3a386",
+                "cdb278181c7e83cf",
                 [
                     a[b],
                     -1 * (c || 0),
@@ -23,7 +23,7 @@ export default class {
             ]
         ])}>test</p>
 
-          <_JSXStyle id={"1a799d9370a3a386"} dynamic={[
+          <_JSXStyle id={"cdb278181c7e83cf"} dynamic={[
             a[b],
             -1 * (c || 0),
             d

packages/next-swc/crates/core/tests/fixture/styled-jsx/tpl-placeholder-3-as-value/output.js

@@ -3,7 +3,7 @@ export default class {
     render() {
         return <div className={_JSXStyle.dynamic([
             [
-                "4ca4ef3595473f53",
+                "b249ec2f79615bbf",
                 [
                     a
                 ]
@@ -12,14 +12,14 @@ export default class {
 
           <p className={_JSXStyle.dynamic([
             [
-                "4ca4ef3595473f53",
+                "b249ec2f79615bbf",
                 [
                     a
                 ]
             ]
         ])}>test</p>
 
-          <_JSXStyle id={"4ca4ef3595473f53"} dynamic={[
+          <_JSXStyle id={"b249ec2f79615bbf"} dynamic={[
             a
         ]}>{`@media only screen{a.__jsx-style-dynamic-selector{color:${a}}}`}</_JSXStyle>
 

packages/next-swc/crates/core/tests/fixture/styled-jsx/tpl-placeholder-4-as-part-of-value-in-multiple/output.js

@@ -3,28 +3,28 @@ export default class {
     render() {
         return <div className={_JSXStyle.dynamic([
             [
-                "97886c1e9511aafa",
+                "6021be0687550489",
                 [
-                    a || "var(--c)",
+                    a || 'var(--c)',
-                    b || "inherit"
+                    b || 'inherit'
                 ]
             ]
         ])}>
 
           <p className={_JSXStyle.dynamic([
             [
-                "97886c1e9511aafa",
+                "6021be0687550489",
                 [
-                    a || "var(--c)",
+                    a || 'var(--c)',
-                    b || "inherit"
+                    b || 'inherit'
                 ]
             ]
         ])}>test</p>
 
-          <_JSXStyle id={"97886c1e9511aafa"} dynamic={[
+          <_JSXStyle id={"6021be0687550489"} dynamic={[
-            a || "var(--c)",
+            a || 'var(--c)',
-            b || "inherit"
+            b || 'inherit'
-        ]}>{`.a:hover .b.__jsx-style-dynamic-selector{display:inline-block;padding:0 ${a || "var(--c)"};color:${b || "inherit"}}`}</_JSXStyle>
+        ]}>{`.a:hover .b.__jsx-style-dynamic-selector{display:inline-block;padding:0 ${a || 'var(--c)'};color:${b || 'inherit'}}`}</_JSXStyle>
 
         </div>;
     }

packages/next-swc/crates/core/tests/fixture/styled-jsx/tpl-placeholder-5-values-of-multiple-properties/output.js

@@ -3,28 +3,28 @@ export default class {
     render() {
         return <div className={_JSXStyle.dynamic([
             [
-                "bcc606c168bcd197",
+                "e2cf1d088389269b",
                 [
-                    a ? "100%" : "200px",
+                    a ? '100%' : '200px',
-                    b ? "0" : "8px 20px"
+                    b ? '0' : '8px 20px'
                 ]
             ]
         ])}>
 
           <p className={_JSXStyle.dynamic([
             [
-                "bcc606c168bcd197",
+                "e2cf1d088389269b",
                 [
-                    a ? "100%" : "200px",
+                    a ? '100%' : '200px',
-                    b ? "0" : "8px 20px"
+                    b ? '0' : '8px 20px'
                 ]
             ]
         ])}>test</p>
 
-          <_JSXStyle id={"bcc606c168bcd197"} dynamic={[
+          <_JSXStyle id={"e2cf1d088389269b"} dynamic={[
-            a ? "100%" : "200px",
+            a ? '100%' : '200px',
-            b ? "0" : "8px 20px"
+            b ? '0' : '8px 20px'
-        ]}>{`.item.__jsx-style-dynamic-selector{max-width:${a ? "100%" : "200px"};padding:${b ? "0" : "8px 20px"}}`}</_JSXStyle>
+        ]}>{`.item.__jsx-style-dynamic-selector{max-width:${a ? '100%' : '200px'};padding:${b ? '0' : '8px 20px'}}`}</_JSXStyle>
 
         </div>;
     }

packages/next-swc/crates/core/tests/fixture/styled-jsx/transform-css-global/output.js

@@ -3,7 +3,7 @@ export default (()=><div className={"jsx-53fd644ab080300c"}>
 
     <p className={"jsx-53fd644ab080300c"}>test</p>
 
-    <_JSXStyle id={"53fd644ab080300c"}>{"html.jsx-53fd644ab080300c{background-image:linear-gradient(0deg,rgba(255,255,255,.8),rgba(255,255,255,.8)),url(/static/background.svg)}p{color:blue}p{color:blue}p,a.jsx-53fd644ab080300c{color:blue}.foo+a{color:red}body{font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif}"}</_JSXStyle>
+    <_JSXStyle id={"53fd644ab080300c"}>{'html.jsx-53fd644ab080300c{background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,.8),rgba(255,255,255,.8)),url(/static/background.svg);background-image:-moz-linear-gradient(bottom,rgba(255,255,255,.8),rgba(255,255,255,.8)),url(/static/background.svg);background-image:-o-linear-gradient(bottom,rgba(255,255,255,.8),rgba(255,255,255,.8)),url(/static/background.svg);background-image:linear-gradient(0deg,rgba(255,255,255,.8),rgba(255,255,255,.8)),url(/static/background.svg)}p{color:blue}p{color:blue}p,a.jsx-53fd644ab080300c{color:blue}.foo+a{color:red}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}'}</_JSXStyle>
 
   </div>
 );

packages/next-swc/crates/core/tests/fixture/styled-jsx/transform-css-media-query/output.js

@@ -3,7 +3,7 @@ export default (()=><div className={"jsx-1f7963ae04c6466a"}>
 
     <p className={"jsx-1f7963ae04c6466a"}>test</p>
 
-    <_JSXStyle id={"1f7963ae04c6466a"}>{"@media(min-width:1px)and (max-width:768px){[class*=\"grid__col--\"].jsx-1f7963ae04c6466a{margin-top:12px;margin-bottom:12px}}@media(max-width:64em){.test.jsx-1f7963ae04c6466a{margin-bottom:1em}@supports(-moz-appearance:none)and (display:contents){.test.jsx-1f7963ae04c6466a{margin-bottom:2rem}}}"}</_JSXStyle>
+    <_JSXStyle id={"1f7963ae04c6466a"}>{'@media(min-width:1px)and (max-width:768px){[class*="grid__col--"].jsx-1f7963ae04c6466a{margin-top:12px;margin-bottom:12px}}@media(max-width:64em){.test.jsx-1f7963ae04c6466a{margin-bottom:1em}@supports(-moz-appearance:none)and (display:contents){.test.jsx-1f7963ae04c6466a{margin-bottom:2rem}}}'}</_JSXStyle>
 
   </div>
 );