open-index/open-npm huggingface dataset:
npm package: @sume/ui
Description: Modern React UI Component Library
Author: Suhel Ahmed
Latest version: 1.0.1

# 🌌 Sumi UI

**Sumi ui** is a sleek, modern, and customizable component library built with React and Tailwind CSS. Designed for speed, accessibility, and developer experience, Astra helps you build consistent and beautiful user interfaces effortlessly.

![npm](https://img.shields.io/npm/v/astra-ui?color=blue)
![license](https://img.shields.io/npm/l/astra-ui)
![downloads](https://img.shields.io/npm/dw/astra-ui)

---

## 🚀 Features

- ⚡ **Blazing Fast**: Lightweight and performance-optimized.
- 🎨 **Themeable**: Easily customizable with Tailwind CSS and CSS variables.
- 🧩 **Modular Components**: Use only what you need.
- ♿ **Accessible**: Follows WAI-ARIA standards.
- 💅 **Beautiful by Default**: Minimal and elegant design system.
- 📦 **Tree-shakable**: Optimized for modern bundlers.

---

## 📦 Installation
```bash
npm install @sume/ui
```

## 🎨 Usage

### Import Components

``` bash
import { Button, Card, Accordion } from '@sume/ui';

// Import specific components directly
import { Button } from '@sume/ui/components/button';
import { Accordion } from '@sume/ui/components/accordion';

// Import styles (required)
import '@sume/ui/styles.css';

```
### Basic Example

```bash
import React from 'react';
import { Button, Card, Accordion } from '@sume/ui';
import '@sume/ui/styles.css';

function App() {
return (
<div className="p-8">
<Card>
<h1>Welcome to Sume UI</h1>
<Button variant="primary">Get Started</Button>

text
    <Accordion>
      <Accordion.Item value="item-1">
        <Accordion.Trigger>Component Library</Accordion.Trigger>
        <Accordion.Content>
          A comprehensive set of React components for modern web applications.
        </Accordion.Content>
      </Accordion.Item>
    </Accordion>
  </Card>
</div>
);
}

export default App;
```



## 🎯 Available Components

- **Accordion** - Collapsible content sections
- **Avatar** - User profile images and initials  
- **Badge** - Status and category indicators
- **Button** - Interactive buttons with variants
- **Card** - Content containers
- **Carousel** - Image and content sliders
- **CodeBlock** - Syntax-highlighted code display
- **Dropdown** - Contextual menus
- **FileUpload** - File selection and upload
- **Input** - Text input fields
- **KeybabMenu** - Three-dot action menus
- **Modal** - Dialog overlays
- **Navbar** - Navigation headers
- **ProgressBar** - Loading and progress indicators
- **Sidebar** - Navigation sidebars
- **StepProgressBar** - Multi-step progress indicators
- **TextArea** - Multi-line text input

## 🎨 Styling

This library uses Tailwind CSS v4. The components come pre-styled but can be customized:

## 🎨 Styling

### Override with custom classes

```bash
<Button className="bg-purple-500 hover:bg-purple-600">
Custom Button
</Button>
```

## 🏷️ Keywords

React, UI Components, TypeScript, Tailwind CSS, Design System, Component Library
npm package: @sumeetghimire/proof-cli
Description: Install PRoof GitHub Action with one command
Latest version: 1.0.1

# proof-cli

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

**proof-cli** lets you install [PRoof](https://github.com/sumeetghimire/proof) (the GitHub Action that verifies pull requests) with a single command—no copying YAML by hand.

## Install PRoof in one command

```bash
npx @sumeetghimire/proof-cli init
```

Answer a few prompts; the CLI creates `.github/workflows/proof.yml` and you're done. Every PR will be verified by PRoof.

## Commands

| Command | Description |
|--------|-------------|
| `npx @sumeetghimire/proof-cli init` | Install PRoof in this repo (creates the workflow file) |
| `npx @sumeetghimire/proof-cli status` | Show whether PRoof is installed and current config |
| `npx @sumeetghimire/proof-cli update` | Update PRoof to the latest version in the workflow file |
| `npx @sumeetghimire/proof-cli remove` | Remove PRoof (deletes the workflow file) |

## Requirements

- Node.js 18+
- A git repository (run from your repo root)

## What gets installed

The CLI creates `.github/workflows/proof.yml` that runs [sumeetghimire/proof](https://github.com/sumeetghimire/proof) on every pull request. You choose options during `init` (e.g. block merge on failure, run tests, security scan, dependency checks).

## Examples

```bash
# From your project root
npx @sumeetghimire/proof-cli init
npx @sumeetghimire/proof-cli status
npx @sumeetghimire/proof-cli update
npx @sumeetghimire/proof-cli remove
```

## Links

- **PRoof (the action):** https://github.com/sumeetghimire/proof  
- **proof-cli (this repo):** https://github.com/sumeetghimire/proof-cli  

## License

MIT
npm package: @sumeorg/my-module-12
Description: My new Nuxt module
Latest version: 1.1.1

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: My Module
- Package name: @sumeorg/my-module-12
- Description: My new Nuxt module!
-->

# My Module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]

> My new Nuxt module

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
<!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->

- ⛰ &nbsp;Foo
- 🚠 &nbsp;Bar
- 🌲 &nbsp;Baz

## Quick Setup

1. Add `@sumeorg/my-module-12` dependency to your project

```bash
# Using pnpm
pnpm add -D @sumeorg/my-module-12

# Using yarn
yarn add --dev @sumeorg/my-module-12

# Using npm
npm install --save-dev @sumeorg/my-module-12
```

2. Add `@sumeorg/my-module-12` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: ["@sumeorg/my-module-12"],
});
```

That's it! You can now use My Module in your Nuxt app ✨

## Development

```bash
# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release
```

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@sumeorg/my-module-12/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/@sumeorg/my-module-12
[npm-downloads-src]: https://img.shields.io/npm/dm/@sumeorg/my-module-12.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/@sumeorg/my-module-12
[license-src]: https://img.shields.io/npm/l/@sumeorg/my-module-12.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/@sumeorg/my-module-12