open-index/open-npm huggingface dataset:
npm package: @inversestudio/components
Description: IDS React component library — source TSX + CSS Modules
Latest version: 0.6.111

# @inversestudio/components

IDS React component library — source TSX + CSS Modules.

## Install

```bash
npm install @inversestudio/components @inversestudio/design-tokens react
```

## Usage

Import the design tokens CSS in your app entry point:

```ts
import '@inversestudio/design-tokens/css';
```

Then import components:

```tsx
import { IdsTextButton } from '@inversestudio/components';
// or tree-shakeable subpath import:
import { IdsTextButton } from '@inversestudio/components/IdsTextButton';
```

### Icons

```tsx
import { Icon } from '@inversestudio/components/icons';

<Icon name="Search" size={24} />
```

## Components

- `IdsIconButton`
- `IdsList`
- `IdsListItem`
- `IdsModal`
- `IdsSimpleCard`
- `IdsSwitch`
- `IdsTabBar`
- `IdsTextButton`

## CSS Modules

Components use CSS Modules (`.module.css`). Your bundler (Vite, Next.js, webpack) must
support CSS Modules. Design tokens are consumed via CSS custom properties provided by
`@inversestudio/design-tokens`.

## AI Manifest

A machine-readable component catalog is available at:

```ts
import manifest from '@inversestudio/components/manifest.json';
```