@pandacss/eslint-plugin 0.1.9 → 0.1.11

package/dist/index.js

@@ -7957,7 +7957,7 @@ init_cjs_shims();
 
 // package.json
 var name = "@pandacss/eslint-plugin";
-var version = "0.1.9";
+var version = "0.1.11";
 
 // src/configs/all.ts
 init_cjs_shims();
@@ -8231,6 +8231,31 @@ var getTaggedTemplateCaller = (node) => {
     return node.tag.callee.name;
   }
 };
+function isRecipeVariant(node, context) {
+  const caller = isInPandaFunction(node, context);
+  if (!caller)
+    return;
+  const recipe = getImports(context).find((imp) => ["cva", "sva"].includes(imp.name) && imp.alias === caller);
+  if (!recipe)
+    return;
+  let currentNode = node;
+  let length = 0;
+  let styleObjectParent = null;
+  while (currentNode) {
+    const keyName = currentNode?.key?.name;
+    if (keyName && ["base", "variants"].includes(keyName)) {
+      styleObjectParent = keyName;
+    }
+    currentNode = currentNode.parent;
+    if (!styleObjectParent)
+      length++;
+  }
+  const isCvaCaller = caller === "cva";
+  const requiredLength = isCvaCaller ? 2 : 4;
+  const extraLength = styleObjectParent === "base" ? 0 : 4;
+  if (length < requiredLength + extraLength)
+    return true;
+}
 
 // src/rules/file-not-included.ts
 var RULE_NAME = "file-not-included";
@@ -8384,6 +8409,8 @@ var rule3 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         context.report({
           node: node.key,
           messageId: "debug",
@@ -8410,7 +8437,9 @@ var rule4 = createRule({
       description: "Ensure user doesn't use dynamic styling at any point. \nPrefer to use static styles, leverage css variables or recipes for known dynamic styles."
     },
     messages: {
-      dynamic: "Remove dynamic value. Prefer static styles"
+      dynamic: "Remove dynamic value. Prefer static styles",
+      dynamicProperty: "Remove dynamic property. Prefer static style property",
+      dynamicRecipeVariant: "Remove dynamic variant. Prefer static variant definition"
     },
     type: "suggestion",
     schema: []
@@ -8436,6 +8465,14 @@ var rule4 = createRule({
           messageId: "dynamic"
         });
       },
+      "Property[computed=true]"(node) {
+        if (!isInPandaFunction(node, context))
+          return;
+        context.report({
+          node: node.key,
+          messageId: isRecipeVariant(node, context) ? "dynamicRecipeVariant" : "dynamicProperty"
+        });
+      },
       Property(node) {
         if (!isIdentifier(node.key))
           return;
@@ -8533,6 +8570,8 @@ var rule5 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         handleLiteral(node.value);
         handleTemplateLiteral(node.value);
       }
@@ -8620,6 +8659,8 @@ var rule6 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         if (!isColorAttribute(node.key.name, context))
           return;
         if (isTokenFn(node.value.value?.toString()))
@@ -8729,6 +8770,8 @@ var rule7 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         handleLiteral(node.value);
         handleTemplateLiteral(node.value);
       }
@@ -8761,10 +8804,13 @@ var rule8 = createRule({
         const caller = isInPandaFunction(node, context);
         if (!caller && !isInJSXProp(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         if (isStyledProperty(node, context))
           return;
-        const invalidNesting = isInvalidNesting(node, context, caller);
-        if (!invalidNesting)
+        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))
           return;
         context.report({
           node: node.key,
@@ -8775,33 +8821,6 @@ var rule8 = createRule({
   }
 });
 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();
@@ -8868,6 +8887,8 @@ var rule9 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         handleLiteral(node.value);
         handleTemplateLiteral(node.value);
       },
@@ -8942,6 +8963,8 @@ var rule10 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         sendReport(node.key);
       }
     };
@@ -9047,6 +9070,8 @@ var rule11 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         sendReport(node.key);
       }
     };
@@ -9108,6 +9133,8 @@ var rule12 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         const attr = node.key.name.toString();
         const value = node.value;
         handleReport(node, value, attr);
@@ -9214,6 +9241,8 @@ var rule13 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         handleRuntimeFm(node.value);
         handleLiteral(node.value);
         handleTemplateLiteral(node.value);
@@ -9278,6 +9307,8 @@ var rule14 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         sendReport(node.key);
       }
     };
@@ -9344,6 +9375,8 @@ var rule15 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         sendReport(node.key);
       }
     };
@@ -9518,6 +9551,8 @@ var rule16 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         sendReport(node.key);
       }
     };
@@ -9574,6 +9609,8 @@ var rule17 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         sendReport(node.key);
       }
     };
@@ -9641,6 +9678,8 @@ var rule18 = createRule({
           return;
         if (!isPandaAttribute(node, context))
           return;
+        if (isRecipeVariant(node, context))
+          return;
         const cmp = resolveCompositeProperty(node.key.name);
         if (!cmp)
           return;

package/dist/index.mjs

@@ -10,7 +10,7 @@ var name, version;
 var init_package = __esm({
   "package.json"() {
     name = "@pandacss/eslint-plugin";
-    version = "0.1.9";
+    version = "0.1.11";
   }
 });
 
@@ -7982,6 +7982,31 @@ var init_nodes = __esm({
 });
 
 // src/utils/helpers.ts
+function isRecipeVariant(node, context) {
+  const caller = isInPandaFunction(node, context);
+  if (!caller)
+    return;
+  const recipe = getImports(context).find((imp) => ["cva", "sva"].includes(imp.name) && imp.alias === caller);
+  if (!recipe)
+    return;
+  let currentNode = node;
+  let length = 0;
+  let styleObjectParent = null;
+  while (currentNode) {
+    const keyName = currentNode?.key?.name;
+    if (keyName && ["base", "variants"].includes(keyName)) {
+      styleObjectParent = keyName;
+    }
+    currentNode = currentNode.parent;
+    if (!styleObjectParent)
+      length++;
+  }
+  const isCvaCaller = caller === "cva";
+  const requiredLength = isCvaCaller ? 2 : 4;
+  const extraLength = styleObjectParent === "base" ? 0 : 4;
+  if (length < requiredLength + extraLength)
+    return true;
+}
 var import_scope_manager, getAncestor, getSyncOpts, getImportSpecifiers, hasPkgImport, isPandaConfigFunction, _getImports, getImports, isValidStyledProp, isPandaIsh, findDeclaration, isLocalStyledFactory, isValidFile, isValidProperty, isPandaImport, isPandaProp, isStyledProperty, isInPandaFunction, isInJSXProp, isPandaAttribute, resolveLonghand, resolveShorthands, isColorAttribute, isColorToken, extractTokens, getInvalidTokens, getTokenImport, getTaggedTemplateCaller;
 var init_helpers = __esm({
   "src/utils/helpers.ts"() {
@@ -8387,6 +8412,8 @@ var init_no_debug = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             context.report({
               node: node.key,
               messageId: "debug",
@@ -8422,7 +8449,9 @@ var init_no_dynamic_styling = __esm({
           description: "Ensure user doesn't use dynamic styling at any point. \nPrefer to use static styles, leverage css variables or recipes for known dynamic styles."
         },
         messages: {
-          dynamic: "Remove dynamic value. Prefer static styles"
+          dynamic: "Remove dynamic value. Prefer static styles",
+          dynamicProperty: "Remove dynamic property. Prefer static style property",
+          dynamicRecipeVariant: "Remove dynamic variant. Prefer static variant definition"
         },
         type: "suggestion",
         schema: []
@@ -8448,6 +8477,14 @@ var init_no_dynamic_styling = __esm({
               messageId: "dynamic"
             });
           },
+          "Property[computed=true]"(node) {
+            if (!isInPandaFunction(node, context))
+              return;
+            context.report({
+              node: node.key,
+              messageId: isRecipeVariant(node, context) ? "dynamicRecipeVariant" : "dynamicProperty"
+            });
+          },
           Property(node) {
             if (!isIdentifier(node.key))
               return;
@@ -8554,6 +8591,8 @@ var init_no_escape_hatch = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             handleLiteral(node.value);
             handleTemplateLiteral(node.value);
           }
@@ -8650,6 +8689,8 @@ var init_no_hardcoded_color = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             if (!isColorAttribute(node.key.name, context))
               return;
             if (isTokenFn(node.value.value?.toString()))
@@ -8768,6 +8809,8 @@ var init_no_important = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             handleLiteral(node.value);
             handleTemplateLiteral(node.value);
           }
@@ -8779,33 +8822,6 @@ 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"() {
@@ -8836,10 +8852,13 @@ var init_no_invalid_nesting = __esm({
             const caller = isInPandaFunction(node, context);
             if (!caller && !isInJSXProp(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             if (isStyledProperty(node, context))
               return;
-            const invalidNesting = isInvalidNesting(node, context, caller);
-            if (!invalidNesting)
+            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))
               return;
             context.report({
               node: node.key,
@@ -8925,6 +8944,8 @@ var init_no_invalid_token_paths = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             handleLiteral(node.value);
             handleTemplateLiteral(node.value);
           },
@@ -9008,6 +9029,8 @@ var init_no_margin_properties = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             sendReport(node.key);
           }
         };
@@ -9127,6 +9150,8 @@ var init_no_physical_properties = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             sendReport(node.key);
           }
         };
@@ -9197,6 +9222,8 @@ var init_no_property_renaming = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             const attr = node.key.name.toString();
             const value = node.value;
             handleReport(node, value, attr);
@@ -9312,6 +9339,8 @@ var init_no_unsafe_token_fn_usage = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             handleRuntimeFm(node.value);
             handleLiteral(node.value);
             handleTemplateLiteral(node.value);
@@ -9385,6 +9414,8 @@ var init_prefer_longhand_properties = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             sendReport(node.key);
           }
         };
@@ -9460,6 +9491,8 @@ var init_prefer_shorthand_properties = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             sendReport(node.key);
           }
         };
@@ -9648,6 +9681,8 @@ var init_prefer_atomic_properties = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             sendReport(node.key);
           }
         };
@@ -9714,6 +9749,8 @@ var init_prefer_composite_properties = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             sendReport(node.key);
           }
         };
@@ -9791,6 +9828,8 @@ var init_prefer_unified_property_style = __esm({
               return;
             if (!isPandaAttribute(node, context))
               return;
+            if (isRecipeVariant(node, context))
+              return;
             const cmp = resolveCompositeProperty(node.key.name);
             if (!cmp)
               return;

package/package.json

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