open-index/open-npm huggingface dataset:
npm package: @ittyniui/icons
Description: A collection of reusable SVG icon components for React, designed for easy integration and customization in your UI projects.
Author: khmammed
Latest version: 0.1.1

# @ittyniui/icons

A collection of reusable SVG icon components for React, designed for easy integration and customization in your UI projects.

---

## Key Features

- **React Components:** All icons are exported as React components for seamless use in your application.
- **Customizable:** Icons accept `size`, `color`, and `className` props for flexible styling.
- **Tree-shakable:** Named exports allow you to import only the icons you need, reducing bundle size.
- **TypeScript Support:** All icons are fully typed for a better developer experience.
- **Centralized Exports:** Import any icon from a single entry point (`index.ts`).
- **Optimized SVGs:** Icons are optimized for performance and clarity.
- **Storybook Integration:** Preview and test icons interactively (if Storybook is set up).

---

## Installation

```bash
npm install @ittyniui/icons
```

---

## Usage

```tsx
import { SearchIcon, UserIcon } from '@ittyniui/icons';

function Example() {
  return (
    <div>
      <SearchIcon size={32} color="#27954f" />
      <UserIcon size={24} color="gray" className="my-icon" />
    </div>
  );
}
```

---

## Example Icon Component

```tsx
import React from 'react';

interface IconProps {
  size?: number | string;
  color?: string;
  className?: string;
}

export const SearchIcon: React.FC<IconProps> = ({
  size = 24,
  color = 'currentColor',
  className,
  ...props
}) => (
  <svg
    width={size}
    height={size}
    fill={color}
    className={className}
    viewBox="0 0 24 24"
    {...props}
  >
    {/* SVG path here */}
  </svg>
);
```

---

## Exporting Icons

All icons are exported from the main entry point:

```typescript
export * from './SearchIcon';
export * from './UserIcon';
// ...other icons
```

---

## Existing Key Features

- Consistent naming and structure for all icon components.
- Easy to extend with new icons.
- Supports all modern React and TypeScript projects.

---

## Possible Next Features

- **Theming Support:** Integrate with your theme system for automatic color adaptation.
- **Accessibility Improvements:** Add `aria-label` and role props for better accessibility.
- **Icon Packs:** Group icons by category (e.g., navigation, media, social).
- **CLI Tooling:** Add scripts to automate SVG import and component generation.
- **More Customization:** Support for stroke width, animation, or other SVG attributes.
- **Documentation Site:** Publish a live icon gallery for browsing and copy-paste usage.

---

## Contributing

Feel free to submit new icons or improvements! Please follow the existing file and naming conventions.

---
npm package: @ittyniui/themes
Description: Reusable theme objects and utilities for styled-components.
Author: khmammed
Latest version: 0.1.8

# @ittyniui/themes

Reusable theme objects and utilities for styled-components.

## Installation

```bash
npm install @ittyniui/themes styled-components
```

## Usage

```tsx
import { ThemeProvider } from 'styled-components';
import { lightTheme, darkTheme } from '@ittyniui/themes';

function App() {
  return (
    <ThemeProvider theme={lightTheme}>
      <YourComponent />
    </ThemeProvider>
  );
}
```

## Exports

- `lightTheme`
- `darkTheme`
- `globalStyles`
- Theme types from `types.ts`

## Example: Switching Themes

```tsx
import React, { useState } from 'react';
import { ThemeProvider } from 'styled-components';
import { lightTheme, darkTheme } from '@ittyniui/themes';

function App() {
  const [isDark, setIsDark] = useState(false);

  return (
    <ThemeProvider theme={isDark ? darkTheme : lightTheme}>
      <button onClick={() => setIsDark(d => !d)}>
        Toggle Theme
      </button>
      <YourComponent />
    </ThemeProvider>
  );
}
```
npm package: @itvita/xtools
Description: pc管理端开发基础组件库
Author: liuqiang
Latest version: 1.7.2

# xui-admin

#### Description
vue2 组件 管理后台组件npm包

#### Software Architecture
Software architecture description

#### Installation

1.  xxxx
2.  xxxx
3.  xxxx

#### Instructions

1.  xxxx
2.  xxxx
3.  xxxx

#### Contribution

1.  Fork the repository
2.  Create Feat_xxx branch
3.  Commit your code
4.  Create Pull Request


#### Gitee Feature

1.  You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
2.  Gitee blog [blog.gitee.com](https://blog.gitee.com)
3.  Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
4.  The most valuable open source project [GVP](https://gitee.com/gvp)
5.  The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
6.  The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
npm package: @itvita/xtools-antd
Description: ant-form-designer的基础组件库
Author: liuqiang
Latest version: 1.7.5

# 安装@itvita/xtools-antd
```
yarn add @itvita/xtools-antd
```

# 使用方法
**1.安装babel-plugin-import**

```
yarn add babel-plugin-import
```

**2.babel.config.js**
```
plugins.push([
  'import',
  {
    libraryName: '@itvita/xtools-antd',
    camel2DashComponentName: false,
    camel2UnderlineComponentName: false,
    style: name => {
      const cssName = name.split('/')[3]
      return `@itvita/xtools-antd/lib/style/${cssName}.css`
    }
  }, '@itvita/xtools-antd'
])
```

**3.**
lazy_antd.js
```
import Vue from 'vue'

import { index } from '@itvita/xtools-antd'
Vue.use(index)

```
# API地址
[https://gitee.com/itvita/@itvita/xtools-antd/blob/master/api.md](https://gitee.com/itvita/@itvita/xtools-antd/blob/master/api.md)

# 作者微信：
liuqitcn

# 更新说明
## 2020-12-15
- 新增月选择器
- 新增图片列表&预览
- 新增报表导出组件 -依赖报表服务
- 新增日选择器
- 新增高德地图地址，坐标拾取组件支持搜索，定位。。

## 2020-12-14
- 新增单选选择器
- 新增多选穿梭框
- 新增范围日期选择器
- 新增报表组件 -依赖报表服务
- 新增搜索条组件
- 新增表格组件

## 2020-12-13
- 新增树形组件
- 新增树形下拉组件
- 新增文件上传组件
- 新增富文本组件
- 新增时间选择器
- 新增文本显示框

## 2020-12-11
- 新增视频列表&预览组件
- 新增单文件上传按钮
npm package: @itwalton/jwt-node
Description: Issue and verify access tokens in Node
Author: Ian Walton
Latest version: 1.0.1

# JWT Node

## Introduction

Issues and verifies JWT access tokens from a supplied keypair

See [RFC7519](https://datatracker.ietf.org/doc/html/rfc7519#section-4.1.3)

## Usage

1. Read PEM-formatted keys into memory (see fs)
2. Instantiate token service with:

* `issuer`: the CN of the service issuing the token
* `subject`: the CN of any service that may accept the token
* `algorithm`: only supports 'SHA256' for now
* `publicKeyPEMBuffer`: A Buffer representation of a PEM encoded public key
* `privateKeyPEMBuffer`: A Buffer representation of a PEM encoded private key

### Example

  ```javascript
    // instantiate the token service
    const tokenService = new TokenService(
      process.env.TOKEN_ISSUER as string,
      [process.env.TOKEN_AUDIENCE as string],
      'SHA256',
      publicKeyPEMBuffer,
      privateKeyPEMBuffer,
    )
  ```

  ```javascript
    // after a successful login
    const {expiresOn, accessToken} = await tokenService.issueAccessToken(user.id)
  ```

  ```javascript
    // on a request to a protected route
    const isValid = await tokenService.validateAccessToken(accessToken)
  ```

### Getting Started

  1. Clone the repo
  2. Install dependencies `npm i`
  3. Run tests `npm test`
  4. Watch/compile `npm run start:dev`