@pandacss/eslint-plugin 0.0.8 → 0.0.10

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

@@ -27,9 +27,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../node_modules/.pnpm/tsup@8.0.1_postcss@8.4.33_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js
+// ../node_modules/.pnpm/tsup@8.0.1_postcss@8.4.34_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../node_modules/.pnpm/tsup@8.0.1_postcss@8.4.33_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js"() {
+  "../node_modules/.pnpm/tsup@8.0.1_postcss@8.4.34_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_postcss@8.4.33_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js
+// ../node_modules/.pnpm/tsup@8.0.1_postcss@8.4.34_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_postcss@8.4.33_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js"() {
+  "../node_modules/.pnpm/tsup@8.0.1_postcss@8.4.34_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.8";
+var version = "0.0.10";
 
 // src/configs/all.ts
 init_cjs_shims();
@@ -8161,8 +8161,8 @@ var isPandaAttribute = (node, context) => {
 var resolveLonghand = (name2, context) => {
   return syncAction("resolveLongHand", getSyncOpts(context), name2);
 };
-var resolveShorthand = (name2, context) => {
-  return syncAction("resolveShorthand", getSyncOpts(context), name2);
+var resolveShorthands = (name2, context) => {
+  return syncAction("resolveShorthands", getSyncOpts(context), name2);
 };
 var isColorAttribute = (attr, context) => {
   return syncAction("isColorAttribute", getSyncOpts(context), attr);
@@ -8192,7 +8192,7 @@ var getInvalidTokens = (value, context) => {
   const tokens = extractTokens(value);
   if (!tokens.length)
     return [];
-  return syncAction("filterInvalidTokenz", getSyncOpts(context), tokens);
+  return syncAction("filterInvalidTokens", getSyncOpts(context), tokens);
 };
 var getTokenImport = (context) => {
   const imports = _getImports(context);
@@ -8753,14 +8753,14 @@ var rule8 = createRule({
 });
 var no_property_renaming_default = rule8;
 
-// src/rules/no-shorthand-prop.ts
+// src/rules/prefer-longhand-properties.ts
 init_cjs_shims();
-var RULE_NAME9 = "no-shorthand-prop";
+var RULE_NAME9 = "prefer-longhand-properties";
 var rule9 = createRule({
   name: RULE_NAME9,
   meta: {
     docs: {
-      description: "Discourage the use of shorthand properties and promote the preference for longhand CSS properties in the codebase."
+      description: "Discourage the use of shorthand properties and promote the preference for longhand properties in the codebase."
     },
     messages: {
       longhand: "Use longhand property of `{{shorthand}}` instead. Prefer `{{longhand}}`",
@@ -8817,14 +8817,83 @@ var rule9 = createRule({
     };
   }
 });
-var no_shorthand_prop_default = rule9;
+var prefer_longhand_properties_default = rule9;
 
-// src/rules/no-unsafe-token-fn-usage.ts
+// src/rules/prefer-shorthand-properties.ts
 init_cjs_shims();
-var import_utils14 = require("@typescript-eslint/utils");
-var RULE_NAME10 = "no-unsafe-token-fn-usage";
+var RULE_NAME10 = "prefer-shorthand-properties";
 var rule10 = createRule({
   name: RULE_NAME10,
+  meta: {
+    docs: {
+      description: "Discourage the use of longhand properties and promote the preference for shorthand properties in the codebase."
+    },
+    messages: {
+      shorthand: "Use shorthand property of `{{longhand}}` instead. Prefer {{shorthand}}",
+      replace: "Replace `{{longhand}}` with `{{shorthand}}`"
+    },
+    type: "suggestion",
+    hasSuggestions: true,
+    schema: []
+  },
+  defaultOptions: [],
+  create(context) {
+    const sendReport = (node, name2) => {
+      const shorthands = resolveShorthands(name2, context);
+      if (!shorthands)
+        return;
+      const shorthand = shorthands.map((s) => "`" + s + "`")?.join(", ");
+      const data = {
+        longhand: name2,
+        shorthand
+      };
+      return context.report({
+        node,
+        messageId: "shorthand",
+        data,
+        suggest: [
+          {
+            messageId: "replace",
+            data,
+            fix: (fixer) => {
+              return fixer.replaceTextRange(node.range, shorthands[0]);
+            }
+          }
+        ]
+      });
+    };
+    return {
+      JSXAttribute(node) {
+        if (!isJSXIdentifier(node.name))
+          return;
+        if (!isPandaProp(node, context))
+          return;
+        const longhand = resolveLonghand(node.name.name, context);
+        if (longhand)
+          return;
+        sendReport(node.name, node.name.name);
+      },
+      Property(node) {
+        if (!isIdentifier(node.key))
+          return;
+        if (!isPandaAttribute(node, context))
+          return;
+        const longhand = resolveLonghand(node.key.name, context);
+        if (longhand)
+          return;
+        sendReport(node.key, node.key.name);
+      }
+    };
+  }
+});
+var prefer_shorthand_properties_default = rule10;
+
+// src/rules/no-unsafe-token-fn-usage.ts
+init_cjs_shims();
+var import_utils15 = require("@typescript-eslint/utils");
+var RULE_NAME11 = "no-unsafe-token-fn-usage";
+var rule11 = createRule({
+  name: RULE_NAME11,
   meta: {
     docs: {
       description: "Prevent users from using the token function in situations where they could simply use the raw design token."
@@ -8920,14 +8989,14 @@ var rule10 = createRule({
     };
   }
 });
-var no_unsafe_token_fn_usage_default = rule10;
+var no_unsafe_token_fn_usage_default = rule11;
 
 // src/rules/prefer-atomic-properties.ts
 init_cjs_shims();
 
-// src/utils/shorthand-properties.ts
+// src/utils/composite-properties.ts
 init_cjs_shims();
-var shorthandProperties = {
+var compositeProperties = {
   animation: [
     "animationName",
     "animationDuration",
@@ -9040,9 +9109,9 @@ var shorthandProperties = {
 };
 
 // src/rules/prefer-atomic-properties.ts
-var RULE_NAME11 = "prefer-atomic-properties";
-var rule11 = createRule({
-  name: RULE_NAME11,
+var RULE_NAME12 = "prefer-atomic-properties";
+var rule12 = createRule({
+  name: RULE_NAME12,
   meta: {
     docs: {
       description: "Encourage the use of atomic properties instead of composite shorthand properties in the codebase."
@@ -9056,15 +9125,15 @@ var rule11 = createRule({
   defaultOptions: [],
   create(context) {
     const resolveCompositeProperty = (name2) => {
-      if (Object.hasOwn(shorthandProperties, name2))
+      if (Object.hasOwn(compositeProperties, name2))
         return name2;
-      const longhand = resolveShorthand(name2, context);
-      if (isValidProperty(longhand, context) && Object.hasOwn(shorthandProperties, longhand))
+      const longhand = resolveLonghand(name2, context) ?? name2;
+      if (isValidProperty(longhand, context) && Object.hasOwn(compositeProperties, longhand))
         return longhand;
     };
     const sendReport = (node, name2) => {
       const cpd = resolveCompositeProperty(name2);
-      const atomics = shorthandProperties[cpd].map((name3) => `\`${name3}\``).join(",\n");
+      const atomics = compositeProperties[cpd].map((name3) => `\`${name3}\``).join(",\n");
       return context.report({
         node,
         messageId: "atomic",
@@ -9098,7 +9167,7 @@ var rule11 = createRule({
     };
   }
 });
-var prefer_atomic_properties_default = rule11;
+var prefer_atomic_properties_default = rule12;
 
 // src/rules/index.ts
 var rules = {
@@ -9110,9 +9179,10 @@ var rules = {
   [RULE_NAME6]: no_hardcoded_color_default,
   [RULE_NAME7]: no_invalid_token_paths_default,
   [RULE_NAME8]: no_property_renaming_default,
-  [RULE_NAME9]: no_shorthand_prop_default,
-  [RULE_NAME10]: no_unsafe_token_fn_usage_default,
-  [RULE_NAME11]: prefer_atomic_properties_default
+  [RULE_NAME9]: prefer_longhand_properties_default,
+  [RULE_NAME10]: prefer_shorthand_properties_default,
+  [RULE_NAME11]: no_unsafe_token_fn_usage_default,
+  [RULE_NAME12]: prefer_atomic_properties_default
 };
 
 // src/configs/all.ts

package/dist/index.mjs

@@ -3,14 +3,14 @@ import {
   __esm,
   __toESM,
   init_esm_shims
-} from "./chunk-6BVJTDXV.mjs";
+} from "./chunk-HALLAYDZ.mjs";
 
 // package.json
 var name, version;
 var init_package = __esm({
   "package.json"() {
     name = "@pandacss/eslint-plugin";
-    version = "0.0.8";
+    version = "0.0.10";
   }
 });
 
@@ -7974,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, isInPandaFunction, 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, resolveShorthands, isColorAttribute, isColorToken, extractTokens, getInvalidTokens, getTokenImport;
 var init_helpers = __esm({
   "src/utils/helpers.ts"() {
     "use strict";
@@ -8137,8 +8137,8 @@ var init_helpers = __esm({
     resolveLonghand = (name2, context) => {
       return syncAction("resolveLongHand", getSyncOpts(context), name2);
     };
-    resolveShorthand = (name2, context) => {
-      return syncAction("resolveShorthand", getSyncOpts(context), name2);
+    resolveShorthands = (name2, context) => {
+      return syncAction("resolveShorthands", getSyncOpts(context), name2);
     };
     isColorAttribute = (attr, context) => {
       return syncAction("isColorAttribute", getSyncOpts(context), attr);
@@ -8168,7 +8168,7 @@ var init_helpers = __esm({
       const tokens = extractTokens(value);
       if (!tokens.length)
         return [];
-      return syncAction("filterInvalidTokenz", getSyncOpts(context), tokens);
+      return syncAction("filterInvalidTokens", getSyncOpts(context), tokens);
     };
     getTokenImport = (context) => {
       const imports = _getImports(context);
@@ -8803,21 +8803,21 @@ var init_no_property_renaming = __esm({
   }
 });
 
-// src/rules/no-shorthand-prop.ts
-var RULE_NAME9, rule9, no_shorthand_prop_default;
-var init_no_shorthand_prop = __esm({
-  "src/rules/no-shorthand-prop.ts"() {
+// src/rules/prefer-longhand-properties.ts
+var RULE_NAME9, rule9, prefer_longhand_properties_default;
+var init_prefer_longhand_properties = __esm({
+  "src/rules/prefer-longhand-properties.ts"() {
     "use strict";
     init_esm_shims();
     init_helpers();
     init_utils();
     init_nodes();
-    RULE_NAME9 = "no-shorthand-prop";
+    RULE_NAME9 = "prefer-longhand-properties";
     rule9 = createRule({
       name: RULE_NAME9,
       meta: {
         docs: {
-          description: "Discourage the use of shorthand properties and promote the preference for longhand CSS properties in the codebase."
+          description: "Discourage the use of shorthand properties and promote the preference for longhand properties in the codebase."
         },
         messages: {
           longhand: "Use longhand property of `{{shorthand}}` instead. Prefer `{{longhand}}`",
@@ -8874,13 +8874,91 @@ var init_no_shorthand_prop = __esm({
         };
       }
     });
-    no_shorthand_prop_default = rule9;
+    prefer_longhand_properties_default = rule9;
+  }
+});
+
+// src/rules/prefer-shorthand-properties.ts
+var RULE_NAME10, rule10, prefer_shorthand_properties_default;
+var init_prefer_shorthand_properties = __esm({
+  "src/rules/prefer-shorthand-properties.ts"() {
+    "use strict";
+    init_esm_shims();
+    init_helpers();
+    init_utils();
+    init_nodes();
+    RULE_NAME10 = "prefer-shorthand-properties";
+    rule10 = createRule({
+      name: RULE_NAME10,
+      meta: {
+        docs: {
+          description: "Discourage the use of longhand properties and promote the preference for shorthand properties in the codebase."
+        },
+        messages: {
+          shorthand: "Use shorthand property of `{{longhand}}` instead. Prefer {{shorthand}}",
+          replace: "Replace `{{longhand}}` with `{{shorthand}}`"
+        },
+        type: "suggestion",
+        hasSuggestions: true,
+        schema: []
+      },
+      defaultOptions: [],
+      create(context) {
+        const sendReport = (node, name2) => {
+          const shorthands = resolveShorthands(name2, context);
+          if (!shorthands)
+            return;
+          const shorthand = shorthands.map((s) => "`" + s + "`")?.join(", ");
+          const data = {
+            longhand: name2,
+            shorthand
+          };
+          return context.report({
+            node,
+            messageId: "shorthand",
+            data,
+            suggest: [
+              {
+                messageId: "replace",
+                data,
+                fix: (fixer) => {
+                  return fixer.replaceTextRange(node.range, shorthands[0]);
+                }
+              }
+            ]
+          });
+        };
+        return {
+          JSXAttribute(node) {
+            if (!isJSXIdentifier(node.name))
+              return;
+            if (!isPandaProp(node, context))
+              return;
+            const longhand = resolveLonghand(node.name.name, context);
+            if (longhand)
+              return;
+            sendReport(node.name, node.name.name);
+          },
+          Property(node) {
+            if (!isIdentifier(node.key))
+              return;
+            if (!isPandaAttribute(node, context))
+              return;
+            const longhand = resolveLonghand(node.key.name, context);
+            if (longhand)
+              return;
+            sendReport(node.key, node.key.name);
+          }
+        };
+      }
+    });
+    prefer_shorthand_properties_default = rule10;
   }
 });
 
 // src/rules/no-unsafe-token-fn-usage.ts
 import "@typescript-eslint/utils";
-var RULE_NAME10, rule10, no_unsafe_token_fn_usage_default;
+var RULE_NAME11, rule11, no_unsafe_token_fn_usage_default;
 var init_no_unsafe_token_fn_usage = __esm({
   "src/rules/no-unsafe-token-fn-usage.ts"() {
     "use strict";
@@ -8888,9 +8966,9 @@ var init_no_unsafe_token_fn_usage = __esm({
     init_helpers();
     init_utils();
     init_nodes();
-    RULE_NAME10 = "no-unsafe-token-fn-usage";
-    rule10 = createRule({
-      name: RULE_NAME10,
+    RULE_NAME11 = "no-unsafe-token-fn-usage";
+    rule11 = createRule({
+      name: RULE_NAME11,
       meta: {
         docs: {
           description: "Prevent users from using the token function in situations where they could simply use the raw design token."
@@ -8986,17 +9064,17 @@ var init_no_unsafe_token_fn_usage = __esm({
         };
       }
     });
-    no_unsafe_token_fn_usage_default = rule10;
+    no_unsafe_token_fn_usage_default = rule11;
   }
 });
 
-// src/utils/shorthand-properties.ts
-var shorthandProperties;
-var init_shorthand_properties = __esm({
-  "src/utils/shorthand-properties.ts"() {
+// src/utils/composite-properties.ts
+var compositeProperties;
+var init_composite_properties = __esm({
+  "src/utils/composite-properties.ts"() {
     "use strict";
     init_esm_shims();
-    shorthandProperties = {
+    compositeProperties = {
       animation: [
         "animationName",
         "animationDuration",
@@ -9111,18 +9189,18 @@ var init_shorthand_properties = __esm({
 });
 
 // src/rules/prefer-atomic-properties.ts
-var RULE_NAME11, rule11, prefer_atomic_properties_default;
+var RULE_NAME12, rule12, prefer_atomic_properties_default;
 var init_prefer_atomic_properties = __esm({
   "src/rules/prefer-atomic-properties.ts"() {
     "use strict";
     init_esm_shims();
     init_helpers();
     init_utils();
-    init_shorthand_properties();
+    init_composite_properties();
     init_nodes();
-    RULE_NAME11 = "prefer-atomic-properties";
-    rule11 = createRule({
-      name: RULE_NAME11,
+    RULE_NAME12 = "prefer-atomic-properties";
+    rule12 = createRule({
+      name: RULE_NAME12,
       meta: {
         docs: {
           description: "Encourage the use of atomic properties instead of composite shorthand properties in the codebase."
@@ -9136,15 +9214,15 @@ var init_prefer_atomic_properties = __esm({
       defaultOptions: [],
       create(context) {
         const resolveCompositeProperty = (name2) => {
-          if (Object.hasOwn(shorthandProperties, name2))
+          if (Object.hasOwn(compositeProperties, name2))
             return name2;
-          const longhand = resolveShorthand(name2, context);
-          if (isValidProperty(longhand, context) && Object.hasOwn(shorthandProperties, longhand))
+          const longhand = resolveLonghand(name2, context) ?? name2;
+          if (isValidProperty(longhand, context) && Object.hasOwn(compositeProperties, longhand))
             return longhand;
         };
         const sendReport = (node, name2) => {
           const cpd = resolveCompositeProperty(name2);
-          const atomics = shorthandProperties[cpd].map((name3) => `\`${name3}\``).join(",\n");
+          const atomics = compositeProperties[cpd].map((name3) => `\`${name3}\``).join(",\n");
           return context.report({
             node,
             messageId: "atomic",
@@ -9178,7 +9256,7 @@ var init_prefer_atomic_properties = __esm({
         };
       }
     });
-    prefer_atomic_properties_default = rule11;
+    prefer_atomic_properties_default = rule12;
   }
 });
 
@@ -9196,7 +9274,8 @@ var init_rules = __esm({
     init_no_hardcoded_color();
     init_no_invalid_token_paths();
     init_no_property_renaming();
-    init_no_shorthand_prop();
+    init_prefer_longhand_properties();
+    init_prefer_shorthand_properties();
     init_no_unsafe_token_fn_usage();
     init_prefer_atomic_properties();
     rules = {
@@ -9208,9 +9287,10 @@ var init_rules = __esm({
       [RULE_NAME6]: no_hardcoded_color_default,
       [RULE_NAME7]: no_invalid_token_paths_default,
       [RULE_NAME8]: no_property_renaming_default,
-      [RULE_NAME9]: no_shorthand_prop_default,
-      [RULE_NAME10]: no_unsafe_token_fn_usage_default,
-      [RULE_NAME11]: prefer_atomic_properties_default
+      [RULE_NAME9]: prefer_longhand_properties_default,
+      [RULE_NAME10]: prefer_shorthand_properties_default,
+      [RULE_NAME11]: no_unsafe_token_fn_usage_default,
+      [RULE_NAME12]: prefer_atomic_properties_default
     };
   }
 });