@pandacss/eslint-plugin 0.0.0-dev-20240209200922 → 0.0.0-dev-20240210071834

package/dist/index.js

@@ -7957,7 +7957,7 @@ init_cjs_shims();
 
 // package.json
 var name = "@pandacss/eslint-plugin";
-var version = "0.0.0-dev-20240209200922";
+var version = "0.0.0-dev-20240210071834";
 
 // src/configs/all.ts
 init_cjs_shims();
@@ -8123,6 +8123,17 @@ var isPandaProp = (node, context) => {
     return;
   return true;
 };
+var isStyledProperty = (node, context, calleeName) => {
+  if (!isIdentifier(node.key) && !isLiteral(node.key) && !isTemplateLiteral(node.key))
+    return;
+  if (isIdentifier(node.key) && !isValidProperty(node.key.name, context, calleeName))
+    return;
+  if (isLiteral(node.key) && typeof node.key.value === "string" && !isValidProperty(node.key.value, context, calleeName))
+    return;
+  if (isTemplateLiteral(node.key) && !isValidProperty(node.key.quasis[0].value.raw, context, calleeName))
+    return;
+  return true;
+};
 var isInPandaFunction = (node, context) => {
   const callAncestor = getAncestor(isCallExpression, node);
   if (!callAncestor)
@@ -8138,17 +8149,9 @@ var isInPandaFunction = (node, context) => {
     return;
   if (!isPandaIsh(calleeName, context))
     return;
-  if (!isIdentifier(node.key))
-    return;
-  const attr = node.key.name;
-  if (!isValidProperty(attr, context, calleeName))
-    return;
-  return true;
+  return calleeName;
 };
-var isPandaAttribute = (node, context) => {
-  const callAncestor = getAncestor(isCallExpression, node);
-  if (callAncestor)
-    return isInPandaFunction(node, context);
+var isInJSXProp = (node, context) => {
   const jsxExprAncestor = getAncestor(isJSXExpressionContainer, node);
   const jsxAttrAncestor = getAncestor(isJSXAttribute, node);
   if (!jsxExprAncestor || !jsxAttrAncestor)
@@ -8159,6 +8162,16 @@ var isPandaAttribute = (node, context) => {
     return;
   return true;
 };
+var isPandaAttribute = (node, context) => {
+  const callAncestor = getAncestor(isCallExpression, node);
+  if (callAncestor) {
+    const callee = isInPandaFunction(node, context);
+    if (!callee)
+      return;
+    return isStyledProperty(node, context, callee);
+  }
+  return isInJSXProp(node, context);
+};
 var resolveLonghand = (name2, context) => {
   return syncAction("resolveLongHand", getSyncOpts(context), name2);
 };
@@ -8583,6 +8596,7 @@ var no_hardcoded_color_default = rule6;
 
 // src/rules/no-important.ts
 init_cjs_shims();
+var import_shared2 = require("@pandacss/shared");
 var exclamationRegex = /\s*!$/;
 var importantRegex = /\s*!important\s*$/;
 var RULE_NAME7 = "no-important";
@@ -8603,9 +8617,10 @@ var rule7 = createRule({
   defaultOptions: [],
   create(context) {
     const removeQuotes = ([start, end]) => [start + 1, end - 1];
-    const hasImportantKeyword = (value) => {
-      if (!value)
+    const hasImportantKeyword = (_value) => {
+      if (!_value)
         return false;
+      const value = (0, import_shared2.getArbitraryValue)(_value);
       return exclamationRegex.test(value) || importantRegex.test(value);
     };
     const removeImportantKeyword = (input) => {
@@ -8677,13 +8692,50 @@ var rule7 = createRule({
 });
 var no_important_default = rule7;
 
-// src/rules/no-invalid-token-paths.ts
+// src/rules/no-invalid-nesting.ts
 init_cjs_shims();
-var import_utils11 = require("@typescript-eslint/utils");
-var import_ast_utils2 = require("@typescript-eslint/utils/ast-utils");
-var RULE_NAME8 = "no-invalid-token-paths";
+var RULE_NAME8 = "no-invalid-nesting";
 var rule8 = createRule({
   name: RULE_NAME8,
+  meta: {
+    docs: {
+      description: "Warn against invalid nesting. i.e. nested styles that don't contain the `&` character."
+    },
+    messages: {
+      nesting: "Invalid style nesting. Nested styles must contain the `&` character."
+    },
+    type: "suggestion",
+    schema: []
+  },
+  defaultOptions: [],
+  create(context) {
+    return {
+      Property(node) {
+        if (!isObjectExpression(node.value) || isIdentifier(node.key))
+          return;
+        if (!isInPandaFunction(node, context) && !isInJSXProp(node, context))
+          return;
+        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) {
+          context.report({
+            node: node.key,
+            messageId: "nesting"
+          });
+        }
+      }
+    };
+  }
+});
+var no_invalid_nesting_default = rule8;
+
+// src/rules/no-invalid-token-paths.ts
+init_cjs_shims();
+var import_utils12 = require("@typescript-eslint/utils");
+var import_ast_utils2 = require("@typescript-eslint/utils/ast-utils");
+var RULE_NAME9 = "no-invalid-token-paths";
+var rule9 = createRule({
+  name: RULE_NAME9,
   meta: {
     docs: {
       description: "Disallow the use of invalid token paths within token function syntax."
@@ -8736,7 +8788,7 @@ var rule8 = createRule({
       Property(node) {
         if (!isIdentifier(node.key))
           return;
-        if (!(0, import_ast_utils2.isNodeOfTypes)([import_utils11.AST_NODE_TYPES.Literal, import_utils11.AST_NODE_TYPES.TemplateLiteral])(node.value))
+        if (!(0, import_ast_utils2.isNodeOfTypes)([import_utils12.AST_NODE_TYPES.Literal, import_utils12.AST_NODE_TYPES.TemplateLiteral])(node.value))
           return;
         if (!isPandaAttribute(node, context))
           return;
@@ -8783,13 +8835,13 @@ var rule8 = createRule({
     };
   }
 });
-var no_invalid_token_paths_default = rule8;
+var no_invalid_token_paths_default = rule9;
 
 // src/rules/no-property-renaming.ts
 init_cjs_shims();
-var RULE_NAME9 = "no-property-renaming";
-var rule9 = createRule({
-  name: RULE_NAME9,
+var RULE_NAME10 = "no-property-renaming";
+var rule10 = createRule({
+  name: RULE_NAME10,
   meta: {
     docs: {
       description: "Ensure user does not rename a property for a pattern or style prop. \nIt doesn't get tracked."
@@ -8848,14 +8900,15 @@ var rule9 = createRule({
     };
   }
 });
-var no_property_renaming_default = rule9;
+var no_property_renaming_default = rule10;
 
 // src/rules/no-unsafe-token-fn-usage.ts
 init_cjs_shims();
-var import_utils14 = require("@typescript-eslint/utils");
-var RULE_NAME10 = "no-unsafe-token-fn-usage";
-var rule10 = createRule({
-  name: RULE_NAME10,
+var import_utils15 = require("@typescript-eslint/utils");
+var import_shared3 = require("@pandacss/shared");
+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."
@@ -8882,10 +8935,10 @@ var rule10 = createRule({
         return;
       const value = node.arguments[0];
       if (isLiteral(value)) {
-        sendReport(node, tokenWrap(value.value?.toString()));
+        sendReport(node, tokenWrap((0, import_shared3.getArbitraryValue)(value.value?.toString() ?? "")));
       }
       if (isTemplateLiteral(value)) {
-        sendReport(node, tokenWrap(value.quasis[0].value.raw));
+        sendReport(node, tokenWrap((0, import_shared3.getArbitraryValue)(value.quasis[0].value.raw)));
       }
     };
     const isCompositeValue = (input) => {
@@ -8897,19 +8950,19 @@ var rule10 = createRule({
     const handleLiteral = (node) => {
       if (!isLiteral(node))
         return;
-      if (isCompositeValue(node.value?.toString()))
+      const value = (0, import_shared3.getArbitraryValue)(node.value?.toString() ?? "");
+      if (isCompositeValue(value))
         return;
-      sendReport(node);
+      sendReport(node, value);
     };
     const handleTemplateLiteral = (node) => {
       if (!isTemplateLiteral(node))
         return;
       if (node.expressions.length > 0)
         return;
-      sendReport(node, node.quasis[0].value.raw);
+      sendReport(node, (0, import_shared3.getArbitraryValue)(node.quasis[0].value.raw));
     };
-    const sendReport = (node, _value) => {
-      const value = _value ?? node.value?.toString();
+    const sendReport = (node, value) => {
       const tkImports = extractTokens(value);
       const token = tkImports[0].replace(/^[^.]*\./, "");
       return context.report({
@@ -8951,13 +9004,13 @@ var rule10 = createRule({
     };
   }
 });
-var no_unsafe_token_fn_usage_default = rule10;
+var no_unsafe_token_fn_usage_default = rule11;
 
 // src/rules/prefer-longhand-properties.ts
 init_cjs_shims();
-var RULE_NAME11 = "prefer-longhand-properties";
-var rule11 = createRule({
-  name: RULE_NAME11,
+var RULE_NAME12 = "prefer-longhand-properties";
+var rule12 = createRule({
+  name: RULE_NAME12,
   meta: {
     docs: {
       description: "Discourage the use of shorthand properties and promote the preference for longhand properties in the codebase."
@@ -9017,13 +9070,13 @@ var rule11 = createRule({
     };
   }
 });
-var prefer_longhand_properties_default = rule11;
+var prefer_longhand_properties_default = rule12;
 
 // src/rules/prefer-shorthand-properties.ts
 init_cjs_shims();
-var RULE_NAME12 = "prefer-shorthand-properties";
-var rule12 = createRule({
-  name: RULE_NAME12,
+var RULE_NAME13 = "prefer-shorthand-properties";
+var rule13 = createRule({
+  name: RULE_NAME13,
   meta: {
     docs: {
       description: "Discourage the use of longhand properties and promote the preference for shorthand properties in the codebase."
@@ -9086,7 +9139,7 @@ var rule12 = createRule({
     };
   }
 });
-var prefer_shorthand_properties_default = rule12;
+var prefer_shorthand_properties_default = rule13;
 
 // src/rules/prefer-atomic-properties.ts
 init_cjs_shims();
@@ -9206,9 +9259,9 @@ var compositeProperties = {
 };
 
 // src/rules/prefer-atomic-properties.ts
-var RULE_NAME13 = "prefer-atomic-properties";
-var rule13 = createRule({
-  name: RULE_NAME13,
+var RULE_NAME14 = "prefer-atomic-properties";
+var rule14 = createRule({
+  name: RULE_NAME14,
   meta: {
     docs: {
       description: "Encourage the use of atomic properties instead of composite properties in the codebase."
@@ -9264,13 +9317,13 @@ var rule13 = createRule({
     };
   }
 });
-var prefer_atomic_properties_default = rule13;
+var prefer_atomic_properties_default = rule14;
 
 // src/rules/prefer-composite-properties.ts
 init_cjs_shims();
-var RULE_NAME14 = "prefer-composite-properties";
-var rule14 = createRule({
-  name: RULE_NAME14,
+var RULE_NAME15 = "prefer-composite-properties";
+var rule15 = createRule({
+  name: RULE_NAME15,
   meta: {
     docs: {
       description: "Encourage the use of composite properties instead of atomic properties in the codebase."
@@ -9324,13 +9377,13 @@ var rule14 = createRule({
     };
   }
 });
-var prefer_composite_properties_default = rule14;
+var prefer_composite_properties_default = rule15;
 
 // src/rules/prefer-unified-property-style.ts
 init_cjs_shims();
-var RULE_NAME15 = "prefer-unified-property-style";
-var rule15 = createRule({
-  name: RULE_NAME15,
+var RULE_NAME16 = "prefer-unified-property-style";
+var rule16 = createRule({
+  name: RULE_NAME16,
   meta: {
     docs: {
       description: "Discourage against mixing atomic and composite forms of the same property in a style declaration. Atomic styles give more consistent results"
@@ -9397,7 +9450,7 @@ var rule15 = createRule({
     };
   }
 });
-var prefer_unified_property_style_default = rule15;
+var prefer_unified_property_style_default = rule16;
 
 // src/rules/index.ts
 var rules = {
@@ -9408,18 +9461,19 @@ var rules = {
   [RULE_NAME5]: no_escape_hatch_default,
   [RULE_NAME6]: no_hardcoded_color_default,
   [RULE_NAME7]: no_important_default,
-  [RULE_NAME8]: no_invalid_token_paths_default,
-  [RULE_NAME9]: no_property_renaming_default,
-  [RULE_NAME10]: no_unsafe_token_fn_usage_default,
-  [RULE_NAME11]: prefer_longhand_properties_default,
-  [RULE_NAME12]: prefer_shorthand_properties_default,
-  [RULE_NAME13]: prefer_atomic_properties_default,
-  [RULE_NAME14]: prefer_composite_properties_default,
-  [RULE_NAME15]: prefer_unified_property_style_default
+  [RULE_NAME9]: no_invalid_token_paths_default,
+  [RULE_NAME8]: no_invalid_nesting_default,
+  [RULE_NAME10]: no_property_renaming_default,
+  [RULE_NAME11]: no_unsafe_token_fn_usage_default,
+  [RULE_NAME12]: prefer_longhand_properties_default,
+  [RULE_NAME13]: prefer_shorthand_properties_default,
+  [RULE_NAME14]: prefer_atomic_properties_default,
+  [RULE_NAME15]: prefer_composite_properties_default,
+  [RULE_NAME16]: prefer_unified_property_style_default
 };
 
 // src/configs/all.ts
-var errorRules = [RULE_NAME, RULE_NAME2, RULE_NAME8];
+var errorRules = [RULE_NAME, RULE_NAME2, RULE_NAME9];
 var allRules = Object.fromEntries(
   Object.entries(rules).map(([name2]) => {
     return [`@pandacss/${name2}`, errorRules.includes(name2) ? "error" : "warn"];
@@ -9443,6 +9497,7 @@ var recommended_default = {
     "@pandacss/no-config-function-in-source": "error",
     "@pandacss/no-debug": "warn",
     "@pandacss/no-dynamic-styling": "warn",
+    "@pandacss/no-invalid-nesting": "error",
     "@pandacss/no-invalid-token-paths": "error",
     "@pandacss/no-property-renaming": "warn",
     "@pandacss/prefer-unified-property-style": "warn"

package/dist/index.mjs

@@ -10,7 +10,7 @@ var name, version;
 var init_package = __esm({
   "package.json"() {
     name = "@pandacss/eslint-plugin";
-    version = "0.0.0-dev-20240209200922";
+    version = "0.0.0-dev-20240210071834";
   }
 });
 
@@ -7975,7 +7975,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, resolveShorthands, isColorAttribute, isColorToken, extractTokens, getInvalidTokens, getTokenImport;
+var import_scope_manager, getAncestor, getSyncOpts, getImportSpecifiers, _getImports, getImports, isValidStyledProp, isPandaIsh, findDeclaration, isLocalStyledFactory, isValidFile, isValidProperty, isPandaImport, isPandaProp, isStyledProperty, isInPandaFunction, isInJSXProp, isPandaAttribute, resolveLonghand, resolveShorthands, isColorAttribute, isColorToken, extractTokens, getInvalidTokens, getTokenImport;
 var init_helpers = __esm({
   "src/utils/helpers.ts"() {
     "use strict";
@@ -8099,6 +8099,17 @@ var init_helpers = __esm({
         return;
       return true;
     };
+    isStyledProperty = (node, context, calleeName) => {
+      if (!isIdentifier(node.key) && !isLiteral(node.key) && !isTemplateLiteral(node.key))
+        return;
+      if (isIdentifier(node.key) && !isValidProperty(node.key.name, context, calleeName))
+        return;
+      if (isLiteral(node.key) && typeof node.key.value === "string" && !isValidProperty(node.key.value, context, calleeName))
+        return;
+      if (isTemplateLiteral(node.key) && !isValidProperty(node.key.quasis[0].value.raw, context, calleeName))
+        return;
+      return true;
+    };
     isInPandaFunction = (node, context) => {
       const callAncestor = getAncestor(isCallExpression, node);
       if (!callAncestor)
@@ -8114,17 +8125,9 @@ var init_helpers = __esm({
         return;
       if (!isPandaIsh(calleeName, context))
         return;
-      if (!isIdentifier(node.key))
-        return;
-      const attr = node.key.name;
-      if (!isValidProperty(attr, context, calleeName))
-        return;
-      return true;
+      return calleeName;
     };
-    isPandaAttribute = (node, context) => {
-      const callAncestor = getAncestor(isCallExpression, node);
-      if (callAncestor)
-        return isInPandaFunction(node, context);
+    isInJSXProp = (node, context) => {
       const jsxExprAncestor = getAncestor(isJSXExpressionContainer, node);
       const jsxAttrAncestor = getAncestor(isJSXAttribute, node);
       if (!jsxExprAncestor || !jsxAttrAncestor)
@@ -8135,6 +8138,16 @@ var init_helpers = __esm({
         return;
       return true;
     };
+    isPandaAttribute = (node, context) => {
+      const callAncestor = getAncestor(isCallExpression, node);
+      if (callAncestor) {
+        const callee = isInPandaFunction(node, context);
+        if (!callee)
+          return;
+        return isStyledProperty(node, context, callee);
+      }
+      return isInJSXProp(node, context);
+    };
     resolveLonghand = (name2, context) => {
       return syncAction("resolveLongHand", getSyncOpts(context), name2);
     };
@@ -8614,6 +8627,7 @@ var init_no_hardcoded_color = __esm({
 });
 
 // src/rules/no-important.ts
+import { getArbitraryValue as getArbitraryValue2 } from "@pandacss/shared";
 var exclamationRegex, importantRegex, RULE_NAME7, rule7, no_important_default;
 var init_no_important = __esm({
   "src/rules/no-important.ts"() {
@@ -8642,9 +8656,10 @@ var init_no_important = __esm({
       defaultOptions: [],
       create(context) {
         const removeQuotes = ([start, end]) => [start + 1, end - 1];
-        const hasImportantKeyword = (value) => {
-          if (!value)
+        const hasImportantKeyword = (_value) => {
+          if (!_value)
             return false;
+          const value = getArbitraryValue2(_value);
           return exclamationRegex.test(value) || importantRegex.test(value);
         };
         const removeImportantKeyword = (input) => {
@@ -8718,10 +8733,56 @@ var init_no_important = __esm({
   }
 });
 
+// src/rules/no-invalid-nesting.ts
+var RULE_NAME8, rule8, no_invalid_nesting_default;
+var init_no_invalid_nesting = __esm({
+  "src/rules/no-invalid-nesting.ts"() {
+    "use strict";
+    init_esm_shims();
+    init_nodes();
+    init_utils();
+    init_helpers();
+    RULE_NAME8 = "no-invalid-nesting";
+    rule8 = createRule({
+      name: RULE_NAME8,
+      meta: {
+        docs: {
+          description: "Warn against invalid nesting. i.e. nested styles that don't contain the `&` character."
+        },
+        messages: {
+          nesting: "Invalid style nesting. Nested styles must contain the `&` character."
+        },
+        type: "suggestion",
+        schema: []
+      },
+      defaultOptions: [],
+      create(context) {
+        return {
+          Property(node) {
+            if (!isObjectExpression(node.value) || isIdentifier(node.key))
+              return;
+            if (!isInPandaFunction(node, context) && !isInJSXProp(node, context))
+              return;
+            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) {
+              context.report({
+                node: node.key,
+                messageId: "nesting"
+              });
+            }
+          }
+        };
+      }
+    });
+    no_invalid_nesting_default = rule8;
+  }
+});
+
 // src/rules/no-invalid-token-paths.ts
 import { AST_NODE_TYPES as AST_NODE_TYPES2 } from "@typescript-eslint/utils";
 import { isNodeOfTypes } from "@typescript-eslint/utils/ast-utils";
-var RULE_NAME8, rule8, no_invalid_token_paths_default;
+var RULE_NAME9, rule9, no_invalid_token_paths_default;
 var init_no_invalid_token_paths = __esm({
   "src/rules/no-invalid-token-paths.ts"() {
     "use strict";
@@ -8729,9 +8790,9 @@ var init_no_invalid_token_paths = __esm({
     init_helpers();
     init_utils();
     init_nodes();
-    RULE_NAME8 = "no-invalid-token-paths";
-    rule8 = createRule({
-      name: RULE_NAME8,
+    RULE_NAME9 = "no-invalid-token-paths";
+    rule9 = createRule({
+      name: RULE_NAME9,
       meta: {
         docs: {
           description: "Disallow the use of invalid token paths within token function syntax."
@@ -8831,12 +8892,12 @@ var init_no_invalid_token_paths = __esm({
         };
       }
     });
-    no_invalid_token_paths_default = rule8;
+    no_invalid_token_paths_default = rule9;
   }
 });
 
 // src/rules/no-property-renaming.ts
-var RULE_NAME9, rule9, no_property_renaming_default;
+var RULE_NAME10, rule10, no_property_renaming_default;
 var init_no_property_renaming = __esm({
   "src/rules/no-property-renaming.ts"() {
     "use strict";
@@ -8844,9 +8905,9 @@ var init_no_property_renaming = __esm({
     init_utils();
     init_helpers();
     init_nodes();
-    RULE_NAME9 = "no-property-renaming";
-    rule9 = createRule({
-      name: RULE_NAME9,
+    RULE_NAME10 = "no-property-renaming";
+    rule10 = createRule({
+      name: RULE_NAME10,
       meta: {
         docs: {
           description: "Ensure user does not rename a property for a pattern or style prop. \nIt doesn't get tracked."
@@ -8905,13 +8966,14 @@ var init_no_property_renaming = __esm({
         };
       }
     });
-    no_property_renaming_default = rule9;
+    no_property_renaming_default = rule10;
   }
 });
 
 // src/rules/no-unsafe-token-fn-usage.ts
 import "@typescript-eslint/utils";
-var RULE_NAME10, rule10, no_unsafe_token_fn_usage_default;
+import { getArbitraryValue as getArbitraryValue3 } from "@pandacss/shared";
+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";
@@ -8919,9 +8981,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."
@@ -8948,10 +9010,10 @@ var init_no_unsafe_token_fn_usage = __esm({
             return;
           const value = node.arguments[0];
           if (isLiteral(value)) {
-            sendReport(node, tokenWrap(value.value?.toString()));
+            sendReport(node, tokenWrap(getArbitraryValue3(value.value?.toString() ?? "")));
           }
           if (isTemplateLiteral(value)) {
-            sendReport(node, tokenWrap(value.quasis[0].value.raw));
+            sendReport(node, tokenWrap(getArbitraryValue3(value.quasis[0].value.raw)));
           }
         };
         const isCompositeValue = (input) => {
@@ -8963,19 +9025,19 @@ var init_no_unsafe_token_fn_usage = __esm({
         const handleLiteral = (node) => {
           if (!isLiteral(node))
             return;
-          if (isCompositeValue(node.value?.toString()))
+          const value = getArbitraryValue3(node.value?.toString() ?? "");
+          if (isCompositeValue(value))
             return;
-          sendReport(node);
+          sendReport(node, value);
         };
         const handleTemplateLiteral = (node) => {
           if (!isTemplateLiteral(node))
             return;
           if (node.expressions.length > 0)
             return;
-          sendReport(node, node.quasis[0].value.raw);
+          sendReport(node, getArbitraryValue3(node.quasis[0].value.raw));
         };
-        const sendReport = (node, _value) => {
-          const value = _value ?? node.value?.toString();
+        const sendReport = (node, value) => {
           const tkImports = extractTokens(value);
           const token = tkImports[0].replace(/^[^.]*\./, "");
           return context.report({
@@ -9017,12 +9079,12 @@ var init_no_unsafe_token_fn_usage = __esm({
         };
       }
     });
-    no_unsafe_token_fn_usage_default = rule10;
+    no_unsafe_token_fn_usage_default = rule11;
   }
 });
 
 // src/rules/prefer-longhand-properties.ts
-var RULE_NAME11, rule11, prefer_longhand_properties_default;
+var RULE_NAME12, rule12, prefer_longhand_properties_default;
 var init_prefer_longhand_properties = __esm({
   "src/rules/prefer-longhand-properties.ts"() {
     "use strict";
@@ -9030,9 +9092,9 @@ var init_prefer_longhand_properties = __esm({
     init_helpers();
     init_utils();
     init_nodes();
-    RULE_NAME11 = "prefer-longhand-properties";
-    rule11 = createRule({
-      name: RULE_NAME11,
+    RULE_NAME12 = "prefer-longhand-properties";
+    rule12 = createRule({
+      name: RULE_NAME12,
       meta: {
         docs: {
           description: "Discourage the use of shorthand properties and promote the preference for longhand properties in the codebase."
@@ -9092,12 +9154,12 @@ var init_prefer_longhand_properties = __esm({
         };
       }
     });
-    prefer_longhand_properties_default = rule11;
+    prefer_longhand_properties_default = rule12;
   }
 });
 
 // src/rules/prefer-shorthand-properties.ts
-var RULE_NAME12, rule12, prefer_shorthand_properties_default;
+var RULE_NAME13, rule13, prefer_shorthand_properties_default;
 var init_prefer_shorthand_properties = __esm({
   "src/rules/prefer-shorthand-properties.ts"() {
     "use strict";
@@ -9105,9 +9167,9 @@ var init_prefer_shorthand_properties = __esm({
     init_helpers();
     init_utils();
     init_nodes();
-    RULE_NAME12 = "prefer-shorthand-properties";
-    rule12 = createRule({
-      name: RULE_NAME12,
+    RULE_NAME13 = "prefer-shorthand-properties";
+    rule13 = createRule({
+      name: RULE_NAME13,
       meta: {
         docs: {
           description: "Discourage the use of longhand properties and promote the preference for shorthand properties in the codebase."
@@ -9170,7 +9232,7 @@ var init_prefer_shorthand_properties = __esm({
         };
       }
     });
-    prefer_shorthand_properties_default = rule12;
+    prefer_shorthand_properties_default = rule13;
   }
 });
 
@@ -9295,7 +9357,7 @@ var init_composite_properties = __esm({
 });
 
 // src/rules/prefer-atomic-properties.ts
-var RULE_NAME13, rule13, prefer_atomic_properties_default;
+var RULE_NAME14, rule14, prefer_atomic_properties_default;
 var init_prefer_atomic_properties = __esm({
   "src/rules/prefer-atomic-properties.ts"() {
     "use strict";
@@ -9304,9 +9366,9 @@ var init_prefer_atomic_properties = __esm({
     init_utils();
     init_composite_properties();
     init_nodes();
-    RULE_NAME13 = "prefer-atomic-properties";
-    rule13 = createRule({
-      name: RULE_NAME13,
+    RULE_NAME14 = "prefer-atomic-properties";
+    rule14 = createRule({
+      name: RULE_NAME14,
       meta: {
         docs: {
           description: "Encourage the use of atomic properties instead of composite properties in the codebase."
@@ -9362,12 +9424,12 @@ var init_prefer_atomic_properties = __esm({
         };
       }
     });
-    prefer_atomic_properties_default = rule13;
+    prefer_atomic_properties_default = rule14;
   }
 });
 
 // src/rules/prefer-composite-properties.ts
-var RULE_NAME14, rule14, prefer_composite_properties_default;
+var RULE_NAME15, rule15, prefer_composite_properties_default;
 var init_prefer_composite_properties = __esm({
   "src/rules/prefer-composite-properties.ts"() {
     "use strict";
@@ -9376,9 +9438,9 @@ var init_prefer_composite_properties = __esm({
     init_utils();
     init_composite_properties();
     init_nodes();
-    RULE_NAME14 = "prefer-composite-properties";
-    rule14 = createRule({
-      name: RULE_NAME14,
+    RULE_NAME15 = "prefer-composite-properties";
+    rule15 = createRule({
+      name: RULE_NAME15,
       meta: {
         docs: {
           description: "Encourage the use of composite properties instead of atomic properties in the codebase."
@@ -9432,12 +9494,12 @@ var init_prefer_composite_properties = __esm({
         };
       }
     });
-    prefer_composite_properties_default = rule14;
+    prefer_composite_properties_default = rule15;
   }
 });
 
 // src/rules/prefer-unified-property-style.ts
-var RULE_NAME15, rule15, prefer_unified_property_style_default;
+var RULE_NAME16, rule16, prefer_unified_property_style_default;
 var init_prefer_unified_property_style = __esm({
   "src/rules/prefer-unified-property-style.ts"() {
     "use strict";
@@ -9446,9 +9508,9 @@ var init_prefer_unified_property_style = __esm({
     init_utils();
     init_composite_properties();
     init_nodes();
-    RULE_NAME15 = "prefer-unified-property-style";
-    rule15 = createRule({
-      name: RULE_NAME15,
+    RULE_NAME16 = "prefer-unified-property-style";
+    rule16 = createRule({
+      name: RULE_NAME16,
       meta: {
         docs: {
           description: "Discourage against mixing atomic and composite forms of the same property in a style declaration. Atomic styles give more consistent results"
@@ -9515,7 +9577,7 @@ var init_prefer_unified_property_style = __esm({
         };
       }
     });
-    prefer_unified_property_style_default = rule15;
+    prefer_unified_property_style_default = rule16;
   }
 });
 
@@ -9532,6 +9594,7 @@ var init_rules = __esm({
     init_no_escape_hatch();
     init_no_hardcoded_color();
     init_no_important();
+    init_no_invalid_nesting();
     init_no_invalid_token_paths();
     init_no_property_renaming();
     init_no_unsafe_token_fn_usage();
@@ -9548,14 +9611,15 @@ var init_rules = __esm({
       [RULE_NAME5]: no_escape_hatch_default,
       [RULE_NAME6]: no_hardcoded_color_default,
       [RULE_NAME7]: no_important_default,
-      [RULE_NAME8]: no_invalid_token_paths_default,
-      [RULE_NAME9]: no_property_renaming_default,
-      [RULE_NAME10]: no_unsafe_token_fn_usage_default,
-      [RULE_NAME11]: prefer_longhand_properties_default,
-      [RULE_NAME12]: prefer_shorthand_properties_default,
-      [RULE_NAME13]: prefer_atomic_properties_default,
-      [RULE_NAME14]: prefer_composite_properties_default,
-      [RULE_NAME15]: prefer_unified_property_style_default
+      [RULE_NAME9]: no_invalid_token_paths_default,
+      [RULE_NAME8]: no_invalid_nesting_default,
+      [RULE_NAME10]: no_property_renaming_default,
+      [RULE_NAME11]: no_unsafe_token_fn_usage_default,
+      [RULE_NAME12]: prefer_longhand_properties_default,
+      [RULE_NAME13]: prefer_shorthand_properties_default,
+      [RULE_NAME14]: prefer_atomic_properties_default,
+      [RULE_NAME15]: prefer_composite_properties_default,
+      [RULE_NAME16]: prefer_unified_property_style_default
     };
   }
 });
@@ -9570,7 +9634,7 @@ var init_all = __esm({
     init_file_not_included();
     init_no_config_function_in_source();
     init_no_invalid_token_paths();
-    errorRules = [RULE_NAME, RULE_NAME2, RULE_NAME8];
+    errorRules = [RULE_NAME, RULE_NAME2, RULE_NAME9];
     allRules = Object.fromEntries(
       Object.entries(rules).map(([name2]) => {
         return [`@pandacss/${name2}`, errorRules.includes(name2) ? "error" : "warn"];
@@ -9600,6 +9664,7 @@ var init_recommended = __esm({
         "@pandacss/no-config-function-in-source": "error",
         "@pandacss/no-debug": "warn",
         "@pandacss/no-dynamic-styling": "warn",
+        "@pandacss/no-invalid-nesting": "error",
         "@pandacss/no-invalid-token-paths": "error",
         "@pandacss/no-property-renaming": "warn",
         "@pandacss/prefer-unified-property-style": "warn"

package/package.json

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