open-index/open-npm huggingface dataset:
npm package: @imhuso/unocss-preset-daisy
Description: UnoCSS preset for daisyUI
Author: imhuso
Latest version: 8.2.2

# imhuso/unocss-preset-daisy

UnoCSS preset for daisyUI

[Checkout the demo!](https://unocss-preset-daisy.vercel.app/)

## Installation

```sh
npm install unocss daisyui unocss-preset-daisy
```

## Usage

> **Note**: `@unocss/reset` comes with `unocss`. If you are using pnpm, install it separately unless you enable hoisting.

### Vite

```js
import {defineConfig} from 'vite'
import unocss from 'unocss/vite'
import {presetUno} from 'unocss'
import {presetDaisy} from 'unocss-preset-daisy'

export default defineConfig({
	plugins: [
		unocss({
			presets: [presetUno(), presetDaisy()],
		}),
	],
})
```

```js
import '@unocss/reset/tailwind.css'
import 'uno.css'
```

### Astro

```js
import {defineConfig} from 'astro/config'
import unocss from 'unocss/astro'
import {presetUno} from 'unocss'
import {presetDaisy} from 'unocss-preset-daisy'

export default defineConfig({
	integrations: [
		unocss({
			presets: [presetUno(), presetDaisy()],
			injectReset: true,
		}),
	],
})
```

### Nuxt

To use UnoCSS with Nuxt, `@unocss/nuxt` must be installed as well.

```js
import {defineNuxtConfig} from 'nuxt/config'
import {presetUno} from 'unocss'
import {presetDaisy} from 'unocss-preset-daisy'

export default defineNuxtConfig({
	modules: ['@unocss/nuxt'],
	css: ['@unocss/reset/tailwind.css'],
	unocss: {
		presets: [presetUno(), presetDaisy()],
	},
})
```

## Config

This preset accepts [the same config as daisyUI](https://daisyui.com/docs/config/) (except for `logs` and `prefix`).

```js
{
	presets: [
		presetUno(),
		presetDaisy({
			styled: false,
			themes: ['light', 'dark'],
		}),
	],
}
```

## Limitations

**This is not a full daisyUI port.** All daisyUI components/utilities should work but they may not work with some UnoCSS features:

- [#14](https://github.com/imhuso/unocss-preset-daisy/issues/14): [variants](https://windicss.org/utilities/general/variants.html) do not work

**Unused styles may be imported.** This is both due to lots of hacks being used and how UnoCSS works. However, the preset will try to figure out the minimum styles needed, thus the cost is trivial most of the time.

## License

MIT

## Development

### Testing

To run tests:
npm package: @imidiotic/react-native-carousel-cards
Description: Carousel images in react native (suports both Android and iOS)
Author: Piyushh Bhutoria
Latest version: 1.1.1

# react-native-carousel-cards

A simple and fully customizable React Native carousel card component.

![](demo/demo.gif)

## Getting started

`npm i react-native-carousel-cards`

## Usage

```js
import React from 'react';
import {
  View,
  Text
} from 'react-native';

import { RNCarousel } from 'react-native-carousel-cards';

export default class App extends React.Component {
  render() {
    return (
      <View style={{flex: 1}}>
        <View style={{ padding: 20 }}>
          <Text style={{ fontSize: 20, fontWeight: "bold" }}>React Native Carousel</Text>
        </View>
        <RNCarousel 
          data={[
            { url: "https://multimediarepository.amadeus.com/cmr/retrieve/hotel/366DB6FB8EFD44C4B2ADC90D38D82C2E" },
            { url: "https://multimediarepository.amadeus.com/cmr/retrieve/hotel/AF63CB0620F94B6FAE8B5BD390C58213" },
            { url: "https://multimediarepository.amadeus.com/cmr/retrieve/hotel/895A263C718547B38011E65E53A7085A" },
            { url: "https://multimediarepository.amadeus.com/cmr/retrieve/hotel/186D75B7A075470F95C7DF5E99F87380" }
          ]} 
        />
      </View>
    )
  }
};
```

## Props

|Prop|Type|Description|
|-|:----------:|:---------:|
|`data`|Array|Images data
|`imageResizeMode`|String| Image resize mode, similar to resize mode in Images in react native.default: `cover`
|`indicatorBorderColor`|String| Bullets border color.default: `white`
|`indicatorActiveBackgroundColor`|String| Bullets active fill color.default: `white`
|`height`|Number| Height of the container.default: `200`
|`arrowSize`|Number| Size of the navigation arrow.default: `25`
|`loop`|Boolean| Auto looping the images for every `4seconds`.default: `true`
|`showArrows`|Boolean| To show the arrow or not.default: `true`
|`showIndicator`|Boolean| To show the bullets or not.default: `true`
|`showsHorizontalScrollIndicator`|Boolean| To show the scroll view default horizontal scroll indicator or not.default: `false`
|`isCustomCarouselContent`|Boolean| To show the custom carousel content.default: `false`
|`indicatorStyle`|Object| To change indicator style.
|`contentContainerStyle`|Object| To change scroll view container style.
|`indicatorContainerStyle`|Object| To change indicator container style.
|`carouselContent`|React component| Custom carousel content component
npm package: @imikailoby/fr24-csv-parser
Description: A CSV parser for files exported from myFlightRadar24, returning structured flight data
Author: Mikhail Prosmitskiy
Latest version: 1.0.1

# @imikailoby/fr24-csv-parser

A CSV parser for files exported from [myFlightRadar24](https://my.flightradar24.com/), returning structured flight data
including airports, aircraft, and related information.

## Installation

```zsh
# via yarn
yarn add @imikailoby/fr24-csv-parser

# via npm
npm install @imikailoby/fr24-csv-parser
```

## Usage

1. Import the `FRParser` class into your project.
2. Call the `.parse(yourCsvString)` method, passing in the CSV content.

Example:

```html
<input type="file" id="csvInput" accept=".csv" />
<script type="module">
  import { FRParser } from '@imikailoby/fr24-csv-parser';

  const frParser = new FRParser();
  const fileInput = document.getElementById('csvInput');

  fileInput.addEventListener('change', () => {
    const files = fileInput.files;
    if (!files || files.length === 0) return;

    const file = files[0];
    const reader = new FileReader();

    reader.onload = (e) => {
      const content = e.target?.result;
      const result = frParser.parse(content);
      // Do something with the parsed data...
    };

    reader.readAsText(file);
  });
</script>
```
npm package: @imikailoby/lastfm-ts
Description: A minimalistic TypeScript-based client for Last.fm API 2.0
Author: Mikhail Prosmitskiy
Latest version: 2.0.1

# @imikailoby/lastfm-ts

TypeScript-based client for the [Last.fm API 2.0](https://www.last.fm/api), designed to streamline access to its public methods and JSON responses.

### Key features

-   **Zero Dependencies**: Designed to function independently without any external dependencies.
-   **Pure Responses**: No altered or decorated data from the API. Use API's original responses as you wish.
-   **Minimal size**: ≈1kb minified and gzipped size ([Bundlephobia](https://bundlephobia.com/package/@imikailoby/lastfm-ts)).

## Installation

```zsh
# via yarn
yarn add @imikailoby/lastfm-ts

# via npm
npm install @imikailoby/lastfm-ts
```

## Usage

1. Obtain the **Last.fm API Key** ([Read more](https://www.last.fm/api#getting-started)).
2. Initialize the `LastFm` class with the obtained API key.
3. Use one of the [available methods](https://github.com/imikailoby/lastfm-ts/wiki#available-methods) to get the required data.

Example:

```ts
import { LastFm } from '@imikailoby/lastfm-ts';

const lastFm = new LastFm('api_key'); // Insert your API key

lastFm.user.getInfo({ user: 'imikailoby' }).then((response) => {
    const { user } = response;
    // Do something with user data
});
```

## Documentation

For comprehensive documentation, including detailed parameter descriptions, usage examples, FAQs, and more, please refer to the [repository wiki](https://github.com/imikailoby/lastfm-ts/wiki).
npm package: @imile/icons
Description: <h1 align="center"> Ant Design Icons for React </h1>
Latest version: 0.0.2

<h1 align="center">
Ant Design Icons for React
</h1>

<div align="center">

[![NPM version](https://img.shields.io/npm/v/@imile/icons.svg?style=flat)](https://npmjs.org/package/@imile/icons)
[![NPM downloads](http://img.shields.io/npm/dm/@imile/icons.svg?style=flat)](https://npmjs.org/package/@imile/icons)

</div>

## Install

```bash
yarn add @imile/icons@4.0.0
```

## Basic Usage

You can import it directly or destructure from `@imile/icons` when tree-shaking enabled.

```ts
import SmileOutlined from '@imile/icons/SmileOutlined';
import { SmileOutlined } from '@imile/icons';

import SmileFilled from '@imile/icons/SmileFilled';
import SmileTwoTone from '@imile/icons/SmileTwoTone';
import { SmileFilled, SmileTwoTone } from '@imile/icons';
```

## Component Interface

```ts
interface AntdIconProps {
  className?: string;
  onClick?: React.MouseEventHandler<SVGSVGElement>;
  style?: React.CSSProperties;
}
```

## Release

```bash
npm run generate
npm run compile
npm publish
```