📄 CodeRabbit inference engine (AGENTS.md)

**/*.{ts,tsx}: Use TypeScript and React; prefer functional components and Hooks over class components
Component names must use PascalCase; prop names use camelCase
Prefer early returns to improve readability
Use React.memo, useMemo, and useCallback appropriately for performance optimization
All components and functions must have accurate type definitions; avoid any; prefer interfaces over type aliases for object shapes
Export all public interface types for consumer usage
Component props must be defined using interface named ComponentNameProps; define state via a dedicated interface (e.g., ComponentNameState)
Define ref types explicitly; use React.ForwardRefRenderFunction for components with refs
Define callback function parameter and return types explicitly
Use generics appropriately; use intersection types (&); prefer literal union types for finite options; avoid enum in favor of unions and as const; rely on inference; use assertions only when necessary
Support SSR and React 16–19 compatibility in component code
Support RTL and dark mode; prefer CSS logical properties (e.g., margin-inline-start) over directional ones
Use CSS transitions for simple animations and rc-motion for complex ones; respect prefers-reduced-motion; keep durations/easings consistent
Ensure accessibility styling: visible focus, sufficient color contrast, avoid color-only cues, avoid flashing animations, support 200% zoom
Components should expose a ref with shape { nativeElement: HTMLElement; focus: VoidFunction; ... }
Avoid introducing new dependencies; keep bundle size controlled; support tree-shaking
Avoid deprecated APIs; update to recommended APIs
Pass all ESLint and TypeScript checks with zero type errors or warnings; use TypeScript strict mode

**/*.{ts,tsx}: Do not use the any type; define precise types instead
Use interface (not type aliases) for object structures
Export all public interface types
Prefer union types over enums; use as const for constants
Use early returns to i...

Files:

• components/table/__tests__/Table.test.tsx

📄 CodeRabbit inference engine (AGENTS.md)

**/__tests__/**/*.test.{ts,tsx}: Place unit tests in tests with filenames ending in .test.tsx or .test.ts; use Jest and React Testing Library; include snapshot tests for UI components
Achieve 100% test coverage for tests

Files:

• components/table/__tests__/Table.test.tsx

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

components/*/**/*.{ts,tsx}: Name component props interfaces as ComponentNameProps
Never hardcode colors, sizes, or spacing values

Files:

• components/table/__tests__/Table.test.tsx

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

**/__tests__/**/*.test.tsx: Write tests using Jest and React Testing Library
Place tests in __tests__ directories as index.test.tsx or componentName.test.tsx
Include snapshot tests for UI components

Files:

• components/table/__tests__/Table.test.tsx

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

Place each component under components/[component-name]/

Files:

• components/table/__tests__/Table.test.tsx