@flint.fyi/jsx 0.4.0 → 0.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flint.fyi/jsx",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "[Experimental] A Flint plugin for JSX code.",
   "homepage": "https://flint.fyi/rules/jsx",
   "repository": {
@@ -16,23 +16,24 @@
   "sideEffects": false,
   "type": "module",
   "exports": {
-    ".": "./lib/index.js"
+    ".": "./dist/index.mjs"
   },
   "files": [
-    "lib/"
+    "dist/"
   ],
   "dependencies": {
     "language-tags": "^2.1.0",
     "typescript": "^6.0.0",
-    "@flint.fyi/typescript-language": "^0.18.4",
-    "@flint.fyi/core": "^0.23.3",
-    "@flint.fyi/utils": "^0.14.1"
+    "@flint.fyi/core": "^0.24.0",
+    "@flint.fyi/typescript-language": "^0.19.0",
+    "@flint.fyi/utils": "^0.15.0"
   },
   "devDependencies": {
     "@types/language-tags": "1.0.4",
     "tsdown": "0.22.3",
     "vitest": "4.1.0",
-    "@flint.fyi/rule-tester": "^0.16.4"
+    "@flint.fyi/rule-tester": "^0.17.0",
+    "@flint.fyi/build": "^0.1.0"
   },
   "engines": {
     "node": ">=24.0.0"

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-import { jsx } from "./plugin.js";
-export { jsx };

package/lib/index.js

@@ -1,2 +0,0 @@
-import { jsx } from "./plugin.js";
-export { jsx };

package/lib/plugin.js

@@ -1,104 +0,0 @@
-import accessKeys_default from "./rules/accessKeys.js";
-import altTexts_default from "./rules/altTexts.js";
-import anchorAmbiguousText_default from "./rules/anchorAmbiguousText.js";
-import anchorContent_default from "./rules/anchorContent.js";
-import anchorValidity_default from "./rules/anchorValidity.js";
-import ariaActiveDescendantTabIndex_default from "./rules/ariaActiveDescendantTabIndex.js";
-import ariaHiddenFocusables_default from "./rules/ariaHiddenFocusables.js";
-import ariaProps_default from "./rules/ariaProps.js";
-import ariaPropTypes_default from "./rules/ariaPropTypes.js";
-import ariaRoleValidity_default from "./rules/ariaRoleValidity.js";
-import ariaUnsupportedElements_default from "./rules/ariaUnsupportedElements.js";
-import autocomplete_default from "./rules/autocomplete.js";
-import autoFocusProps_default from "./rules/autoFocusProps.js";
-import booleanValues_default from "./rules/booleanValues.js";
-import bracedStatements_default from "./rules/bracedStatements.js";
-import buttonTypes_default from "./rules/buttonTypes.js";
-import childrenProps_default from "./rules/childrenProps.js";
-import clickEventKeyEvents_default from "./rules/clickEventKeyEvents.js";
-import commentTextNodes_default from "./rules/commentTextNodes.js";
-import distractingElements_default from "./rules/distractingElements.js";
-import elementChildrenValidity_default from "./rules/elementChildrenValidity.js";
-import headingContents_default from "./rules/headingContents.js";
-import htmlLangs_default from "./rules/htmlLangs.js";
-import iframeTitles_default from "./rules/iframeTitles.js";
-import interactiveElementRoles_default from "./rules/interactiveElementRoles.js";
-import interactiveElementsFocusable_default from "./rules/interactiveElementsFocusable.js";
-import labelAssociatedControls_default from "./rules/labelAssociatedControls.js";
-import langValidity_default from "./rules/langValidity.js";
-import mediaCaptions_default from "./rules/mediaCaptions.js";
-import mouseEventKeyEvents_default from "./rules/mouseEventKeyEvents.js";
-import nonInteractiveElementInteractions_default from "./rules/nonInteractiveElementInteractions.js";
-import nonInteractiveElementRoles_default from "./rules/nonInteractiveElementRoles.js";
-import nonInteractiveElementTabIndexes_default from "./rules/nonInteractiveElementTabIndexes.js";
-import propDuplicates_default from "./rules/propDuplicates.js";
-import roleRedundancies_default from "./rules/roleRedundancies.js";
-import roleRequiredAriaProps_default from "./rules/roleRequiredAriaProps.js";
-import roleSupportedAriaProps_default from "./rules/roleSupportedAriaProps.js";
-import roleTags_default from "./rules/roleTags.js";
-import scopeProps_default from "./rules/scopeProps.js";
-import staticElementInteractions_default from "./rules/staticElementInteractions.js";
-import svgTitles_default from "./rules/svgTitles.js";
-import tabIndexPositiveValues_default from "./rules/tabIndexPositiveValues.js";
-import unescapedEntities_default from "./rules/unescapedEntities.js";
-import unnecessaryFragments_default from "./rules/unnecessaryFragments.js";
-import { createPlugin } from "@flint.fyi/core";
-//#region src/plugin.ts
-const jsFiles = ["**/*.jsx"];
-const tsFiles = ["**/*.tsx"];
-const jsx = createPlugin({
-	files: {
-		all: [...jsFiles, ...tsFiles],
-		javascript: jsFiles,
-		typescript: tsFiles
-	},
-	name: "JSX",
-	rules: [
-		accessKeys_default,
-		altTexts_default,
-		anchorAmbiguousText_default,
-		anchorContent_default,
-		anchorValidity_default,
-		ariaActiveDescendantTabIndex_default,
-		ariaHiddenFocusables_default,
-		ariaProps_default,
-		ariaPropTypes_default,
-		ariaRoleValidity_default,
-		ariaUnsupportedElements_default,
-		autocomplete_default,
-		autoFocusProps_default,
-		booleanValues_default,
-		bracedStatements_default,
-		buttonTypes_default,
-		childrenProps_default,
-		clickEventKeyEvents_default,
-		commentTextNodes_default,
-		distractingElements_default,
-		elementChildrenValidity_default,
-		headingContents_default,
-		htmlLangs_default,
-		iframeTitles_default,
-		interactiveElementRoles_default,
-		interactiveElementsFocusable_default,
-		labelAssociatedControls_default,
-		langValidity_default,
-		mediaCaptions_default,
-		mouseEventKeyEvents_default,
-		nonInteractiveElementInteractions_default,
-		nonInteractiveElementRoles_default,
-		nonInteractiveElementTabIndexes_default,
-		propDuplicates_default,
-		roleRedundancies_default,
-		roleRequiredAriaProps_default,
-		roleSupportedAriaProps_default,
-		roleTags_default,
-		scopeProps_default,
-		staticElementInteractions_default,
-		svgTitles_default,
-		tabIndexPositiveValues_default,
-		unescapedEntities_default,
-		unnecessaryFragments_default
-	]
-});
-//#endregion
-export { jsx };

package/lib/rules/accessKeys.d.ts

@@ -1,9 +0,0 @@
-declare const _default: import("@flint.fyi/core").Rule<{
-    readonly description: "Disallow the use of the `accessKey` / `accesskey` attribute on JSX elements.";
-    readonly id: "accessKeys";
-    readonly presets: readonly ["logical", "logicalStrict"];
-} & {
-    readonly pluginId: string;
-    readonly url: string;
-}, "avoidAccessKey", undefined>;
-export default _default;

package/lib/rules/accessKeys.js

@@ -1,30 +0,0 @@
-import { ruleCreator } from "./ruleCreator.js";
-import { SyntaxKind } from "typescript";
-import { getTSNodeRange, typescriptLanguage } from "@flint.fyi/typescript-language";
-//#region src/rules/accessKeys.ts
-var accessKeys_default = ruleCreator.createRule(typescriptLanguage, {
-	about: {
-		description: "Disallow the use of the `accessKey` / `accesskey` attribute on JSX elements.",
-		id: "accessKeys",
-		presets: ["logical", "logicalStrict"]
-	},
-	messages: { avoidAccessKey: {
-		primary: "The native DOM `{{ attribute }}` prop causes accessibility issues with keyboard-only users and screen readers.",
-		secondary: ["Access keys are inconsistent across browsers and can interfere with assistive technologies.", "Although they may work in limited use cases, it's best to avoid them."],
-		suggestions: ["Remove the attribute and provide a documented, configurable keyboard shortcut instead."]
-	} },
-	setup(context) {
-		return { visitors: { JsxAttribute(node, { sourceFile }) {
-			if (node.name.kind !== SyntaxKind.Identifier) return;
-			const attribute = node.name.text;
-			if (attribute.toLowerCase() !== "accesskey") return;
-			context.report({
-				data: { attribute },
-				message: "avoidAccessKey",
-				range: getTSNodeRange(node.name, sourceFile)
-			});
-		} } };
-	}
-});
-//#endregion
-export { accessKeys_default as default };

package/lib/rules/altTexts.d.ts

@@ -1,9 +0,0 @@
-declare const _default: import("@flint.fyi/core").Rule<{
-    readonly description: "Reports elements that require alt text but are missing it.";
-    readonly id: "altTexts";
-    readonly presets: readonly ["logical", "logicalStrict"];
-} & {
-    readonly pluginId: string;
-    readonly url: string;
-}, "missingAlt", undefined>;
-export default _default;

package/lib/rules/altTexts.js

@@ -1,76 +0,0 @@
-import { ruleCreator } from "./ruleCreator.js";
-import { SyntaxKind } from "typescript";
-import { getTSNodeRange, typescriptLanguage } from "@flint.fyi/typescript-language";
-//#region src/rules/altTexts.ts
-const alternateProperties = /* @__PURE__ */ new Set([
-	"aria-label",
-	"aria-labelledby",
-	"title"
-]);
-var altTexts_default = ruleCreator.createRule(typescriptLanguage, {
-	about: {
-		description: "Reports elements that require alt text but are missing it.",
-		id: "altTexts",
-		presets: ["logical", "logicalStrict"]
-	},
-	messages: { missingAlt: {
-		primary: "{{ element }} element is missing alt text for non-visual users.",
-		secondary: [
-			"Alternative text provides a textual description for images and other media.",
-			"Screen readers use this text to describe the element to users who cannot see it.",
-			"This is required for WCAG 1.1.1 compliance."
-		],
-		suggestions: [
-			"Add an alt attribute with descriptive text",
-			"Use alt=\"\" for decorative images",
-			"Use aria-label or aria-labelledby for alternative labeling"
-		]
-	} },
-	setup(context) {
-		function checkNode(node, { sourceFile }) {
-			const { attributes, tagName } = node;
-			if (tagName.kind !== SyntaxKind.Identifier) return;
-			const elementName = tagName.text.toLowerCase();
-			if (elementName === "img" || elementName === "area") checkAltAttribute(attributes, tagName, elementName, sourceFile);
-			else if (elementName === "input") checkInputElement(attributes, tagName, sourceFile);
-			else if (elementName === "object") checkObjectAccessibility(attributes, tagName, sourceFile);
-		}
-		function checkAltAttribute(attributes, tagName, elementName, sourceFile) {
-			const properties = attributes.properties.find((attr) => attr.kind === SyntaxKind.JsxAttribute && attr.name.kind === SyntaxKind.Identifier && attr.name.text === "alt");
-			if (attributes.properties.some((attr) => attr.kind === SyntaxKind.JsxAttribute && attr.name.kind === SyntaxKind.Identifier && (attr.name.text === "aria-label" || attr.name.text === "aria-labelledby") && attr.initializer)) return;
-			if (!properties) {
-				context.report({
-					data: { element: elementName },
-					message: "missingAlt",
-					range: getTSNodeRange(tagName, sourceFile)
-				});
-				return;
-			}
-			if (properties.kind === SyntaxKind.JsxAttribute && properties.initializer?.kind === SyntaxKind.JsxExpression) {
-				const { expression } = properties.initializer;
-				if (expression?.kind === SyntaxKind.Identifier && expression.text === "undefined") context.report({
-					data: { element: elementName },
-					message: "missingAlt",
-					range: getTSNodeRange(tagName, sourceFile)
-				});
-			}
-		}
-		function checkInputElement(attributes, tagName, sourceFile) {
-			const typeAttribute = attributes.properties.find((properties) => properties.kind === SyntaxKind.JsxAttribute && properties.name.kind === SyntaxKind.Identifier && properties.name.text === "type");
-			if (typeAttribute?.kind === SyntaxKind.JsxAttribute && typeAttribute.initializer?.kind === SyntaxKind.StringLiteral && typeAttribute.initializer.text === "image") checkAltAttribute(attributes, tagName, "input[type='image']", sourceFile);
-		}
-		function checkObjectAccessibility(attributes, tagName, sourceFile) {
-			if (!attributes.properties.some((property) => property.kind === SyntaxKind.JsxAttribute && property.name.kind === SyntaxKind.Identifier && alternateProperties.has(property.name.text) && property.initializer)) context.report({
-				data: { element: "object" },
-				message: "missingAlt",
-				range: getTSNodeRange(tagName, sourceFile)
-			});
-		}
-		return { visitors: {
-			JsxOpeningElement: checkNode,
-			JsxSelfClosingElement: checkNode
-		} };
-	}
-});
-//#endregion
-export { altTexts_default as default };

package/lib/rules/anchorAmbiguousText.d.ts

@@ -1,9 +0,0 @@
-declare const _default: import("@flint.fyi/core").Rule<{
-    readonly description: "Reports anchor elements with ambiguous text that doesn't describe the link destination.";
-    readonly id: "anchorAmbiguousText";
-    readonly presets: readonly ["logical", "logicalStrict"];
-} & {
-    readonly pluginId: string;
-    readonly url: string;
-}, "ambiguousText", undefined>;
-export default _default;

package/lib/rules/anchorAmbiguousText.js

@@ -1,55 +0,0 @@
-import { ruleCreator } from "./ruleCreator.js";
-import { SyntaxKind } from "typescript";
-import { getTSNodeRange, typescriptLanguage } from "@flint.fyi/typescript-language";
-//#region src/rules/anchorAmbiguousText.ts
-const ambiguousWords = /* @__PURE__ */ new Set([
-	"a link",
-	"click here",
-	"here",
-	"learn more",
-	"link",
-	"more",
-	"read more"
-]);
-var anchorAmbiguousText_default = ruleCreator.createRule(typescriptLanguage, {
-	about: {
-		description: "Reports anchor elements with ambiguous text that doesn't describe the link destination.",
-		id: "anchorAmbiguousText",
-		presets: ["logical", "logicalStrict"]
-	},
-	messages: { ambiguousText: {
-		primary: "This anchor element has ambiguous text that doesn't describe the link destination.",
-		secondary: [
-			"Ambiguous text like '{{ text }}' doesn't provide context about where the link goes.",
-			"Screen reader users often navigate by links and need descriptive text to understand the purpose.",
-			"Provide descriptive text that explains what the link does or where it leads."
-		],
-		suggestions: [
-			"Replace vague text with descriptive text that explains the link destination",
-			"Include the page or section name the link leads to",
-			"Describe the action that will occur when clicking the link"
-		]
-	} },
-	setup(context) {
-		function getTextContent(node) {
-			let text = "";
-			for (const child of node.children) if (child.kind === SyntaxKind.JsxText) text += child.text;
-			else if (child.kind === SyntaxKind.JsxElement) text += getTextContent(child);
-			else if (child.kind === SyntaxKind.JsxExpression && child.expression?.kind === SyntaxKind.StringLiteral) text += child.expression.text;
-			return text;
-		}
-		return { visitors: { JsxElement(node, { sourceFile }) {
-			if (node.openingElement.tagName.kind !== SyntaxKind.Identifier || node.openingElement.tagName.text !== "a") return;
-			const textContent = getTextContent(node);
-			if (!ambiguousWords.has(textContent.toLowerCase().trim())) return;
-			const textNodes = node.children.filter((child) => child.kind === SyntaxKind.JsxText && child.text.trim());
-			context.report({
-				data: { text: textContent.trim() },
-				message: "ambiguousText",
-				range: getTSNodeRange(textNodes[0] ?? node.openingElement, sourceFile)
-			});
-		} } };
-	}
-});
-//#endregion
-export { anchorAmbiguousText_default as default };

package/lib/rules/anchorContent.d.ts

@@ -1,9 +0,0 @@
-declare const _default: import("@flint.fyi/core").Rule<{
-    readonly description: "Reports anchor elements without accessible content.";
-    readonly id: "anchorContent";
-    readonly presets: readonly ["logical", "logicalStrict"];
-} & {
-    readonly pluginId: string;
-    readonly url: string;
-}, "missingContent", undefined>;
-export default _default;

package/lib/rules/anchorContent.js

@@ -1,55 +0,0 @@
-import { ruleCreator } from "./ruleCreator.js";
-import { SyntaxKind } from "typescript";
-import { getTSNodeRange, typescriptLanguage } from "@flint.fyi/typescript-language";
-//#region src/rules/anchorContent.ts
-var anchorContent_default = ruleCreator.createRule(typescriptLanguage, {
-	about: {
-		description: "Reports anchor elements without accessible content.",
-		id: "anchorContent",
-		presets: ["logical", "logicalStrict"]
-	},
-	messages: { missingContent: {
-		primary: "This anchor element is missing accessible content.",
-		secondary: [
-			"Non-visual tools such as screen readers and search engine crawlers need content to describe links.",
-			"Provide text content, aria-label, aria-labelledby, or title attribute.",
-			"This is required for WCAG 2.4.4 and 4.1.2 compliance."
-		],
-		suggestions: [
-			"Add text content inside the anchor",
-			"Add an aria-label attribute",
-			"Add a title attribute"
-		]
-	} },
-	setup(context) {
-		function hasAccessibleContent(element) {
-			return element.attributes.properties.some((property) => property.kind === SyntaxKind.JsxAttribute && property.name.kind === SyntaxKind.Identifier && (property.name.text === "aria-label" || property.name.text === "aria-labelledby" || property.name.text === "title") && property.initializer);
-		}
-		function hasTextContent(element) {
-			return element.children.some((child) => {
-				if (child.kind === SyntaxKind.JsxText && child.text.trim()) return true;
-				if (child.kind === SyntaxKind.JsxElement || child.kind === SyntaxKind.JsxSelfClosingElement) {
-					if (!(child.kind === SyntaxKind.JsxElement ? child.openingElement : child).attributes.properties.some((attr) => attr.kind === SyntaxKind.JsxAttribute && attr.name.kind === SyntaxKind.Identifier && attr.name.text === "aria-hidden")) return true;
-				}
-				if (child.kind === SyntaxKind.JsxExpression && child.expression) return true;
-			});
-		}
-		return { visitors: {
-			JsxElement(node, { sourceFile }) {
-				const openingElement = node.openingElement;
-				if (openingElement.tagName.kind === SyntaxKind.Identifier && openingElement.tagName.text === "a" && !hasAccessibleContent(openingElement) && !hasTextContent(node)) context.report({
-					message: "missingContent",
-					range: getTSNodeRange(openingElement, sourceFile)
-				});
-			},
-			JsxSelfClosingElement(node, { sourceFile }) {
-				if (node.tagName.kind === SyntaxKind.Identifier && node.tagName.text === "a" && !hasAccessibleContent(node)) context.report({
-					message: "missingContent",
-					range: getTSNodeRange(node, sourceFile)
-				});
-			}
-		} };
-	}
-});
-//#endregion
-export { anchorContent_default as default };

package/lib/rules/anchorValidity.d.ts

@@ -1,9 +0,0 @@
-declare const _default: import("@flint.fyi/core").Rule<{
-    readonly description: "Reports invalid usage of anchor elements.";
-    readonly id: "anchorValidity";
-    readonly presets: readonly ["logical", "logicalStrict"];
-} & {
-    readonly pluginId: string;
-    readonly url: string;
-}, "invalidHref" | "missingHref" | "shouldBeButton", undefined>;
-export default _default;

package/lib/rules/anchorValidity.js

@@ -1,77 +0,0 @@
-import { ruleCreator } from "./ruleCreator.js";
-import { SyntaxKind } from "typescript";
-import { getTSNodeRange, typescriptLanguage } from "@flint.fyi/typescript-language";
-//#region src/rules/anchorValidity.ts
-var anchorValidity_default = ruleCreator.createRule(typescriptLanguage, {
-	about: {
-		description: "Reports invalid usage of anchor elements.",
-		id: "anchorValidity",
-		presets: ["logical", "logicalStrict"]
-	},
-	messages: {
-		invalidHref: {
-			primary: "Anchor has an invalid href value '{{ href }}'.",
-			secondary: [
-				"Anchors should navigate to valid URLs or page sections.",
-				"Use a button element for click handlers without navigation.",
-				"This is required for WCAG 2.4.4 compliance."
-			],
-			suggestions: ["Use a valid URL or fragment identifier", "Use a <button> element instead"]
-		},
-		missingHref: {
-			primary: "Anchor element is missing an href attribute.",
-			secondary: [
-				"Anchors without href are not keyboard accessible.",
-				"Use a button element for actions without navigation.",
-				"This is required for WCAG 4.1.2 compliance."
-			],
-			suggestions: ["Add a valid href attribute", "Use a <button> element instead"]
-		},
-		shouldBeButton: {
-			primary: "Anchor with onClick handler should be a button.",
-			secondary: [
-				"Interactive elements without valid href should use button elements.",
-				"Buttons provide better semantics and keyboard accessibility.",
-				"This is required for WCAG 4.1.2 compliance."
-			],
-			suggestions: ["Replace <a> with <button>"]
-		}
-	},
-	setup(context) {
-		function getHrefValue(attributes) {
-			const hrefProperty = attributes.properties.find((property) => property.kind === SyntaxKind.JsxAttribute && property.name.kind === SyntaxKind.Identifier && property.name.text === "href");
-			if (hrefProperty?.kind !== SyntaxKind.JsxAttribute) return;
-			if (hrefProperty.initializer?.kind === SyntaxKind.StringLiteral) return hrefProperty.initializer.text;
-			return "";
-		}
-		function hasOnClick(attributes) {
-			return attributes.properties.some((property) => property.kind === SyntaxKind.JsxAttribute && property.name.kind === SyntaxKind.Identifier && property.name.text === "onClick");
-		}
-		function isInvalidHref(href) {
-			return href === "#" || href.startsWith("javascript:");
-		}
-		function checkAnchor(node, { sourceFile }) {
-			if (node.tagName.kind !== SyntaxKind.Identifier || node.tagName.text !== "a") return;
-			const href = getHrefValue(node.attributes);
-			const hasClick = hasOnClick(node.attributes);
-			if (href === void 0) {
-				context.report({
-					message: hasClick ? "shouldBeButton" : "missingHref",
-					range: getTSNodeRange(node, sourceFile)
-				});
-				return;
-			}
-			if (typeof href === "string" && isInvalidHref(href)) context.report({
-				data: { href },
-				message: hasClick ? "shouldBeButton" : "invalidHref",
-				range: getTSNodeRange(node, sourceFile)
-			});
-		}
-		return { visitors: {
-			JsxOpeningElement: checkAnchor,
-			JsxSelfClosingElement: checkAnchor
-		} };
-	}
-});
-//#endregion
-export { anchorValidity_default as default };

package/lib/rules/ariaActiveDescendantTabIndex.d.ts

@@ -1,9 +0,0 @@
-declare const _default: import("@flint.fyi/core").Rule<{
-    readonly description: "Reports elements with aria-activedescendant without tabIndex.";
-    readonly id: "ariaActiveDescendantTabIndex";
-    readonly presets: readonly ["logical", "logicalStrict"];
-} & {
-    readonly pluginId: string;
-    readonly url: string;
-}, "missingTabIndex", undefined>;
-export default _default;

package/lib/rules/ariaActiveDescendantTabIndex.js

@@ -1,51 +0,0 @@
-import { ruleCreator } from "./ruleCreator.js";
-import { SyntaxKind } from "typescript";
-import { getTSNodeRange, typescriptLanguage } from "@flint.fyi/typescript-language";
-//#region src/rules/ariaActiveDescendantTabIndex.ts
-const inherentlyTabbableElements = /* @__PURE__ */ new Set([
-	"a",
-	"area",
-	"button",
-	"input",
-	"select",
-	"textarea"
-]);
-var ariaActiveDescendantTabIndex_default = ruleCreator.createRule(typescriptLanguage, {
-	about: {
-		description: "Reports elements with aria-activedescendant without tabIndex.",
-		id: "ariaActiveDescendantTabIndex",
-		presets: ["logical", "logicalStrict"]
-	},
-	messages: { missingTabIndex: {
-		primary: "This element with `aria-activedescendant` is missing a `tabIndex` attribute to manage focus state.",
-		secondary: [
-			"aria-activedescendant is used to manage focus within a composite widget.",
-			"The element must be tabbable, either with an inherent tabIndex or explicit tabIndex attribute.",
-			"Without it, keyboard users cannot reach the element."
-		],
-		suggestions: ["Add tabIndex=\"0\" to make the element tabbable", "Add tabIndex=\"-1\" to make it programmatically focusable"]
-	} },
-	setup(context) {
-		function checkElement({ attributes, tagName }, { sourceFile }) {
-			if (tagName.kind === SyntaxKind.Identifier) {
-				const firstCharacter = tagName.text.charAt(0);
-				if (firstCharacter === firstCharacter.toUpperCase() && firstCharacter !== firstCharacter.toLowerCase()) return;
-			}
-			if (!attributes.properties.some((property) => property.kind === SyntaxKind.JsxAttribute && property.name.kind === SyntaxKind.Identifier && property.name.text === "aria-activedescendant" && property.initializer)) return;
-			if (tagName.kind === SyntaxKind.Identifier && inherentlyTabbableElements.has(tagName.text.toLowerCase())) return;
-			if (!attributes.properties.some((property) => property.kind === SyntaxKind.JsxAttribute && property.name.kind === SyntaxKind.Identifier && property.name.text.toLowerCase() === "tabindex")) {
-				const ariaProperty = attributes.properties.find((property) => property.kind === SyntaxKind.JsxAttribute && property.name.kind === SyntaxKind.Identifier && property.name.text === "aria-activedescendant");
-				if (ariaProperty?.kind === SyntaxKind.JsxAttribute) context.report({
-					message: "missingTabIndex",
-					range: getTSNodeRange(ariaProperty, sourceFile)
-				});
-			}
-		}
-		return { visitors: {
-			JsxOpeningElement: checkElement,
-			JsxSelfClosingElement: checkElement
-		} };
-	}
-});
-//#endregion
-export { ariaActiveDescendantTabIndex_default as default };

package/lib/rules/ariaHiddenFocusables.d.ts

@@ -1,9 +0,0 @@
-declare const _default: import("@flint.fyi/core").Rule<{
-    readonly description: "Reports elements with aria-hidden='true' that are focusable.";
-    readonly id: "ariaHiddenFocusables";
-    readonly presets: readonly ["logical", "logicalStrict"];
-} & {
-    readonly pluginId: string;
-    readonly url: string;
-}, "ariaHiddenFocusable", undefined>;
-export default _default;

package/lib/rules/ariaHiddenFocusables.js

@@ -1,66 +0,0 @@
-import { ruleCreator } from "./ruleCreator.js";
-import { SyntaxKind } from "typescript";
-import { getTSNodeRange, typescriptLanguage } from "@flint.fyi/typescript-language";
-//#region src/rules/ariaHiddenFocusables.ts
-const focusableElements = /* @__PURE__ */ new Set([
-	"a",
-	"audio",
-	"button",
-	"input",
-	"select",
-	"textarea",
-	"video"
-]);
-var ariaHiddenFocusables_default = ruleCreator.createRule(typescriptLanguage, {
-	about: {
-		description: "Reports elements with aria-hidden='true' that are focusable.",
-		id: "ariaHiddenFocusables",
-		presets: ["logical", "logicalStrict"]
-	},
-	messages: { ariaHiddenFocusable: {
-		primary: "This element has `aria-hidden=\"true\"` but is focusable, which is misleading to users navigating with keyboards.",
-		secondary: ["Elements with aria-hidden='true' should not be reachable via keyboard navigation.", "This creates confusion when users can focus elements they cannot perceive with a screen reader."],
-		suggestions: [
-			"Remove aria-hidden=\"true\"",
-			"Add tabIndex=\"-1\" to remove from focus order",
-			"Use a non-focusable element"
-		]
-	} },
-	setup(context) {
-		function checkElement(node, { sourceFile }) {
-			const { attributes, tagName } = node;
-			if (tagName.kind !== SyntaxKind.Identifier) return;
-			const ariaHiddenProperty = attributes.properties.find((property) => property.kind === SyntaxKind.JsxAttribute && property.name.kind === SyntaxKind.Identifier && property.name.text.toLowerCase() === "aria-hidden");
-			if (ariaHiddenProperty?.kind !== SyntaxKind.JsxAttribute || !isAriaHiddenTrue(ariaHiddenProperty)) return;
-			const tabIndexValue = findTabIndexValue(node);
-			if (tabIndexValue === -1) return;
-			if (focusableElements.has(tagName.text.toLowerCase()) || tabIndexValue !== void 0 && tabIndexValue >= 0) context.report({
-				message: "ariaHiddenFocusable",
-				range: getTSNodeRange(ariaHiddenProperty, sourceFile)
-			});
-		}
-		return { visitors: {
-			JsxOpeningElement: checkElement,
-			JsxSelfClosingElement: checkElement
-		} };
-	}
-});
-function findTabIndexValue(node) {
-	const tabIndexProperty = node.attributes.properties.find((property) => property.kind === SyntaxKind.JsxAttribute && property.name.kind === SyntaxKind.Identifier && property.name.text.toLowerCase() === "tabindex");
-	if (!tabIndexProperty?.initializer) return;
-	if (tabIndexProperty.initializer.kind === SyntaxKind.JsxExpression) {
-		const expression = tabIndexProperty.initializer.expression;
-		if (expression?.kind === SyntaxKind.NumericLiteral) return Number(expression.text);
-	}
-	if (tabIndexProperty.initializer.kind === SyntaxKind.StringLiteral) return Number(tabIndexProperty.initializer.text);
-}
-function isAriaHiddenTrue(ariaHiddenProperty) {
-	if (!ariaHiddenProperty.initializer) return false;
-	if (ariaHiddenProperty.initializer.kind === SyntaxKind.StringLiteral) return ariaHiddenProperty.initializer.text === "true";
-	if (ariaHiddenProperty.initializer.kind === SyntaxKind.JsxExpression) {
-		if (ariaHiddenProperty.initializer.expression?.kind === SyntaxKind.TrueKeyword) return true;
-	}
-	return false;
-}
-//#endregion
-export { ariaHiddenFocusables_default as default };

package/lib/rules/ariaPropTypes.d.ts

@@ -1,9 +0,0 @@
-declare const _default: import("@flint.fyi/core").Rule<{
-    readonly description: "Reports ARIA properties with invalid value types.";
-    readonly id: "ariaPropTypes";
-    readonly presets: readonly ["logical", "logicalStrict"];
-} & {
-    readonly pluginId: string;
-    readonly url: string;
-}, "invalidPropType", undefined>;
-export default _default;