@ojiepermana/angular 22.1.14 → 22.2.0

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

@@ -369,6 +369,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.0",
   "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": "3b69b91d27302f5e63547b54b0a63e29386445db"
 }

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'] {

package/theme/styles/css/neutral/gray.css

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

package/theme/styles/css/neutral/mauve.css

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

package/theme/styles/css/neutral/mist.css

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

package/theme/styles/css/neutral/neutral.css

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

package/theme/styles/css/neutral/olive.css

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

package/theme/styles/css/neutral/slate.css

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

package/theme/styles/css/neutral/stone.css

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

package/theme/styles/css/neutral/taupe.css

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

package/theme/styles/css/neutral/zinc.css

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