open-index/open-npm huggingface dataset:
npm package: @playcenter/uikit
Description: Set of UI components for pancake projects
Latest version: 0.59.0

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @playchi-js/browserslist-config
Description: Shareable `browserslist` config for browsers supported by tasvirchi player
Author: JonathanTGold
Latest version: 1.0.8
Deprecated: false

# `@playchi-js/browserslist-config`

[![](https://img.shields.io/npm/v/@playchi-js/browserslist-config/latest.svg)](https://www.npmjs.com/package/@playchi-js/browserslist-config)
[![](https://img.shields.io/npm/v/@playchi-js/browserslist-config/canary.svg)](https://www.npmjs.com/package/@playchi-js/browserslist-config/v/canary)



> A shareable [`browserslist`][browserslist] config for browsers supported by tasvirchi-player
>
> 🦔 Share target browsers between different [`tasvirchi-player-js`][tasvirchi-player-js] dependencies and plugins 

[browserslist]: https://github.com/browserslist/browserslist
[tasvirchi-player-js]: https://github.com/tasvirchi/tasvirchi-player-js

## Usage 

In your `package.json`:

```js
{
  "browserslist": [
    "extends @playchi/browserslist-config"
  ]
}
```
npm package: @playchrona/avatars
Description: Avatar generation system for Chrona life sim game
Latest version: 1.0.1

# Chrona Avatar System

The avatar generation system for Chrona, a life simulation game. Creates unique, customizable character avatars with deterministic generation from seeds.

<p align="center"><img src='chrona-avatar-example.png?raw=true' style='width: 300px; height: 300px;' /></p>

## Features

- **Deterministic Generation** - Same seed always produces the same avatar
- **SVG Based** - Crisp rendering at any resolution
- **Lightweight & Performant** - Optimized for game use
- **Highly Customizable** - Mix and match appearance options
- **React Integration** - Drop-in component for your UI

## Installation

```
yarn add @playchrona/avatars
```

or

```
npm install @playchrona/avatars --save
```

## Usage

```jsx
import * as React from 'react'
import Avatar from '@playchrona/avatars'

export default function CharacterPortrait() {
  return (
    <Avatar
      style={{width: '100px', height: '100px'}}
      avatarStyle='Circle'
      topType='LongHairMiaWallace'
      accessoriesType='Prescription02'
      hairColor='BrownDark'
      facialHairType='Blank'
      clotheType='Hoodie'
      clotheColor='PastelBlue'
      eyeType='Happy'
      eyebrowType='Default'
      mouthType='Smile'
      skinColor='Light'
    />
  )
}
```

## Individual Pieces

Render specific avatar components separately for UI elements like customization screens:

```jsx
import {Piece} from '@playchrona/avatars'

<Piece pieceType="mouth" pieceSize="100" mouthType="Eating"/>
<Piece pieceType="eyes" pieceSize="100" eyeType="Dizzy"/>
<Piece pieceType="eyebrows" pieceSize="100" eyebrowType="RaisedExcited"/>
<Piece pieceType="accessories" pieceSize="100" accessoriesType="Round"/>
<Piece pieceType="top" pieceSize="100" topType="LongHairFro" hairColor="Red"/>
<Piece pieceType="facialHair" pieceSize="100" facialHairType="BeardMajestic"/>
<Piece pieceType="clothe" pieceSize="100" clotheType="Hoodie" clotheColor="Red"/>
<Piece pieceType="graphics" pieceSize="100" graphicType="Skull"/>
<Piece pieceType="skin" pieceSize="100" skinColor="Brown"/>
```

## Custom Editor

To build a character creation screen, use the lower level `Avatar` component with `OptionContext` to collect available options. See the [avataaars-generator source](https://github.com/fangpenlin/avataaars-geneator) for implementation details.

## Attribution

This project is based on the open-source Avataaars project by Fang-Pen Lin,
inspired by designs from Pablo Stanley. Licensed under the MIT License.

This fork significantly extends the original system for use in games,
including deterministic generation, performance optimizations, and
game-specific features.
npm package: @playconsult/react-azure-media-player
Description: React azure media player
Author: Play Consulting
Latest version: 1.0.6

# Intro

This project is a fork of [react-azure-mp](https://github.com/SidKH/react-azure-mp). The forked project seems to be out of maintenance. This project intends to build on its origin repository and extend with new features.

# React Azure media player

[![NPM](https://img.shields.io/npm/v/react-azure-mp.svg)](https://www.npmjs.com/package/react-azure-mp) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
  
React wrapper for the [azure media player](http://ampdemo.azureedge.net/azuremediaplayer.html)

## Install

```bash
npm install --save react-azure-mp
```

## Usage

```jsx
import React from 'react'
import { AzureMP } from 'react-azure-mp'

const Example = () => (
  <AzureMP
     skin="amp-flush"
     src={[{src: "http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest", type: "application/vnd.ms-sstr+xml" }]}
   />
)
```

## Sandbox examples:
- [Simple initialization](https://codesandbox.io/s/v845rpv0qy)
- [Custom amp options](https://codesandbox.io/s/j7olp9617y)
- [Change player skin](https://codesandbox.io/s/jjxz0qw4l3)
- [Adapt for a different aspect ratio](https://codesandbox.io/s/xv0yj030kw)

## SSR
Supports server-side rendering

## License

Released under same license as origin project (MIT)
npm package: @playcradle/sdk
Description: SDK for dapps connecting to Cradle Wallet
Latest version: 1.0.22

# @playcradle/sdk
[![npm](https://img.shields.io/npm/v/@playcradle/sdk.svg?maxAge=2592000)](https://www.npmjs.com/package/@playcradle/sdk)
[![downloads](https://img.shields.io/npm/dt/@playcradle/sdk.svg?maxAge=2592000)](https://www.npmjs.com/package/@playcradle/sdk)


- To create a release
 - Add changes, commit, but don't push.
 - Update version in pkg.json 
 - `npm run fix:prettier`
 - `npm run prepare-release`
 - `npm run publish`
 - `git push`


SDK for dapps connecting to Cradle Wallet