Skip builtin-component-arguments in GJS/GTS when not imported from @ember/component

In strict mode (GJS/GTS), a component named Input or Textarea might
be a custom component, not Ember's built-in. Only flag when explicitly
imported from @ember/component.

See ember-template-lint/ember-template-lint#2786

Author: johanrd

lib/rules/template-builtin-component-arguments.js

@@ -24,11 +24,53 @@ module.exports = {
   },
 
   create(context) {
+    const filename = context.filename ?? context.getFilename();
+    const isStrictMode = filename.endsWith('.gjs') || filename.endsWith('.gts');
+
+    // In GJS/GTS, track imports from @ember/component to distinguish
+    // Ember's built-in Input/Textarea from custom components with the same name.
+    // See https://github.com/ember-template-lint/ember-template-lint/issues/2786
+    const importedComponents = new Map();
+
     return {
+      ImportDeclaration(node) {
+        if (node.source.value === '@ember/component') {
+          for (const specifier of node.specifiers) {
+            if (specifier.type === 'ImportSpecifier') {
+              const original = specifier.imported.name;
+              if (original === 'Input' || original === 'Textarea') {
+                importedComponents.set(specifier.local.name, original);
+              }
+            }
+          }
+        }
+      },
+
       GlimmerElementNode(node) {
         const { tag, attributes } = node;
-        const forbiddenAttributes = FORBIDDEN_ATTRIBUTES[tag];
 
+        // In strict mode (GJS/GTS), only flag if the component was imported from @ember/component
+        if (isStrictMode) {
+          const original = importedComponents.get(tag);
+          if (!original) {
+            return;
+          }
+          const forbiddenAttributes = FORBIDDEN_ATTRIBUTES[original];
+          if (forbiddenAttributes && attributes) {
+            for (const attribute of attributes) {
+              if (attribute.name && forbiddenAttributes.has(attribute.name)) {
+                context.report({
+                  node: attribute,
+                  message: generateErrorMessage(original, attribute.name),
+                });
+              }
+            }
+          }
+          return;
+        }
+
+        // In loose mode (HBS), check by tag name directly
+        const forbiddenAttributes = FORBIDDEN_ATTRIBUTES[tag];
         if (forbiddenAttributes && attributes) {
           for (const attribute of attributes) {
             if (attribute.name && forbiddenAttributes.has(attribute.name)) {

tests/lib/rules/template-builtin-component-arguments.js

@@ -12,10 +12,75 @@ ruleTester.run('template-builtin-component-arguments', rule, {
     '<template><Input @type="text" size="10" /></template>',
     '<template><Input @type="checkbox" @checked={{true}} /></template>',
     '<template><Textarea @value="Tomster" /></template>',
+    // In GJS/GTS: custom Input/Textarea components (not imported from @ember/component) are fine
+    // https://github.com/ember-template-lint/ember-template-lint/issues/2786
+    {
+      filename: 'test.gjs',
+      code: 'import { Input } from "my-custom-lib"; <template><Input type="text" /></template>',
+    },
+    {
+      filename: 'test.gjs',
+      code: '<template><Input type="text" /></template>',
+    },
+    {
+      filename: 'test.gts',
+      code: '<template><Textarea value="text" /></template>',
+    },
+  ],
+  invalid: [
+    // In GJS/GTS: only flag when imported from @ember/component
+    {
+      filename: 'test.gjs',
+      code: 'import { Input } from "@ember/component"; <template><Input type="text" size="10" /></template>',
+      output: null,
+      errors: [
+        {
+          message:
+            'Setting the `type` attribute on the builtin <Input> component is not allowed. Did you mean `@type`?',
+        },
+      ],
+    },
+    {
+      filename: 'test.gjs',
+      code: 'import { Input as MyInput } from "@ember/component"; <template><MyInput type="text" /></template>',
+      output: null,
+      errors: [
+        {
+          message:
+            'Setting the `type` attribute on the builtin <Input> component is not allowed. Did you mean `@type`?',
+        },
+      ],
+    },
+    {
+      filename: 'test.gjs',
+      code: 'import { Textarea } from "@ember/component"; <template><Textarea value="Tomster" /></template>',
+      output: null,
+      errors: [
+        {
+          message:
+            'Setting the `value` attribute on the builtin <Textarea> component is not allowed. Did you mean `@value`?',
+        },
+      ],
+    },
+  ],
+});
+
+// HBS tests — loose mode, always checks by tag name
+const hbsRuleTester = new RuleTester({
+  parser: require.resolve('ember-eslint-parser/hbs'),
+  parserOptions: { ecmaVersion: 2022, sourceType: 'module' },
+});
+
+hbsRuleTester.run('template-builtin-component-arguments (hbs)', rule, {
+  valid: [
+    '<input type="text" size="10" />',
+    '<Input @type="text" size="10" />',
+    '<Input @type="checkbox" @checked={{true}} />',
+    '<Textarea @value="Tomster" />',
   ],
   invalid: [
     {
-      code: '<template><Input type="text" size="10" /></template>',
+      code: '<Input type="text" size="10" />',
       output: null,
       errors: [
         {
@@ -25,7 +90,7 @@ ruleTester.run('template-builtin-component-arguments', rule, {
       ],
     },
     {
-      code: '<template><Input @type="checkbox" checked /></template>',
+      code: '<Input @type="checkbox" checked />',
       output: null,
       errors: [
         {
@@ -35,7 +100,7 @@ ruleTester.run('template-builtin-component-arguments', rule, {
       ],
     },
     {
-      code: '<template><Textarea value="Tomster" /></template>',
+      code: '<Textarea value="Tomster" />',
       output: null,
       errors: [
         {