@pandacss/eslint-plugin 0.0.4 → 0.0.6

package/dist/{chunk-2OH4QDKP.mjs → chunk-6BVJTDXV.mjs}

@@ -27,9 +27,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../node_modules/.pnpm/tsup@8.0.1_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js
+// ../node_modules/.pnpm/tsup@8.0.1_postcss@8.4.33_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../node_modules/.pnpm/tsup@8.0.1_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js"() {
+  "../node_modules/.pnpm/tsup@8.0.1_postcss@8.4.33_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });

package/dist/index.js

@@ -28,10 +28,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../node_modules/.pnpm/tsup@8.0.1_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js
+// ../node_modules/.pnpm/tsup@8.0.1_postcss@8.4.33_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js
 var getImportMetaUrl, importMetaUrl;
 var init_cjs_shims = __esm({
-  "../node_modules/.pnpm/tsup@8.0.1_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js"() {
+  "../node_modules/.pnpm/tsup@8.0.1_postcss@8.4.33_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
     getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
     importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
@@ -7957,7 +7957,7 @@ init_cjs_shims();
 
 // package.json
 var name = "@pandacss/eslint-plugin";
-var version = "0.0.4";
+var version = "0.0.6";
 
 // src/configs/all.ts
 init_cjs_shims();
@@ -8107,6 +8107,9 @@ var isPandaImport = (node, 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;
@@ -8125,12 +8128,17 @@ var isPandaAttribute = (node, context) => {
     const jsxAttrAncestor = getAncestor(isJSXAttribute, node);
     if (!jsxExprAncestor || !jsxAttrAncestor)
       return;
-    if (!isPandaProp(jsxAttrAncestor.name, context))
+    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))
+    return;
   if (isIdentifier(callAncestor.callee)) {
     return isPandaIsh(callAncestor.callee.name, context);
   }
@@ -8222,38 +8230,47 @@ 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: [],
   create(context) {
     return {
       CallExpression(node) {
+        if (!isValidFile(context))
+          return;
         if (!isIdentifier(node.callee))
           return;
         if (!CONFIG_FUNCTIONS.includes(node.callee.name))
           return;
-        if (!isValidFile(context))
-          return;
         context.report({
           node,
           messageId: "configFunction",
           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) : {}
+                ];
+              }
+            }
+          ]
         });
       }
     };
@@ -8287,24 +8304,31 @@ 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: [],
   create(context) {
     return {
-      JSXIdentifier(node) {
-        if (node.name !== "debug")
+      JSXAttribute(node) {
+        if (!isJSXIdentifier(node.name) || node.name.name !== "debug")
           return;
         if (!isPandaProp(node, context))
           return;
         context.report({
           node,
           messageId: "debug",
-          fix: (fixer) => fixer.remove(node.parent)
+          suggest: [
+            {
+              messageId: "prop",
+              fix: (fixer) => fixer.remove(node)
+            }
+          ]
         });
       },
       Property(node) {
@@ -8315,7 +8339,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])
+            }
+          ]
         });
       }
     };
@@ -8330,7 +8359,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"
@@ -8350,7 +8379,7 @@ var rule4 = createRule({
           return;
         if (isJSXExpressionContainer(node.value) && isTemplateLiteral(node.value.expression) && node.value.expression.expressions.length === 0)
           return;
-        if (!isPandaProp(node.name, context))
+        if (!isPandaProp(node, context))
           return;
         context.report({
           node: node.value,
@@ -8387,10 +8416,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: [],
@@ -8422,9 +8452,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 {
@@ -8645,7 +8680,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."
@@ -8671,7 +8706,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;
@@ -8713,36 +8748,46 @@ 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 {
-      JSXIdentifier(node) {
+      JSXAttribute(node) {
+        if (!isJSXIdentifier(node.name))
+          return;
         if (!isPandaProp(node, context))
           return;
-        const longhand = resolveLonghand(node.name, context);
+        const longhand = resolveLonghand(node.name.name, context);
         if (!longhand)
           return;
-        sendReport(node, node.name);
+        sendReport(node.name, node.name.name);
       },
       Property(node) {
         if (!isIdentifier(node.key))
@@ -8770,10 +8815,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: [],
@@ -8823,9 +8869,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 {
@@ -9008,13 +9060,15 @@ var rule11 = createRule({
       });
     };
     return {
-      JSXIdentifier(node) {
+      JSXAttribute(node) {
+        if (!isJSXIdentifier(node.name))
+          return;
         if (!isPandaProp(node, context))
           return;
-        const cpd = resolveCompositeProperty(node.name);
+        const cpd = resolveCompositeProperty(node.name.name);
         if (!cpd)
           return;
-        sendReport(node, node.name);
+        sendReport(node, node.name.name);
       },
       Property(node) {
         if (!isIdentifier(node.key))

package/dist/index.mjs

@@ -3,14 +3,14 @@ import {
   __esm,
   __toESM,
   init_esm_shims
-} from "./chunk-2OH4QDKP.mjs";
+} from "./chunk-6BVJTDXV.mjs";
 
 // package.json
 var name, version;
 var init_package = __esm({
   "package.json"() {
     name = "@pandacss/eslint-plugin";
-    version = "0.0.4";
+    version = "0.0.6";
   }
 });
 
@@ -8083,6 +8083,9 @@ var init_helpers = __esm({
       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;
@@ -8101,12 +8104,17 @@ var init_helpers = __esm({
         const jsxAttrAncestor = getAncestor(isJSXAttribute, node);
         if (!jsxExprAncestor || !jsxAttrAncestor)
           return;
-        if (!isPandaProp(jsxAttrAncestor.name, context))
+        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))
+        return;
       if (isIdentifier(callAncestor.callee)) {
         return isPandaIsh(callAncestor.callee.name, context);
       }
@@ -8216,38 +8224,47 @@ 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: [],
       create(context) {
         return {
           CallExpression(node) {
+            if (!isValidFile(context))
+              return;
             if (!isIdentifier(node.callee))
               return;
             if (!CONFIG_FUNCTIONS.includes(node.callee.name))
               return;
-            if (!isValidFile(context))
-              return;
             context.report({
               node,
               messageId: "configFunction",
               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) : {}
+                    ];
+                  }
+                }
+              ]
             });
           }
         };
@@ -8290,24 +8307,31 @@ 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: [],
       create(context) {
         return {
-          JSXIdentifier(node) {
-            if (node.name !== "debug")
+          JSXAttribute(node) {
+            if (!isJSXIdentifier(node.name) || node.name.name !== "debug")
               return;
             if (!isPandaProp(node, context))
               return;
             context.report({
               node,
               messageId: "debug",
-              fix: (fixer) => fixer.remove(node.parent)
+              suggest: [
+                {
+                  messageId: "prop",
+                  fix: (fixer) => fixer.remove(node)
+                }
+              ]
             });
           },
           Property(node) {
@@ -8318,7 +8342,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])
+                }
+              ]
             });
           }
         };
@@ -8342,7 +8371,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"
@@ -8362,7 +8391,7 @@ var init_no_dynamic_styling = __esm({
               return;
             if (isJSXExpressionContainer(node.value) && isTemplateLiteral(node.value.expression) && node.value.expression.expressions.length === 0)
               return;
-            if (!isPandaProp(node.name, context))
+            if (!isPandaProp(node, context))
               return;
             context.report({
               node: node.value,
@@ -8408,10 +8437,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: [],
@@ -8443,9 +8473,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 {
@@ -8693,7 +8728,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."
@@ -8719,7 +8754,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;
@@ -8770,36 +8805,46 @@ 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 {
-          JSXIdentifier(node) {
+          JSXAttribute(node) {
+            if (!isJSXIdentifier(node.name))
+              return;
             if (!isPandaProp(node, context))
               return;
-            const longhand = resolveLonghand(node.name, context);
+            const longhand = resolveLonghand(node.name.name, context);
             if (!longhand)
               return;
-            sendReport(node, node.name);
+            sendReport(node.name, node.name.name);
           },
           Property(node) {
             if (!isIdentifier(node.key))
@@ -8836,10 +8881,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: [],
@@ -8889,9 +8935,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 {
@@ -9088,13 +9140,15 @@ var init_prefer_atomic_properties = __esm({
           });
         };
         return {
-          JSXIdentifier(node) {
+          JSXAttribute(node) {
+            if (!isJSXIdentifier(node.name))
+              return;
             if (!isPandaProp(node, context))
               return;
-            const cpd = resolveCompositeProperty(node.name);
+            const cpd = resolveCompositeProperty(node.name.name);
             if (!cpd)
               return;
-            sendReport(node, node.name);
+            sendReport(node, node.name.name);
           },
           Property(node) {
             if (!isIdentifier(node.key))

package/dist/utils/worker.mjs

@@ -1,6 +1,6 @@
 import {
   init_esm_shims
-} from "../chunk-2OH4QDKP.mjs";
+} from "../chunk-6BVJTDXV.mjs";
 
 // src/utils/worker.ts
 init_esm_shims();

package/package.json

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