@ojiepermana/angular 22.1.14 → 22.2.1

package/fesm2022/ojiepermana-angular-theme.mjs

@@ -1,10 +0,0 @@
-/*
- * Public API Surface of @ojiepermana/angular/theme
- *
- * Layout, page, dan styles diekspos lewat secondary entry point di dalam
- * library/theme.
- */
-
-/**
- * Generated bundle index. Do not edit.
- */

package/fesm2022/ojiepermana-angular.mjs

@@ -1,24 +1,5 @@
-export * from '@ojiepermana/angular/chart';
-export * from '@ojiepermana/angular/component';
-export * from '@ojiepermana/angular/navigation';
-export * from '@ojiepermana/angular/sdk';
-export * from '@ojiepermana/angular/theme';
-
-/*
- * Public API of @ojiepermana/angular
- *
- * PRODUCTION IMPORTS — always import from a subpath entry point. Subpaths are
- * tree-shakeable and pull in only what you use:
- *   import { BarChart } from '@ojiepermana/angular/chart/bar';
- *   import { Button } from '@ojiepermana/angular/component/button';
- *   import { provideUiTheme } from '@ojiepermana/angular/theme/styles';
- *
- * CONVENIENCE ONLY — the root barrel below re-exports the entire design system
- * (chart + component + navigation + sdk + theme). Importing from the bare
- * `@ojiepermana/angular` specifier drags in everything, so reserve it for tests,
- * demos, or prototypes. Never use the root barrel in production code.
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
+export * from "@ojiepermana/angular/chart";
+export * from "@ojiepermana/angular/component";
+export * from "@ojiepermana/angular/navigation";
+export * from "@ojiepermana/angular/sdk";
+export * from "@ojiepermana/angular/theme";

package/navigation/README.md

@@ -5,7 +5,7 @@
 ```ts
 import {
   NavigationContainerComponent,
-  NavigationSidebarComponent, // type: NavigationDockbar/Navbar/FlyoutComponent
+  NavigationSidebarComponent, // type: NavigationDockbar/Minidock/Navbar/FlyoutComponent
   NavigationHeaderComponent,
   NavigationContentComponent,
   NavigationFooterComponent,
@@ -44,17 +44,17 @@ const items: NavigationItem[] = [
 </Navigation>
 ```
 
-Type dipilih lewat komponen anak deklaratif — `NavigationSidebar`, `NavigationDockbar`, `NavigationNavbar`, atau `NavigationFlyout` — satu type hidup per `<Navigation>`. Di dalam type, `NavigationHeader` dan `NavigationFooter` opsional, sedangkan `NavigationContent` selalu dirender (otomatis dibuat bila tidak diproyeksikan).
+Type dipilih lewat komponen anak deklaratif (`NavigationSidebar`, `NavigationDockbar`, `NavigationMinidock`, `NavigationNavbar`, atau `NavigationFlyout`), satu type hidup per `<Navigation>`. Di dalam type, `NavigationHeader` dan `NavigationFooter` opsional, sedangkan `NavigationContent` selalu dirender (otomatis dibuat bila tidak diproyeksikan).
 
 ## API Notes
 
 - `data` is the source of navigation data.
-- Type is declared by the child component: `NavigationSidebar`/`NavigationDockbar` (vertical), `NavigationNavbar`/`NavigationFlyout` (horizontal). Orientation is implied by the type child.
+- Type is declared by the child component: `NavigationSidebar`/`NavigationDockbar`/`NavigationMinidock` (vertical), `NavigationNavbar`/`NavigationFlyout` (horizontal). Orientation is implied by the type child.
 - `id` identifies a navigation instance so multiple navs can keep distinct service state.
 - `data-id` optionally publishes the input data under a different registry id. This lets a
   mobile mirror use isolated state (`id="main-mobile"`) while exposing the same data contract
   as the desktop navigation (`data-id="main"`).
-- `position` on `NavigationSidebar`/`NavigationDockbar` accepts `left` or `right` (vertical).
+- `position` on `NavigationSidebar`/`NavigationDockbar`/`NavigationMinidock` accepts `left` or `right` (vertical).
 - `collapsed` on `NavigationSidebar` controls the icon-only sidebar state.
 - `mode` on `NavigationDockbar` accepts `sticky` or `drawer`.
 - `dockbar-route-context` on `NavigationDockbar` opts into Router-aware header, rail deduplication,
@@ -109,19 +109,20 @@ Inputs pada `<Navigation>` (container):
 
 Inputs pada komponen type:
 
-| Component           | API                     | Type                                              | Notes                                                                         |
-| ------------------- | ----------------------- | ------------------------------------------------- | ----------------------------------------------------------------------------- |
-| `NavigationSidebar` | `position`              | `left \| right \| null`                           | Side the rail docks to.                                                       |
-| `NavigationSidebar` | `collapsed`             | `boolean \| null`                                 | Controls collapsed vertical sidebar state.                                    |
-| `NavigationSidebar` | `nav-sidebar-collapse`  | `boolean`                                         | Enables hover-driven preview expansion on collapsed sidebars.                 |
-| `NavigationSidebar` | `previewExpanded`       | `boolean`                                         | Forces a collapsed sidebar to render expanded for preview.                    |
-| `NavigationDockbar` | `mode`                  | `sticky \| drawer \| null`                        | Docked aside beside the rail, or overlay drawer.                              |
-| `NavigationDockbar` | `position`              | `left \| right \| null`                           | Side the rail docks to.                                                       |
-| `NavigationDockbar` | `dockbar-route-context` | `boolean \| NavigationDockbarRouteConfig \| null` | Opt-in Router context and optional overrides.                                 |
-| `NavigationDockbar` | `dockbar-badge`         | `NavigationBadgeContext`                          | Reactive badge sources keyed by item or route metadata.                       |
-| `NavigationNavbar`  | `nav-appearance`        | `flat \| border-rail`                             | Style variant. `border-rail` = squared panel, dashed icon rails, no hover bg. |
-| `NavigationFlyout`  | `label`                 | `string`                                          | Trigger label. Defaults to `Menu`.                                            |
-| `NavigationFlyout`  | `nav-appearance`        | `flat \| border-rail`                             | Style variant. `border-rail` = squared panel, dashed icon rails, no hover bg. |
+| Component            | API                     | Type                                              | Notes                                                                         |
+| -------------------- | ----------------------- | ------------------------------------------------- | ----------------------------------------------------------------------------- |
+| `NavigationSidebar`  | `position`              | `left \| right \| null`                           | Side the rail docks to.                                                       |
+| `NavigationSidebar`  | `collapsed`             | `boolean \| null`                                 | Controls collapsed vertical sidebar state.                                    |
+| `NavigationSidebar`  | `nav-sidebar-collapse`  | `boolean`                                         | Enables hover-driven preview expansion on collapsed sidebars.                 |
+| `NavigationSidebar`  | `previewExpanded`       | `boolean`                                         | Forces a collapsed sidebar to render expanded for preview.                    |
+| `NavigationDockbar`  | `mode`                  | `sticky \| drawer \| null`                        | Docked aside beside the rail, or overlay drawer.                              |
+| `NavigationDockbar`  | `position`              | `left \| right \| null`                           | Side the rail docks to.                                                       |
+| `NavigationDockbar`  | `dockbar-route-context` | `boolean \| NavigationDockbarRouteConfig \| null` | Opt-in Router context and optional overrides.                                 |
+| `NavigationDockbar`  | `dockbar-badge`         | `NavigationBadgeContext`                          | Reactive badge sources keyed by item or route metadata.                       |
+| `NavigationMinidock` | `position`              | `left \| right \| null`                           | Side the rail docks to. The separating border is set through `class`.         |
+| `NavigationNavbar`   | `nav-appearance`        | `flat \| border-rail`                             | Style variant. `border-rail` = squared panel, dashed icon rails, no hover bg. |
+| `NavigationFlyout`   | `label`                 | `string`                                          | Trigger label. Defaults to `Menu`.                                            |
+| `NavigationFlyout`   | `nav-appearance`        | `flat \| border-rail`                             | Style variant. `border-rail` = squared panel, dashed icon rails, no hover bg. |
 
 Semua type juga menerima `class` untuk kelas tambahan pada elemen shell-nya.
 
@@ -149,6 +150,56 @@ Semua type juga menerima `class` untuk kelas tambahan pada elemen shell-nya.
 | `columns`                                                            | `number`                                                                                     | Column count for `mega` style items.                                                                                        |
 | `children`                                                           | `readonly NavigationItem[]`                                                                  | Nested items. Trees can be deeper than one level.                                                                           |
 
+## Minidock
+
+`NavigationMinidock` is a permanent vertical icon rail. It renders exactly like a collapsed
+sidebar (`--layout-sidebar-collapsed-width`, `--nav-rail-item-size`, a tooltip per item, a two
+letter fallback for items without an icon), but it never expands: there is no `collapsed` input,
+no `nav-sidebar-collapse`, no hover or focus preview, no header toggle, and
+`NavigationService.toggleCollapsed()` does nothing for it. Its stored `nav-type-mode` is always
+`default`.
+
+```html
+<Navigation id="app-rail" [data]="items" class="h-full">
+  <NavigationMinidock class="border-r border-border" />
+</Navigation>
+```
+
+The data contract is strict. Minidock only accepts `basic`, `item`, or untyped items without
+children, plus `divider` and `spacer`. Any `group`, `collapsible`, `collapsable`, `mega`, or
+`aside` item, or any item with non empty `children` (hidden items included), throws an `Error`
+in development **and production**. The error reaches Angular's `ErrorHandler` and names the item
+index, its title, and the rejected type, for example
+`Item [2] "Component" bertipe "group".`
+
+Flatten grouped data with `toMinidockItems()` from `@ojiepermana/angular/navigation/types`.
+It is a pure function whose output always passes that check, and it is the safe path for data
+that comes from a backend:
+
+```ts
+import { toMinidockItems } from '@ojiepermana/angular/navigation/types';
+
+protected readonly railItems = computed(() => toMinidockItems(this.items()));
+```
+
+- Leaves are kept as the same object, unless a parent's `isHidden` has to be merged in.
+- `group` and `mega` (at any level) become a divider boundary and their content is flattened;
+  an empty group adds no divider.
+- `collapsible`, `collapsable`, and `aside` are dropped as parents; their children are lifted.
+- Leading, trailing, and repeated dividers are compacted; `spacer` survives only at the top level.
+- A leaf whose `id` repeats is kept once (first occurrence wins).
+- A lifted leaf is hidden when any of its parents is hidden, and a group's boundary divider hides
+  with that group.
+
+A `spacer` pushes every item after it to the bottom of the rail. `LayoutWrapperDefault` offers
+the type as `nav-type="minidock"` on a vertical layout: it renders `LayoutNavMinidock` with
+`toMinidockItems(data())` under the data id `main-minidock`, and keeps publishing the full
+`data()` under `main`.
+
+Adding `'minidock'` widens `NavigationVerticalType` (and so `NavigationType`). The change is
+additive, but a consumer `switch` that is exhaustive over `NavigationType` needs a `minidock`
+branch before it compiles again.
+
 ## Route-aware dockbar
 
 The feature is opt-in so existing dockbar, sidebar, navbar, and flyout consumers keep their
@@ -369,6 +420,6 @@ tetap sama; hanya distribusi chunk di sisi consumer yang lebih ringan.
 
 ## Support and security
 
-Angular 22.1–22.x CSR/browser usage is supported; SSR, prerendering, and hydration are not. See the
+Angular 22.2–22.x CSR/browser usage is supported; SSR, prerendering, and hydration are not. See the
 bundled `SUPPORT.md`. Report suspected vulnerabilities privately using the instructions in the
 bundled `SECURITY.md`. This package is MIT licensed; see the bundled `LICENSE`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ojiepermana/angular",
-  "version": "22.1.14",
+  "version": "22.2.1",
   "description": "Accessible, tree-shakable Angular 22 design system from ojiepermana: UI components, charts, navigation shells, theme tokens, and an OpenAPI SDK generator.",
   "license": "MIT",
   "keywords": [
@@ -23,12 +23,12 @@
     "code-generation"
   ],
   "engines": {
-    "node": "^20.19.0 || ^22.12.0 || >=24.0.0 <25.0.0 || >=26.0.0 <27.0.0"
+    "node": "^22.22.3 || ^24.15.0 || >=26.0.0 <27.0.0"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ojiepermana/angular.git",
-    "directory": "library"
+    "directory": "packages/angular"
   },
   "homepage": "https://github.com/ojiepermana/angular#readme",
   "bugs": {
@@ -36,13 +36,13 @@
     "email": "me@ojiepermana.com"
   },
   "peerDependencies": {
-    "@angular/cdk": ">=22.1.0 <23.0.0",
-    "@angular/common": ">=22.1.0 <23.0.0",
-    "@angular/core": ">=22.1.0 <23.0.0",
-    "@angular/forms": ">=22.1.0 <23.0.0",
-    "@angular/material": ">=22.1.0 <23.0.0",
-    "@angular/platform-browser": ">=22.1.0 <23.0.0",
-    "@angular/router": ">=22.1.0 <23.0.0",
+    "@angular/cdk": ">=22.2.0 <23.0.0",
+    "@angular/common": ">=22.2.0 <23.0.0",
+    "@angular/core": ">=22.2.0 <23.0.0",
+    "@angular/forms": ">=22.2.0 <23.0.0",
+    "@angular/material": ">=22.2.0 <23.0.0",
+    "@angular/platform-browser": ">=22.2.0 <23.0.0",
+    "@angular/router": ">=22.2.0 <23.0.0",
     "rxjs": ">=7.8.0 <8.0.0"
   },
   "peerDependenciesMeta": {
@@ -60,7 +60,7 @@
     }
   },
   "dependencies": {
-    "@angular-devkit/schematics": ">=22.1.0 <23.0.0",
+    "@angular-devkit/schematics": ">=22.2.0 <23.0.0",
     "@types/d3-array": "^3.2.2",
     "@types/d3-scale": "^4.0.9",
     "@types/d3-shape": "^3.1.8",
@@ -455,6 +455,10 @@
       "types": "./types/ojiepermana-angular-theme-page-filter.d.ts",
       "default": "./fesm2022/ojiepermana-angular-theme-page-filter.mjs"
     },
+    "./theme/page/overview": {
+      "types": "./types/ojiepermana-angular-theme-page-overview.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-theme-page-overview.mjs"
+    },
     "./theme/page/root": {
       "types": "./types/ojiepermana-angular-theme-page-root.d.ts",
       "default": "./fesm2022/ojiepermana-angular-theme-page-root.mjs"
@@ -498,5 +502,5 @@
   "module": "fesm2022/ojiepermana-angular.mjs",
   "typings": "types/ojiepermana-angular.d.ts",
   "type": "module",
-  "gitHead": "5c91b71dd0fd6c851de7ef47a2e772b615062263"
+  "gitHead": "1d9e13ff98804f60ee81765a22a6b5a814d0f374"
 }

package/sdk/README.md

@@ -1,7 +1,7 @@
 # @ojiepermana/angular/sdk
 
 OpenAPI 3.x → Angular SDK generator for the `@ojiepermana/angular` design system.
-Source lives in [`library/sdk`](.); it ships as the `sdk` subpath of the single
+Source lives in [`packages/angular/sdk`](.); it ships as the `sdk` subpath of the single
 `@ojiepermana/angular` package, and its schematic collection is the package's own
 `ng add` / `ng generate` collection.
 

package/sdk/src/writer/index.js

@@ -32,8 +32,8 @@ function writeLibrary(files, ir, target, workspaceRoot, outputDir) {
         version: target.packageVersion,
         description: `Generated SDK for ${ir.title} ${ir.version}`,
         peerDependencies: {
-            '@angular/common': '>=22.1.0',
-            '@angular/core': '>=22.1.0',
+            '@angular/common': '>=22.2.0',
+            '@angular/core': '>=22.2.0',
             rxjs: '>=7.8.0',
         },
         sideEffects: false,

package/theme/README.md

@@ -121,6 +121,6 @@ font in your own stylesheet if you need it.
 
 ## Support and security
 
-Angular 22.1–22.x CSR/browser usage is supported; SSR, prerendering, and hydration are not. See the
+Angular 22.2–22.x CSR/browser usage is supported; SSR, prerendering, and hydration are not. See the
 bundled `SUPPORT.md`. Report suspected vulnerabilities privately using the instructions in the
 bundled `SECURITY.md`. This package is MIT licensed; see the bundled `LICENSE`.

package/theme/layout/README.md

@@ -136,7 +136,7 @@ Aturan penggunaannya:
 Untuk halaman yang memiliki default sendiri tetapi tetap harus tunduk pada nilai local storage yang sudah tersimpan, pakai `LayoutService.registerDefaults(...)` sekali di level page, lalu bind root `Layout` ke signal service.
 
 ```ts
-import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import {
   LayoutService,
   LayoutComponent,
@@ -147,7 +147,6 @@ import {
 
 @Component({
   selector: 'demo-board',
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     LayoutComponent,
     LayoutHorizontalComponent,
@@ -470,12 +469,11 @@ Persistence behavior:
 Contoh penggunaan:
 
 ```ts
-import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { LayoutService } from '@ojiepermana/angular/theme/layout/services';
 
 @Component({
   selector: 'demo-layout-toggle',
-  changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
     <button type="button" (click)="layout.setAppearance('flat')">Flat</button>
     <button type="button" (click)="layout.setAppearance('border-rail')">Border rail</button>

package/theme/page/README.md

@@ -17,6 +17,7 @@ import {
   PageFilterComponent,
   PageFilterToggleComponent,
 } from '@ojiepermana/angular/theme/page/filter';
+import { PageOverviewComponent } from '@ojiepermana/angular/theme/page/overview';
 import { PageSideComponent, PageSideToggleComponent } from '@ojiepermana/angular/theme/page/side';
 ```
 
@@ -33,11 +34,13 @@ Semua entrypoint bersifat additive; import lama dari `/page` tetap valid.
 - `PageSideToggle`
 - `PageFilter`
 - `PageFilterToggle`
+- `PageOverview`
 
 `PageSideToggle` menerima projected content untuk label atau ikon kustom. Jika tidak ada projected content, komponen akan memakai ikon fallback bawaan.
 `PageHeader` dan `PageFooter` memakai `--section-border-opacity`, token separator yang sama dengan header/footer Navigation, sehingga garis section konsisten tanpa mengubah border frame utama Layout.
 `PageDashboard` mengikuti perilaku layout dan scroll yang sama dengan `PageContent`, tetapi disediakan sebagai slot semantik untuk dashboard, board, dan surface analitik.
 `PageFilter` adalah slot filter yang bisa diletakkan **stacked** (bar di antara `PageHeader` dan `PageContent`) atau **side** (kolom di samping `PageContent`). `PageFilterToggle` mengontrol `PageFilter` saat memakai mode `drawer`/`overlay`.
+`PageOverview` adalah pita ringkasan untuk card, KPI, dan chart. Letaknya stacked di bawah `PageFilter` dan di atas `PageContent`, dan selalu tampil tanpa toggle.
 
 ## Root API
 
@@ -132,6 +135,8 @@ Tombol hanya muncul ketika layout aktif `empty` dan nav target punya data. Di la
 | `ariaLabel`   | `string`                            | `'Filters'` | Nama aksesibilitas panel saat `drawer`/`overlay` (dipasang sebagai `aria-label` pada `role="dialog"`).                  |
 | `class`       | `string`                            | `''`        | Class tambahan pada host `PageFilter`.                                                                                  |
 
+Latar `PageFilter` memakai token neutral tema yang dilembutkan, `bg-surface/50 text-surface-foreground`, sehingga ikut berganti mengikuti `theme-neutral` dan mode terang/gelap. Saat filter menumpuk di atas content (`drawer`, `overlay`, atau bar stacked yang sticky di `scroll="page"`), warnanya sama tetapi opak agar content tidak tembus. Timpa lewat input `class` bila perlu latar lain.
+
 `PageFilter` menambahkan atribut host `data-page-slot="filter"`, `data-page-filter-placement`, `data-page-filter-mode`, `data-page-filter-open`, dan `data-page-position`.
 
 Aksesibilitas: pada mode `drawer`/`overlay`, panel menjadi `role="dialog"` (dengan `aria-modal`
@@ -149,6 +154,18 @@ mengklik backdrop overlay) menutup panel mengambang yang sedang terbuka.
 | `class`        | `string`  | `''`                   | Class tambahan pada host toggle.                            |
 | `toggled`      | `boolean` | -                      | Emit nilai open state terbaru setelah tombol toggle diklik. |
 
+### `PageOverview`
+
+| Input       | Type             | Default | Keterangan                                                                      |
+| ----------- | ---------------- | ------- | ------------------------------------------------------------------------------- |
+| `ariaLabel` | `string \| null` | `null`  | Bila diisi, host menjadi landmark `role="region"` dengan `aria-label` tersebut. |
+| `class`     | `string`         | `''`    | Class tambahan pada host, misalnya grid dan padding untuk deret card.           |
+
+`PageOverview` menambahkan atribut host `data-page-slot="overview"`, dan `Page` mendapat
+`data-page-overview` selama slot ini dipakai. Latarnya sama dengan `PageFilter`,
+`bg-surface/50 text-surface-foreground`, dengan `border-b` sebagai pemisah dari content.
+Slot ini tidak punya padding sendiri; jarak dan tata letak card milik konsumen lewat `class`.
+
 ## Variants
 
 - `stacked`
@@ -195,6 +212,15 @@ Saat memakai `height="fix"`, slot berikut tidak boleh melebihi tinggi tetap yang
 
 Karena independen dari `variant`, side filter bisa hidup berdampingan dengan `PageSide` — `PageSide` tetap menjadi rail terluar dan `PageFilter` menjadi kolom yang lebih dekat ke content (`[PageSide | PageFilter | PageContent]`).
 
+## Overview Band
+
+`PageOverview` selalu stacked, selebar content, dan tingginya mengikuti isi:
+
+- Urutannya `PageFilter` (stacked) → `PageOverview` → `PageContent`. Tanpa filter, overview langsung berada di bawah `PageHeader`.
+- `scroll="content"`: overview diam di tempat, content mengisi tinggi sisa dan scroll sendiri. Overview yang tinggi ikut memakan ruang content, jadi untuk deret chart yang besar pertimbangkan `scroll="page"`.
+- `scroll="page"`: overview ikut ter-scroll bersama page dan tidak pernah sticky; filter stacked tetap dipin di atas.
+- Dengan `PageFilter placement="side"` mode `sticky`, filter menjadi kolom setinggi overview + content. Pada mode `drawer`/`overlay`, filter mengambang di atas keduanya, dan overlay ikut membuat overview inert.
+
 ## Examples
 
 ### Stacked with content scroll
@@ -451,3 +477,27 @@ Karena independen dari `variant`, side filter bisa hidup berdampingan dengan `Pa
   </PageContent>
 </Page>
 ```
+
+### Overview berisi card di bawah filter
+
+```html
+<Page variant="stacked" height="fix" scroll="content">
+  <PageHeader>
+    <h1>Sales</h1>
+  </PageHeader>
+
+  <PageFilter placement="stacked">
+    <input type="search" aria-label="Search orders" placeholder="Search…" />
+  </PageFilter>
+
+  <PageOverview ariaLabel="Sales overview" class="grid grid-cols-3 gap-3 p-4">
+    <Card>…</Card>
+    <Card>…</Card>
+    <Card>…</Card>
+  </PageOverview>
+
+  <PageContent>
+    <p>Content.</p>
+  </PageContent>
+</Page>
+```

package/theme/styles/README.md

@@ -50,7 +50,7 @@ export const appConfig = {
 ## Token Semantik Status
 
 Selain palet accent dan neutral, tema mengemit tiga token status semantik beserta
-pasangan foregroundnya. Semuanya digenerate oleh `scripts/gen-theme-colors.mjs` ke
+pasangan foregroundnya. Semuanya digenerate oleh `scripts/generators/gen-theme-colors.mjs` ke
 `css/base/status.css`, jadi jangan diedit tangan.
 
 | Token       | Pasangan foreground    | Seed        | Dipakai oleh                         |
@@ -77,7 +77,7 @@ WCAG, bukan menebak dari rentang hue. Aturannya:
 
 A brand the consumer picks at runtime is held to the same rules, and split the
 same way. `ThemeBrandService.setBrand()` measures it with the same WCAG formula
-(`theme-contrast.ts`, a port of `scripts/theme-contrast.mjs`) before storing it:
+(`theme-contrast.ts`, a port of `scripts/generators/theme-contrast.mjs`) before storing it:
 
 - `--brand` itself is never moved. Like a generated `--primary`, the fill keeps
   the lightness it was chosen with, so `theme-color='brand'` ships the colour the
@@ -96,16 +96,16 @@ that is what a native colour picker returns. A value with nothing to measure in
 it (`var(--consumer-brand)`, say) is passed through as given, and forfeits the
 guarantee.
 
-Jalankan `node scripts/gen-theme-colors.mjs --check` untuk memastikan CSS yang
+Jalankan `node scripts/generators/gen-theme-colors.mjs --check` untuk memastikan CSS yang
 ter commit masih cocok dengan seed. Cek ini juga berjalan di `verify:libs` dan CI.
 
 ## Standar Token Geometri
 
-Setiap nilai geometri di `library/` wajib turun dari token tema, bukan angka mati.
+Setiap nilai geometri di `packages/angular/` wajib turun dari token tema, bukan angka mati.
 Aturan ini yang membuat sumbu `theme-space` dan `theme-radius` benar benar
 menjangkau seluruh library, bukan hanya komponen yang kebetulan memakai utility
 Tailwind. Keputusan lengkapnya di
-[spec 0003](../../../docs/specs/0003-jangkauan-sumbu-space-radius/index.md).
+[spec 0003](../../../../docs/specs/0003-jangkauan-sumbu-space-radius/index.md).
 
 **Pola kanonik**:
 
@@ -138,8 +138,8 @@ Tailwind. Keputusan lengkapnya di
 semantik (`rounded-full` pada avatar, switch, radio, progress, spinner, dan track
 slider) dikunci sebagai bentuk, jadi sumbu radius tidak menyentuhnya.
 
-**Penegakan**: `node scripts/check-geometry-tokens.mjs` (`bun run check:libs:geometry`)
-memindai `library/**/*.ts` dan `library/**/*.css`, lalu menggagalkan build saat
+**Penegakan**: `node scripts/checks/check-geometry-tokens.mjs` (`bun run check:libs:geometry`)
+memindai `packages/angular/**/*.ts` dan `packages/angular/**/*.css`, lalu menggagalkan build saat
 menemukan pelanggaran. Cek ini berjalan di `verify:libs` dan di CI pada tiap PR dan
 push ke `main`. Yang ditolak:
 
@@ -161,10 +161,10 @@ Yang **tidak** ditolak, dan memang begitu adanya:
   itu yang lolos dari jaring ini;
 - berkas `*.spec.ts`, karena test hanya mencerminkan class string komponennya. Satu
   nilai diperbaiki di komponennya, bukan di dua tempat;
-- `library/theme/styles/css/` yang justru tempat token didefinisikan.
+- `packages/angular/theme/styles/css/` yang justru tempat token didefinisikan.
 
 **Pengecualian**: tinggal di
-[`scripts/geometry-token-exceptions.json`](../../../scripts/geometry-token-exceptions.json).
+[`scripts/checks/geometry-token-exceptions.json`](../../../../scripts/checks/geometry-token-exceptions.json).
 Tiap baris wajib membawa `pattern`, `files`, dan `reason`; baris tanpa alasan
 tertulis ditolak oleh guard itu sendiri, jadi daftar ini tidak bisa dipakai sebagai
 tempat buang. `wave` bernilai `null` untuk pengecualian permanen, atau angka 2
@@ -173,6 +173,6 @@ mencetak sisa utang per gelombang tiap kali dijalankan, sehingga yang belum
 dibereskan selalu berupa angka, bukan perasaan.
 
 **Entry point baru**: tambahkan barisnya ke tabel inventaris sumbu di
-[rationale spec 0003](../../../docs/specs/0003-jangkauan-sumbu-space-radius/rationale.md),
+[rationale spec 0003](../../../../docs/specs/0003-jangkauan-sumbu-space-radius/rationale.md),
 sebutkan sumbu mana yang berlaku dan seberapa jauh sudah tersambung. Tabel itu
 rujukan tunggal soal sudut mana yang sengaja dikunci dan mana yang kelupaan.

package/theme/styles/css/base/prefers-dark.css

@@ -1,7 +1,7 @@
 /**
  * Base theme: (prefers-color-scheme: dark) fallback.
  *
- * Generated by scripts/gen-theme-colors.mjs — do not edit. Mirrors every
+ * Generated by scripts/generators/gen-theme-colors.mjs — do not edit. Mirrors every
  * [data-mode='dark'] rule in theme.css and tokens.css so an OS dark preference
  * is honoured before the theme provider has written the attribute. An explicit
  * data-mode choice, in either direction, still decides.

package/theme/styles/css/base/status.css

@@ -1,7 +1,7 @@
 /**
  * Semantic status fills: success, warning, info.
  *
- * Generated by scripts/gen-theme-colors.mjs — do not edit. Derived from the
+ * Generated by scripts/generators/gen-theme-colors.mjs — do not edit. Derived from the
  * same accent seeds as the palettes (green, amber, sky) with the foreground
  * chosen by measured contrast, so components can use bg-success and friends
  * instead of hardcoded Tailwind colours and still pass WCAG AA.

package/theme/styles/css/color/amber.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: amber. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: amber. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='amber'][data-mode='light'] {

package/theme/styles/css/color/blue.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: blue. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: blue. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='blue'][data-mode='light'] {

package/theme/styles/css/color/cyan.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: cyan. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: cyan. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='cyan'][data-mode='light'] {

package/theme/styles/css/color/emerald.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: emerald. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: emerald. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='emerald'][data-mode='light'] {

package/theme/styles/css/color/fuchsia.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: fuchsia. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: fuchsia. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='fuchsia'][data-mode='light'] {

package/theme/styles/css/color/green.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: green. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: green. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='green'][data-mode='light'] {

package/theme/styles/css/color/indigo.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: indigo. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: indigo. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='indigo'][data-mode='light'] {

package/theme/styles/css/color/lime.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: lime. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: lime. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='lime'][data-mode='light'] {

package/theme/styles/css/color/orange.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: orange. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: orange. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='orange'][data-mode='light'] {

package/theme/styles/css/color/pink.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: pink. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: pink. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='pink'][data-mode='light'] {

package/theme/styles/css/color/purple.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: purple. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: purple. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='purple'][data-mode='light'] {

package/theme/styles/css/color/red.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: red. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: red. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='red'][data-mode='light'] {

package/theme/styles/css/color/rose.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: rose. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: rose. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='rose'][data-mode='light'] {

package/theme/styles/css/color/sky.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: sky. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: sky. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='sky'][data-mode='light'] {

package/theme/styles/css/color/teal.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: teal. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: teal. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='teal'][data-mode='light'] {

package/theme/styles/css/color/violet.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: violet. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: violet. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='violet'][data-mode='light'] {

package/theme/styles/css/color/yellow.css

@@ -1,5 +1,5 @@
 /**
- * Accent theme: yellow. Generated by scripts/gen-theme-colors.mjs — do not edit.
+ * Accent theme: yellow. Generated by scripts/generators/gen-theme-colors.mjs — do not edit.
  */
 @layer tokens {
   html[theme-color='yellow'][data-mode='light'] {