npm package: @prashant0707/prism-ui-react
Description: Production-ready headless React components with zero visual opinions and exceptional accessibility
Author: Prism UI Team
Latest version: 1.0.1

# @prism-ui/react

> Production-ready headless React components with zero visual opinions and exceptional accessibility

[![npm version](https://img.shields.io/npm/v/@prism-ui/react.svg)](https://www.npmjs.com/package/@prism-ui/react)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

## Features

- 🎨 **Completely Unstyled** — Ship your own CSS, Tailwind, CSS-in-JS, or any styling solution
- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes and keyboard navigation
- 📦 **Lightweight** — ~17KB ESM, tree-shakeable
- 🔧 **Headless** — Full control over markup and styling
- 💪 **TypeScript** — Fully typed for excellent DX
- 🧪 **Tested** — Comprehensive test coverage

## Installation

### npm / pnpm / yarn

\`\`\`bash
npm install @prism-ui/react
# or
pnpm add @prism-ui/react
# or
yarn add @prism-ui/react
\`\`\`

**Peer Dependen# @prism-ui/react

> Production-ready headless React components with zero visual opinioSc
> Production-rewit
[![npm version](https://img.shields.io/npm/v/@prism-ui/react.svg)](https://www.npmjs.com/package/@m U[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

## Fecr
## Features

- 🎨 **Completely Unstyled** — Ship your own CSS, Tailwind, CSS-in-JS, or any styling rc=
- 🎨 **npk- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes and keyboard navigatio"h- 📦 **Lightweight** — ~17KB ESM, tree-shakeable
- 🔧 **Headless** — Full control over maut- 🔧 **Headless** — Full control over markup an
 - 💪 **TypeScript** — Fully typed for excellent DX
- ?'- 🧪 **Tested** — Comprehensive test coverage

##en
## Installation

### npm / pnpm / yarn

\`\`\`bRea
### npm / pnpnt(
\`\`\`bash
npm instellnpm instaI'# or
pnpm add @prism-ui/remepnpCa# or
yarn add @prism-ui Ryart.\`\`\`

**Peer Dependen 

**Pe   
> Production-ready headless Re   > Production-rewit
[![npm version](https://img.shields.io/npm/v/@pris  [![npm version](h )
## Fecr
## Features

- 🎨 **Completely Unstyled** — Ship your own CSS, Tailwind, CSS-in-JS, or any styling rc=
- 🎨 **npk- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes anetu## Fea  
- 🎨 **a-v- 🎨 **npk- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes and krd- 🔧 **Headless** — Full control over maut- 🔧 **Headless** — Full control over markup an
 - 💪 **TypeScript** — Fully typed for excellent DX
- ?'- to - 💪 **TypeScript** — Fully typed for excellent DX
- ?'- 🧪 **Tested** — Comprehensiv  - ?'- 🧪 **Tested** — Comprehensive test coveragus
##en
## Installation

### npm / pnpm / yarn

\`\`\`bR
/*## tt
### npm / pnp
[d
\`\`\`bRea
### npm n"]### npm /ia\`\`\`bash
npm 
 npm instendpnpm add @prism-ui/remepn;
yarn add @prism-ui Ryart.\`\`\`rd
**Peer Dependen 

**Pe   
> Pone
**Pe   
> Prodnte> Prod[d[![npm version](https://img.shields.io/npm/v/@prisve## Fecr
## Features

- 🎨 **Completely Unstyled** — Ship your own ][## Feaar
- 🎨 **ate- 🎨 **npk- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes anetu.1- 🎨 **a-v- 🎨 **npk- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes y" - 💪 **TypeScript** — Fully typed for excellent DX
- ?'- to - 💪 **TypeScript** — Fully typed for excellent DX
- ?'- 🧪 **Tested** — Comprehensiv  - ?'- 🧪 **Tested** — Comprehens</- ?'- to - 💪 **TypeScript** — Fully typed for ema- ?'- 🧪 **Tested** — Comprehensiv  - ?'- 🧪 **Tested*pe##en
## Installation

### npm / pnpm / yarn

\`\`\`bR
/*## tt
### npm / pnp
[d
\`\`\`bRea
### npm  ##  /
### npm / pnp
  
\`\`\`bR
/*## tt
##e" /*## ttin### npll[d
\`\`\`bRe>
\`\### npm nmpnpm 
 npm instendpnpm add @prisut npt>yarn add @prism-ui Ryart.\`\`\`rd
**P  **Peer Dependen 

**Pe   
> Poneol
**Pe   
> Ponenam> Pone  **Pe tH> Prodex## Features

- 🎨 **Completely Unstyled** — Ship your own ][## Feaar
- 
\
- 🎨 **Car- 🎨 **ate- 🎨 **npk- ♿️ **Accessible** — WCAG 2
 - ?'- to - 💪 **TypeScript** — Fully typed for excellent DX
- ?'- 🧪 **Tested** — Comprehensiv  - ?'- 🧪 **Tested** — Comprehens</- ?'- to - 💪 **TypeScript** — Fully typed for ema- ?'- 🧪 **Tested** — Comprehensiv  - ?'- 🧪 **pe- ?'- 🧪 **Tested** — Comprehensiv  - ?'- 🧪 **Tested*en## Installation

### npm / pnpm / yarn

\`\`\`bR
/*## tt
### npm / pnp
[d
\`\`\`bRea
### npm  ##  /
### npm / pnp
  
\`\`\`bR
/*## tt
##e" /*## ttin### npll[d
\`\`\`bRe>
\`\### npm nmpnpm 
 npm instendpnpm a  
### npm / pnpyou
\`\`\`bR
/*## tt
##   /*## ttal### npri[d
\`\`\`bRe  \<D### npm  e>### npm / pnput  
\`\`\`bR
Bu\to/*## tt  ##e" /al\`\`\`bRe>
\`\### npm nCo\`\### np   npm instendpnpm \`**P  **Peer Dependen 

**Pe   
> Poneol
**Pe   
> Ponenam> Pone  
 
**Pe   
> Poneol
**e="> PonePr**Pe   Ta> Ponege
- 🎨 **Completely Unstyled** — Ship y/Ta- 
\
- 🎨 **Car- 🎨 **ate- 🎨 **npk- ♿️ **Accessof\le c - ?'- to - 💪 **TypeScript** — Fully typed for excellent DX
- 
 - ?'- 🧪 **Tested** — Comprehensiv  - ?'- 🧪 **Tested**im
### npm / pnpm / yarn

\`\`\`bR
/*## tt
### npm / pnp
[d
\`\`\`bRea
### npm  ##  /
### npm / pnp
  
\`\`\`bR
/*## tt
##e" /*## ttin### npll[d
\`\`\`bRe>
\`\### npm nmpnpm 
 npm instendpnpm a  
### npm / pnpyou
\`\`\`bR
/*## tt
##   /*## ttal### npri[d
\`\`\`bRe  \<D### npm  e={(
\`\`\`bR
/*## tt
##  t/*## ttSu### np",[d
\`\`\`bReip\io### npm  ch### npm / pnpen  
\`\`\`bR
  \ t/*## ttuc##e" /
 \`\`\`bRe>
\`\### npm n }\`\### np S npm instendpnpm 
 ### npm / pnpyou
\`ta\`\`\`bR
/*## tl /*## ttnt##   /se\`\`\`bRe  \<D### npm  fo\`\`\`bR
Bu\to/*## tt  ##e" /al\`\`\`bRe>ptBu\to/*--\`\### npm nCo\`\### np   npm i-|
**Pe   
> Poneol
**Pe   
> Ponenam> Pone  
 
**Pe   
> Poneol
* |
> Poneta**Pe    |> Ponena 
**Pe   
> Ponent i> Poneie**e="> `d- 🎨 **Completely Unstyled*ci\
- 🎨 **Car- 🎨 **ate- 🎨 **npk- ♿?` \- 
 - ?'- 🧪 **Tested** — Comprehensiv  - ?'- 🧪 **Tested**im
### npm / pnpm / yarn

\`\`\`bR
/*## tt
### npm / pnpbl d\### npm / pnpm / yarn

\`\`\`bR
/*## tt
### npm / pnp
[d
\`\`\`bReadi
\`\`\`bR
/*## tt
##inv/*## tt| ### np\`[d
\`\`\`bRen \ta### npm  Ac### npm / pnpPr  
\`\`\`bR
ws\WC/*## ttAA##e" /ar\`\`\`bRe>
\`\### npm nL \`\### np-  npm instendpnpm es### npm / pnpyou
\`yb\`\`\`bR
/*## t (/*## ttro##   /, \`\`\`bRe  \<D### npm  cu\`\`\`bR
/*## tt
##  t/*##re/*## ttno##  t/nt\`\`\`bReip\io### npm  co\`\`\`bR
  \ t/*## ttuc##e" /
 \`\`\`bRe>

  \ t/*pe \`\`\`bRe>
\`\###  e\`\### npmpe ### npm / pnpyou
\`ta\`\`\`bR
/*## tl /*In\`ta\`\`\`bR
/*#ri/*## tl /*#"@Bu\to/*## tt  ##e" /al\`\`\`bRe>ptBu\to/*--\`\### npm nCo (**Pe   
> Poneol
**Pe   
> Ponenam> Pone  
 
**Pe   
> Poneol
* |
> Poneta*- > Pone (**Pe   ve> Pone)
 
**Pe   
> Pone2 ve> Pone)
* |
> Pi > as**Pe   
> Ponent i> Poneit > Poneio- 🎨 **Car- 🎨 **ate- 🎨 **npk- ♿?` \- 
 - ?'-om - ?'- 🧪 **Tested** — Comprehensiv  - ?##### npm / pnpm / yarn

\`\`\`bR
/*## tt
### npm / pnpbl d\### npm /we
\`\`\`bR
/*## tt
##ur /*## ttut### npid
\`\`\`bR
/*## tt
### npm / pnp
[d cd /Users/prashant178/Desktop/TurboRepo/PrismUI/packages/ui && rm README.md && touch README.md
 cd /Users/prashant178/Desktop/TurboRepo/PrismUI/packages/ui && python3 << 'PYSCRIPT'
readme_content = """# @prism-ui/react

> Production-ready headless React components with zero visual opinions and exceptional accessibility

[![npm version](https://img.shields.io/npm/v/@prism-ui/react.svg)](https://www.npmjs.com/package/@prism-ui/react)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

## Features

- 🎨 **Completely Unstyled** — Ship your own CSS, Tailwind, CSS-in-JS, or any styling solution
- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes and keyboard navigation
- 📦 **Lightweight** — ~17KB ESM, tree-shakeable
- 🔧 **Headless** — Full control over markup and styling
- 💪 **TypeScript** — Fully typed for excellent DX
- 🧪 **Tested** — Comprehensive test coverage

## Installation

### npm / pnpm / yarn

```bash
npm install @prism-ui/react
# or
pnpm add @prism-ui/react
# or
yarn add @prism-ui/react
```

**Pereadme_content = """# @prism-ui/react

> Production-ready headless React components ll
> Production-ready headless React cild
[![npm version](https://img.shields.io/npm/v/@prism-ui/react.svg)](https://www.npmjs.com/package/@itl[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

## Fe="
## Features

- 🎨 **Completely Unstyled** — Ship your own CSS, Tailwind, CSS-in-JS, or any styling kg.
- 🎨 **dom- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes and keyboard navigatioco- 📦 **Lightweight** — ~17KB ESM, tree-shakeable
- 🔧 **Headless** — Full control over mard- 🔧 **Headless** — Full control over markup an =- 💪 **TypeScript** — Fully typed for excellent DX
- ? - 🧪 **Tested** — Comprehensive test coverage

##ta
## Installation

### npm / pnpm / yarn

```bashmen
### npm / pnpnul
```bash
npm install,
 npm in R# or
pnpm add @prism-ui/rey,pnpll# or
yarn add @prism-uieEyaren```

**Pereadme_content  
*ata
> Production-ready headless React compok: > Production-ready headless React cild
[![npm ')[![npm version](https://img.shields.i
<
## Fe="
## Features

- 🎨 **Completely Unstyled** — Ship your own CSS, Tailwind, CSS-in-JS, or any styling kg.
- 🎨 **dom- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes ana-v## Fea="
- 🎨 **
  - 🎨 **dom- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes and kt
- 🔧 **Headless** — Full control over mard- 🔧 **Headless** — Full control over markup an =- 💪 **TypeScript** — Fully typed for excellent DX
- ? - ma- ? - 🧪 **Tested** — Comprehensive test coverage

##ta
## Installation

### npm / pnpm / yarn

```bashmen
### npm / pnpnul
```bash
npm install,
  f
##ta
## Installation

### npm / pnpm / yarn

```bashmcom## en
### npm / pnpta-
```bashmen
### npm 
  ### npm /d:```bash
npm insornpm ine; npm in R#  0pnpm add @prm;yarn add @prism-uieEyaren```

*de
**Pereadme_content  
*ata

}
*ata
> Production-rut> P"][![npm ')[![npm version](https://img.shields.i
<
## Fe="
## Features

- 🎨 **##<
## Fe="
## Features

- 🎨 **Completely Unry" ## Feama
- 🎨 **dar- 🎨 **dom- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes ana-vis- 🎨 **
  - 🎨 **dom- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes  A  - 🎨  - 🔧 **Headless** — Full control over mard- 🔧 **Headless** — Full control over markupor- ? - ma- ? - 🧪 **Tested** — Comprehensive test coverage

##ta
## Installation

### npm / pnpm / yarn

```bashmen
### npm / pnpnul
```bash
npm , 
##ta
## Installation

### npm / pnpm / yarn

```bashmen
### npmi/r## t)
### npm / pnpnen
```bashmen
### npm tes### npm /po```bash
npm insatnpm intt  f
##ta
## s##li## 


### npm / pnpent
```bashmcom## en
##
- ### npm / pnpta S```bashmen
### rt### npm 
va  ### n?pm insornpm ine; n`d
*de
**Pereadme_content  
*ata

}
*ata
> Production-rut> P"][![npm ')[!isa**ed*ata

}
*ata
> Prode

}
data-> Pdi<
## Fe="
## Features

- 🎨 **##<
## Fe="
## Features

- 🎨 ** AA ## Feard
- 🎨 **ant## Fe="
## IA## Feabu
- 🎨 **ard- 🎨 **dar- 🎨 **dom- ♿️ .
  - 🎨 **dom- ♿️ **Accessible** — WCAG 2.1 compliant with proper ARIA attributes  A  - 🎨  - 🔧 **Headen
##ta
## Installation

### npm / pnpm / yarn

```bas cd /Users/prashant178/Desktop/TurboRepo/PrismUI/packages/ui && cat > .npmignore << 'EOF'
# Test files
tests/
*.test.ts
*.test.tsx
*.spec.ts
*.spec.tsx
setup.ts

# Config files
tsconfig.json
tsup.config.ts
vitest.config.ts
eslint.config.mjs

# Source files (only dist should be published)
src/

# Development
node_modules/
.turbo/
*.log