open-index/open-npm huggingface dataset:
npm package: @itsumono/react
Description: React.jsに関するユーティリティ関数やコンポーネントを提供する。
Author: K.Utsunomiya
Latest version: 1.2.0

# 🍚 @itsumono/react

[![npm](https://img.shields.io/badge/@itsumono/react-555?style=flat-square&logo=npm)](https://www.npmjs.com/package/@itsumono/react)
![npm](https://img.shields.io/npm/v/@itsumono/react?style=flat-square)
![npm](https://img.shields.io/bundlephobia/min/@itsumono/react?style=flat-square)
![npm](https://img.shields.io/npm/l/@itsumono/react?style=flat-square)

## インストール

```bash
npm i @itsumono/react
yarn add @itsumono/react
```
npm package: @itsumono/utils
Description: ユーティリティ関数や正規表現などを提供する。
Author: K.Utsunomiya
Latest version: 1.8.0

# 🍚 @itsumono/utils

[![npm](https://img.shields.io/badge/@itsumono/utils-555?style=flat-square&logo=npm)](https://www.npmjs.com/package/@itsumono/utils)
![npm](https://img.shields.io/npm/v/@itsumono/utils?style=flat-square)
![npm](https://img.shields.io/bundlephobia/min/@itsumono/utils?style=flat-square)
![npm](https://img.shields.io/npm/l/@itsumono/utils?style=flat-square)

## インストール

```bash
npm i @itsumono/utils
yarn add @itsumono/utils
```
npm package: @itsuzef/live-events
Description: OpenClaw community plugin — search live events via Ticketmaster Discovery API
Author: itsuzef
Latest version: 1.0.2

# Events Plugin

Search for upcoming concerts, sports, theater, and other live events using the
[Ticketmaster Discovery API](https://developer.ticketmaster.com/products-and-docs/apis/discovery-api/v2/).

## Get a Free API Key

1. Create an account at <https://developer.ticketmaster.com/>
2. Go to **My Apps** → **Add a new App**
3. Copy the **Consumer Key** (this is your API key)

The free tier allows 5,000 requests per day.

## Enable the Plugin

```json
{
  "plugins": {
    "entries": {
      "events": {
        "enabled": true,
        "config": {
          "apiKey": "YOUR_TICKETMASTER_API_KEY",
          "defaultLocation": "Miami"
        }
      }
    }
  }
}
```

Or via CLI:

```bash
openclaw config set plugins.entries.events.enabled true
openclaw config set plugins.entries.events.config.apiKey YOUR_KEY
openclaw config set plugins.entries.events.config.defaultLocation Miami
```

## Config

| Key               | Type   | Required | Description                                |
| ----------------- | ------ | -------- | ------------------------------------------ |
| `apiKey`          | string | yes      | Ticketmaster Discovery API consumer key    |
| `defaultLocation` | string | no       | Default city for searches (e.g. `"Miami"`) |

## Agent Tool

The plugin registers an `events_search` tool available to all agents when the
plugin is enabled.

### Parameters

- `location` (string, optional) — city to search; falls back to `defaultLocation`
- `keyword` (string, optional) — genre or artist filter (e.g. `"electronic"`)
- `days` (number, optional) — how many days ahead to search (default: 7)

### Example prompt

> "What concerts are happening in Austin this weekend?"

## CLI

```bash
openclaw events Miami --keyword jazz --days 14
openclaw events "New York" --keyword "Broadway"
openclaw events                # uses defaultLocation from config
```
npm package: @itswooble/colors
Description: Color palette of It's wooble UI
Author: It's wooble
Latest version: 1.0.3

<p align="center">
	<a href="https://ui.wooble.team">
		<img src="./assets/preview.svg">
	</a>
</p>

<h1 align="center">It's wooble colors</h1>

<p align="center">
	Color palette of It's wooble UI.
</p>

## 📦 Install

```bash
npm install @itswooble/colors
```

```bash
yarn add @itswooble/colors
```

## 🔨 Usage

```jsx
import React from 'react';
import { green300 } from '@itswooble/colors';

const App = () => (
	<>
    	<button style={{ backgroundColor: green300 }}>PRESS ME</button>
  	</>
);
```

### TypeScript

`@itswooble/colors` is written in TypeScript with complete definitions.

## 🔗 Links

- [Home page](https://ui.wooble.team/)
- [Components Overview](https://ui.wooble.team/docs)
- [It's wooble Icons](https://ui.wooble.team/icons)
- [Npm page](https://www.npmjs.com/package/@itswooble/ui)

## ⌨️ Development
Clone locally:

```bash
$ git clone git@github.com:wooble-team/wooble-colors.git
$ cd wooble-colors
```

## 💾 Exports
|      name      |                        description                       |
|:--------------:| :-------------------------------------------------------:|
|     colors     | Object with keys - color names, values ​​- their hex codes |
| colorsVariants |                Array with all color names                |
|     Colors     |                Type with all color names                 | 
|     black      |                          #252525                         |
|     white      |                          #FFFFFF                         |
|    gray100     |                          #F2F2F2                         |
|    gray200     |                          #E0E0E0                         |
|    gray300     |                          #BDBDBD                         |
|    gray400     |                          #828282                         |
|    gray500     |                          #4F4F4F                         |
|      red       |                          #EB5757                         |
|     orange     |                          #F2994A                         |
|     yellow     |                          #F2C94C                         |
|    green100    |                          #6FCF97                         |
|    green200    |                          #2D9CDB                         |
|    green300    |                          #2F80ED                         |
|    blue100     |                          #56CCF2                         |
|    blue200     |                          #2D9CDB                         |
|    blue300     |                          #2F80ED                         |
|   purple100    |                          #BB6BD9                         |
|   purple200    |                          #9B51E0                         |

## 👋 Founders  
- [Kirill Osintsev](https://github.com/crashzky)
- [Dmitriy Gorbunov](https://github.com/DimaGorbusha) 
- [Alexander Isakov](https://dribbble.com/Alexis4049)
- [Sofia Sokolova](https://www.behance.net/sofa_sofkrad)
npm package: @itswooble/icons
Description: It's wooble UI icons pack.
Author: It's wooble
Latest version: 0.0.8

<p align="center">
	<a href="https://ui.wooble.team">
		<img src="./assets/preview.svg">
	</a>
</p>

<h1 align="center">It's wooble UI icons pack</h1>

<p align="center">
	It's wooble UI icons pack.
</p>

## 📦 Install

```bash
npm install @itswooble/icons
```

```bash
yarn add @itswooble/icons
```

## 🔨 Usage

```jsx
import React from 'react';
import { PaperFail } from '@itswooble/icons';

const App = () => (
	<>
    	<PaperFail color='blue300' />
  	</>
);
```

### TypeScript

`@itswooble/icons` is written in TypeScript with complete definitions.

## 🔗 Links

- [Home page](https://ui.wooble.team/)
- [Components Overview](https://ui.wooble.team/docs)
- [It's wooble Icons](https://ui.wooble.team/icons)
- [Npm page](https://www.npmjs.com/package/@itswooble/ui)

## ⌨️ Development
Clone locally:

```bash
$ git clone git@github.com:wooble-team/wooble-icons.git
$ cd wooble-icons
```

## 👋 Founders  
- [Kirill Osintsev](https://github.com/crashzky)
- [Dmitriy Gorbunov](https://github.com/DimaGorbusha) 
- [Alexander Isakov](https://dribbble.com/Alexis4049)
- [Sofia Sokolova](https://www.behance.net/sofa_sofkrad)
npm package: @itswooble/ui
Description: An enterprise-class UI design language and React UI library.
Author: It's wooble
Latest version: 0.0.15

<p align="center">
	<a href="https://ui.wooble.team">
		<img src="./assets/preview.svg">
	</a>
</p>

<h1 align="center">It's wooble UI</h1>

<p align="center">
	An enterprise-class UI design language and React UI library.
</p>

## 📦 Install

```bash
npm install @itswooble/ui
```

```bash
yarn add @itswooble/ui
```

## 🔨 Usage

```jsx
import React from 'react';
import { Button, DatePicker } from '@itswooble/ui';

const App = () => (
	<>
    	<Button type='primary'>PRESS ME</Button>
    	<DatePicker placeholder='select date' />
  	</>
);
```

### TypeScript

`@itswooble/ui` is written in TypeScript with complete definitions.

## 🔗 Links

- [Home page](https://ui.wooble.team/)
- [Components Overview](https://ui.wooble.team/docs)
- [It's wooble Icons](https://ui.wooble.team/icons)
- [Npm page](https://www.npmjs.com/package/@itswooble/ui)

## ⌨️ Development
We use storybook. Clone locally:

```bash
$ git clone git@github.com:wooble-place/wooble-ui.git
$ cd wooble-ui
$ npm install
$ npm run storybook
```

Open your browser and visit [http://172.20.10.3:6006/](http://172.20.10.3:6006/).

## 👋 Founders  
- [Kirill Osintsev](https://github.com/crashzky)
- [Dmitriy Gorbunov](https://github.com/DimaGorbusha) 
- [Alexander Isakov](https://dribbble.com/Alexis4049)
- [Sofia Sokolova](https://www.behance.net/sofa_sofkrad)
npm package: @itsxxxxz/fetch-event-source
Description: base 'https://github.com/Azure/fetch-event-source/fork', resolve IOSwebview unable to handle text/event-stream
Author: Microsoft
Latest version: 0.1.2

# Fetch Event Source

base 'https://github.com/Azure/fetch-event-source/fork', resolve IOSwebview unable to handle text/event-stream
npm package: @itsy-ui/app
Description: ItsyUI app library
Author: ItsyUI
Latest version: 1.0.1

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.
npm package: @itsy-ui/auth
Description: ItsyUI auth library
Author: ItsyUI
Latest version: 1.0.0

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.

This is commercial software. To use it, you need to agree to the [**ItsyUI End User License Agreement**](https://www.itsyui.com/terms). If you do not own a commercial license, this file shall be governed by the trial license terms.

All available ItsyUI commercial licenses may be obtained at https://www.itsyui.com/contact.
npm package: @itsy-ui/chart
Description: ItsyUI chart library
Author: ItsyUI
Latest version: 1.0.2

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.
npm package: @itsy-ui/common
Description: ItsyUI common library
Author: ItsyUI
Latest version: 1.0.1

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.
npm package: @itsy-ui/common-naitve
Description: ItsyUI common library
Author: ItsyUI
Latest version: 1.0.1-alpha.0

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.
npm package: @itsy-ui/core
Description: ItsyUI core library
Author: ItsyUI
Latest version: 1.0.0

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.

This is commercial software. To use it, you need to agree to the [**ItsyUI End User License Agreement**](https://www.itsyui.com/terms). If you do not own a commercial license, this file shall be governed by the trial license terms.

All available ItsyUI commercial licenses may be obtained at https://www.itsyui.com/contact.
npm package: @itsy-ui/data
Description: ItsyUI data library
Author: ItsyUI
Latest version: 1.0.3

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.
npm package: @itsy-ui/feedback
Description: ItsyUI feedback library
Author: ItsyUI
Latest version: 1.0.0

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.

This is commercial software. To use it, you need to agree to the [**ItsyUI End User License Agreement**](https://www.itsyui.com/terms). If you do not own a commercial license, this file shall be governed by the trial license terms.

All available ItsyUI commercial licenses may be obtained at https://www.itsyui.com/contact.
npm package: @itsy-ui/form
Description: ItsyUI form library
Author: ItsyUI
Latest version: 1.0.1

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.
npm package: @itsy-ui/freshui-native-theme
Description: ItsyUI freshui native theme library
Author: ItsyUI
Latest version: 1.0.0

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.
npm package: @itsy-ui/freshui-theme
Description: ItsyUI freshui theme library
Author: ItsyUI
Latest version: 1.0.7

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.
npm package: @itsy-ui/layout
Description: ItsyUI layout library
Author: ItsyUI
Latest version: 1.0.0

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.

This is commercial software. To use it, you need to agree to the [**ItsyUI End User License Agreement**](https://www.itsyui.com/terms). If you do not own a commercial license, this file shall be governed by the trial license terms.

All available ItsyUI commercial licenses may be obtained at https://www.itsyui.com/contact.
npm package: @itsy-ui/navigation
Description: ItsyUI navigation library
Author: ItsyUI
Latest version: 1.0.1

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.
npm package: @itsy-ui/shim
Description: ItsyUI shim library
Author: ItsyUI
Latest version: 1.0.0

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.

This is commercial software. To use it, you need to agree to the [**ItsyUI End User License Agreement**](https://www.itsyui.com/terms). If you do not own a commercial license, this file shall be governed by the trial license terms.

All available ItsyUI commercial licenses may be obtained at https://www.itsyui.com/contact.
npm package: @itsy-ui/utils
Description: ItsyUI utils library
Author: ItsyUI
Latest version: 1.0.0

# Introduction

ItsyUI, the world's most opinionated UI framework to build cross-platform applications.

> The official guide assumes basic level knowledge of HTML, CSS, and JavaScript. If you are totally new to JavaScript development, it might be the best to grasp the basics then come back and reading through the guide.

## What is ItsyUI?

ItsyUI is a,

* State Management library, it is simple and scalable.
* Opinionated framework of sorts.
* Set of rich UI components specifically designed for metadata driven UI.
* Packged with readymade features targeting web, ios, android and pwa apps.

## Future-Proof Architecture

ItsyUI has generally 3 high-level layers,

1. Shell Widgets - Written in pure ReactJS + Finite State Machines (FSM with xstate), and defines the behavior of a widget.
2. UI Widgets - The UI layer forms the way a widget is rendered on screen and only deals with UI and Styling of the widget.
3. Framework Bindings - Configuration based bindings that allow to define UI flows and its behavior as simple JSON configuration. This allows for reusable configurations, for ex: Invoking a REST API on FORM SUBMIT event.

## Browser and device support

ItsyUI is fully optimized and tested for the following platforms.

Mobile
* iOS 9 and up
* Android 4.4.4 and up with WebView or Chrome browser (Android 4.0 and up with Crosswalk engine)

Desktop

* Latest version of Safari browser
* Latest version of Chrome browser

For other platforms, please be aware that some components or features may not work correctly.

## License

[ItsyUI](https://www.itsyui.com)

Copyright © 2021 ItsyUI. All rights reserved.

This is commercial software. To use it, you need to agree to the [**ItsyUI End User License Agreement**](https://www.itsyui.com/terms). If you do not own a commercial license, this file shall be governed by the trial license terms.

All available ItsyUI commercial licenses may be obtained at https://www.itsyui.com/contact.
npm package: @itsy/abortable
Description: a convenience wrapper for AbortController
Author: Dave Honneffer
Latest version: 2.0.1

# @itsy/abortable

## use

```js
import { useAbortable } from '@itsy/abortable'

let loading = false
const updater = useAbortable()

updater.setCallbacks({
  async updateCb() {
    loading = true
    return await (await fetch('/foo/bar', { signal: updater.signal })).json()
  },
  catchCb(err) {
    console.error('Failed to update due to', err)
  },
  finallyCb() {
    loading = false
  }
})
```
npm package: @itsy/animate
Description: tiny animation tools
Author: Dave Honneffer
Latest version: 1.0.1

# @itsy/animate

tiny animation tools

## /move

moves elements using FLIP transforms and the Web Animations API

```js
import { Move } from '@itsy/animate/move'

const myElement = document.querySelector('[data-my-element]')
const move = new Move(myElement)
move.when(() => {
  // something that causes myElement to shift position on the page
})
```

### api

- `when` - will automatically call both `prep` and `play`, will return a Promise that resolves the value returned by the callback
- `prep` - stores the initial position of the element
- `play` - stores the final position of the element then runs the move animation

## /accordion

expands and collapses an element

```js
import { Accordion } from '@itsy/animate/accordion'

const myElement = document.querySelector('[data-my-element]')
const move = new Accordion(myElement)
accordion.when(() => {
  myElement.classList.toggle('h-0') // css example -> .h-0 { height: 0 }
})
```

### api

- `collapse` - sets the element's `style.height` to `0px` and then animates the collapse
- `expand` - sets the element's `style.height` to `null` and then animates the expansion
- `when` - will automatically call both `prep` and `play`, will return a Promise that resolves the value returned by the callback
- `prep` - stores the initial position of the element
- `play` - stores the final position of the element then runs the expand/collapse animation
npm package: @itsy/h
Description: A node html-string renderer with a similar API to Vue 3's h-function
Author: Dave Honneffer
Latest version: 1.2.1

# h

## install

```shell
pnpm add -D @itsy/h
```

## use

```js
import { h } from '@itsy/h'

h('h1', { class: 'omg' }, 'Hello world!')
```

## api

The `h` function can take two or three primary arguments. In the three-argument form, an options-object is also available.

- `tag`: The HTML tag to create
- `attrs`: An object of HTML attributes - e.g. `{ id: 'foo' }` would create `id="foo"`
- `children`: A string or array of strings containing child-content for the parent
- `opts`: An options-object
  - `opts.escape`: Will HTML-escape `children`

### h(tag, attrs | children)

### h(tag, attrs, children, opts?)
npm package: @itsy/onespeed
Description: a plugin to hotfix behavior between Vite 5+ and UnoCSS
Author: Dave Honneffer
Latest version: 1.0.0

# onespeed

A Vite plugin to fix behavior between Vite 5+ and UnoCSS.

## install

```shell
pnpm add -D @itsy/onespeed
```

## use

In `vite.config.js`:

```js
import UnoCSS from 'unocss/vite'
import Onespeed from '@itsy/onespeed'
import { defineConfig } from 'vite'

export default defineConfig({
    plugins: [UnoCSS(), Onespeed()]
})
```
npm package: @itsy/semver-cli
Description: ## use
Author: Dave Honneffer
Latest version: 1.0.1

# @itsy/semver-cli

## use

```shell
npx @itsy/semver-cli --command major 1.0.1
```

- `--debug` can be specified to output debugging info - useful when handling multiple commands
- `--command` is any single valid method from the [semver library](https://github.com/npm/node-semver)
  - multiple methods can be specified and will run in order `npx @itsy/semver-cli --command coerce --command valid 1.0.1`
- the primary argument can be an array of inputs
  - meaning this would work `npx @itsy/semver-cli --command satisfies 1.0.1 1.x`
npm package: @itsy/vite-css-inject
Description: inject CSS into a Vite build
Author: Dave Honneffer
Latest version: 1.0.2

# vite-css-inject

## install

```sh
pnpm add -D @itsy/vite-css-inject
```

## use

```js
import { defineConfig } from 'vite'
import InjectCSS from '@itsy/vite-css-inject'

export default defineConfig({
  plugins: [InjectCSS()]
})
```

`InjectCSS` will only run during build-time, not in dev mode.