open-index/open-npm huggingface dataset:
npm package: @pwuersch/gitignore-cli
Description: A gitignore generator for the command line
Author: Philipp Würsch
Latest version: 1.1.0

# Gitignore-CLI

This command-line tool enables you to easily generate .gitignore files in the current directory you are in.
The templates used for the presets are the same as you will find on [gitignore.io](https://www.toptal.com/developers/gitignore).

## Installation

Install this tool as a global npm package with the following command:

```bash
npm install -g @pwuersch/gitignore-cli
```

## Usage

If you have installed the package you can then invoke the prompt with the `gi`.
In the case you have installed the package in a project you can also use it with `npx`.

```bash
gi       # For global use
npx gi   # For use in a project
```
npm package: @px-do/next-contentful-picture
Description: figure for nextjs projects loading contentful images
Author: Christian Wellhöfer
Latest version: 0.0.28

# next-contentful-picture
A simple [Contentful](https://www.contentful.com/developers/docs/references/images-api) image implementation for your NextJS applications utilizing &lt;picture&gt; elements to support the various image-formats.

The contentful API still does not support automatic responses for image-types.

## Features

- uses &lt;source&gt; elements to display avif, wepb and png sources
- allows for native contentful image params/options
- allows for different aspect-ratios on different breakpoints (TODO*)
- uses @react-waypoint to defer loading images
- can give images priority for prefetching in &lt;head&gt;
- added support for nextJS app directory, set the flag useAppDir to true

## Installation

```
#npm
npm install -S px-do/next-contentful-picture

#yarn
yarn add px-do/next-contentful-picture

#pnpm
pnpm i -S px-do/next-contentful-picture
```



## Usage

Minimal Implementation:

```tsx
import {ContentfulFigure} from './ContentfulFigure';
import {FunctionComponent} from 'react';
import {Asset} from 'contentful';

const Foo: FunctionComponent<{ asset: Asset }> = ({ asset }) => {
  return <ContentfulFigure image={asset} />  
}
```

## Required packages

- [`next`](https://www.npmjs.com/package/next)
- [`react-intersection-observer`](https://www.npmjs.com/package/react-intersection-observer)
npm package: @px-ui/core
Description: A modern React component library built with Tailwind CSS
Latest version: 5.0.0

# @px-ui/core

A modern React component library built with Tailwind CSS v4, TypeScript, and accessibility-first design principles.

## TypeScript

All components are written in TypeScript and include full type definitions.

## Accessibility

Components are built with accessibility in mind using [@base-ui/react](https://github.com/mui/base-ui) primitives, ensuring:

- Proper ARIA attributes
- Keyboard navigation
- Focus management
- Screen reader support
npm package: @px-ui/forms
Description: Form components built on top of px-ui-core
Latest version: 17.0.0

# @px-ui/forms

Form components built on top of @px-ui/core with React Hook Form and Zod validation support.

## Features

- Built on React Hook Form for powerful form state management
- Zod schema validation support via @hookform/resolvers
- TypeScript support with full type inference
- Accessible form components
- Error handling and validation messages
- Customizable styling with Tailwind CSS

## TypeScript

All components are fully typed and provide excellent TypeScript support with type inference from your Zod schemas.