# `nfsc-ds`

NFSC design system package.

## Installation

```bash
npm install nfsc-ds
```

## Usage

Import presentational components from the root entry:

```tsx
import { Typography, Button, Card } from "nfsc-ds";
```

Import toast APIs from the dedicated client entry:

```tsx
"use client";

import { ToastProvider, useToast } from "nfsc-ds/toast";
```

Global styles:

```ts
import "nfsc-ds/dist/globals.css";
```

## Migration (from root toast imports)

If your app currently imports toast from the root entry:

```tsx
import { ToastProvider, useToast } from "nfsc-ds";
```

Change it to:

```tsx
import { ToastProvider, useToast } from "nfsc-ds/toast";
```

No other API changes are required for presentational components.