@stylexjs/babel-plugin 0.16.0 → 0.16.1

package/flow_modules/@babel/types/index.js.flow

@@ -2541,7 +2541,7 @@ declare export function buildChildren(
 ): ReturnedChild[];
 
 /*
-Skipping all the asertX functions as they're not supported in Flow yet.
+Skipping all the assertX functions as they're not supported in Flow yet.
 */
 // TODO: What is this????
 declare export var _default$4: {

package/lib/index.js

@@ -7442,7 +7442,7 @@ function transformStyleXCreate(path, state) {
         ...convertToTestStyles(compiledStyles, varName, state)
       };
     }
-    if (varName != null) {
+    if (varName != null && isTopLevel(path)) {
       const stylesToRemember = removeObjectsWithSpreads(compiledStyles);
       state.styleMap.set(varName, stylesToRemember);
       state.styleVars.set(varName, path.parentPath);
@@ -7578,6 +7578,12 @@ function legacyExpandShorthands(dynamicStyles) {
   }).filter(Boolean);
   return expandedKeysToKeyPaths;
 }
+function isTopLevel(path) {
+  if (path.isStatement()) {
+    return path.parentPath?.isProgram() || path.parentPath?.isExportDeclaration();
+  }
+  return path.parentPath != null && isTopLevel(path.parentPath);
+}
 
 function transformStyleXCreateTheme(callExpressionPath, state) {
   const callExpressionNode = callExpressionPath.node;
@@ -8841,7 +8847,8 @@ function processStylexRules(rules, config) {
   const {
     useLayers = false,
     enableLTRRTLComments = false,
-    legacyDisableLayers = false
+    legacyDisableLayers = false,
+    useLegacyClassnamesSort = false
   } = typeof config === 'boolean' ? {
     useLayers: config
   } : config ?? {};
@@ -8881,23 +8888,27 @@ function processStylexRules(rules, config) {
   for (const [key, value] of constsMap.entries()) {
     constsMap.set(key, resolveConstant(value));
   }
-  const sortedRules = nonConstantRules.sort(([, {
+  const sortedRules = nonConstantRules.sort(([classname1, {
     ltr: rule1
-  }, firstPriority], [, {
+  }, firstPriority], [classname2, {
     ltr: rule2
   }, secondPriority]) => {
     const priorityComparison = firstPriority - secondPriority;
     if (priorityComparison !== 0) return priorityComparison;
-    if (rule1.startsWith('@') && !rule2.startsWith('@')) {
-      const query1 = rule1.slice(0, rule1.indexOf('{'));
-      const query2 = rule2.slice(0, rule2.indexOf('{'));
-      if (query1 !== query2) {
-        return query1.localeCompare(query2);
+    if (useLegacyClassnamesSort) {
+      return classname1.localeCompare(classname2);
+    } else {
+      if (rule1.startsWith('@') && !rule2.startsWith('@')) {
+        const query1 = rule1.slice(0, rule1.indexOf('{'));
+        const query2 = rule2.slice(0, rule2.indexOf('{'));
+        if (query1 !== query2) {
+          return query1.localeCompare(query2);
+        }
       }
+      const property1 = rule1.slice(rule1.lastIndexOf('{'));
+      const property2 = rule2.slice(rule2.lastIndexOf('{'));
+      return property1.localeCompare(property2);
     }
-    const property1 = rule1.slice(rule1.lastIndexOf('{'));
-    const property2 = rule2.slice(rule2.lastIndexOf('{'));
-    return property1.localeCompare(property2);
   });
   let lastKPri = -1;
   const grouped = sortedRules.reduce((acc, rule) => {

package/lib/index.js.flow

@@ -53,6 +53,7 @@ declare function processStylexRules(
         useLayers?: boolean,
         enableLTRRTLComments?: boolean,
         legacyDisableLayers?: boolean,
+        useLegacyClassnamesSort?: boolean,
         ...
       },
 ): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/babel-plugin",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "description": "StyleX babel plugin.",
   "main": "lib/index.js",
   "repository": {
@@ -21,7 +21,7 @@
     "@babel/traverse": "^7.26.8",
     "@babel/types": "^7.26.8",
     "@dual-bundle/import-meta-resolve": "^4.1.0",
-    "@stylexjs/stylex": "0.16.0",
+    "@stylexjs/stylex": "0.16.1",
     "postcss-value-parser": "^4.1.0"
   },
   "devDependencies": {
@@ -33,7 +33,7 @@
     "@rollup/plugin-replace": "^6.0.1",
     "babel-plugin-syntax-hermes-parser": "^0.26.0",
     "rollup": "^4.24.0",
-    "scripts": "0.16.0"
+    "scripts": "0.16.1"
   },
   "files": [
     "flow_modules/*",