@sybilion/uilib 1.0.20 → 1.0.22

package/README.md

@@ -4,12 +4,12 @@ React UI components (Stylus modules, Radix primitives, Recharts).
 
 > This package does **not** embed app-specific contexts or API clients; the host app passes data and callbacks via props.
 
-## Install from GitHub
+## Install from npm (recommended)
 
-Point your package manager at the repository (branch or tag as needed). **Prebuilt ESM** under `dist/esm` is committed to the repo, so consumers **do not** need to run `yarn build` inside `uilib` for the default install path.
+Published as `**@sybilion/uilib`\*\* on the public registry. No scope-specific `.npmrc` required.
 
 ```bash
-yarn add uilib@github:Mir-Insight/uilib#main
+yarn add @sybilion/uilib
 ```
 
 Equivalent in `package.json`:
@@ -17,23 +17,21 @@ Equivalent in `package.json`:
 ```json
 {
   "dependencies": {
-    "uilib": "github:Mir-Insight/uilib#main"
+    "@sybilion/uilib": "^1.0.20"
   }
 }
 ```
 
-### GitHub Packages + bare `uilib` imports
+### Bare `uilib` imports + scoped install
 
-When consuming the published GitHub Packages build (`@Mir-Insight/uilib`) but
-keeping existing imports as `from 'uilib'`, add a bundler alias and matching
-TypeScript paths in the host app:
+When the package is installed as `**@sybilion/uilib**` but you keep imports as `from 'uilib'`, add a bundler alias and matching TypeScript paths:
 
 ```json
 {
   "compilerOptions": {
     "paths": {
-      "uilib": ["node_modules/@Mir-Insight/uilib"],
-      "uilib/*": ["node_modules/@Mir-Insight/uilib/*"]
+      "uilib": ["../node_modules/@sybilion/uilib"],
+      "uilib/*": ["../node_modules/@sybilion/uilib/*"]
     }
   }
 }
@@ -44,54 +42,51 @@ Webpack example:
 ```js
 resolve: {
   alias: {
-    uilib: path.join(paths.modules, '@Mir-Insight/uilib'),
+    uilib: path.join(paths.modules, '@sybilion/uilib'),
   },
 }
 ```
 
-CI installs from GitHub Packages also need npm auth:
-
-```text
-@Mir-Insight:registry=https://npm.pkg.github.com/
-//npm.pkg.github.com/:_authToken=<token with read:packages>
-always-auth=true
-```
-
 ### Default: prebuilt (`dist/esm`)
 
-The package [`exports`](./package.json) entry `.` resolves to Rollup output and generated declarations:
+The package `[exports](./package.json)` entry `.` resolves to Rollup output and generated declarations:
 
 ```ts
-import { Button } from 'uilib';
+import { Button } from '@sybilion/uilib';
+
+// or, with alias: import { Button } from 'uilib';
 ```
 
-Use this when you want **compiled** ESM (CSS modules processed; no Stylus loader required for `uilib`). Ensure your bundler still handles standard JS/CSS imports from `node_modules` as usual.
+Use this when you want **compiled** ESM (CSS modules processed; no Stylus loader required for the library). Ensure your bundler still handles standard JS/CSS imports from `node_modules` as usual.
 
-### Optional: source (`src`)
+### Optional: source (`./src` subpath)
 
-To compile `uilib` from **TypeScript + Stylus** in your app (same as older workflows), import from the `./src` subpath:
+To compile from **TypeScript + Stylus** in your app, use the `./src` export:
 
 ```ts
-import { Button } from 'uilib/src';
+import { Button } from '@sybilion/uilib/src';
 ```
 
-Deep imports are supported via `uilib/src/...` (maps to files under [`src/`](./src)). Internal `#uilib/...` imports resolve through this package’s [`imports`](./package.json) field when bundling source.
+Deep imports use `@sybilion/uilib/src/...` (maps to files under `[src/](./src)`). Internal `#uilib/...` imports resolve through this package’s `[imports](./package.json)` field when bundling source.
+
+### Workspace mini-apps (Sybilion iframe)
 
-## Bundling from source (`uilib` / `uilib/src`)
+See `[docs/workspace-mini-apps.md](./docs/workspace-mini-apps.md)`.
 
-If you use **`uilib/src`** (or deep imports under `uilib/src/`), the host app must **compile** those files like application code:
+## Bundling from source (`uilib/src`)
 
-1. **Include `uilib` in the TypeScript/JSX pipeline** — e.g. extend `babel-loader` / `ts-loader` `include` so it matches `node_modules/uilib` (and not only your app `src`):
+If you use `**uilib/src**` (or deep imports under `uilib/src/`), the host app must **compile** those files like application code:
 
-   ```js
-   include: [paths.src, /node_modules\/uilib/],
-   ```
+1. **Include the library in the TypeScript/JSX pipeline** — e.g. extend `babel-loader` / `ts-loader` `include` so it matches the installed package (and not only your app `src`):
 
-2. **Apply the same Stylus/CSS-module rules** to files under `node_modules/uilib` as you use for your own `.styl` imports.
+```js
+ include: [paths.src, /node_modules\/@sybilion\/uilib/],
+```
 
-3. **Do not remap `#uilib`** — internal imports use the subpath pattern `#uilib/...`, resolved via this package’s `package.json` [`imports`](./package.json) field. Keep your app’s own alias (for example `@` → app `src`) as usual; it does not conflict with `#uilib`.
+2. **Apply the same Stylus/CSS-module rules** to `.styl` under `node_modules/@sybilion/uilib` as you use for your own imports.
+3. **Do not remap `#uilib`** — internal imports use `#uilib/...`, resolved via this package’s `package.json` `[imports](./package.json)`. Keep your app’s own alias (for example `@` → app `src`) as usual; it does not conflict with `#uilib`.
 
-If you only use the **default** entry (`import from 'uilib'`), you typically **do not** need Stylus/TS compilation for `uilib` in the consumer Webpack config.
+If you only use the **default** entry (`import from '@sybilion/uilib'` or aliased `uilib`), you typically **do not** need Stylus/TS compilation for the library in the consumer Webpack config.
 
 ## Peer dependencies
 
@@ -105,9 +100,17 @@ Install these in the consuming app:
 
 Runtime dependencies of this package (Recharts, Radix, `motion`, `vaul`, `@vimeo/player`, etc.) are declared in `package.json` and should be satisfied by the consumer’s install tree.
 
-## Maintainers: keeping `dist/` in sync
+## Maintainers
+
+**npm:** log in (`npm login`), then from repo root:
+
+```bash
+yarn publish:npm    # @sybilion/uilib
+```
+
+runs `yarn build` before `npm publish`.
 
-After changing library **source**, regenerate and commit the prebuilt output:
+**GitHub `github:` consumers:** after changing library **source**, regenerate and commit the prebuilt output:
 
 ```bash
 yarn build
@@ -128,11 +131,14 @@ These areas expect the **app** to supply behavior or data (not vendored from pro
 
 ## Scripts (this repo)
 
-| Script            | Description                                         |
-| ----------------- | --------------------------------------------------- |
-| `yarn dev`        | Webpack dev server for the docs app                 |
-| `yarn docs:build` | Production build of docs to `build/`                |
-| `yarn build`      | Rollup ESM build to `dist/esm`                      |
-| `yarn build:ship` | Same as `yarn build` (refresh `dist` before commit) |
-| `yarn ts`         | Typecheck (`tsc --noEmit`)                          |
-| `yarn tests`      | Jest smoke tests                                    |
+| Script                | Description                                 |
+| --------------------- | ------------------------------------------- |
+| `yarn dev`            | Webpack dev server for the docs app         |
+| `yarn docs:build`     | Production build of docs to `build/`        |
+| `yarn build`          | Rollup ESM build to `dist/esm`              |
+| `yarn build:watch`    | Rollup in watch mode                        |
+| `yarn build:compress` | Rollup build with `COMPRESS=true`           |
+| `yarn publish:npm`    | `yarn build` then publish `@sybilion/uilib` |
+| `yarn ts`             | Typecheck (`tsc --noEmit`)                  |
+| `yarn tests`          | Jest smoke tests                            |
+| `yarn release`        | `standard-version` (bump changelog + tag)   |

package/assets/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><style>.st0{opacity:.3;fill:none;stroke:#fff;stroke-width:3;stroke-miterlimit:10;enable-background:new}.st1{fill:#1d7196}.st2,.st3{opacity:.3;stroke:#fff;stroke-width:3;stroke-miterlimit:10;enable-background:new}.st2{stroke-linejoin:round;fill:none}.st3{fill:#1d7196}</style><path class="st0" d="M20.5 20.7c.2-.2-.1-1.3-.2-1.6 0-.2 0-.3-.1-.4s-.6-.1-.7-.1c-1.9-.5-3.6-1.4-4.8-3.1-.9-1.3-1.3-2.8-1.3-4.3 0-.7.2-1.5.5-2.1.4-.9 1.2-1.5 2.1-2 1.1-.6 2.4-.9 3.7-.9.7 0 1.4 0 2.1.2 1 .3 1.8 1.1 2.3 2 .7 1.4 1.1 2.7 1.3 4.2.1.9.2 2-.1 2.8-.2.5-.5.9-.8 1.3-.3.3-.8.7-.8 1.1 0 .6.1 1.2.2 1.7 0 .3.1.6.1.8 0 .2 0 .2.2.2 1 .1 2.1 0 3.2 0 1.7-.1 3.5-.3 5.2-.3.2 0 .8-.1 1 0s.3.6.4.8c.1.2.2.5.3.7s0 .3-.1.5c-.2.3-.4.5-.6.8-.1.2-.2.4-.4.6s-.4.1-.6.2c-2.1.3-4.3.3-6.4.4h-1.8c.2 1.5.3 3 .4 4.6 0 .4 0 .8.1 1.2 0 .2 0 .4.1.6.1.4.9.5 1.3.5 1.2.1 2.4-.1 3.6.2 1 .2 2.3.1 3.1.7.5.4.8 1.1.6 1.7-.2.7-.7 1.2-1.4 1.3-.5.1-1 0-1.5 0-.7-.1-1.4-.2-2.1-.2-2.7-.2-5.4 0-8.2.1-1.4 0-2.7.2-4 .4-.7.1-1.3.2-2 .2-.5 0-1.2.1-1.7 0-.9-.2-1.9.1-2.4-.9-.3-.7-.2-1.8.6-2.2s1.8-.3 2.7-.4l3-.3c.9-.1 1.9-.2 2.8-.3.5-.1.9-.1 1.4-.2.2 0 .5 0 .6-.1s.1 0 .1-.2c0-.9-.1-1.8-.1-2.7 0-.7-.1-1.4-.1-2.2 0-.3-.1-.6-.1-.9 0-.2 0-.5-.1-.7-.1-.1-.4 0-.5 0h-6.5c-.7 0-1.4 0-2.1-.1-.7 0-1.5 0-2-.5-1.1-1-.3-2.9 1.1-3l9.4-.1zm-.3-11.1c-.5-.2-1.1 0-1.6.1s-.9.3-1.3.5c-.5.3-.6.8-.6 1.4 0 1.3 1 2.7 2.2 3 .6.2 1.2.2 1.8.3.2 0 .2.1.3 0 .3-.2.5-.5.7-.8.1-.1.3-.2.3-.4 0-.1-.1-.4-.1-.5-.1-.4-.1-.8-.2-1.2-.1-.5-.5-1.3-.8-1.8 0 0-.5-.5-.7-.6z"/><path class="st1" d="M20.5 20.7c.2-.2-.1-1.3-.2-1.6 0-.2 0-.3-.1-.4s-.6-.1-.7-.1c-1.9-.5-3.6-1.4-4.8-3.1-.9-1.3-1.3-2.8-1.3-4.3 0-.7.2-1.5.5-2.1.4-.9 1.2-1.5 2.1-2 1.1-.6 2.4-.9 3.7-.9.7 0 1.4 0 2.1.2 1 .3 1.8 1.1 2.3 2 .7 1.4 1.1 2.7 1.3 4.2.1.9.2 2-.1 2.8-.2.5-.5.9-.8 1.3-.3.3-.8.7-.8 1.1 0 .6.1 1.2.2 1.7 0 .3.1.6.1.8 0 .2 0 .2.2.2 1 .1 2.1 0 3.2 0 1.7-.1 3.5-.3 5.2-.3.2 0 .8-.1 1 0s.3.6.4.8c.1.2.2.5.3.7s0 .3-.1.5c-.2.3-.4.5-.6.8-.1.2-.2.4-.4.6s-.4.1-.6.2c-2.1.3-4.3.3-6.4.4h-1.8c.2 1.5.3 3 .4 4.6 0 .4 0 .8.1 1.2 0 .2 0 .4.1.6.1.4.9.5 1.3.5 1.2.1 2.4-.1 3.6.2 1 .2 2.3.1 3.1.7.5.4.8 1.1.6 1.7-.2.7-.7 1.2-1.4 1.3-.5.1-1 0-1.5 0-.7-.1-1.4-.2-2.1-.2-2.7-.2-5.4 0-8.2.1-1.4 0-2.7.2-4 .4-.7.1-1.3.2-2 .2-.5 0-1.2.1-1.7 0-.9-.2-1.9.1-2.4-.9-.3-.7-.2-1.8.6-2.2s1.8-.3 2.7-.4l3-.3c.9-.1 1.9-.2 2.8-.3.5-.1.9-.1 1.4-.2.2 0 .5 0 .6-.1s.1 0 .1-.2c0-.9-.1-1.8-.1-2.7 0-.7-.1-1.4-.1-2.2 0-.3-.1-.6-.1-.9 0-.2 0-.5-.1-.7-.1-.1-.4 0-.5 0h-6.5c-.7 0-1.4 0-2.1-.1-.7 0-1.5 0-2-.5-1.1-1-.3-2.9 1.1-3l9.4-.1zm-.3-11.1c-.5-.2-1.1 0-1.6.1s-.9.3-1.3.5c-.5.3-.6.8-.6 1.4 0 1.3 1 2.7 2.2 3 .6.2 1.2.2 1.8.3.2 0 .2.1.3 0 .3-.2.5-.5.7-.8.1-.1.3-.2.3-.4 0-.1-.1-.4-.1-.5-.1-.4-.1-.8-.2-1.2-.1-.5-.5-1.3-.8-1.8 0 0-.5-.5-.7-.6z"/><path class="st0" d="M6.3 30.1c-.6-.1-.9-.3-1.3-.8s-.4-.9-.2-1.4c.4-.9 1.5-1.2 2.4-1.5 1.9-.6 4-.6 6-.5 1 .1 2 .1 3 .1s1.9.8 1.7 2c-.1.3-.2.5-.4.7-.2.2-.3.3-.6.4-.3.1-.6.2-1 .2-.9.1-1.8.1-2.8.1-1.3 0-2.6 0-3.9.1-.5.1-1.1.2-1.6.4-.3.1-.9.3-1.3.2z"/><path class="st1" d="M6.3 30.1c-.6-.1-.9-.3-1.3-.8s-.4-.9-.2-1.4c.4-.9 1.5-1.2 2.4-1.5 1.9-.6 4-.6 6-.5 1 .1 2 .1 3 .1s1.9.8 1.7 2c-.1.3-.2.5-.4.7-.2.2-.3.3-.6.4-.3.1-.6.2-1 .2-.9.1-1.8.1-2.8.1-1.3 0-2.6 0-3.9.1-.5.1-1.1.2-1.6.4-.3.1-.9.3-1.3.2z"/><path class="st0" d="M26.2 27.3c-.1-.2.6-.8.7-.9.2-.2.4-.4.6-.4.2-.1.5-.1.8-.1.5 0 1.1 0 1.6-.1 1.7-.1 3.5-.4 5.1.2.3.1.5.2.7.3.1.1.3.1.3.3 0 .1-.1.4-.1.6-.2.7-.3 1.4-1 1.8-.3.2-.7.2-1.1.2-.8.1-1.7.1-2.5.1-.9 0-1.7 0-2.6-.1h-1.2c-.1 0-.4.1-.5 0l-.8-1.9z"/><path class="st1" d="M26.2 27.3c-.1-.2.6-.8.7-.9.2-.2.4-.4.6-.4.2-.1.5-.1.8-.1.5 0 1.1 0 1.6-.1 1.7-.1 3.5-.4 5.1.2.3.1.5.2.7.3.1.1.3.1.3.3 0 .1-.1.4-.1.6-.2.7-.3 1.4-1 1.8-.3.2-.7.2-1.1.2-.8.1-1.7.1-2.5.1-.9 0-1.7 0-2.6-.1h-1.2c-.1 0-.4.1-.5 0l-.8-1.9z"/><path class="st2" d="M10.8 15.7c.3.3 1.9 1.9 1.9 2 0 .2-.2.3-.2.4-.2.3-.4.5-.6.8-.2.2-.6.9-1 .7-1.8-.7-3-2.4-4.4-3.8-.7-.7-1.4-1.4-2.2-2-.4-.3-.7-.7-1.1-1-.2-.2-.5-.5-.6-.8-.3-1.1.5-2.3 1.6-2.2.7.1 1.4.7 1.9 1.2 1.7 1.4 3.2 3 4.7 4.7"/><path class="st1" d="M10.8 15.7c.3.3 1.9 1.9 1.9 2 0 .2-.2.3-.2.4-.2.3-.4.5-.6.8-.2.2-.6.9-1 .7-1.8-.7-3-2.4-4.4-3.8-.7-.7-1.4-1.4-2.2-2-.4-.3-.7-.7-1.1-1-.2-.2-.5-.5-.6-.8-.3-1.1.5-2.3 1.6-2.2.7.1 1.4.7 1.9 1.2 1.7 1.4 3.2 3 4.7 4.7"/><g id="XMLID_1_"><path class="st3" d="M28.2 17.2c-.3-.3-.3-.7-.3-1.2.1-.7.4-1.3.8-1.8 1.1-1.6 2.3-3.2 3.5-4.7.2-.3.6-.9 1-1.1.5-.2 1.1-.1 1.5.3.2.2.4.4.5.6.1.2.3.4.4.6.1.3-.4.9-.5 1.1-.5.8-1.1 1.6-1.7 2.4-.7 1-1.4 1.9-2.1 2.9-.3.4-.6.9-1 1.2-.1.1-.9.1-1.7 0l-.4-.3z"/><path class="st1" d="M28.2 17.2c-.3-.3-.3-.7-.3-1.2.1-.7.4-1.3.8-1.8 1.1-1.6 2.3-3.2 3.5-4.7.2-.3.6-.9 1-1.1.5-.2 1.1-.1 1.5.3.2.2.4.4.5.6.1.2.3.4.4.6.1.3-.4.9-.5 1.1-.5.8-1.1 1.6-1.7 2.4-.7 1-1.4 1.9-2.1 2.9-.3.4-.6.9-1 1.2-.1.1-.9.1-1.7 0l-.4-.3z"/></g></svg>

package/assets/fonts/fonts.css

@@ -0,0 +1,63 @@
+@font-face {
+  font-family: 'Manrope';
+  src: url('../fonts/Manrope-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Manrope';
+  src: url('../fonts/Manrope-Medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Manrope';
+  src: url('../fonts/Manrope-Bold.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'KMR Apparat';
+  src: url('../fonts/Apparat-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'KMR Apparat';
+  src: url('../fonts/Apparat-Heavy.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'KMR Apparat';
+  src: url('../fonts/Apparat-Medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'KMR Apparat';
+  src: url('../fonts/Apparat-Light.woff2') format('woff2');
+  font-weight: 300;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: 'KMR Apparat';
+  src: url('../fonts/Apparat-Black.woff2') format('woff2');
+  font-weight: 100;
+  font-style: normal;
+  font-display: block;
+}