Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
This report summarizes scanner evidence for radix-ui/primitives, a TypeScript project with 19,457 GitHub stars. SynthScan examined 104,474 lines of code across 683 source files, recording 74 pattern matches distributed across 3 syntactic categories. The legacy adjusted pattern signal is 0.7 (Low pattern signal); it is not an authorship estimate.
Use the findings to ask whether maintainers can explain intent, verify dependencies, simplify unnecessary scaffolding, and focus review effort. Risk Payload v1 adds ownership, supply-chain, over-engineering, and review-effort vectors when available. These are prompts for human verification, not probabilities, security findings, or measured maintenance costs.
Use each vector to guide manual verification of the underlying findings.
Payload schema: 1.0.0 · Engine: 2.0.0 · Scoring: heuristic-density-v1 · Scan date: 2026-10-31.
Can maintainers explain intent, assumptions, and trade-offs? 43 finding(s).
Are imports declared and package/API names verified? 31 finding(s).
Are wrappers, guards, and repeated structures necessary? 38 finding(s).
Which changes need focused human review? 74 finding(s).
This chart tracks the legacy adjusted pattern score across scan runs. Changes can reflect source changes, scan coverage, or detector/scoring versions; they do not measure AI adoption or prove that a team refactored code. Compare runs only when their scoring versions are compatible. The dashed line tracks the raw pattern-hit count.
Groups findings by configured severity weight. Severity is not a confidence estimate, security rating, or proof that a package is missing. Verify imports against the project's manifests and inspect each finding in its local design context.
This horizontal bar chart shows where configured pattern scores accumulate across directories. Treat the bars as locations to inspect, not as evidence of authorship or code quality. Use the file-level findings to decide whether a directory needs a focused ownership, dependency, complexity, or review check.
The scanner identified 74 distinct pattern matches across 3 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a detector match to inspect in context. Expand any category row to inspect the individual file paths, line numbers, code snippets, and the lexical context (CODE, COMMENT, or STRING) in which each match was detected.
Reading the findings table: The Severity column indicates the configured finding weight (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — legacy comment-context matches receive a ×1.5 score weight. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier under the legacy scoring model.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | internal/builder/builder.js | 117 | async function stripLeakedReactModuleAugmentations(distDirectoryPath) { | CODE |
| LOW | internal/builder/builder.js | 136 | async function stripReactModuleAugmentationsFromDeclarationFile(declarationFilePath) { | CODE |
| LOW | internal/builder/builder.js | 155 | function removeReactModuleAugmentations(declarationContents) { | CODE |
| LOW | internal/builder/builder.js | 216 | function getMatchingClosingBraceIndex(content, openingBraceIndex) { | CODE |
| LOW | packages/react/popper/src/popper.tsx | 475 | function getSideAndAlignFromPlacement(placement: Placement) { | CODE |
| LOW | packages/react/form/src/form.tsx | 705 | function isAsyncCustomMatcherEntry( | CODE |
| LOW | packages/react/announce/src/announce.tsx | 148 | function updateAttributesOnVisibilityChange() { | CODE |
| LOW | packages/react/announce/src/announce.tsx | 236 | function getLiveRegionPartDataAttr(id?: string) { | CODE |
| LOW | packages/react/navigation-menu/src/navigation-menu.tsx | 754 | >(function NavigationMenuIndicatorImpl( | CODE |
| LOW | packages/react/navigation-menu/src/navigation-menu.tsx | 942 | >(function NavigationMenuContentImpl( | CODE |
| LOW | packages/react/navigation-menu/src/navigation-menu.tsx | 1124 | >(function NavigationMenuViewportImpl( | CODE |
| LOW | packages/react/accordion/src/accordion.test.tsx | 615 | function ControlledSingleAccordion({ | CODE |
| LOW | …ne-time-password-field/src/one-time-password-field.tsx | 539 | >(function OneTimePasswordFieldHiddenInput( | CODE |
| LOW | …ne-time-password-field/src/one-time-password-field.tsx | 598 | >(function OneTimePasswordFieldInput( | CODE |
| LOW | packages/react/toast/src/toast.tsx | 923 | function handleAndDispatchCustomEvent< | CODE |
| LOW | packages/react/dropdown-menu/src/dropdown-menu.tsx | 347 | >(function DropdownMenuItemIndicator( | CODE |
| LOW | packages/react/dialog/src/dialog.test.tsx | 578 | async function waitForDocumentPointerDownListener() { | CODE |
| LOW | packages/react/dialog/src/dialog.test.tsx | 651 | async function waitForDocumentPointerDownListener() { | CODE |
| LOW | …react/dismissable-layer/src/dismissable-layer.test.tsx | 7 | async function waitForDocumentPointerDownListener() { | CODE |
| LOW | …react/dismissable-layer/src/dismissable-layer.test.tsx | 28 | function dispatchComposedPointerDown(target: Element) { | CODE |
| LOW | …ages/react/dismissable-layer/src/dismissable-layer.tsx | 301 | function useDismissableLayerSurface(): React.RefCallback<DismissableLayerBranchElement> { | CODE |
| LOW | …ages/react/dismissable-layer/src/dismissable-layer.tsx | 364 | function isOutsideInteractionIntercepted() { | CODE |
| LOW | …ages/react/dismissable-layer/src/dismissable-layer.tsx | 413 | function handleAndDispatchPointerDownOutsideEvent() { | CODE |
| LOW | …ages/react/dismissable-layer/src/dismissable-layer.tsx | 413 | function handleAndDispatchPointerDownOutsideEvent() { | CODE |
| LOW | …ages/react/dismissable-layer/src/dismissable-layer.tsx | 579 | function handleAndDispatchCustomEvent<E extends CustomEvent, OriginalEvent extends Event>( | CODE |
| LOW | packages/react/scroll-area/src/scroll-area.tsx | 414 | >(function ScrollAreaScrollbarScroll( | CODE |
| LOW | packages/react/scroll-area/src/scroll-area.tsx | 529 | >(function ScrollAreaScrollbarVisible( | CODE |
| LOW | packages/react/scroll-area/src/scroll-area.tsx | 1070 | function getScrollPositionFromPointer( | CODE |
| LOW | packages/react/scroll-area/src/scroll-area.tsx | 1109 | function isScrollingWithinScrollbarBounds(scrollPos: number, maxScrollPos: number) { | CODE |
| LOW | packages/react/radio-group/src/radio-group.tsx | 299 | >(function RadioGroupItemBubbleInput( | CODE |
| LOW | packages/react/select/src/select.tsx | 988 | >(function SelectItemAlignedPosition( | CODE |
| LOW | …ct/password-toggle-field/src/password-toggle-field.tsx | 248 | function PasswordToggleFieldToggle( | CODE |
| LOW | packages/react/focus-scope/src/focus-scope.tsx | 292 | function useFocusScopeBranchRegistry() { | CODE |
| LOW | e2e/form.spec.ts | 10 | async function checkControlMessageAssociation(control: Locator, message: Locator) { | CODE |
| LOW | e2e/menubar.spec.ts | 114 | async function shouldSupportArrowKeyNavigation(page: Page, dir: 'ltr' | 'rtl') { | CODE |
| LOW | e2e/dialog.spec.ts | 15 | async function shouldNotAllowOutsideInteraction(page: Page, action: 'realClick' | 'realTouch') { | CODE |
| LOW | e2e/dialog.spec.ts | 27 | async function shouldAllowOutsideInteraction(page: Page, action: 'realClick' | 'realTouch') { | CODE |
| LOW | apps/storybook/stories/dropdown-menu.stories.tsx | 636 | function handleNonModalDialogClose(event: Event) { | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | …ne-time-password-field/src/one-time-password-field.tsx | 580 | | 'placeholder' | CODE |
| LOW | packages/react/select/src/select.tsx | 449 | interface SelectValueProps extends Omit<PrimitiveSpanProps, 'placeholder'> { | CODE |
| LOW | packages/react/select/src/select.tsx | 477 | <React.Fragment key={showPlaceholder ? 'placeholder' : 'value'}> | CODE |
| LOW | apps/storybook/stories/hover-card.stories.tsx | 132 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer feugiat mattis malesuada. | CODE |
| LOW | apps/storybook/stories/hover-card.stories.tsx | 132 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer feugiat mattis malesuada. | CODE |
| LOW | apps/storybook/stories/popover.stories.tsx | 112 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora | CODE |
| LOW | apps/storybook/stories/popover.stories.tsx | 112 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora | CODE |
| LOW | apps/storybook/stories/popover.stories.tsx | 128 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora | CODE |
| LOW | apps/storybook/stories/popover.stories.tsx | 128 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora | CODE |
| LOW | apps/storybook/stories/dialog.stories.tsx | 43 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora de | CODE |
| LOW | apps/storybook/stories/dialog.stories.tsx | 43 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora de | CODE |
| LOW | apps/storybook/stories/navigation-menu.stories.tsx | 447 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus odio, vestibulum | CODE |
| LOW | apps/storybook/stories/navigation-menu.stories.tsx | 447 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus odio, vestibulum | CODE |
| LOW | apps/storybook/stories/dropdown-menu.stories.tsx | 115 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora | CODE |
| LOW | apps/storybook/stories/dropdown-menu.stories.tsx | 115 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora | CODE |
| LOW | apps/storybook/stories/dropdown-menu.stories.tsx | 183 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora | CODE |
| LOW | apps/storybook/stories/dropdown-menu.stories.tsx | 183 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora | CODE |
| LOW | apps/storybook/stories/portal.stories.tsx | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos porro, est ex quia itaque facere | CODE |
| LOW | apps/storybook/stories/portal.stories.tsx | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos porro, est ex quia itaque facere | CODE |
| LOW | apps/storybook/stories/scroll-area.stories.tsx | 392 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | CODE |
| LOW | apps/storybook/stories/scroll-area.stories.tsx | 392 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | CODE |
| LOW | apps/storybook/stories/scroll-area.stories.tsx | 446 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet eros iaculis, bibendum | CODE |
| LOW | apps/storybook/stories/scroll-area.stories.tsx | 446 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet eros iaculis, bibendum | CODE |
| LOW | apps/storybook/stories/tooltip.stories.tsx | 286 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Harum, quae qui. Magnam | CODE |
| LOW | apps/storybook/stories/tooltip.stories.tsx | 286 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Harum, quae qui. Magnam | CODE |
| LOW | apps/storybook/stories/context-menu.stories.tsx | 196 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora de | CODE |
| LOW | apps/storybook/stories/context-menu.stories.tsx | 196 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora de | CODE |
| LOW | apps/storybook/stories/context-menu.stories.tsx | 288 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora de | CODE |
| LOW | apps/storybook/stories/context-menu.stories.tsx | 288 | defaultValue="Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nobis at ipsa, nihil tempora de | CODE |
| LOW | apps/ssr-testing/app/portal/page.tsx | 19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos porro, est ex quia itaque | CODE |
| LOW | apps/ssr-testing/app/portal/page.tsx | 19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos porro, est ex quia itaque | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | packages/react/announce/src/announce.tsx | 141 | // In some screen reader/browser combinations, alerts coming from an inactive browser tab may be | COMMENT |
| LOW | packages/react/checkbox/src/checkbox.tsx | 341 | // When the checked change is not driven by a user interaction (e.g. a | COMMENT |
| LOW | packages/react/presence/src/presence.tsx | 121 | // With React 18 concurrency this update is applied a frame after the | COMMENT |
| LOW | packages/react/radio-group/src/radio.tsx | 281 | const controlSize = useSize(control); | COMMENT |
| LOW | packages/react/focus-scope/src/focus-scope.tsx | 121 | // 2. In Google Chrome, when the focused element is removed from the | COMMENT |