open-index/open-npm huggingface dataset:
npm package: @kavre/react-useform
Description: ## example
Author: Abdhesh Nayak
Latest version: 1.1.5

# React Form Hook

## example

```jsx
import React from 'react';
import * as yup from 'yup';
import useForm from '@kavre/react-useform';

const App = () => {
  const {
    values,
    errors,
    handleChange,
    handleSubmit,
    resetValues,
    submit,
    setValues,
  } = useForm({
    initialValues: {
      name: '',
    },
    validationSchema: yup.object({
      name: yup.string().required(),
    }),
    onSubmit: async (values) => {
      console.log(values);
      resetValues();
    },
  });
  return (
    <form onSubmit={handleSubmit}>
      <input onChange={handleChange('name')} value={values.name} />
      <button type="submit">Submit</button>

      {errors.name && <p>{errors.name}</p>}
    </form>
  );
};

export default App;
```
npm package: @kavsingh/curry-pipe
Description: Curry and pipe
Author: Kav Singh
Latest version: 0.3.0

# @kavsingh/curry-pipe

Provides typed `curry` and `pipe` fns

![CI status](https://github.com/kavsingh/curry-pipe/workflows/Test/badge.svg)

---

Have a toy typescript project where perf is not important?
Don't want to install bigger, better libraries?
Want curry and pipe functions without the hassle of typing them?

Great!

- Horribly naive, optimised for _absolutely nothing_, but super tiny implementations
- Does not support `lodash` / `ramda` style curry placeholders
- Anonymous functions everywhere

Sold?

`npm i @kavsingh/curry-pipe`

Typings are lifted from [`@types/lodash`](https://www.npmjs.com/package/@types/lodash)

---

Here is the classic simple scenario

```ts
import { curry, pipe } from '@kavsingh/curry-pipe';

const add = curry((x: number, y: number) => x + y);
const multiply = curry((x: number, y: number) => x * y);

// infers (x: number) => number
const plus2Times3 = pipe(add(2), multiply(3));

plus2Times3(3); // 15
```

Dealing with generics needs a BYO signature overload (same with lodash afaik)

```ts
import { curry, pipe } from '@kavsingh/curry-pipe';

const takeN: {
  (n: number): <X>(xs: X[]) => X[];
  <X>(n: number, xs: X[]): X[];
} = curry((n: number, xs: any[]) => xs.slice(0, n));

const range = curry((min: number, max: number) =>
  Array.from({ length: max - min }, (_, i) => i + min),
);

// infers (x: number) => number[]
const why = pipe(range(2), takeN(3));

why(10); // [2, 3, 4]
```
npm package: @kavyakk/breadcrumb
Description: A simple breadcrumb navigation component for React.
Latest version: 1.0.3

# @kavyakk/breadcrumb

A simple breadcrumb navigation component for React.

## Installation

```bash
npm install @kavyakk/breadcrumb
# or with yarn
yarn add @kavyakk/breadcrumb
```

## Usage

```bash
jsx

import React from "react";
import Breadcrumb from "@kavyakk/breadcrumb";

export default function App() {
  const items = [
  { label: "Home", href: "/" },
  { label: "Products", href: "/products" },
  { label: "Electronics", href: "/products/electronics" },
];
  return (
    <div>
      <Breadcrumb
  items={items}
  separator="➡"
  fontColor="green"
  fontSize="18px"
/>
    </div>
  );
}

```

## Emoji Breadcrumb

```bash

const items = [
  { icon: "🎪", label: "Home", href: "/" },
  { icon: "🛒", label: "Products", href: "/products" },
  { label: "Shoes" },
];

```

## Icon Breadcrumb

```bash

import { FaCoffee } from "react-icons/fa";

const items = [
  { icon: <FaCoffee />, label: "Home", href: "/" },
  { label: "Products", href: "/products" },
  { label: "Shoes" },
];

```

## Separator

```bash
<Breadcrumb items={items} separator="➡" />

```

## Props

| Prop      | Type      | Description                                                                    |
| --------- | --------- | ------------------------------------------------------------------------------ |
| items     | Array     | Array of breadcrumb items `{ icon?: ReactNode, label: string, href?: string }` |
| separator | ReactNode | symbol between items                                                           |
| fontSize  | string    | font size for labels                                                           |
| fontColor | string    | font color for labels                                                          |

## License

MIT
npm package: @kavyakk/button-icon
Description: A simple ButtonIcon React component with icon and label
Latest version: 1.1.0

# @kavyakk/button-icon

A simple button-icon component for React.

## Installation

```bash
npm install @kavyakk/button-icon
# or with yarn
yarn add @kavyakk/button-icon
```

## Usage

```bash

import React from "react";
import ButtonIcon from "@kavyakk/button-icon";

export default function App() {
  const handleClick = () => {
    alert("Button clicked!");
  };

  return (
    <div>
      <ButtonIcon
        icon={🙂}
        label="Click Me"
        onClick={handleClick}
      />
    </div>
  );
}

```

## Note

⁕ The icon here is a ReactNode

## License

MIT