@pandacss/eslint-plugin 0.0.5 → 0.0.8

package/dist/index.js

@@ -7957,7 +7957,7 @@ init_cjs_shims();
 
 // package.json
 var name = "@pandacss/eslint-plugin";
-var version = "0.0.5";
+var version = "0.0.8";
 
 // src/configs/all.ts
 init_cjs_shims();
@@ -7992,6 +7992,7 @@ var import_utils2 = require("@typescript-eslint/utils");
 var isIdentifier = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.Identifier);
 var isLiteral = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.Literal);
 var isTemplateLiteral = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.TemplateLiteral);
+var isObjectExpression = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.ObjectExpression);
 var isMemberExpression = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.MemberExpression);
 var isVariableDeclarator = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.VariableDeclarator);
 var isVariableDeclaration = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.VariableDeclaration);
@@ -8099,17 +8100,14 @@ var isLocalStyledFactory = (node, context) => {
 var isValidFile = (context) => {
   return syncAction("isValidFile", getSyncOpts(context));
 };
-var isValidProperty = (name2, context) => {
-  return syncAction("isValidProperty", getSyncOpts(context), name2);
+var isValidProperty = (name2, context, calleName) => {
+  return syncAction("isValidProperty", getSyncOpts(context), name2, calleName);
 };
 var isPandaImport = (node, context) => {
   const imports = getImports(context);
   return imports.some((imp) => imp.mod === node.source.value);
 };
 var isPandaProp = (node, context) => {
-  const prop = node.name.name;
-  if (typeof prop !== "string" || !isValidProperty(prop, context))
-    return;
   const jsxAncestor = getAncestor(isJSXOpeningElement, node);
   if (!jsxAncestor)
     return;
@@ -8119,33 +8117,46 @@ var isPandaProp = (node, context) => {
     return;
   if (!isPandaIsh(jsxAncestor.name.name, context) && !isLocalStyledFactory(jsxAncestor, context))
     return;
+  const prop = node.name.name;
+  if (typeof prop !== "string" || !isValidProperty(prop, context, jsxAncestor.name.name))
+    return;
   return true;
 };
-var isPandaAttribute = (node, context) => {
+var isInPandaFunction = (node, context) => {
   const callAncestor = getAncestor(isCallExpression, node);
-  if (!callAncestor) {
-    const jsxExprAncestor = getAncestor(isJSXExpressionContainer, node);
-    const jsxAttrAncestor = getAncestor(isJSXAttribute, node);
-    if (!jsxExprAncestor || !jsxAttrAncestor)
-      return;
-    if (!isPandaProp(jsxAttrAncestor, context))
-      return;
-    if (!isValidStyledProp(jsxAttrAncestor.name, context))
-      return;
-    return true;
-  }
-  if (!isIdentifier(node.key))
-    return;
-  const attr = node.key.name;
-  if (!isValidProperty(attr, context))
+  if (!callAncestor)
     return;
+  let calleeName;
   if (isIdentifier(callAncestor.callee)) {
-    return isPandaIsh(callAncestor.callee.name, context);
+    calleeName = callAncestor.callee.name;
   }
   if (isMemberExpression(callAncestor.callee) && isIdentifier(callAncestor.callee.object)) {
-    return isPandaIsh(callAncestor.callee.object.name, context);
+    calleeName = callAncestor.callee.object.name;
   }
-  return;
+  if (!calleeName)
+    return;
+  if (!isPandaIsh(calleeName, context))
+    return;
+  if (!isIdentifier(node.key))
+    return;
+  const attr = node.key.name;
+  if (!isValidProperty(attr, context, calleeName))
+    return;
+  return true;
+};
+var isPandaAttribute = (node, context) => {
+  const callAncestor = getAncestor(isCallExpression, node);
+  if (callAncestor)
+    return isInPandaFunction(node, context);
+  const jsxExprAncestor = getAncestor(isJSXExpressionContainer, node);
+  const jsxAttrAncestor = getAncestor(isJSXAttribute, node);
+  if (!jsxExprAncestor || !jsxAttrAncestor)
+    return;
+  if (!isPandaProp(jsxAttrAncestor, context))
+    return;
+  if (!isValidStyledProp(jsxAttrAncestor.name, context))
+    return;
+  return true;
 };
 var resolveLonghand = (name2, context) => {
   return syncAction("resolveLongHand", getSyncOpts(context), name2);
@@ -8230,10 +8241,11 @@ var rule2 = createRule({
       description: "Prohibit the use of config functions outside the Panda config."
     },
     messages: {
-      configFunction: "Remove `{{name}}` usage. Config functions should only be used in panda config"
+      configFunction: "Unnecessary`{{name}}` call. \nConfig functions should only be used in panda config.",
+      delete: "Delete `{{name}}` call."
     },
     type: "suggestion",
-    fixable: "code",
+    hasSuggestions: true,
     schema: []
   },
   defaultOptions: [],
@@ -8252,16 +8264,24 @@ var rule2 = createRule({
           data: {
             name: node.callee.name
           },
-          fix(fixer) {
-            const declaration = getAncestor(isVariableDeclaration, node);
-            const importSpec = getImportSpecifiers(context).find(
-              (s) => isIdentifier(node.callee) && s.specifier.local.name === node.callee.name
-            );
-            return [
-              fixer.remove(declaration ?? node),
-              importSpec?.specifier ? fixer.remove(importSpec?.specifier) : {}
-            ];
-          }
+          suggest: [
+            {
+              messageId: "delete",
+              data: {
+                name: node.callee.name
+              },
+              fix(fixer) {
+                const declaration = getAncestor(isVariableDeclaration, node);
+                const importSpec = getImportSpecifiers(context).find(
+                  (s) => isIdentifier(node.callee) && s.specifier.local.name === node.callee.name
+                );
+                return [
+                  fixer.remove(declaration ?? node),
+                  importSpec?.specifier ? fixer.remove(importSpec?.specifier) : {}
+                ];
+              }
+            }
+          ]
         });
       }
     };
@@ -8295,10 +8315,12 @@ var rule3 = createRule({
       description: "Disallow the inclusion of the debug attribute when shipping code to the production environment."
     },
     messages: {
-      debug: "Remove the debug utility."
+      debug: "Unnecessary debug utility.",
+      prop: "Remove the debug prop.",
+      property: "Remove the debug property."
     },
     type: "suggestion",
-    fixable: "code",
+    hasSuggestions: true,
     schema: []
   },
   defaultOptions: [],
@@ -8312,7 +8334,12 @@ var rule3 = createRule({
         context.report({
           node,
           messageId: "debug",
-          fix: (fixer) => fixer.remove(node)
+          suggest: [
+            {
+              messageId: "prop",
+              fix: (fixer) => fixer.remove(node)
+            }
+          ]
         });
       },
       Property(node) {
@@ -8323,7 +8350,12 @@ var rule3 = createRule({
         context.report({
           node: node.key,
           messageId: "debug",
-          fix: (fixer) => fixer.removeRange([node.range[0], node.range[1] + 1])
+          suggest: [
+            {
+              messageId: "property",
+              fix: (fixer) => fixer.removeRange([node.range[0], node.range[1] + 1])
+            }
+          ]
         });
       }
     };
@@ -8338,7 +8370,7 @@ var rule4 = createRule({
   name: RULE_NAME4,
   meta: {
     docs: {
-      description: "Ensure user doesn't use dynamic styling at any point. Prefer to use static styles, leverage css variables or recipes for known dynamic styles."
+      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"
@@ -8358,6 +8390,8 @@ var rule4 = createRule({
           return;
         if (isJSXExpressionContainer(node.value) && isTemplateLiteral(node.value.expression) && node.value.expression.expressions.length === 0)
           return;
+        if (isObjectExpression(node.value))
+          return;
         if (!isPandaProp(node, context))
           return;
         context.report({
@@ -8372,6 +8406,8 @@ var rule4 = createRule({
           return;
         if (isTemplateLiteral(node.value) && node.value.expressions.length === 0)
           return;
+        if (isObjectExpression(node.value))
+          return;
         if (!isPandaAttribute(node, context))
           return;
         context.report({
@@ -8395,10 +8431,11 @@ var rule5 = createRule({
       description: "Prohibit the use of escape hatch syntax in the code."
     },
     messages: {
-      escapeHatch: "Avoid using the escape hatch [value] for undefined tokens. Define a corresponding token in your design system for better consistency and maintainability."
+      escapeHatch: "Avoid using the escape hatch [value] for undefined tokens. \nDefine a corresponding token in your design system for better consistency and maintainability.",
+      remove: "Remove the square brackets (`[]`)."
     },
     type: "suggestion",
-    fixable: "code",
+    hasSuggestions: true,
     schema: []
   },
   defaultOptions: [],
@@ -8430,9 +8467,14 @@ var rule5 = createRule({
       return context.report({
         node,
         messageId: "escapeHatch",
-        fix: (fixer) => {
-          return fixer.replaceTextRange(removeQuotes(node.range), (0, import_shared.getArbitraryValue)(value));
-        }
+        suggest: [
+          {
+            messageId: "remove",
+            fix: (fixer) => {
+              return fixer.replaceTextRange(removeQuotes(node.range), (0, import_shared.getArbitraryValue)(value));
+            }
+          }
+        ]
       });
     };
     return {
@@ -8653,7 +8695,7 @@ var rule8 = createRule({
   name: RULE_NAME8,
   meta: {
     docs: {
-      description: "Ensure user does not rename a property for a pattern or style prop. It doesn't get tracked."
+      description: "Ensure user does not rename a property for a pattern or style prop. \nIt doesn't get tracked."
     },
     messages: {
       noRenaming: "Incoming `{{prop}}` prop is different from the expected `{{expected}}` attribute. Panada will not track this prop."
@@ -8679,7 +8721,7 @@ var rule8 = createRule({
           return;
         if (!isJSXExpressionContainer(node.value))
           return;
-        if (!isPandaProp(node.name, context))
+        if (!isPandaProp(node, context))
           return;
         const attr = node.name.name.toString();
         const expression = node.value.expression;
@@ -8721,26 +8763,34 @@ var rule9 = createRule({
       description: "Discourage the use of shorthand properties and promote the preference for longhand CSS properties in the codebase."
     },
     messages: {
-      longhand: "Use longhand property of `{{shorthand}}` instead. Prefer `{{longhand}}`"
+      longhand: "Use longhand property of `{{shorthand}}` instead. Prefer `{{longhand}}`",
+      replace: "Replace `{{shorthand}}` with `{{longhand}}`"
     },
     type: "suggestion",
-    fixable: "code",
+    hasSuggestions: true,
     schema: []
   },
   defaultOptions: [],
   create(context) {
     const sendReport = (node, name2) => {
       const longhand = resolveLonghand(name2, context);
+      const data = {
+        shorthand: name2,
+        longhand
+      };
       return context.report({
         node,
         messageId: "longhand",
-        data: {
-          shorthand: name2,
-          longhand
-        },
-        fix: (fixer) => {
-          return fixer.replaceTextRange(node.range, longhand);
-        }
+        data,
+        suggest: [
+          {
+            messageId: "replace",
+            data,
+            fix: (fixer) => {
+              return fixer.replaceTextRange(node.range, longhand);
+            }
+          }
+        ]
       });
     };
     return {
@@ -8780,10 +8830,11 @@ var rule10 = createRule({
       description: "Prevent users from using the token function in situations where they could simply use the raw design token."
     },
     messages: {
-      noUnsafeTokenFnUsage: "Unneccessary token function usage. Prefer design token"
+      noUnsafeTokenFnUsage: "Unneccessary token function usage. Prefer design token",
+      replace: "Replace token function with `{{safe}}`"
     },
     type: "suggestion",
-    fixable: "code",
+    hasSuggestions: true,
     schema: []
   },
   defaultOptions: [],
@@ -8833,9 +8884,15 @@ var rule10 = createRule({
       return context.report({
         node,
         messageId: "noUnsafeTokenFnUsage",
-        fix: (fixer) => {
-          return fixer.replaceTextRange(node.range, `'${token}'`);
-        }
+        suggest: [
+          {
+            messageId: "replace",
+            data: { safe: token },
+            fix: (fixer) => {
+              return fixer.replaceTextRange(node.range, `'${token}'`);
+            }
+          }
+        ]
       });
     };
     return {

package/dist/index.mjs

@@ -10,7 +10,7 @@ var name, version;
 var init_package = __esm({
   "package.json"() {
     name = "@pandacss/eslint-plugin";
-    version = "0.0.5";
+    version = "0.0.8";
   }
 });
 
@@ -7950,7 +7950,7 @@ var require_dist3 = __commonJS({
 // src/utils/nodes.ts
 import { isNodeOfType } from "@typescript-eslint/utils/ast-utils";
 import { AST_NODE_TYPES } from "@typescript-eslint/utils";
-var isIdentifier, isLiteral, isTemplateLiteral, isMemberExpression, isVariableDeclarator, isVariableDeclaration, isJSXMemberExpression, isJSXOpeningElement, isJSXExpressionContainer, isJSXAttribute, isJSXIdentifier, isCallExpression, isImportDeclaration, isImportSpecifier;
+var isIdentifier, isLiteral, isTemplateLiteral, isObjectExpression, isMemberExpression, isVariableDeclarator, isVariableDeclaration, isJSXMemberExpression, isJSXOpeningElement, isJSXExpressionContainer, isJSXAttribute, isJSXIdentifier, isCallExpression, isImportDeclaration, isImportSpecifier;
 var init_nodes = __esm({
   "src/utils/nodes.ts"() {
     "use strict";
@@ -7958,6 +7958,7 @@ var init_nodes = __esm({
     isIdentifier = isNodeOfType(AST_NODE_TYPES.Identifier);
     isLiteral = isNodeOfType(AST_NODE_TYPES.Literal);
     isTemplateLiteral = isNodeOfType(AST_NODE_TYPES.TemplateLiteral);
+    isObjectExpression = isNodeOfType(AST_NODE_TYPES.ObjectExpression);
     isMemberExpression = isNodeOfType(AST_NODE_TYPES.MemberExpression);
     isVariableDeclarator = isNodeOfType(AST_NODE_TYPES.VariableDeclarator);
     isVariableDeclaration = isNodeOfType(AST_NODE_TYPES.VariableDeclaration);
@@ -7973,7 +7974,7 @@ var init_nodes = __esm({
 });
 
 // src/utils/helpers.ts
-var import_scope_manager, getAncestor, getSyncOpts, getImportSpecifiers, _getImports, getImports, isValidStyledProp, isPandaIsh, findDeclaration, isLocalStyledFactory, isValidFile, isValidProperty, isPandaImport, isPandaProp, isPandaAttribute, resolveLonghand, resolveShorthand, isColorAttribute, isColorToken, extractTokens, getInvalidTokens, getTokenImport;
+var import_scope_manager, getAncestor, getSyncOpts, getImportSpecifiers, _getImports, getImports, isValidStyledProp, isPandaIsh, findDeclaration, isLocalStyledFactory, isValidFile, isValidProperty, isPandaImport, isPandaProp, isInPandaFunction, isPandaAttribute, resolveLonghand, resolveShorthand, isColorAttribute, isColorToken, extractTokens, getInvalidTokens, getTokenImport;
 var init_helpers = __esm({
   "src/utils/helpers.ts"() {
     "use strict";
@@ -8075,17 +8076,14 @@ var init_helpers = __esm({
     isValidFile = (context) => {
       return syncAction("isValidFile", getSyncOpts(context));
     };
-    isValidProperty = (name2, context) => {
-      return syncAction("isValidProperty", getSyncOpts(context), name2);
+    isValidProperty = (name2, context, calleName) => {
+      return syncAction("isValidProperty", getSyncOpts(context), name2, calleName);
     };
     isPandaImport = (node, context) => {
       const imports = getImports(context);
       return imports.some((imp) => imp.mod === node.source.value);
     };
     isPandaProp = (node, context) => {
-      const prop = node.name.name;
-      if (typeof prop !== "string" || !isValidProperty(prop, context))
-        return;
       const jsxAncestor = getAncestor(isJSXOpeningElement, node);
       if (!jsxAncestor)
         return;
@@ -8095,33 +8093,46 @@ var init_helpers = __esm({
         return;
       if (!isPandaIsh(jsxAncestor.name.name, context) && !isLocalStyledFactory(jsxAncestor, context))
         return;
+      const prop = node.name.name;
+      if (typeof prop !== "string" || !isValidProperty(prop, context, jsxAncestor.name.name))
+        return;
       return true;
     };
-    isPandaAttribute = (node, context) => {
+    isInPandaFunction = (node, context) => {
       const callAncestor = getAncestor(isCallExpression, node);
-      if (!callAncestor) {
-        const jsxExprAncestor = getAncestor(isJSXExpressionContainer, node);
-        const jsxAttrAncestor = getAncestor(isJSXAttribute, node);
-        if (!jsxExprAncestor || !jsxAttrAncestor)
-          return;
-        if (!isPandaProp(jsxAttrAncestor, context))
-          return;
-        if (!isValidStyledProp(jsxAttrAncestor.name, context))
-          return;
-        return true;
-      }
-      if (!isIdentifier(node.key))
-        return;
-      const attr = node.key.name;
-      if (!isValidProperty(attr, context))
+      if (!callAncestor)
         return;
+      let calleeName;
       if (isIdentifier(callAncestor.callee)) {
-        return isPandaIsh(callAncestor.callee.name, context);
+        calleeName = callAncestor.callee.name;
       }
       if (isMemberExpression(callAncestor.callee) && isIdentifier(callAncestor.callee.object)) {
-        return isPandaIsh(callAncestor.callee.object.name, context);
+        calleeName = callAncestor.callee.object.name;
       }
-      return;
+      if (!calleeName)
+        return;
+      if (!isPandaIsh(calleeName, context))
+        return;
+      if (!isIdentifier(node.key))
+        return;
+      const attr = node.key.name;
+      if (!isValidProperty(attr, context, calleeName))
+        return;
+      return true;
+    };
+    isPandaAttribute = (node, context) => {
+      const callAncestor = getAncestor(isCallExpression, node);
+      if (callAncestor)
+        return isInPandaFunction(node, context);
+      const jsxExprAncestor = getAncestor(isJSXExpressionContainer, node);
+      const jsxAttrAncestor = getAncestor(isJSXAttribute, node);
+      if (!jsxExprAncestor || !jsxAttrAncestor)
+        return;
+      if (!isPandaProp(jsxAttrAncestor, context))
+        return;
+      if (!isValidStyledProp(jsxAttrAncestor.name, context))
+        return;
+      return true;
     };
     resolveLonghand = (name2, context) => {
       return syncAction("resolveLongHand", getSyncOpts(context), name2);
@@ -8224,10 +8235,11 @@ var init_no_config_function_in_source = __esm({
           description: "Prohibit the use of config functions outside the Panda config."
         },
         messages: {
-          configFunction: "Remove `{{name}}` usage. Config functions should only be used in panda config"
+          configFunction: "Unnecessary`{{name}}` call. \nConfig functions should only be used in panda config.",
+          delete: "Delete `{{name}}` call."
         },
         type: "suggestion",
-        fixable: "code",
+        hasSuggestions: true,
         schema: []
       },
       defaultOptions: [],
@@ -8246,16 +8258,24 @@ var init_no_config_function_in_source = __esm({
               data: {
                 name: node.callee.name
               },
-              fix(fixer) {
-                const declaration = getAncestor(isVariableDeclaration, node);
-                const importSpec = getImportSpecifiers(context).find(
-                  (s) => isIdentifier(node.callee) && s.specifier.local.name === node.callee.name
-                );
-                return [
-                  fixer.remove(declaration ?? node),
-                  importSpec?.specifier ? fixer.remove(importSpec?.specifier) : {}
-                ];
-              }
+              suggest: [
+                {
+                  messageId: "delete",
+                  data: {
+                    name: node.callee.name
+                  },
+                  fix(fixer) {
+                    const declaration = getAncestor(isVariableDeclaration, node);
+                    const importSpec = getImportSpecifiers(context).find(
+                      (s) => isIdentifier(node.callee) && s.specifier.local.name === node.callee.name
+                    );
+                    return [
+                      fixer.remove(declaration ?? node),
+                      importSpec?.specifier ? fixer.remove(importSpec?.specifier) : {}
+                    ];
+                  }
+                }
+              ]
             });
           }
         };
@@ -8298,10 +8318,12 @@ var init_no_debug = __esm({
           description: "Disallow the inclusion of the debug attribute when shipping code to the production environment."
         },
         messages: {
-          debug: "Remove the debug utility."
+          debug: "Unnecessary debug utility.",
+          prop: "Remove the debug prop.",
+          property: "Remove the debug property."
         },
         type: "suggestion",
-        fixable: "code",
+        hasSuggestions: true,
         schema: []
       },
       defaultOptions: [],
@@ -8315,7 +8337,12 @@ var init_no_debug = __esm({
             context.report({
               node,
               messageId: "debug",
-              fix: (fixer) => fixer.remove(node)
+              suggest: [
+                {
+                  messageId: "prop",
+                  fix: (fixer) => fixer.remove(node)
+                }
+              ]
             });
           },
           Property(node) {
@@ -8326,7 +8353,12 @@ var init_no_debug = __esm({
             context.report({
               node: node.key,
               messageId: "debug",
-              fix: (fixer) => fixer.removeRange([node.range[0], node.range[1] + 1])
+              suggest: [
+                {
+                  messageId: "property",
+                  fix: (fixer) => fixer.removeRange([node.range[0], node.range[1] + 1])
+                }
+              ]
             });
           }
         };
@@ -8350,7 +8382,7 @@ var init_no_dynamic_styling = __esm({
       name: RULE_NAME4,
       meta: {
         docs: {
-          description: "Ensure user doesn't use dynamic styling at any point. Prefer to use static styles, leverage css variables or recipes for known dynamic styles."
+          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"
@@ -8370,6 +8402,8 @@ var init_no_dynamic_styling = __esm({
               return;
             if (isJSXExpressionContainer(node.value) && isTemplateLiteral(node.value.expression) && node.value.expression.expressions.length === 0)
               return;
+            if (isObjectExpression(node.value))
+              return;
             if (!isPandaProp(node, context))
               return;
             context.report({
@@ -8384,6 +8418,8 @@ var init_no_dynamic_styling = __esm({
               return;
             if (isTemplateLiteral(node.value) && node.value.expressions.length === 0)
               return;
+            if (isObjectExpression(node.value))
+              return;
             if (!isPandaAttribute(node, context))
               return;
             context.report({
@@ -8416,10 +8452,11 @@ var init_no_escape_hatch = __esm({
           description: "Prohibit the use of escape hatch syntax in the code."
         },
         messages: {
-          escapeHatch: "Avoid using the escape hatch [value] for undefined tokens. Define a corresponding token in your design system for better consistency and maintainability."
+          escapeHatch: "Avoid using the escape hatch [value] for undefined tokens. \nDefine a corresponding token in your design system for better consistency and maintainability.",
+          remove: "Remove the square brackets (`[]`)."
         },
         type: "suggestion",
-        fixable: "code",
+        hasSuggestions: true,
         schema: []
       },
       defaultOptions: [],
@@ -8451,9 +8488,14 @@ var init_no_escape_hatch = __esm({
           return context.report({
             node,
             messageId: "escapeHatch",
-            fix: (fixer) => {
-              return fixer.replaceTextRange(removeQuotes(node.range), getArbitraryValue(value));
-            }
+            suggest: [
+              {
+                messageId: "remove",
+                fix: (fixer) => {
+                  return fixer.replaceTextRange(removeQuotes(node.range), getArbitraryValue(value));
+                }
+              }
+            ]
           });
         };
         return {
@@ -8701,7 +8743,7 @@ var init_no_property_renaming = __esm({
       name: RULE_NAME8,
       meta: {
         docs: {
-          description: "Ensure user does not rename a property for a pattern or style prop. It doesn't get tracked."
+          description: "Ensure user does not rename a property for a pattern or style prop. \nIt doesn't get tracked."
         },
         messages: {
           noRenaming: "Incoming `{{prop}}` prop is different from the expected `{{expected}}` attribute. Panada will not track this prop."
@@ -8727,7 +8769,7 @@ var init_no_property_renaming = __esm({
               return;
             if (!isJSXExpressionContainer(node.value))
               return;
-            if (!isPandaProp(node.name, context))
+            if (!isPandaProp(node, context))
               return;
             const attr = node.name.name.toString();
             const expression = node.value.expression;
@@ -8778,26 +8820,34 @@ var init_no_shorthand_prop = __esm({
           description: "Discourage the use of shorthand properties and promote the preference for longhand CSS properties in the codebase."
         },
         messages: {
-          longhand: "Use longhand property of `{{shorthand}}` instead. Prefer `{{longhand}}`"
+          longhand: "Use longhand property of `{{shorthand}}` instead. Prefer `{{longhand}}`",
+          replace: "Replace `{{shorthand}}` with `{{longhand}}`"
         },
         type: "suggestion",
-        fixable: "code",
+        hasSuggestions: true,
         schema: []
       },
       defaultOptions: [],
       create(context) {
         const sendReport = (node, name2) => {
           const longhand = resolveLonghand(name2, context);
+          const data = {
+            shorthand: name2,
+            longhand
+          };
           return context.report({
             node,
             messageId: "longhand",
-            data: {
-              shorthand: name2,
-              longhand
-            },
-            fix: (fixer) => {
-              return fixer.replaceTextRange(node.range, longhand);
-            }
+            data,
+            suggest: [
+              {
+                messageId: "replace",
+                data,
+                fix: (fixer) => {
+                  return fixer.replaceTextRange(node.range, longhand);
+                }
+              }
+            ]
           });
         };
         return {
@@ -8846,10 +8896,11 @@ var init_no_unsafe_token_fn_usage = __esm({
           description: "Prevent users from using the token function in situations where they could simply use the raw design token."
         },
         messages: {
-          noUnsafeTokenFnUsage: "Unneccessary token function usage. Prefer design token"
+          noUnsafeTokenFnUsage: "Unneccessary token function usage. Prefer design token",
+          replace: "Replace token function with `{{safe}}`"
         },
         type: "suggestion",
-        fixable: "code",
+        hasSuggestions: true,
         schema: []
       },
       defaultOptions: [],
@@ -8899,9 +8950,15 @@ var init_no_unsafe_token_fn_usage = __esm({
           return context.report({
             node,
             messageId: "noUnsafeTokenFnUsage",
-            fix: (fixer) => {
-              return fixer.replaceTextRange(node.range, `'${token}'`);
-            }
+            suggest: [
+              {
+                messageId: "replace",
+                data: { safe: token },
+                fix: (fixer) => {
+                  return fixer.replaceTextRange(node.range, `'${token}'`);
+                }
+              }
+            ]
           });
         };
         return {

package/dist/utils/worker.js

@@ -3390,6 +3390,7 @@ var createContext = (userConfig) => {
 var import_ts_path = require("@pandacss/config/ts-path");
 var import_config3 = require("@pandacss/config");
 var import_path = __toESM(require("path"));
+var import_fs = __toESM(require("fs"));
 var promise;
 var configPath;
 async function _getContext(configPath2) {
@@ -3401,6 +3402,7 @@ async function _getContext(configPath2) {
 }
 async function getContext(opts) {
   if (process.env.NODE_ENV === "test") {
+    configPath = opts.configPath;
     const ctx = createContext({ importMap: "./panda" });
     ctx.getFiles = () => ["App.tsx"];
     return ctx;
@@ -3410,6 +3412,27 @@ async function getContext(opts) {
     return await promise;
   }
 }
+async function getExtendWarnings() {
+  if (!configPath)
+    return [];
+  const cwd = import_path.default.dirname(configPath);
+  const { config: config2 } = await (0, import_config3.bundleConfig)({ cwd, file: configPath });
+  if (!config2.presets || config2.presets.length === 0)
+    return [];
+  if (config2.eject)
+    return [];
+  const warnings = /* @__PURE__ */ new Set();
+  if (config2.theme && !config2.theme.extend) {
+    warnings.add("theme");
+  }
+  if (config2.conditions && !config2.conditions.extend) {
+    warnings.add("conditions");
+  }
+  if (config2.patterns && !config2.patterns.extend) {
+    warnings.add("patterns");
+  }
+  return Array.from(warnings);
+}
 async function filterInvalidTokenz(ctx, paths) {
   return paths.filter((path2) => !ctx.utility.tokens.get(path2));
 }
@@ -3422,6 +3445,14 @@ async function isColorAttribute(ctx, _attr) {
   const attrConfig = ctx.utility.config[attr];
   return attrConfig?.values === "colors";
 }
+var arePathsEqual = (path1, path2) => {
+  const stats1 = import_fs.default.statSync(path1);
+  const stats2 = import_fs.default.statSync(path2);
+  return stats1.dev === stats2.dev && stats1.ino === stats2.ino;
+};
+async function isConfigFile(fileName) {
+  return arePathsEqual(configPath, fileName);
+}
 async function isValidFile(ctx, fileName) {
   return ctx.getFiles().includes(fileName);
 }
@@ -3437,8 +3468,15 @@ async function resolveLongHand(ctx, name) {
   }
   return reverseShorthandsMap.get(name);
 }
-async function isValidProperty(ctx, name) {
-  return ctx.isValidProperty(name);
+async function isValidProperty(ctx, name, patternName) {
+  if (ctx.isValidProperty(name))
+    return true;
+  if (!patternName)
+    return;
+  const pattern = ctx.patterns.details.find((p) => p.baseName === patternName || p.jsx.includes(patternName))?.config.properties;
+  if (!pattern)
+    return;
+  return Object.keys(pattern).includes(name);
 }
 async function matchFile(ctx, name, imports) {
   const file = ctx.imports.file(imports);
@@ -3465,6 +3503,8 @@ async function runAsync(action, opts, ...args) {
       return resolveLongHand(ctx, ...args);
     case "resolveShorthand":
       return resolveShorthand(ctx, ...args);
+    case "isConfigFile":
+      return isConfigFile(opts.currentFile);
     case "isValidFile":
       return isValidFile(ctx, opts.currentFile);
     case "isColorAttribute":
@@ -3473,6 +3513,8 @@ async function runAsync(action, opts, ...args) {
       return isColorToken(ctx, ...args);
     case "filterInvalidTokenz":
       return filterInvalidTokenz(ctx, ...args);
+    case "getExtendWarnings":
+      return getExtendWarnings();
   }
 }
 function run(action, opts, ...args) {

package/dist/utils/worker.mjs

@@ -3372,8 +3372,9 @@ init_esm_shims();
 
 // src/utils/worker.ts
 import { resolveTsPathPattern } from "@pandacss/config/ts-path";
-import { findConfig } from "@pandacss/config";
+import { findConfig, bundleConfig } from "@pandacss/config";
 import path from "path";
+import fs from "fs";
 var promise;
 var configPath;
 async function _getContext(configPath2) {
@@ -3385,6 +3386,7 @@ async function _getContext(configPath2) {
 }
 async function getContext(opts) {
   if (process.env.NODE_ENV === "test") {
+    configPath = opts.configPath;
     const ctx = createContext({ importMap: "./panda" });
     ctx.getFiles = () => ["App.tsx"];
     return ctx;
@@ -3394,6 +3396,27 @@ async function getContext(opts) {
     return await promise;
   }
 }
+async function getExtendWarnings() {
+  if (!configPath)
+    return [];
+  const cwd = path.dirname(configPath);
+  const { config: config2 } = await bundleConfig({ cwd, file: configPath });
+  if (!config2.presets || config2.presets.length === 0)
+    return [];
+  if (config2.eject)
+    return [];
+  const warnings = /* @__PURE__ */ new Set();
+  if (config2.theme && !config2.theme.extend) {
+    warnings.add("theme");
+  }
+  if (config2.conditions && !config2.conditions.extend) {
+    warnings.add("conditions");
+  }
+  if (config2.patterns && !config2.patterns.extend) {
+    warnings.add("patterns");
+  }
+  return Array.from(warnings);
+}
 async function filterInvalidTokenz(ctx, paths) {
   return paths.filter((path2) => !ctx.utility.tokens.get(path2));
 }
@@ -3406,6 +3429,14 @@ async function isColorAttribute(ctx, _attr) {
   const attrConfig = ctx.utility.config[attr];
   return attrConfig?.values === "colors";
 }
+var arePathsEqual = (path1, path2) => {
+  const stats1 = fs.statSync(path1);
+  const stats2 = fs.statSync(path2);
+  return stats1.dev === stats2.dev && stats1.ino === stats2.ino;
+};
+async function isConfigFile(fileName) {
+  return arePathsEqual(configPath, fileName);
+}
 async function isValidFile(ctx, fileName) {
   return ctx.getFiles().includes(fileName);
 }
@@ -3421,8 +3452,15 @@ async function resolveLongHand(ctx, name) {
   }
   return reverseShorthandsMap.get(name);
 }
-async function isValidProperty(ctx, name) {
-  return ctx.isValidProperty(name);
+async function isValidProperty(ctx, name, patternName) {
+  if (ctx.isValidProperty(name))
+    return true;
+  if (!patternName)
+    return;
+  const pattern = ctx.patterns.details.find((p) => p.baseName === patternName || p.jsx.includes(patternName))?.config.properties;
+  if (!pattern)
+    return;
+  return Object.keys(pattern).includes(name);
 }
 async function matchFile(ctx, name, imports) {
   const file = ctx.imports.file(imports);
@@ -3449,6 +3487,8 @@ async function runAsync(action, opts, ...args) {
       return resolveLongHand(ctx, ...args);
     case "resolveShorthand":
       return resolveShorthand(ctx, ...args);
+    case "isConfigFile":
+      return isConfigFile(opts.currentFile);
     case "isValidFile":
       return isValidFile(ctx, opts.currentFile);
     case "isColorAttribute":
@@ -3457,6 +3497,8 @@ async function runAsync(action, opts, ...args) {
       return isColorToken(ctx, ...args);
     case "filterInvalidTokenz":
       return filterInvalidTokenz(ctx, ...args);
+    case "getExtendWarnings":
+      return getExtendWarnings();
   }
 }
 function run(action, opts, ...args) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/eslint-plugin",
-  "version": "0.0.5",
+  "version": "0.0.8",
   "description": "Eslint plugin for Panda CSS",
   "author": "Abraham Aremu <anubra266@gmail.com>",
   "main": "dist/index.js",
@@ -26,10 +26,10 @@
     "dist"
   ],
   "dependencies": {
-    "@pandacss/config": "^0.28.0",
-    "@pandacss/generator": "^0.28.0",
-    "@pandacss/node": "^0.28.0",
-    "@pandacss/shared": "^0.28.0",
+    "@pandacss/config": "^0.29.1",
+    "@pandacss/generator": "^0.29.1",
+    "@pandacss/node": "^0.29.1",
+    "@pandacss/shared": "^0.29.1",
     "@typescript-eslint/utils": "^6.19.1",
     "hookable": "^5.5.3",
     "synckit": "^0.9.0"