// Better Design — design-system guardrail (flat ESLint config fragment). // Flags raw HTML primitives in feature code when the installed DS ships an // equivalent in components/ui/*, plus the uppercase micro-label tell. // Wire it into eslint.config.mjs: // // import dsGuardrail from "./.better-design/eslint-design-system.mjs"; // better-design-guardrail // export default [ ...dsGuardrail, /* ...your config */ ]; // // Scoped to app/** and components/** but NOT components/ui/** (the DS itself). // Bump "warn" -> "error" to fail lint/CI on violations. const banned = [ { selector: "JSXOpeningElement[name.name='aside']:has(JSXAttribute[name.name='aria-label'][value.value='Primary navigation'])", message: "Use from @/components/ui/sidebar instead of a raw primary-navigation

." }, { selector: "JSXOpeningElement[name.name='aside']:has(JSXAttribute[name.name='aria-label'][value.value='Main navigation'])", message: "Use from @/components/ui/sidebar instead of a raw main-navigation

." }, { selector: "JSXOpeningElement[name.name='button']", message: "Use