@elastic/eslint-plugin-eui 3.0.0 → 3.1.0

package/lib/cjs/utils/is_interactive_element.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasAnyProp = hasAnyProp;
+exports.hasInteractivityProp = hasInteractivityProp;
+exports.isInteractiveElement = isInteractiveElement;
+var _constants = require("./constants");
+var _get_element_name = require("./get_element_name");
+var _has_meaningful_attr = require("./has_meaningful_attr");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+/** Elements focusable only when given one of the listed props. */
+const CONDITIONALLY_INTERACTIVE = {
+  ..._constants.CONDITIONALLY_INTERACTIVE_HTML_ELEMENTS,
+  ..._constants.CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS
+};
+
+/** Elements that are focusable regardless of the props they receive. */
+const ALWAYS_INTERACTIVE = new Set([..._constants.INTERACTIVE_HTML_ELEMENTS, ..._constants.INTERACTIVE_EUI_COMPONENTS].filter(name => !CONDITIONALLY_INTERACTIVE[name]));
+
+/** Props that make an element respond to user input. */
+const INTERACTIVITY_PROPS = ['onClick', 'href'];
+
+/**
+ * Whether any of `propNames` is present on the element with a statically
+ * non-empty value. Dynamic values (`prop={maybe}`) count as present, since
+ * their runtime value is unknown.
+ */
+function hasAnyProp(openingElement, propNames, presenceOnlyProps = new Set()) {
+  return propNames.some(prop => {
+    const attr = openingElement.attributes.find(attr => attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier' && attr.name.name === prop);
+    if (!attr) return false;
+    return (0, _has_meaningful_attr.hasMeaningfulAttr)(openingElement, prop) || attr.value?.type === 'Literal' && attr.value.value === '' || attr.value?.type === 'JSXExpressionContainer' && attr.value.expression.type === 'Literal' && attr.value.expression.value === '';
+    return (0, _has_meaningful_attr.hasMeaningfulAttr)(openingElement, prop);
+  });
+}
+
+/**
+ * Whether an element has a prop that makes it respond to user input
+ * (`onClick` or `href`).
+ */
+function hasInteractivityProp(openingElement) {
+  return hasAnyProp(openingElement, INTERACTIVITY_PROPS);
+}
+
+/**
+ * Whether a JSX element renders a focusable control.
+ *
+ * Native interactive HTML elements and unconditionally interactive EUI
+ * components always qualify. Everything in
+ * `CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS` and
+ * `CONDITIONALLY_INTERACTIVE_HTML_ELEMENTS` — `EuiBadge`, `EuiListGroupItem`,
+ * a bare `<a>`, … — qualifies only when given a prop that makes it focusable.
+ */
+function isInteractiveElement(element) {
+  const name = (0, _get_element_name.getElementName)(element.openingElement);
+  if (!name) return false;
+  const conditionalProps = CONDITIONALLY_INTERACTIVE[name];
+  if (conditionalProps) {
+    return hasAnyProp(element.openingElement, conditionalProps, new Set(_constants.PRESENCE_INTERACTIVE_PROPS[name] ?? []));
+  }
+  return ALWAYS_INTERACTIVE.has(name);
+}

package/lib/cjs/utils/walk_jsx_children.d.ts

@@ -20,11 +20,16 @@ import { type TSESTree, type TSESLint } from '@typescript-eslint/utils';
  * element itself and recurses into its children instead. Use this to make
  * layout wrappers or non-interactive shells transparent to the visitor.
  *
+ * `options.getChildren` - when provided, returns the rendered content roots to
+ * recurse into for JSX elements skipped by `shouldSkip`. Defaults to
+ * `node.children`.
+ *
  * `visit` is called for leaf nodes: JSXElement, JSXText, Literal,
  * TemplateLiteral, MemberExpression.
  */
 export declare function walkJsxChildren(node: TSESTree.Node, visit: (node: TSESTree.Node) => void, options?: {
     sourceCode?: TSESLint.SourceCode;
     shouldSkip?: (el: TSESTree.JSXElement) => boolean;
+    getChildren?: (el: TSESTree.JSXElement) => TSESTree.Node[] | undefined;
 }): void;
 //# sourceMappingURL=walk_jsx_children.d.ts.map

package/lib/cjs/utils/walk_jsx_children.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"walk_jsx_children.d.ts","sourceRoot":"","sources":["../../../src/utils/walk_jsx_children.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAmMxE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,KAAK,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,KAAK,IAAI,EACpC,OAAO,GAAE;IACP,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAC,UAAU,KAAK,OAAO,CAAC;CAC9C,GACL,IAAI,CAQN"}
+{"version":3,"file":"walk_jsx_children.d.ts","sourceRoot":"","sources":["../../../src/utils/walk_jsx_children.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAsMxE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,KAAK,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,KAAK,IAAI,EACpC,OAAO,GAAE;IACP,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAC,UAAU,KAAK,OAAO,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAC,UAAU,KAAK,QAAQ,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC;CACnE,GACL,IAAI,CASN"}

package/lib/cjs/utils/walk_jsx_children.js

@@ -89,8 +89,8 @@ function resolveLocalComponent(sourceCode, name, refNode) {
   }
   return null;
 }
-function walkJsxChild(node, visit, sourceCode, visited, shouldSkip) {
-  const walk = n => walkJsxChild(n, visit, sourceCode, visited, shouldSkip);
+function walkJsxChild(node, visit, sourceCode, visited, shouldSkip, getChildren) {
+  const walk = n => walkJsxChild(n, visit, sourceCode, visited, shouldSkip, getChildren);
   switch (node.type) {
     case 'JSXElement':
       {
@@ -113,7 +113,7 @@ function walkJsxChild(node, visit, sourceCode, visited, shouldSkip) {
           }
         }
         if (shouldSkip?.(node)) {
-          node.children.forEach(walk);
+          (getChildren?.(node) ?? node.children).forEach(walk);
           return;
         }
         visit(node);
@@ -202,9 +202,13 @@ function walkJsxChild(node, visit, sourceCode, visited, shouldSkip) {
  * element itself and recurses into its children instead. Use this to make
  * layout wrappers or non-interactive shells transparent to the visitor.
  *
+ * `options.getChildren` - when provided, returns the rendered content roots to
+ * recurse into for JSX elements skipped by `shouldSkip`. Defaults to
+ * `node.children`.
+ *
  * `visit` is called for leaf nodes: JSXElement, JSXText, Literal,
  * TemplateLiteral, MemberExpression.
  */
 function walkJsxChildren(node, visit, options = {}) {
-  walkJsxChild(node, visit, options.sourceCode, new Set(), options.shouldSkip);
+  walkJsxChild(node, visit, options.sourceCode, new Set(), options.shouldSkip, options.getChildren);
 }

package/lib/esm/index.js

@@ -15,6 +15,7 @@ const href_or_on_click_1 = require("./rules/href_or_on_click");
 const require_href_for_link_1 = require("./rules/require_href_for_link");
 const no_css_color_1 = require("./rules/no_css_color");
 const no_nested_copy_tooltip_1 = require("./rules/a11y/no_nested_copy_tooltip");
+const no_nested_interactive_element_1 = require("./rules/a11y/no_nested_interactive_element");
 const no_restricted_eui_imports_1 = require("./rules/no_restricted_eui_imports");
 const no_static_z_index_1 = require("./rules/no_static_z_index");
 const no_unnamed_interactive_element_1 = require("./rules/a11y/no_unnamed_interactive_element");
@@ -42,6 +43,7 @@ const config = {
         'no-css-color': no_css_color_1.NoCssColor,
         'no-deprecated-icon-aliases': no_deprecated_icon_aliases_1.NoDeprecatedIconAliases,
         'no-nested-copy-tooltip': no_nested_copy_tooltip_1.NoNestedCopyTooltip,
+        'no-nested-interactive-element': no_nested_interactive_element_1.NoNestedInteractiveElement,
         'no-restricted-eui-imports': no_restricted_eui_imports_1.NoRestrictedEuiImports,
         'no-static-z-index': no_static_z_index_1.NoStaticZIndex,
         'no-unnamed-interactive-element': no_unnamed_interactive_element_1.NoUnnamedInteractiveElement,
@@ -74,6 +76,7 @@ const config = {
                 '@elastic/eui/no-css-color': 'warn',
                 '@elastic/eui/no-deprecated-icon-aliases': 'warn',
                 '@elastic/eui/no-nested-copy-tooltip': 'warn',
+                '@elastic/eui/no-nested-interactive-element': 'warn',
                 '@elastic/eui/no-restricted-eui-imports': 'warn',
                 '@elastic/eui/no-static-z-index': 'warn',
                 '@elastic/eui/no-unnamed-interactive-element': 'warn',

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAEH,gGAA4F;AAC5F,sFAAgF;AAChF,+FAAwF;AACxF,0FAAoF;AACpF,+DAAuD;AACvD,yEAAmE;AACnE,uDAAkD;AAClD,gFAA0E;AAC1E,iFAA2E;AAC3E,iEAA2D;AAC3D,gGAA0F;AAC1F,gFAA0E;AAC1E,0EAAoE;AACpE,8FAAuF;AACvF,8EAAyE;AACzE,wFAA4F;AAC5F,oFAA+E;AAC/E,iHAAyG;AACzG,sFAAoF;AACpF,oFAAkF;AAClF,gGAA0F;AAC1F,oFAA8E;AAC9E,mFAA6E;AAC7E,+FAAwF;AACxF,iGAA0F;AAE1F,MAAM,MAAM,GAAG;IACb,KAAK,EAAE;QACL,gCAAgC,EAAE,8DAA6B;QAC/D,2BAA2B,EAAE,kDAAsB;QACnD,kCAAkC,EAAE,+DAA4B;QAChE,6BAA6B,EAAE,sDAAwB;QACvD,kBAAkB,EAAE,8BAAW;QAC/B,cAAc,EAAE,yBAAU;QAC1B,4BAA4B,EAAE,oDAAuB;QACrD,wBAAwB,EAAE,4CAAmB;QAC7C,2BAA2B,EAAE,kDAAsB;QACnD,mBAAmB,EAAE,kCAAc;QACnC,gCAAgC,EAAE,4DAA2B;QAC7D,wBAAwB,EAAE,4CAAmB;QAC7C,qBAAqB,EAAE,sCAAgB;QACvC,+BAA+B,EAAE,yDAAyB;QAC1D,uBAAuB,EAAE,2CAAmB;QAC5C,4BAA4B,EAAE,8DAAiC;QAC/D,0BAA0B,EAAE,iDAAsB;QAClD,2CAA2C,EACzC,gFAAoC;QACtC,2BAA2B,EAAE,sDAA0B;QACvD,0BAA0B,EAAE,oDAAyB;QACrD,uBAAuB,EAAE,0CAAkB;QAC3C,gCAAgC,EAAE,4DAA2B;QAC7D,0BAA0B,EAAE,gDAAqB;QACjD,kCAAkC,EAAE,+DAA4B;QAChE,mCAAmC,EAAE,iEAA6B;KACnE;IACD,OAAO,EAAE;QACP,WAAW,EAAE;YACX,OAAO,EAAE,CAAC,4BAA4B,CAAC;YACvC,KAAK,EAAE;gBACL,6CAA6C,EAAE,MAAM;gBACrD,+CAA+C,EAAE,OAAO;gBACxD,gDAAgD,EAAE,OAAO;gBACzD,wCAAwC,EAAE,MAAM;gBAChD,+CAA+C,EAAE,MAAM;gBACvD,0CAA0C,EAAE,MAAM;gBAClD,+BAA+B,EAAE,MAAM;gBACvC,2BAA2B,EAAE,MAAM;gBACnC,yCAAyC,EAAE,MAAM;gBACjD,qCAAqC,EAAE,MAAM;gBAC7C,wCAAwC,EAAE,MAAM;gBAChD,gCAAgC,EAAE,MAAM;gBACxC,6CAA6C,EAAE,MAAM;gBACrD,qCAAqC,EAAE,MAAM;gBAC7C,kCAAkC,EAAE,MAAM;gBAC1C,4CAA4C,EAAE,MAAM;gBACpD,oCAAoC,EAAE,MAAM;gBAC5C,yCAAyC,EAAE,MAAM;gBACjD,uCAAuC,EAAE,MAAM;gBAC/C,wDAAwD,EAAE,MAAM;gBAChE,wCAAwC,EAAE,MAAM;gBAChD,uCAAuC,EAAE,MAAM;gBAC/C,oCAAoC,EAAE,MAAM;gBAC5C,6CAA6C,EAAE,MAAM;gBACrD,uCAAuC,EAAE,MAAM;aAChD;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAEH,gGAA4F;AAC5F,sFAAgF;AAChF,+FAAwF;AACxF,0FAAoF;AACpF,+DAAuD;AACvD,yEAAmE;AACnE,uDAAkD;AAClD,gFAA0E;AAC1E,8FAAwF;AACxF,iFAA2E;AAC3E,iEAA2D;AAC3D,gGAA0F;AAC1F,gFAA0E;AAC1E,0EAAoE;AACpE,8FAAuF;AACvF,8EAAyE;AACzE,wFAA4F;AAC5F,oFAA+E;AAC/E,iHAAyG;AACzG,sFAAoF;AACpF,oFAAkF;AAClF,gGAA0F;AAC1F,oFAA8E;AAC9E,mFAA6E;AAC7E,+FAAwF;AACxF,iGAA0F;AAE1F,MAAM,MAAM,GAAG;IACb,KAAK,EAAE;QACL,gCAAgC,EAAE,8DAA6B;QAC/D,2BAA2B,EAAE,kDAAsB;QACnD,kCAAkC,EAAE,+DAA4B;QAChE,6BAA6B,EAAE,sDAAwB;QACvD,kBAAkB,EAAE,8BAAW;QAC/B,cAAc,EAAE,yBAAU;QAC1B,4BAA4B,EAAE,oDAAuB;QACrD,wBAAwB,EAAE,4CAAmB;QAC7C,+BAA+B,EAAE,0DAA0B;QAC3D,2BAA2B,EAAE,kDAAsB;QACnD,mBAAmB,EAAE,kCAAc;QACnC,gCAAgC,EAAE,4DAA2B;QAC7D,wBAAwB,EAAE,4CAAmB;QAC7C,qBAAqB,EAAE,sCAAgB;QACvC,+BAA+B,EAAE,yDAAyB;QAC1D,uBAAuB,EAAE,2CAAmB;QAC5C,4BAA4B,EAAE,8DAAiC;QAC/D,0BAA0B,EAAE,iDAAsB;QAClD,2CAA2C,EACzC,gFAAoC;QACtC,2BAA2B,EAAE,sDAA0B;QACvD,0BAA0B,EAAE,oDAAyB;QACrD,uBAAuB,EAAE,0CAAkB;QAC3C,gCAAgC,EAAE,4DAA2B;QAC7D,0BAA0B,EAAE,gDAAqB;QACjD,kCAAkC,EAAE,+DAA4B;QAChE,mCAAmC,EAAE,iEAA6B;KACnE;IACD,OAAO,EAAE;QACP,WAAW,EAAE;YACX,OAAO,EAAE,CAAC,4BAA4B,CAAC;YACvC,KAAK,EAAE;gBACL,6CAA6C,EAAE,MAAM;gBACrD,+CAA+C,EAAE,OAAO;gBACxD,gDAAgD,EAAE,OAAO;gBACzD,wCAAwC,EAAE,MAAM;gBAChD,+CAA+C,EAAE,MAAM;gBACvD,0CAA0C,EAAE,MAAM;gBAClD,+BAA+B,EAAE,MAAM;gBACvC,2BAA2B,EAAE,MAAM;gBACnC,yCAAyC,EAAE,MAAM;gBACjD,qCAAqC,EAAE,MAAM;gBAC7C,4CAA4C,EAAE,MAAM;gBACpD,wCAAwC,EAAE,MAAM;gBAChD,gCAAgC,EAAE,MAAM;gBACxC,6CAA6C,EAAE,MAAM;gBACrD,qCAAqC,EAAE,MAAM;gBAC7C,kCAAkC,EAAE,MAAM;gBAC1C,4CAA4C,EAAE,MAAM;gBACpD,oCAAoC,EAAE,MAAM;gBAC5C,yCAAyC,EAAE,MAAM;gBACjD,uCAAuC,EAAE,MAAM;gBAC/C,wDAAwD,EAAE,MAAM;gBAChE,wCAAwC,EAAE,MAAM;gBAChD,uCAAuC,EAAE,MAAM;gBAC/C,oCAAoC,EAAE,MAAM;gBAC5C,6CAA6C,EAAE,MAAM;gBACrD,uCAAuC,EAAE,MAAM;aAChD;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC"}

package/lib/esm/rules/a11y/no_nested_interactive_element.d.ts

@@ -0,0 +1,2 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+export declare const NoNestedInteractiveElement: ESLintUtils.RuleModule<"nestedInteractive" | "clickableCardContent", [], unknown, ESLintUtils.RuleListener>;

package/lib/esm/rules/a11y/no_nested_interactive_element.js

@@ -0,0 +1,225 @@
+"use strict";
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoNestedInteractiveElement = void 0;
+const utils_1 = require("@typescript-eslint/utils");
+const constants_1 = require("../../utils/constants");
+const get_element_name_1 = require("../../utils/get_element_name");
+const has_meaningful_attr_1 = require("../../utils/has_meaningful_attr");
+const is_interactive_element_1 = require("../../utils/is_interactive_element");
+const walk_jsx_children_1 = require("../../utils/walk_jsx_children");
+const CARD = 'EuiCard';
+const LIST_GROUP_ITEM = 'EuiListGroupItem';
+const LIST_GROUP_ITEM_EXTRA_ACTION = 'EuiButtonIcon';
+/**
+ * Leaf-control props whose value renders *inside* the focusable element, in
+ * addition to children. Props that render a **sibling** control (e.g.
+ * `EuiListGroupItem` `extraAction`) are intentionally absent, as are props
+ * rendered into a portal (e.g. `EuiContextMenuItem` `toolTipContent`).
+ */
+const LEAF_CONTENT_PROPS = {
+    EuiContextMenuItem: ['icon'],
+    EuiFacetButton: ['icon'],
+    EuiHeaderSectionItemButton: ['notification'],
+    EuiKeyPadMenuItem: ['label'],
+    EuiListGroupItem: ['icon', 'label'],
+    EuiStepHorizontal: ['title'],
+    EuiTab: ['append', 'prepend'],
+};
+/**
+ * `EuiCard` props rendered inside the card wrapper, which is what carries the
+ * forwarding click handler. `betaBadgeProps` can also produce a control, but it
+ * is configured through an object rather than JSX and is not analysed here.
+ */
+const CARD_CONTENT_PROPS = ['description', 'footer', 'image', 'title'];
+const LEAF_COMPONENTS = new Set(constants_1.LEAF_INTERACTIVE_EUI_COMPONENTS);
+const LEAF_HTML_ELEMENTS = new Set(['a', 'button']);
+const COMPONENTS_WITH_CHILDREN_PROP = new Set([
+    'a',
+    CARD,
+    'button',
+    'EuiBadge',
+    'EuiBetaBadge',
+    'EuiButton',
+    'EuiButtonEmpty',
+    'EuiContextMenuItem',
+    'EuiFacetButton',
+    'EuiFilterButton',
+    'EuiHeaderLink',
+    'EuiHeaderSectionItemButton',
+    'EuiKeyPadMenuItem',
+    'EuiLink',
+    'EuiTab',
+]);
+/**
+ * Whether a boolean prop is set to a statically-known `true` (`<El prop />` or
+ * `<El prop={true} />`). Dynamic values are treated as *not* set, so that a
+ * card gated on e.g. `isDisabled={isLoading}` is still checked.
+ */
+function isStaticallyTrue(openingElement, propName) {
+    const attr = openingElement.attributes.find((a) => a.type === 'JSXAttribute' &&
+        a.name.type === 'JSXIdentifier' &&
+        a.name.name === propName);
+    if (!attr)
+        return false;
+    if (attr.value == null)
+        return true;
+    return (attr.value.type === 'JSXExpressionContainer' &&
+        attr.value.expression.type === 'Literal' &&
+        attr.value.expression.value === true);
+}
+function getTarget(componentName, node) {
+    const { openingElement } = node;
+    if (componentName === CARD) {
+        // A card with `onClick`/`href` attaches a wrapper click handler that
+        // forwards to the title link, so a control anywhere in its content fires
+        // both its own action and the card's. A disabled card attaches no handler.
+        //
+        // `selectable` cards are deliberately not a target: pairing the select
+        // button with a footer action is a pattern EUI itself ships. It is only
+        // safe when the footer control stops propagation, which this rule cannot
+        // verify statically — see the PR discussion.
+        if ((0, has_meaningful_attr_1.hasMeaningfulAttr)(openingElement, 'selectable')) {
+            return null;
+        }
+        return (0, is_interactive_element_1.hasInteractivityProp)(openingElement) &&
+            !isStaticallyTrue(openingElement, 'isDisabled')
+            ? {
+                messageId: 'clickableCardContent',
+                contentProps: getComponentContentProps(componentName),
+            }
+            : null;
+    }
+    if (LEAF_HTML_ELEMENTS.has(componentName) && (0, is_interactive_element_1.isInteractiveElement)(node)) {
+        return {
+            messageId: 'nestedInteractive',
+            contentProps: [],
+        };
+    }
+    // Several leaf components only render a control when given the right props
+    // (`EuiListGroupItem` is an `<li>` without an action, `EuiContextMenuItem` a
+    // `<div>`), so the name alone is not enough to make it a target.
+    if (LEAF_COMPONENTS.has(componentName) && (0, is_interactive_element_1.isInteractiveElement)(node)) {
+        return {
+            messageId: 'nestedInteractive',
+            contentProps: getComponentContentProps(componentName),
+        };
+    }
+    return null;
+}
+/** The element's children plus the expression value of each content prop. */
+function getContentRoots(node, componentName, contentProps) {
+    const roots = [...node.children];
+    for (const attr of node.openingElement.attributes) {
+        if (attr.type !== 'JSXAttribute' || attr.name.type !== 'JSXIdentifier') {
+            continue;
+        }
+        const isChildrenProp = attr.name.name === 'children' &&
+            componentName != null &&
+            COMPONENTS_WITH_CHILDREN_PROP.has(componentName);
+        if (!isChildrenProp && !contentProps.includes(attr.name.name))
+            continue;
+        // Only `prop={<JSX />}` can hold an element; a string literal cannot.
+        if (attr.value?.type !== 'JSXExpressionContainer')
+            continue;
+        if (attr.value.expression.type === 'JSXEmptyExpression')
+            continue;
+        roots.push(attr.value.expression);
+    }
+    return roots;
+}
+function getComponentContentProps(componentName) {
+    if (componentName === CARD) {
+        return CARD_CONTENT_PROPS;
+    }
+    return LEAF_CONTENT_PROPS[componentName ?? ''] ?? [];
+}
+function getSyntheticInteractiveElementName(element) {
+    const componentName = (0, get_element_name_1.getElementName)(element.openingElement);
+    if (componentName === LIST_GROUP_ITEM &&
+        (0, has_meaningful_attr_1.hasMeaningfulAttr)(element.openingElement, 'extraAction')) {
+        return LIST_GROUP_ITEM_EXTRA_ACTION;
+    }
+    return null;
+}
+function getDescendantRoots(node) {
+    const componentName = (0, get_element_name_1.getElementName)(node.openingElement);
+    // `getContentRoots` also adds supported `children={...}` content based on
+    // the component name, so descendants are traversed the same way as targets.
+    return getContentRoots(node, componentName, getComponentContentProps(componentName));
+}
+function shouldSkipNestedScanElement(element) {
+    const elementName = (0, get_element_name_1.getElementName)(element.openingElement);
+    if (!elementName)
+        return true;
+    if (getSyntheticInteractiveElementName(element))
+        return false;
+    // Custom components stay traversable here; local ones are resolved by
+    // `walkJsxChildren` before this guard runs, and unresolved ones remain opaque.
+    if (/^[A-Z]/.test(elementName) && !elementName.startsWith('Eui')) {
+        return true;
+    }
+    return !(0, is_interactive_element_1.isInteractiveElement)(element);
+}
+exports.NoNestedInteractiveElement = utils_1.ESLintUtils.RuleCreator.withoutDocs({
+    create(context) {
+        return {
+            JSXElement(node) {
+                const componentName = (0, get_element_name_1.getElementName)(node.openingElement);
+                if (!componentName)
+                    return;
+                const target = getTarget(componentName, node);
+                if (!target)
+                    return;
+                // Non-interactive elements (layout wrappers, `EuiToolTip`, text, …) are
+                // walked through; interactive ones are reported and not descended into,
+                // so this scan flags only the outermost control of a subtree. Anything
+                // deeper is reported against its own nearest target, when that target
+                // is itself scanned.
+                const reported = new Set();
+                for (const root of getContentRoots(node, componentName, target.contentProps)) {
+                    (0, walk_jsx_children_1.walkJsxChildren)(root, (leaf) => {
+                        if (leaf.type !== 'JSXElement' || reported.has(leaf))
+                            return;
+                        const elementName = getSyntheticInteractiveElementName(leaf) ??
+                            (0, get_element_name_1.getElementName)(leaf.openingElement);
+                        if (!elementName)
+                            return;
+                        reported.add(leaf);
+                        context.report({
+                            node: leaf.openingElement,
+                            messageId: target.messageId,
+                            data: {
+                                componentName,
+                                elementName,
+                            },
+                        });
+                    }, {
+                        sourceCode: context.sourceCode,
+                        shouldSkip: shouldSkipNestedScanElement,
+                        getChildren: getDescendantRoots,
+                    });
+                }
+            },
+        };
+    },
+    meta: {
+        type: 'problem',
+        docs: {
+            description: 'Disallow interactive elements inside other interactive elements',
+        },
+        schema: [],
+        messages: {
+            nestedInteractive: '{{ elementName }} is nested inside {{ componentName }}, which renders a single focusable element. Nested controls are invalid HTML and not reliably reachable by keyboard or screen reader. Render {{ elementName }} as a sibling instead.',
+            clickableCardContent: '{{ elementName }} inside a clickable {{ componentName }} also triggers the card `onClick`/`href` when activated. Use one action per card: remove the card `onClick`/`href`, or move {{ elementName }} outside the card.',
+        },
+    },
+    defaultOptions: [],
+});
+//# sourceMappingURL=no_nested_interactive_element.js.map

package/lib/esm/rules/a11y/no_nested_interactive_element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no_nested_interactive_element.js","sourceRoot":"","sources":["../../../../src/rules/a11y/no_nested_interactive_element.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEH,oDAAsE;AACtE,qDAAwE;AACxE,mEAA8D;AAC9D,yEAAoE;AACpE,+EAG4C;AAC5C,qEAAgE;AAWhE,MAAM,IAAI,GAAG,SAAS,CAAC;AACvB,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAC3C,MAAM,4BAA4B,GAAG,eAAe,CAAC;AAErD;;;;;GAKG;AACH,MAAM,kBAAkB,GAA6B;IACnD,kBAAkB,EAAE,CAAC,MAAM,CAAC;IAC5B,cAAc,EAAE,CAAC,MAAM,CAAC;IACxB,0BAA0B,EAAE,CAAC,cAAc,CAAC;IAC5C,iBAAiB,EAAE,CAAC,OAAO,CAAC;IAC5B,gBAAgB,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACnC,iBAAiB,EAAE,CAAC,OAAO,CAAC;IAC5B,MAAM,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B,CAAC;AAEF;;;;GAIG;AACH,MAAM,kBAAkB,GAAG,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAEvE,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,2CAA+B,CAAC,CAAC;AACjE,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AACpD,MAAM,6BAA6B,GAAG,IAAI,GAAG,CAAC;IAC5C,GAAG;IACH,IAAI;IACJ,QAAQ;IACR,UAAU;IACV,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,oBAAoB;IACpB,gBAAgB;IAChB,iBAAiB;IACjB,eAAe;IACf,4BAA4B;IAC5B,mBAAmB;IACnB,SAAS;IACT,QAAQ;CACT,CAAC,CAAC;AAEH;;;;GAIG;AACH,SAAS,gBAAgB,CACvB,cAA0C,EAC1C,QAAgB;IAEhB,MAAM,IAAI,GAAG,cAAc,CAAC,UAAU,CAAC,IAAI,CACzC,CAAC,CAAC,EAA8B,EAAE,CAChC,CAAC,CAAC,IAAI,KAAK,cAAc;QACzB,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe;QAC/B,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAC3B,CAAC;IAEF,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IACxB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,wBAAwB;QAC5C,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,SAAS;QACxC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,KAAK,IAAI,CACrC,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAChB,aAAqB,EACrB,IAAyB;IAEzB,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAEhC,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;QAC3B,qEAAqE;QACrE,yEAAyE;QACzE,2EAA2E;QAC3E,EAAE;QACF,uEAAuE;QACvE,wEAAwE;QACxE,yEAAyE;QACzE,6CAA6C;QAC7C,IAAI,IAAA,uCAAiB,EAAC,cAAc,EAAE,YAAY,CAAC,EAAE,CAAC;YACpD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,IAAA,6CAAoB,EAAC,cAAc,CAAC;YACzC,CAAC,gBAAgB,CAAC,cAAc,EAAE,YAAY,CAAC;YAC/C,CAAC,CAAC;gBACE,SAAS,EAAE,sBAAsB;gBACjC,YAAY,EAAE,wBAAwB,CAAC,aAAa,CAAC;aACtD;YACH,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAED,IAAI,kBAAkB,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,IAAA,6CAAoB,EAAC,IAAI,CAAC,EAAE,CAAC;QACxE,OAAO;YACL,SAAS,EAAE,mBAAmB;YAC9B,YAAY,EAAE,EAAE;SACjB,CAAC;IACJ,CAAC;IAED,2EAA2E;IAC3E,6EAA6E;IAC7E,iEAAiE;IACjE,IAAI,eAAe,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,IAAA,6CAAoB,EAAC,IAAI,CAAC,EAAE,CAAC;QACrE,OAAO;YACL,SAAS,EAAE,mBAAmB;YAC9B,YAAY,EAAE,wBAAwB,CAAC,aAAa,CAAC;SACtD,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,6EAA6E;AAC7E,SAAS,eAAe,CACtB,IAAyB,EACzB,aAA4B,EAC5B,YAAsB;IAEtB,MAAM,KAAK,GAAoB,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;IAElD,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;QAClD,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE,CAAC;YACvE,SAAS;QACX,CAAC;QACD,MAAM,cAAc,GAClB,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU;YAC7B,aAAa,IAAI,IAAI;YACrB,6BAA6B,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACnD,IAAI,CAAC,cAAc,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YAAE,SAAS;QACxE,sEAAsE;QACtE,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,KAAK,wBAAwB;YAAE,SAAS;QAC5D,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,oBAAoB;YAAE,SAAS;QAElE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,wBAAwB,CAAC,aAA4B;IAC5D,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;QAC3B,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IAED,OAAO,kBAAkB,CAAC,aAAa,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;AACvD,CAAC;AAED,SAAS,kCAAkC,CACzC,OAA4B;IAE5B,MAAM,aAAa,GAAG,IAAA,iCAAc,EAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAE7D,IACE,aAAa,KAAK,eAAe;QACjC,IAAA,uCAAiB,EAAC,OAAO,CAAC,cAAc,EAAE,aAAa,CAAC,EACxD,CAAC;QACD,OAAO,4BAA4B,CAAC;IACtC,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAyB;IACnD,MAAM,aAAa,GAAG,IAAA,iCAAc,EAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAE1D,0EAA0E;IAC1E,4EAA4E;IAC5E,OAAO,eAAe,CAAC,IAAI,EAAE,aAAa,EAAE,wBAAwB,CAAC,aAAa,CAAC,CAAC,CAAC;AACvF,CAAC;AAED,SAAS,2BAA2B,CAAC,OAA4B;IAC/D,MAAM,WAAW,GAAG,IAAA,iCAAc,EAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAE3D,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAC9B,IAAI,kCAAkC,CAAC,OAAO,CAAC;QAAE,OAAO,KAAK,CAAC;IAE9D,sEAAsE;IACtE,+EAA+E;IAC/E,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;QACjE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CAAC,IAAA,6CAAoB,EAAC,OAAO,CAAC,CAAC;AACxC,CAAC;AAEY,QAAA,0BAA0B,GAAG,mBAAW,CAAC,WAAW,CAAC,WAAW,CAAC;IAC5E,MAAM,CAAC,OAAO;QACZ,OAAO;YACL,UAAU,CAAC,IAAI;gBACb,MAAM,aAAa,GAAG,IAAA,iCAAc,EAAC,IAAI,CAAC,cAAc,CAAC,CAAC;gBAE1D,IAAI,CAAC,aAAa;oBAAE,OAAO;gBAE3B,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;gBAE9C,IAAI,CAAC,MAAM;oBAAE,OAAO;gBAEpB,wEAAwE;gBACxE,wEAAwE;gBACxE,uEAAuE;gBACvE,sEAAsE;gBACtE,qBAAqB;gBACrB,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAuB,CAAC;gBAEhD,KAAK,MAAM,IAAI,IAAI,eAAe,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC;oBAC7E,IAAA,mCAAe,EACb,IAAI,EACJ,CAAC,IAAI,EAAE,EAAE;wBACP,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;4BAAE,OAAO;wBAC7D,MAAM,WAAW,GACf,kCAAkC,CAAC,IAAI,CAAC;4BACxC,IAAA,iCAAc,EAAC,IAAI,CAAC,cAAc,CAAC,CAAC;wBACtC,IAAI,CAAC,WAAW;4BAAE,OAAO;wBACzB,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;wBAEnB,OAAO,CAAC,MAAM,CAAC;4BACb,IAAI,EAAE,IAAI,CAAC,cAAc;4BACzB,SAAS,EAAE,MAAM,CAAC,SAAS;4BAC3B,IAAI,EAAE;gCACJ,aAAa;gCACb,WAAW;6BACZ;yBACF,CAAC,CAAC;oBACL,CAAC,EACD;wBACE,UAAU,EAAE,OAAO,CAAC,UAAU;wBAC9B,UAAU,EAAE,2BAA2B;wBACvC,WAAW,EAAE,kBAAkB;qBAChC,CACF,CAAC;gBACJ,CAAC;YACH,CAAC;SACF,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,IAAI,EAAE;YACJ,WAAW,EACT,iEAAiE;SACpE;QACD,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE;YACR,iBAAiB,EACf,4OAA4O;YAC9O,oBAAoB,EAClB,yNAAyN;SAC5N;KACF;IACD,cAAc,EAAE,EAAE;CACnB,CAAC,CAAC"}

package/lib/esm/rules/a11y/tooltip_no_interactive_content.js

@@ -9,23 +9,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipNoInteractiveContent = void 0;
 const utils_1 = require("@typescript-eslint/utils");
-const constants_1 = require("../../utils/constants");
 const walk_jsx_children_1 = require("../../utils/walk_jsx_children");
 const get_element_name_1 = require("../../utils/get_element_name");
+const has_meaningful_attr_1 = require("../../utils/has_meaningful_attr");
+const is_interactive_element_1 = require("../../utils/is_interactive_element");
 const TOOLTIP_COMPONENTS = ['EuiToolTip', 'EuiIconTip'];
 const TOOLTIP_CONTENT_PROPS = ['content', 'title'];
-const INTERACTIVE_HTML_ELEMENTS = [
-    'a',
-    'button',
-    'input',
-    'select',
-    'textarea',
-];
-const CONDITIONALLY_INTERACTIVE_SET = new Set(constants_1.CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS);
-const INTERACTIVE_ELEMENTS = new Set([
-    ...INTERACTIVE_HTML_ELEMENTS,
-    ...constants_1.INTERACTIVE_EUI_COMPONENTS.filter((c) => !CONDITIONALLY_INTERACTIVE_SET.has(c)),
-]);
+const LIST_GROUP_ITEM = 'EuiListGroupItem';
+const LIST_GROUP_ITEM_EXTRA_ACTION = 'EuiButtonIcon';
+function getSyntheticInteractiveElementName(element) {
+    const componentName = (0, get_element_name_1.getElementName)(element.openingElement);
+    if (componentName === LIST_GROUP_ITEM &&
+        (0, has_meaningful_attr_1.hasMeaningfulAttr)(element.openingElement, 'extraAction')) {
+        return LIST_GROUP_ITEM_EXTRA_ACTION;
+    }
+    return null;
+}
+function shouldSkipTooltipContentElement(element) {
+    const elementName = (0, get_element_name_1.getElementName)(element.openingElement);
+    if (!elementName)
+        return true;
+    if (getSyntheticInteractiveElementName(element))
+        return false;
+    // Custom components stay traversable here; local ones are resolved by
+    // `walkJsxChildren` before this guard runs, and unresolved ones remain opaque.
+    if (/^[A-Z]/.test(elementName) && !elementName.startsWith('Eui')) {
+        return true;
+    }
+    return !(0, is_interactive_element_1.isInteractiveElement)(element);
+}
 exports.TooltipNoInteractiveContent = utils_1.ESLintUtils.RuleCreator.withoutDocs({
     create(context) {
         return {
@@ -53,25 +65,24 @@ exports.TooltipNoInteractiveContent = utils_1.ESLintUtils.RuleCreator.withoutDoc
                     (0, walk_jsx_children_1.walkJsxChildren)(expression, (leaf) => {
                         if (found || leaf.type !== 'JSXElement')
                             return;
-                        const el = leaf;
-                        const name = (0, get_element_name_1.getElementName)(el.openingElement);
-                        if (!name || !INTERACTIVE_ELEMENTS.has(name))
+                        const syntheticElementName = getSyntheticInteractiveElementName(leaf);
+                        const elementName = syntheticElementName ?? (0, get_element_name_1.getElementName)(leaf.openingElement);
+                        if (!elementName || (!syntheticElementName && !(0, is_interactive_element_1.isInteractiveElement)(leaf))) {
                             return;
+                        }
                         context.report({
-                            node: el.openingElement,
+                            node: leaf.openingElement,
                             messageId: 'noInteractiveContent',
                             data: {
                                 propName: attr.name.name,
                                 componentName,
-                                elementName: name,
+                                elementName,
                             },
                         });
                         found = true;
                     }, {
-                        shouldSkip: (el) => {
-                            const name = (0, get_element_name_1.getElementName)(el.openingElement);
-                            return !name || !INTERACTIVE_ELEMENTS.has(name);
-                        },
+                        sourceCode: context.sourceCode,
+                        shouldSkip: shouldSkipTooltipContentElement,
                     });
                 }
             },

package/lib/esm/rules/a11y/tooltip_no_interactive_content.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_no_interactive_content.js","sourceRoot":"","sources":["../../../../src/rules/a11y/tooltip_no_interactive_content.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tooltip_no_interactive_content.js","sourceRoot":"","sources":["../../../../src/rules/a11y/tooltip_no_interactive_content.ts"],"names":[],"mappings":"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"}

package/lib/esm/utils/constants.d.ts

@@ -25,15 +25,39 @@ export declare const NON_INTERACTIVE_HTML_TAGS: string[];
  */
 export declare const INTERACTIVE_EUI_COMPONENTS: string[];
 /**
- * EUI components that are only interactive when `onClick` or `href` is provided.
- * Without those props they render as a plain non-focusable element (span/div),
- * so rules that need to distinguish unconditionally-interactive components should
- * exclude these.
+ * EUI components that render a focusable element only when given one of the
+ * listed props. Without them they render plain, non-focusable markup — a
+ * `<span>`, `<div>`, or `<li>` — so rules that need an unconditionally
+ * interactive element must check the props rather than the name alone.
+ *
+ * - `EuiBadge` / `EuiBetaBadge` render a `<span>` unless clickable.
+ * - `EuiCard` renders a plain panel; `selectable` also makes it clickable by
+ *   rendering an `EuiCardSelect` button.
+ * - `EuiContextMenuItem` renders a `<div>` unless it has an action, and is a
+ *   `<button>` when given `toolTipContent`.
+ * - `EuiHeaderLogo` renders an `<a>` without an `href` attribute, which is not
+ *   focusable.
+ * - `EuiListGroupItem` renders an `<li>` unless it has an action.
+ */
+export declare const CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS: Record<string, string[]>;
+/**
+ * Native HTML elements that are focusable only when given one of the listed
+ * attributes. An `<a>` without `href` is not a link and is not focusable.
+ */
+export declare const CONDITIONALLY_INTERACTIVE_HTML_ELEMENTS: Record<string, string[]>;
+/**
+ * Conditional interactive props whose presence alone is enough to make the
+ * rendered element focusable, even when the statically-known value is `""`.
+ *
+ * Native anchors and `EuiHeaderLogo` both forward `href=""` to the DOM, which
+ * still creates a focusable same-document link.
  */
-export declare const CONDITIONALLY_INTERACTIVE_EUI_COMPONENTS: string[];
+export declare const PRESENCE_INTERACTIVE_PROPS: Record<string, string[]>;
 export declare const HTML_TEXT_ELEMENTS: Set<string>;
 export declare const EUI_TEXT_COMPONENTS: Set<string>;
 export declare const HTML_ACTION_ELEMENTS: Set<string>;
+/** Native HTML elements that are focusable and respond to user input. */
+export declare const INTERACTIVE_HTML_ELEMENTS: string[];
 /**
  * Transparent layout wrappers inside `EuiCallOut` children that the rule should
  * traverse rather than treat as opaque custom components.
@@ -45,3 +69,16 @@ export declare const CALLOUT_LAYOUT_CONTAINERS: Set<string>;
  * Rules treat these the same as `HTML_TEXT_ELEMENTS` / `EUI_TEXT_COMPONENTS`.
  */
 export declare const I18N_TEXT_COMPONENTS: Set<string>;
+/**
+ * EUI components that render their content **inside** a single focusable
+ * `<button>` or `<a>`.
+ *
+ * Nesting another interactive element in their content produces invalid HTML
+ * (e.g. `<button>` inside `<button>`) and leaves the inner control unreachable
+ * or ambiguous for keyboard and screen-reader users.
+ *
+ * This is deliberately narrower than `INTERACTIVE_EUI_COMPONENTS`, which also
+ * contains composite components (`EuiBasicTable`, `EuiSelectable`, `EuiSideNav`,
+ * …) whose entire purpose is to host controls.
+ */
+export declare const LEAF_INTERACTIVE_EUI_COMPONENTS: string[];