open-index/open-npm huggingface dataset:
npm package: @iguanads/biome-config
Description: Iguana Design System Biome configuration - by Bento.
Latest version: 1.1.1

# Iguana DS Bento - Biome Config

Shared Biome 2.x configuration for Iguana Design System projects, with Tailwind CSS v4 utility class sorting support.

## Installation

```bash
pnpm add -D @biomejs/biome @iguanads/biome-config
```

## Usage

Create a `biome.json` file in the project root:

```json
{
  "extends": ["@iguanads/biome-config/react.json"]
}
```

## Available configurations

### `react.json`

Configuration for React projects with Tailwind CSS v4 support:

**Formatter**

- Indent style: spaces (2)
- Line width: 80
- Line ending: LF

**JavaScript**

- Single quotes, JSX with double quotes
- No semicolons (`asNeeded`)
- Trailing commas: ES5
- Arrow parentheses: always

**CSS**

- Formatting and linting enabled
- Same indent/line width as JavaScript

**Linter**

- Recommended rules enabled
- `noUnusedVariables`: error
- `noUnusedImports`: error
- `useConst`: error
- `noNonNullAssertion`: off
- Accessibility: `useAltText` (warn)

**Tailwind CSS v4**

- `useSortedClasses`: automatically sorts Tailwind utility classes (like `prettier-plugin-tailwindcss`)
- Recognizes classes inside `cn()`, `clsx()`, `cva()`, and `twMerge()` calls

**Assist**

- `organizeImports`: automatic import sorting (replaces the v1 `organizeImports` top-level config)