@pandacss/eslint-plugin 0.1.7 → 0.1.8

package/dist/index.js

@@ -7957,7 +7957,7 @@ init_cjs_shims();
 
 // package.json
 var name = "@pandacss/eslint-plugin";
-var version = "0.1.7";
+var version = "0.1.8";
 
 // src/configs/all.ts
 init_cjs_shims();
@@ -8754,23 +8754,50 @@ var rule8 = createRule({
       Property(node) {
         if (!isObjectExpression(node.value) || isIdentifier(node.key))
           return;
-        if (!isInPandaFunction(node, context) && !isInJSXProp(node, context))
+        const caller = isInPandaFunction(node, context);
+        if (!caller && !isInJSXProp(node, context))
           return;
         if (isStyledProperty(node, context))
           return;
-        const invalidLiteral = isLiteral(node.key) && typeof node.key.value === "string" && !node.key.value.includes("&");
-        const invalidTemplateLiteral = isTemplateLiteral(node.key) && !node.key.quasis[0].value.raw.includes("&");
-        if (invalidLiteral || invalidTemplateLiteral) {
-          context.report({
-            node: node.key,
-            messageId: "nesting"
-          });
-        }
+        const invalidNesting = isInvalidNesting(node, context, caller);
+        if (!invalidNesting)
+          return;
+        context.report({
+          node: node.key,
+          messageId: "nesting"
+        });
       }
     };
   }
 });
 var no_invalid_nesting_default = rule8;
+function isInvalidNesting(node, context, caller) {
+  const recipe = getImports(context).find((imp) => ["cva", "sva"].includes(imp.name) && imp.alias === caller);
+  if (!recipe)
+    return checkNode(node);
+  let currentNode = node;
+  let length = 0;
+  let styleObjectParent = null;
+  while (currentNode) {
+    if (currentNode.key && ["base", "variants"].includes(currentNode.key.name)) {
+      styleObjectParent = currentNode.key.name;
+    }
+    currentNode = currentNode.parent;
+    if (!styleObjectParent)
+      length++;
+  }
+  const requiredLength = caller === "cva" ? 2 : 4;
+  const extraLength = styleObjectParent === "base" ? 0 : 4;
+  if (length >= requiredLength + extraLength) {
+    return checkNode(node);
+  }
+  return false;
+}
+function checkNode(node) {
+  const invalidLiteral = isLiteral(node.key) && typeof node.key.value === "string" && !node.key.value.includes("&");
+  const invalidTemplateLiteral = isTemplateLiteral(node.key) && !node.key.quasis[0].value.raw.includes("&");
+  return invalidLiteral || invalidTemplateLiteral;
+}
 
 // src/rules/no-invalid-token-paths.ts
 init_cjs_shims();

package/dist/index.mjs

@@ -10,7 +10,7 @@ var name, version;
 var init_package = __esm({
   "package.json"() {
     name = "@pandacss/eslint-plugin";
-    version = "0.1.7";
+    version = "0.1.8";
   }
 });
 
@@ -8775,6 +8775,33 @@ var init_no_important = __esm({
 });
 
 // src/rules/no-invalid-nesting.ts
+function isInvalidNesting(node, context, caller) {
+  const recipe = getImports(context).find((imp) => ["cva", "sva"].includes(imp.name) && imp.alias === caller);
+  if (!recipe)
+    return checkNode(node);
+  let currentNode = node;
+  let length = 0;
+  let styleObjectParent = null;
+  while (currentNode) {
+    if (currentNode.key && ["base", "variants"].includes(currentNode.key.name)) {
+      styleObjectParent = currentNode.key.name;
+    }
+    currentNode = currentNode.parent;
+    if (!styleObjectParent)
+      length++;
+  }
+  const requiredLength = caller === "cva" ? 2 : 4;
+  const extraLength = styleObjectParent === "base" ? 0 : 4;
+  if (length >= requiredLength + extraLength) {
+    return checkNode(node);
+  }
+  return false;
+}
+function checkNode(node) {
+  const invalidLiteral = isLiteral(node.key) && typeof node.key.value === "string" && !node.key.value.includes("&");
+  const invalidTemplateLiteral = isTemplateLiteral(node.key) && !node.key.quasis[0].value.raw.includes("&");
+  return invalidLiteral || invalidTemplateLiteral;
+}
 var RULE_NAME8, rule8, no_invalid_nesting_default;
 var init_no_invalid_nesting = __esm({
   "src/rules/no-invalid-nesting.ts"() {
@@ -8802,18 +8829,18 @@ var init_no_invalid_nesting = __esm({
           Property(node) {
             if (!isObjectExpression(node.value) || isIdentifier(node.key))
               return;
-            if (!isInPandaFunction(node, context) && !isInJSXProp(node, context))
+            const caller = isInPandaFunction(node, context);
+            if (!caller && !isInJSXProp(node, context))
               return;
             if (isStyledProperty(node, context))
               return;
-            const invalidLiteral = isLiteral(node.key) && typeof node.key.value === "string" && !node.key.value.includes("&");
-            const invalidTemplateLiteral = isTemplateLiteral(node.key) && !node.key.quasis[0].value.raw.includes("&");
-            if (invalidLiteral || invalidTemplateLiteral) {
-              context.report({
-                node: node.key,
-                messageId: "nesting"
-              });
-            }
+            const invalidNesting = isInvalidNesting(node, context, caller);
+            if (!invalidNesting)
+              return;
+            context.report({
+              node: node.key,
+              messageId: "nesting"
+            });
           }
         };
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/eslint-plugin",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Eslint plugin for Panda CSS",
   "author": "Abraham Aremu <anubra266@gmail.com>",
   "main": "dist/index.js",