@nomiedge/icons

The Nomiedge Focus Line icon set — 12 tree-shakeable, RSC-safe React components.

Usage

import { ArrowRight, Icon } from "@nomiedge/icons";

<ArrowRight />
<ArrowRight size={16} className="text-accent-9" />
<ArrowRight title="Continue" />
<Icon name="external-link" title="Opens in a new tab" />

Adding an icon

1. Draw the source at src/svg/<kebab-name>.svg: viewBox 0 0 24 24, live area within a 2px margin, stroke="currentColor" stroke-width="1.5" fill="none" (or fill="currentColor" only if a filled treatment is unavoidable — none of the current 12 need it).
2. Run pnpm build:icons — regenerates src/icons/<kebab-name>.tsx and src/types.ts. Never hand-edit files under src/icons/.
3. Add the new icon to src/index.tsx by hand: import the generated component, add it to the export {…} list, and add it to the ICONS record. Codegen does not touch this file — skipping this step leaves the icon ungenerated-but-unreachable, and ICONS: Record<IconName, …> will fail pnpm typecheck until it's added, which is exactly what catches a missed step.
4. Run pnpm validate — fails on a disallowed color, wrong viewBox, or an orphaned source/output.
5. Run pnpm test — add the new name to icons.test.ts's ALL_NAMES list.