open-index/open-npm huggingface dataset:
npm package: @kittl/ui
Description: Kittl UI components.
Latest version: 0.0.1

# @kittl/ui

Kittl UI components.

This contains all of the Kittl UI components, as well as auto-generated icon components
Also ships with `@kittl/ui-tokens` included


# Usage
This package can be imported in 3 ways:

## Tree-shaking friendly
```javascript
// esm
import { Button } from '@kittl/ui/Button';
```
```javascript
// cjs
const { Button}
```

If you use this approach, you must import the style loader separately once somewhere on your page:
```javascript
import '@kittl/ui/styles';
```


## Convenient
```javascript
// esm
import { Button } from '@kittl/ui';
```
```javascript
// cjs
const { Button } = require('@kittl/ui');
```

## Browser
```html
<script src="https://"></script>
```


## Development
```bash
pnpm install
pnpm dev
```
Then open the `demo/index.html` file in your browser to see the components in action.
npm package: @kittl/ui-icons
Latest version: 0.0.1

# @kittl/ui-icons


# What is this package?
This package contains a collection of UI icons for use in Kittl's UI. The icons are exported as objects that contain everything needed to recreate the SVGs within @kittl/ui, such as the viewBox, path data, and optional fill and stroke properties.


```typescript
export type SVGIcon = {
  viewBox: string;
  fill?: string;
  stroke?: string;
  path: string;
};
```


It will export each icon on its own path at `@kittl/ui-icons/icons/{iconName}`, as well as a singular barrel at `@kittl/ui-icons` that exports all icons as named exports.