@pandacss/eslint-plugin 0.0.10 → 0.0.11

package/dist/index.js

@@ -7957,7 +7957,7 @@ init_cjs_shims();
 
 // package.json
 var name = "@pandacss/eslint-plugin";
-var version = "0.0.10";
+var version = "0.0.11";
 
 // src/configs/all.ts
 init_cjs_shims();
@@ -8390,7 +8390,7 @@ var rule4 = createRule({
           return;
         if (isJSXExpressionContainer(node.value) && isTemplateLiteral(node.value.expression) && node.value.expression.expressions.length === 0)
           return;
-        if (isObjectExpression(node.value))
+        if (isObjectExpression(node.value.expression))
           return;
         if (!isPandaProp(node, context))
           return;
@@ -9114,7 +9114,7 @@ var rule12 = createRule({
   name: RULE_NAME12,
   meta: {
     docs: {
-      description: "Encourage the use of atomic properties instead of composite shorthand properties in the codebase."
+      description: "Encourage the use of atomic properties instead of composite properties in the codebase."
     },
     messages: {
       atomic: "Use atomic properties of `{{composite}}` instead. Prefer: \n{{atomics}}"
@@ -9169,6 +9169,66 @@ var rule12 = createRule({
 });
 var prefer_atomic_properties_default = rule12;
 
+// src/rules/prefer-composite-properties.ts
+init_cjs_shims();
+var RULE_NAME13 = "prefer-composite-properties";
+var rule13 = createRule({
+  name: RULE_NAME13,
+  meta: {
+    docs: {
+      description: "Encourage the use of composite properties instead of atomic properties in the codebase."
+    },
+    messages: {
+      composite: "Use composite property of `{{atomic}}` instead. \nPrefer: {{composite}}"
+    },
+    type: "suggestion",
+    schema: []
+  },
+  defaultOptions: [],
+  create(context) {
+    const resolveCompositeProperty = (name2) => {
+      const longhand = resolveLonghand(name2, context) ?? name2;
+      if (!isValidProperty(longhand, context))
+        return;
+      return Object.keys(compositeProperties).find((cpd) => compositeProperties[cpd].includes(longhand));
+    };
+    const sendReport = (node, name2) => {
+      const cmp = resolveCompositeProperty(name2);
+      return context.report({
+        node,
+        messageId: "composite",
+        data: {
+          composite: cmp,
+          atomic: name2
+        }
+      });
+    };
+    return {
+      JSXAttribute(node) {
+        if (!isJSXIdentifier(node.name))
+          return;
+        if (!isPandaProp(node, context))
+          return;
+        const atm = resolveCompositeProperty(node.name.name);
+        if (!atm)
+          return;
+        sendReport(node, node.name.name);
+      },
+      Property(node) {
+        if (!isIdentifier(node.key))
+          return;
+        if (!isPandaAttribute(node, context))
+          return;
+        const atm = resolveCompositeProperty(node.key.name);
+        if (!atm)
+          return;
+        sendReport(node.key, node.key.name);
+      }
+    };
+  }
+});
+var prefer_composite_properties_default = rule13;
+
 // src/rules/index.ts
 var rules = {
   [RULE_NAME]: file_not_included_default,
@@ -9182,7 +9242,8 @@ var rules = {
   [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
+  [RULE_NAME12]: prefer_atomic_properties_default,
+  [RULE_NAME13]: prefer_composite_properties_default
 };
 
 // src/configs/all.ts

package/dist/index.mjs

@@ -10,7 +10,7 @@ var name, version;
 var init_package = __esm({
   "package.json"() {
     name = "@pandacss/eslint-plugin";
-    version = "0.0.10";
+    version = "0.0.11";
   }
 });
 
@@ -8402,7 +8402,7 @@ 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))
+            if (isObjectExpression(node.value.expression))
               return;
             if (!isPandaProp(node, context))
               return;
@@ -9203,7 +9203,7 @@ var init_prefer_atomic_properties = __esm({
       name: RULE_NAME12,
       meta: {
         docs: {
-          description: "Encourage the use of atomic properties instead of composite shorthand properties in the codebase."
+          description: "Encourage the use of atomic properties instead of composite properties in the codebase."
         },
         messages: {
           atomic: "Use atomic properties of `{{composite}}` instead. Prefer: \n{{atomics}}"
@@ -9260,6 +9260,76 @@ var init_prefer_atomic_properties = __esm({
   }
 });
 
+// src/rules/prefer-composite-properties.ts
+var RULE_NAME13, rule13, prefer_composite_properties_default;
+var init_prefer_composite_properties = __esm({
+  "src/rules/prefer-composite-properties.ts"() {
+    "use strict";
+    init_esm_shims();
+    init_helpers();
+    init_utils();
+    init_composite_properties();
+    init_nodes();
+    RULE_NAME13 = "prefer-composite-properties";
+    rule13 = createRule({
+      name: RULE_NAME13,
+      meta: {
+        docs: {
+          description: "Encourage the use of composite properties instead of atomic properties in the codebase."
+        },
+        messages: {
+          composite: "Use composite property of `{{atomic}}` instead. \nPrefer: {{composite}}"
+        },
+        type: "suggestion",
+        schema: []
+      },
+      defaultOptions: [],
+      create(context) {
+        const resolveCompositeProperty = (name2) => {
+          const longhand = resolveLonghand(name2, context) ?? name2;
+          if (!isValidProperty(longhand, context))
+            return;
+          return Object.keys(compositeProperties).find((cpd) => compositeProperties[cpd].includes(longhand));
+        };
+        const sendReport = (node, name2) => {
+          const cmp = resolveCompositeProperty(name2);
+          return context.report({
+            node,
+            messageId: "composite",
+            data: {
+              composite: cmp,
+              atomic: name2
+            }
+          });
+        };
+        return {
+          JSXAttribute(node) {
+            if (!isJSXIdentifier(node.name))
+              return;
+            if (!isPandaProp(node, context))
+              return;
+            const atm = resolveCompositeProperty(node.name.name);
+            if (!atm)
+              return;
+            sendReport(node, node.name.name);
+          },
+          Property(node) {
+            if (!isIdentifier(node.key))
+              return;
+            if (!isPandaAttribute(node, context))
+              return;
+            const atm = resolveCompositeProperty(node.key.name);
+            if (!atm)
+              return;
+            sendReport(node.key, node.key.name);
+          }
+        };
+      }
+    });
+    prefer_composite_properties_default = rule13;
+  }
+});
+
 // src/rules/index.ts
 var rules;
 var init_rules = __esm({
@@ -9278,6 +9348,7 @@ var init_rules = __esm({
     init_prefer_shorthand_properties();
     init_no_unsafe_token_fn_usage();
     init_prefer_atomic_properties();
+    init_prefer_composite_properties();
     rules = {
       [RULE_NAME]: file_not_included_default,
       [RULE_NAME2]: no_config_function_in_source_default,
@@ -9290,7 +9361,8 @@ var init_rules = __esm({
       [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
+      [RULE_NAME12]: prefer_atomic_properties_default,
+      [RULE_NAME13]: prefer_composite_properties_default
     };
   }
 });

package/package.json

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