@rokkit/icons 1.0.0-next.132 → 1.0.0-next.134

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Jerry Thomas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1 +1,104 @@
-# Icons
+# @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.

package/lib/app/icons.json

@@ -110,7 +110,7 @@
       "body": "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 15c0 2.828 0 4.243.879 5.121C4.757 21 6.172 21 9 21h6c2.828 0 4.243 0 5.121-.879C21 19.243 21 17.828 21 15\" opacity=\".5\"/><path d=\"M12 16V3m0 0 4 4.375M12 3 8 7.375\"/></g>"
     }
   },
-  "lastModified": 1772509584,
+  "lastModified": 1773334675,
   "width": 24,
   "height": 24
 }

package/lib/app.json

@@ -1,6 +1,6 @@
 {
   "prefix": "app",
-  "lastModified": 1772509584,
+  "lastModified": 1773334675,
   "icons": {
     "alert-bell": {
       "body": "<g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M18.75 9.71v-.705C18.75 5.136 15.726 2 12 2S5.25 5.136 5.25 9.005v.705a4.4 4.4 0 01-.692 2.375L3.45 13.81c-1.011 1.575-.239 3.716 1.52 4.214a25.8 25.8 0 0014.06 0c1.759-.498 2.531-2.639 1.52-4.213l-1.108-1.725a4.4 4.4 0 01-.693-2.375Z\"/><path stroke-linecap=\"round\" d=\"M7.5 19c.655 1.748 2.422 3 4.5 3s3.845-1.252 4.5-3\" opacity=\".5\"/></g>"