open-index/open-npm huggingface dataset:
npm package: @rokkit/icons
Description: A minimal icon set for use in Rokkit applications.
Author: Jerry Thomas
Latest version: 1.0.0-next.164

# @rokkit/icons

Minimal icon set for Rokkit applications, bundled as Iconify JSON.

## Install

```bash
bun add @rokkit/icons
# or
npm install @rokkit/icons
```

No runtime dependencies.

## Overview

`@rokkit/icons` ships a curated set of SVG icons as Iconify-compatible JSON bundles. Each bundle is available as a named subpath export.

| Subpath                         | Collection          | Description                                 |
| ------------------------------- | ------------------- | ------------------------------------------- |
| `@rokkit/icons` (default)       | `rokkit-ui`         | Base UI icons — navigation, actions, states |
| `@rokkit/icons/ui.json`         | `rokkit-ui`         | Same as default                             |
| `@rokkit/icons/light.json`      | `rokkit-light`      | Outlined lightweight icons                  |
| `@rokkit/icons/solid.json`      | `rokkit-solid`      | Solid filled icons                          |
| `@rokkit/icons/twotone.json`    | `rokkit-twotone`    | Two-tone icons                              |
| `@rokkit/icons/components.json` | `rokkit-components` | Component-specific icons                    |
| `@rokkit/icons/auth.json`       | `rokkit-auth`       | Authentication icons (login, logout, user)  |
| `@rokkit/icons/app.json`        | `rokkit-app`        | Application icons                           |

## Usage

### With `@rokkit/unocss` (recommended)

Icons are available automatically when using `presetRokkit()`. Reference them as UnoCSS utility classes:

```html
<span class="i-rokkit-ui:menu"></span>
<span class="i-rokkit-solid:check"></span>
<span class="i-rokkit-light:close"></span>
<span class="i-rokkit-auth:login"></span>
```

### With UnoCSS directly

```ts
// uno.config.ts
import { defineConfig, presetIcons } from 'unocss'
import uiIcons from '@rokkit/icons/ui.json'
import solidIcons from '@rokkit/icons/solid.json'

export default defineConfig({
  presets: [
    presetIcons({
      collections: {
        'rokkit-ui': () => uiIcons,
        'rokkit-solid': () => solidIcons
      }
    })
  ]
})
```

### With Iconify runtime

```js
import { addCollection } from '@iconify/svelte'
import uiIcons from '@rokkit/icons/ui.json'
import authIcons from '@rokkit/icons/auth.json'

addCollection(uiIcons)
addCollection(authIcons)
```

```svelte
<script>
  import { Icon } from '@iconify/svelte'
</script>

<Icon icon="rokkit-ui:menu" />
<Icon icon="rokkit-auth:login" />
```

### Direct import (framework-agnostic)

Each bundle is a standard Iconify JSON file. Import and use it with any Iconify-compatible tooling:

```js
import icons from '@rokkit/icons/solid.json'

// icons.prefix  → "rokkit-solid"
// icons.icons   → { "check": { body: "..." }, ... }
```

## Building Custom Icon Sets

Use `@rokkit/cli` to bundle your own SVG folders into Iconify JSON in the same format:

```bash
bunx @rokkit/cli bundle -i ./my-icons -o ./lib
```

---

Part of [Rokkit](https://github.com/jerrythomas/rokkit) — a Svelte 5 component library and design system.
npm package: @rokkit/organisms
Description: Organisms components
Author: Jerry Thomas
Latest version: 1.0.0-next.100
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @rokkit/organisms

Data-driven components are designed to be versatile and adaptable, allowing developers to harness their power and customize them according to specific requirements.

- These components offer a wealth of possibilities for creating dynamic and interactive experiences that cater to diverse user needs.
- They provide the ability to present and manipulate data in meaningful ways, making it easier for users to consume and interact with information.
- Their extensibility opens up a world of opportunities to enhance and tailor user interfaces, ensuring that applications can accommodate various use cases and adapt to evolving needs.

This library is a collection of such data-driven components. These components are designed to be highly customizable and flexible, allowing you to tailor them to your specific requirements. They provide seamless integration with other components and utilities in the Rocket ecosystem, ensuring consistent and cohesive UI experiences across your application.

## Components

- List
- Accordion
- Tree
- Tabs
- Switch
- Select
- MultiSelect
- Form

## Forms

You can also create dynamic forms by providing value and optional schema and layout structure.

- [x] Create a form by passing just an object
- [x] Add data validations by providing schema
- [x] Tweak the presentation by providing a layout

Next up:

- [ ] Support Enums
- [ ] Override attribute editors
- [ ] Additional properties for editors
- [ ] Inline Validations
- [ ] Conditional Sections
- [ ] Dependant attributes
- [ ] Arrays