# @hm-design/center-graphic

React 19 CENTER graphics. Published entrypoints contain ESM JavaScript, TypeScript declarations, component CSS and embedded SVG assets.

```tsx
import { CenterTitle, TunnelFacility } from "@hm-design/center-graphic"
import { CenterTitleReferenceDemo } from "@hm-design/center-graphic/reference"
```

Both JavaScript entrypoints automatically import the component stylesheet. Use a bundler that handles CSS imports. The stylesheet is also available explicitly as `@hm-design/center-graphic/style.css`.

Vite processes SVG imports and `import.meta.glob` during the repository build. Published JavaScript and declarations do not require Vite or `vite/client`. React and React DOM are peers and are not bundled. This package does not depend on `@hm-design/ui`.

From the HMDesignSystem repository, run `npm run build -w @hm-design/center-graphic`. `npm pack` runs this build automatically. Only `dist/`, this README and the package manifest are packed; raw source assets and Storybook files are excluded.