@kirana-style/angular 0.1.0 → 0.2.1

package/CHANGELOG.md

@@ -0,0 +1,63 @@
+# Changelog
+
+## [0.2.1](https://github.com/kirana-style/kirana/compare/v0.2.0...v0.2.1) (2026-10-16)
+
+
+### Features
+
+* deno in kirana-style init and doctor, and doctor finds kirana-style ([#33](https://github.com/kirana-style/kirana/issues/33)) ([3730d82](https://github.com/kirana-style/kirana/commit/3730d827815164ab32e22f09ad739e0b92502ad3))
+* **site:** mobile scenes, release changelog, blog and roadmap redesign ([#34](https://github.com/kirana-style/kirana/issues/34)) ([f9330a8](https://github.com/kirana-style/kirana/commit/f9330a8b8788847609bfcd6b5ea2b795ffbc86f9))
+* **site:** read every benchmark number from kirana-lab's runs ([#39](https://github.com/kirana-style/kirana/issues/39)) ([718f253](https://github.com/kirana-style/kirana/commit/718f253dd8ef64d95f3299c2256463458283ec20))
+
+
+### Bug fixes
+
+* compile the scales preset from node_modules without listing it ([#37](https://github.com/kirana-style/kirana/issues/37)) ([12d8b67](https://github.com/kirana-style/kirana/commit/12d8b67f4fc9359a9534af68ea10f51c0a2a637d))
+* let the dev example check look again after the page reloads ([#31](https://github.com/kirana-style/kirana/issues/31)) ([8d21bfd](https://github.com/kirana-style/kirana/commit/8d21bfd39d8b95327f346e1bc38ed2e433be1879))
+* pin vitest 4 in the qwik example, inside qwik's peer range ([#36](https://github.com/kirana-style/kirana/issues/36)) ([5317eed](https://github.com/kirana-style/kirana/commit/5317eed4f0293b2befe64bbfda00b18601b3d24b))
+
+## [0.2.0](https://github.com/kirana-style/kirana/compare/v0.1.0...v0.2.0) (2026-10-15)
+
+
+### ⚠ BREAKING CHANGES
+
+* one command name, kirana-style ([#29](https://github.com/kirana-style/kirana/issues/29))
+
+### Features
+
+* **editor:** real editor output on the site, open vsx trusted publishing ([#21](https://github.com/kirana-style/kirana/issues/21)) ([350fa4e](https://github.com/kirana-style/kirana/commit/350fa4ec0d8054a082d6c7dcdae2b5be53f8d98a))
+* one command name, kirana-style ([#29](https://github.com/kirana-style/kirana/issues/29)) ([b3f3154](https://github.com/kirana-style/kirana/commit/b3f3154662589dd1bd43fd0ff2341acf4f3df628))
+* **site:** paper, ink, scenery and type for one identity ([#27](https://github.com/kirana-style/kirana/issues/27)) ([5da3c6f](https://github.com/kirana-style/kirana/commit/5da3c6f0f1c8cbfdb450b36a6609a3ab4b20e358))
+* **site:** reorganise the homepage, product pages and docs ([#28](https://github.com/kirana-style/kirana/issues/28)) ([88b5209](https://github.com/kirana-style/kirana/commit/88b52093488b2aa0112b458ca04b836c83d03954))
+* **site:** scenery gradients, logo downloads, pixel k, glass icons ([#25](https://github.com/kirana-style/kirana/issues/25)) ([2953dc1](https://github.com/kirana-style/kirana/commit/2953dc126f47b68257ebfdb33c61992984708c49))
+
+
+### Bug fixes
+
+* hold emnapi at 2.0.0-alpha.6, the wasi engine fails on the beta ([#26](https://github.com/kirana-style/kirana/issues/26)) ([8aa33e1](https://github.com/kirana-style/kirana/commit/8aa33e1dbccaefa15b87f6487ac0a346bbf6581a))
+* settle the ember dev check, resolve code scanning findings ([#23](https://github.com/kirana-style/kirana/issues/23)) ([0c266c8](https://github.com/kirana-style/kirana/commit/0c266c8428c1453892beeeb5f98918cbc0eae6ff))
+* **site:** keep syntax colours in the production build ([#22](https://github.com/kirana-style/kirana/issues/22)) ([621f2fc](https://github.com/kirana-style/kirana/commit/621f2fcf67dada773ca66110e295ab7ac5605f56))
+
+
+### Documentation
+
+* fix the extension's settings table ([#13](https://github.com/kirana-style/kirana/issues/13)) ([457e06d](https://github.com/kirana-style/kirana/commit/457e06d12f9e3b005e0820aab36faac5bf3f80b3))
+
+
+### Dependencies
+
+* bump the minor-and-patch group across 1 directory with 3 updates ([#19](https://github.com/kirana-style/kirana/issues/19)) ([7ea00ed](https://github.com/kirana-style/kirana/commit/7ea00edcc5cc02b9ab5e41b13f152ae344ea448f))
+* emnapi 2.0.0-beta.1, minor and patch updates ([#24](https://github.com/kirana-style/kirana/issues/24)) ([a399fa7](https://github.com/kirana-style/kirana/commit/a399fa78e53dcfd7f41f249ccee1133809e66544))
+
+## [0.1.0](https://github.com/kirana-style/kirana/compare/v0.1.0...v0.1.0) (2026-10-13)
+
+
+### Features
+
+* kirana goes public — write objects, read classes, ship css ([79732ed](https://github.com/kirana-style/kirana/commit/79732edd5cab419169ab74ad59e1c70053dfa57d))
+
+
+### Dependencies
+
+* bump the minor-and-patch group in /packages/kirana with 6 updates ([#10](https://github.com/kirana-style/kirana/issues/10)) ([0deaf9f](https://github.com/kirana-style/kirana/commit/0deaf9f3e75ebc377d764c294250bd2577d53844))
+* bump the oxc group in /packages/kirana with 7 updates ([#9](https://github.com/kirana-style/kirana/issues/9)) ([a3ca94c](https://github.com/kirana-style/kirana/commit/a3ca94c170b2ca49c9691abf5ad48c3ef4ac8620))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kirana authors
+
+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

@@ -30,4 +30,4 @@ export class Card {
   source root into `.kirana/` (ignore it), hand Angular the copy through `fileReplacements`, and add
   `.kirana/kirana.css` to `styles`.
 
-`kirana init` sets up either. How it works and what it costs: `design-notes/angular.md`.
+`kirana-style init` sets up either. How it works and what it costs: `design-notes/angular.md`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kirana-style/angular",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Kirana for Angular: the [sx] directive, the Analog (Vite) plugin and Angular CLI builders.",
   "license": "MIT",
   "author": "The Kirana authors",
@@ -14,6 +14,9 @@
     "url": "https://github.com/kirana-style/kirana/issues"
   },
   "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
   "exports": {
     ".": {
       "types": "./src/index.d.ts",
@@ -27,8 +30,8 @@
     "./builders.json": "./builders.json"
   },
   "dependencies": {
-    "@kirana-style/compiler": "0.1.0",
-    "@kirana-style/core": "0.1.0"
+    "@kirana-style/compiler": "0.2.1",
+    "@kirana-style/core": "0.2.1"
   },
   "peerDependencies": {
     "@angular/core": ">=20.0.0",
@@ -54,6 +57,8 @@
     "*.d.ts",
     "*.css",
     "README.md",
+    "CHANGELOG.md",
+    "LICENSE",
     "builders.json",
     "schemas",
     "gatsby-node.mjs",

package/src/application.d.ts

@@ -1,3 +1,2 @@
-import { applicationBuilder } from "./builders.ts";
-/** `@kirana-style/angular:application`, loaded by the Angular CLI from builders.json. */
-export default applicationBuilder;
+import { applicationBuilder } from "./builders.js";
+export { applicationBuilder as default };

package/src/application.js

@@ -1,3 +1,6 @@
 import { applicationBuilder } from "./builders.js";
+//#region src/application.ts
 /** `@kirana-style/angular:application`, loaded by the Angular CLI from builders.json. */
-export default applicationBuilder;
+var application_default = applicationBuilder;
+//#endregion
+export { application_default as default };

package/src/builders.d.ts

@@ -1,6 +1,7 @@
-import type { Builder, BuilderContext, BuilderOutput } from "@angular-devkit/architect";
-import type { ApplicationBuilderOptions, DevServerBuilderOptions } from "@angular/build";
-import type { Mirror } from "./mirror.ts";
+import { Mirror } from "./mirror.js";
+import { Builder, BuilderContext, BuilderOutput } from "@angular-devkit/architect";
+import { ApplicationBuilderOptions, DevServerBuilderOptions } from "@angular/build";
+//#region src/builders.d.ts
 /**
  * Application options with the mirror's replacements and the stylesheet added. The entry files
  * (`browser`, `server`) are not replaced: Angular type-checks only the files its tsconfig lists, and
@@ -8,12 +9,13 @@ import type { Mirror } from "./mirror.ts";
  * Angular app; the components it imports are replaced.
  */
 export declare function withMirror<Options extends {
-    fileReplacements?: unknown[];
-    styles?: unknown[];
-    browser?: unknown;
-    server?: unknown;
+  fileReplacements?: unknown[];
+  styles?: unknown[];
+  browser?: unknown;
+  server?: unknown;
 }>(options: Options, mirror: Mirror): Options;
 export declare function application(options: ApplicationBuilderOptions, context: BuilderContext): AsyncIterable<BuilderOutput>;
 export declare function devServer(options: DevServerBuilderOptions, context: BuilderContext): AsyncIterable<BuilderOutput>;
 export declare const applicationBuilder: Builder;
 export declare const devServerBuilder: Builder;
+//#endregion

package/src/builders.js

@@ -1,85 +1,69 @@
-/**
- * The Angular CLI builders (`@kirana-style/angular:application`, `@kirana-style/angular:dev-server`): Angular's
- * own, given Kirana's mirror (`mirror.ts`) as `fileReplacements` and its stylesheet in `styles`.
- *
- *   "build": { "builder": "@kirana-style/angular:application", "options": { … as before … } }
- *   "serve": { "builder": "@kirana-style/angular:dev-server", … }
- *
- * The dev server is Angular's, run with a context whose build target's options carry the mirror:
- * Angular reads those options itself and compiles them with its internal application build.
- */
+import { STYLESHEET, createMirror, watchMirror } from "./mirror.js";
 import path from "node:path";
 import { createBuilder } from "@angular-devkit/architect";
 import { buildApplication, executeDevServerBuilder } from "@angular/build";
-import { STYLESHEET, createMirror, watchMirror } from "./mirror.js";
+//#region src/builders.ts
+/**
+* The Angular CLI builders (`@kirana-style/angular:application`, `@kirana-style/angular:dev-server`): Angular's
+* own, given Kirana's mirror (`mirror.ts`) as `fileReplacements` and its stylesheet in `styles`.
+*
+*   "build": { "builder": "@kirana-style/angular:application", "options": { … as before … } }
+*   "serve": { "builder": "@kirana-style/angular:dev-server", … }
+*
+* The dev server is Angular's, run with a context whose build target's options carry the mirror:
+* Angular reads those options itself and compiles them with its internal application build.
+*/
 /** The project's source folder, from its configuration (`src` unless it says otherwise). */
 async function sourceRootOf(context) {
-    const project = context.target?.project;
-    const metadata = project ? await context.getProjectMetadata(project) : {};
-    const root = typeof metadata.root === "string" ? metadata.root : "";
-    return typeof metadata.sourceRoot === "string"
-        ? metadata.sourceRoot
-        : path.join(root, "src");
+	const project = context.target?.project;
+	const metadata = project ? await context.getProjectMetadata(project) : {};
+	const root = typeof metadata.root === "string" ? metadata.root : "";
+	return typeof metadata.sourceRoot === "string" ? metadata.sourceRoot : path.join(root, "src");
 }
 /**
- * Application options with the mirror's replacements and the stylesheet added. The entry files
- * (`browser`, `server`) are not replaced: Angular type-checks only the files its tsconfig lists, and
- * an entry it reads from a replacement it would bundle unchecked. An entry holds no styles in an
- * Angular app; the components it imports are replaced.
- */
-export function withMirror(options, mirror) {
-    const entries = new Set([options.browser, options.server].map((entry) => path.normalize(String(entry))));
-    return {
-        ...options,
-        fileReplacements: [
-            ...(options.fileReplacements ?? []),
-            ...mirror.replacements.filter((replacement) => !entries.has(path.normalize(replacement.replace))),
-        ],
-        styles: [...(options.styles ?? []), STYLESHEET],
-    };
+* Application options with the mirror's replacements and the stylesheet added. The entry files
+* (`browser`, `server`) are not replaced: Angular type-checks only the files its tsconfig lists, and
+* an entry it reads from a replacement it would bundle unchecked. An entry holds no styles in an
+* Angular app; the components it imports are replaced.
+*/
+function withMirror(options, mirror) {
+	const entries = new Set([options.browser, options.server].map((entry) => path.normalize(String(entry))));
+	return {
+		...options,
+		fileReplacements: [...options.fileReplacements ?? [], ...mirror.replacements.filter((replacement) => !entries.has(path.normalize(replacement.replace)))],
+		styles: [...options.styles ?? [], STYLESHEET]
+	};
 }
 /** Prints the mirror's warnings and errors through the builder's logger (infos stay quiet). */
 function report(context, mirror) {
-    for (const message of mirror.messages())
-        if (message.startsWith("error"))
-            context.logger.error(message);
-        else if (message.startsWith("warning"))
-            context.logger.warn(message);
+	for (const message of mirror.messages()) if (message.startsWith("error")) context.logger.error(message);
+	else if (message.startsWith("warning")) context.logger.warn(message);
 }
-export async function* application(options, context) {
-    const sourceRoot = await sourceRootOf(context);
-    const mirror = await createMirror(context.workspaceRoot, sourceRoot, {
-        minify: options.optimization !== false,
-    });
-    report(context, mirror);
-    const watcher = options.watch
-        ? watchMirror(context.workspaceRoot, sourceRoot, mirror, () => report(context, mirror))
-        : undefined;
-    try {
-        yield* buildApplication(withMirror(options, mirror), context);
-    }
-    finally {
-        watcher?.close();
-    }
+async function* application(options, context) {
+	const sourceRoot = await sourceRootOf(context);
+	const mirror = await createMirror(context.workspaceRoot, sourceRoot, { minify: options.optimization !== false });
+	report(context, mirror);
+	const watcher = options.watch ? watchMirror(context.workspaceRoot, sourceRoot, mirror, () => report(context, mirror)) : void 0;
+	try {
+		yield* buildApplication(withMirror(options, mirror), context);
+	} finally {
+		watcher?.close();
+	}
 }
-export async function* devServer(options, context) {
-    const sourceRoot = await sourceRootOf(context);
-    const mirror = await createMirror(context.workspaceRoot, sourceRoot);
-    report(context, mirror);
-    const watcher = watchMirror(context.workspaceRoot, sourceRoot, mirror, () => report(context, mirror));
-    // Angular reads the build target's options through the context; these carry the mirror.
-    const getTargetOptions = context.getTargetOptions.bind(context);
-    const wrapped = Object.assign(Object.create(context), {
-        getTargetOptions: async (target) => withMirror(await getTargetOptions(target), mirror),
-    });
-    try {
-        yield* executeDevServerBuilder(options, wrapped);
-    }
-    finally {
-        watcher.close();
-    }
+async function* devServer(options, context) {
+	const sourceRoot = await sourceRootOf(context);
+	const mirror = await createMirror(context.workspaceRoot, sourceRoot);
+	report(context, mirror);
+	const watcher = watchMirror(context.workspaceRoot, sourceRoot, mirror, () => report(context, mirror));
+	const getTargetOptions = context.getTargetOptions.bind(context);
+	const wrapped = Object.assign(Object.create(context), { getTargetOptions: async (target) => withMirror(await getTargetOptions(target), mirror) });
+	try {
+		yield* executeDevServerBuilder(options, wrapped);
+	} finally {
+		watcher.close();
+	}
 }
-// Typed as Architect's `Builder`: the inferred type names `@angular-devkit/core`'s `JsonObject`,
-// which this package does not depend on, so a declaration file could not spell it.
-export const applicationBuilder = createBuilder(application);
-export const devServerBuilder = createBuilder(devServer);
+const applicationBuilder = createBuilder(application);
+const devServerBuilder = createBuilder(devServer);
+//#endregion
+export { application, applicationBuilder, devServer, devServerBuilder, withMirror };

package/src/dev-server.d.ts

@@ -1,3 +1,2 @@
-import { devServerBuilder } from "./builders.ts";
-/** `@kirana-style/angular:dev-server`, loaded by the Angular CLI from builders.json. */
-export default devServerBuilder;
+import { devServerBuilder } from "./builders.js";
+export { devServerBuilder as default };

package/src/dev-server.js

@@ -1,3 +1,6 @@
 import { devServerBuilder } from "./builders.js";
+//#region src/dev-server.ts
 /** `@kirana-style/angular:dev-server`, loaded by the Angular CLI from builders.json. */
-export default devServerBuilder;
+var dev_server_default = devServerBuilder;
+//#endregion
+export { dev_server_default as default };

package/src/fesm2022/directive.d.ts

@@ -1,39 +1,28 @@
-/**
- * `[sx]` for Angular templates (D-068). A template reaches only its component's members, so `sx`
- * cannot be compiled away there as it is in JSX and in Vue, Svelte or Astro templates: this
- * directive merges the handles at runtime with Kirana's runtime instead, and keeps the element's own
- * classes and styles.
- *
- * The class carries Angular's partial declarations (`ɵɵngDeclareFactory`, `ɵɵngDeclareDirective`),
- * the form `ngc` emits for a library and Angular's linker compiles in every app build. They are
- * written here rather than generated because this workspace's TypeScript (7) has no JavaScript API
- * for `ngc` to run on; the Analog and Angular CLI examples build them in CI. The static types are the
- * ones `ngc` would declare, so templates type-check `[sx]` against `Sx`. The file sits under
- * `fesm2022/`, the Angular Package Format's folder, because Analog links only files on such a path.
- */
 import * as i0 from "@angular/core";
-import type { Sx } from "@kirana-style/core";
-import type { Handle } from "@kirana-style/core/internal";
+import { Handle } from "@kirana-style/core/internal";
+import { Sx } from "@kirana-style/core";
+//#region src/fesm2022/directive.d.ts
 /** The class-name prefix (`names.prefix`); `k` unless the app provides another (`provideKirana`). */
 export declare const KIRANA_PREFIX: i0.InjectionToken<string>;
 /** Providers for an app whose `kirana.config` sets another class-name prefix. */
 export declare function provideKirana(options: {
-    prefix: string;
+  prefix: string;
 }): i0.Provider[];
 export declare class SxDirective implements i0.OnChanges {
-    #private;
-    /**
-     * The handles: one, or an array with falsy guards (`[styles.card, active && styles.on]`). Compiled
-     * handles are class strings (the Angular CLI builders type-check the compiled copy), so both are
-     * accepted.
-     */
-    sx: Sx | Handle;
-    ngOnChanges(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SxDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SxDirective, "[sx]", never, {
-        sx: {
-            alias: "sx";
-            required: false;
-        };
-    }, {}, never, never, true, never>;
+  #private;
+  /**
+   * The handles: one, or an array with falsy guards (`[styles.card, active && styles.on]`). Compiled
+   * handles are class strings (the Angular CLI builders type-check the compiled copy), so both are
+   * accepted.
+   */
+  sx: Sx | Handle;
+  ngOnChanges(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SxDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<SxDirective, "[sx]", never, {
+    sx: {
+      alias: "sx";
+      required: false;
+    };
+  }, {}, never, never, true, never>;
 }
+//#endregion

package/src/fesm2022/directive.js

@@ -1,59 +1,66 @@
-/**
- * `[sx]` for Angular templates (D-068). A template reaches only its component's members, so `sx`
- * cannot be compiled away there as it is in JSX and in Vue, Svelte or Astro templates: this
- * directive merges the handles at runtime with Kirana's runtime instead, and keeps the element's own
- * classes and styles.
- *
- * The class carries Angular's partial declarations (`ɵɵngDeclareFactory`, `ɵɵngDeclareDirective`),
- * the form `ngc` emits for a library and Angular's linker compiles in every app build. They are
- * written here rather than generated because this workspace's TypeScript (7) has no JavaScript API
- * for `ngc` to run on; the Analog and Angular CLI examples build them in CI. The static types are the
- * ones `ngc` would declare, so templates type-check `[sx]` against `Sx`. The file sits under
- * `fesm2022/`, the Angular Package Format's folder, because Analog links only files on such a path.
- */
-import * as i0 from "@angular/core";
 import { applySx } from "../sx.js";
+import * as i0 from "@angular/core";
+//#region src/fesm2022/directive.ts
+/**
+* `[sx]` for Angular templates (D-068). A template reaches only its component's members, so `sx`
+* cannot be compiled away there as it is in JSX and in Vue, Svelte or Astro templates: this
+* directive merges the handles at runtime with Kirana's runtime instead, and keeps the element's own
+* classes and styles.
+*
+* The class carries Angular's partial declarations (`ɵɵngDeclareFactory`, `ɵɵngDeclareDirective`),
+* the form `ngc` emits for a library and Angular's linker compiles in every app build. They are
+* written here rather than generated because this workspace's TypeScript (7) has no JavaScript API
+* for `ngc` to run on; the Analog and Angular CLI examples build them in CI. The static types are the
+* ones `ngc` would declare, so templates type-check `[sx]` against `Sx`. The file sits under
+* `fesm2022/`, the Angular Package Format's folder, because Analog links only files on such a path.
+*/
 /** The class-name prefix (`names.prefix`); `k` unless the app provides another (`provideKirana`). */
-export const KIRANA_PREFIX = new i0.InjectionToken("kirana prefix", {
-    providedIn: "root",
-    factory: () => "k",
+const KIRANA_PREFIX = new i0.InjectionToken("kirana prefix", {
+	providedIn: "root",
+	factory: () => "k"
 });
 /** Providers for an app whose `kirana.config` sets another class-name prefix. */
-export function provideKirana(options) {
-    return [{ provide: KIRANA_PREFIX, useValue: options.prefix }];
-}
-export class SxDirective {
-    /**
-     * The handles: one, or an array with falsy guards (`[styles.card, active && styles.on]`). Compiled
-     * handles are class strings (the Angular CLI builders type-check the compiled copy), so both are
-     * accepted.
-     */
-    sx;
-    #element = i0.inject(i0.ElementRef).nativeElement;
-    #renderer = i0.inject(i0.Renderer2);
-    #prefix = i0.inject(KIRANA_PREFIX);
-    #applied = { classes: new Set(), styles: new Set() };
-    ngOnChanges() {
-        this.#applied = applySx(this.#renderer, this.#element, this.#applied, this.sx, this.#prefix);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({
-        minVersion: "12.0.0",
-        // A literal, as the linker reads it: the Angular version these were written against.
-        version: "22.2.1",
-        ngImport: i0,
-        type: SxDirective,
-        deps: [],
-        target: i0.ɵɵFactoryTarget.Directive,
-    });
-    static ɵdir = i0.ɵɵngDeclareDirective({
-        minVersion: "14.0.0",
-        // A literal, as the linker reads it: the Angular version these were written against.
-        version: "22.2.1",
-        type: SxDirective,
-        isStandalone: true,
-        selector: "[sx]",
-        inputs: { sx: "sx" },
-        usesOnChanges: true,
-        ngImport: i0,
-    });
+function provideKirana(options) {
+	return [{
+		provide: KIRANA_PREFIX,
+		useValue: options.prefix
+	}];
 }
+var SxDirective = class SxDirective {
+	/**
+	* The handles: one, or an array with falsy guards (`[styles.card, active && styles.on]`). Compiled
+	* handles are class strings (the Angular CLI builders type-check the compiled copy), so both are
+	* accepted.
+	*/
+	sx;
+	#element = i0.inject(i0.ElementRef).nativeElement;
+	#renderer = i0.inject(i0.Renderer2);
+	#prefix = i0.inject(KIRANA_PREFIX);
+	#applied = {
+		classes: /* @__PURE__ */ new Set(),
+		styles: /* @__PURE__ */ new Set()
+	};
+	ngOnChanges() {
+		this.#applied = applySx(this.#renderer, this.#element, this.#applied, this.sx, this.#prefix);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SxDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: SxDirective,
+		isStandalone: true,
+		selector: "[sx]",
+		inputs: { sx: "sx" },
+		usesOnChanges: true,
+		ngImport: i0
+	});
+};
+//#endregion
+export { KIRANA_PREFIX, SxDirective, provideKirana };

package/src/index.d.ts

@@ -1,3 +1,3 @@
-export { KIRANA_PREFIX, SxDirective, provideKirana, } from "./fesm2022/directive.ts";
-export { applySx, runtimeFor } from "./sx.ts";
-export type { Applied, Renderer } from "./sx.ts";
+import { KIRANA_PREFIX, SxDirective, provideKirana } from "./fesm2022/directive.js";
+import { Applied, Renderer, applySx, runtimeFor } from "./sx.js";
+export { type Applied, KIRANA_PREFIX, type Renderer, SxDirective, applySx, provideKirana, runtimeFor };

package/src/index.js

@@ -1,2 +1,3 @@
-export { KIRANA_PREFIX, SxDirective, provideKirana, } from "./fesm2022/directive.js";
-export { applySx, runtimeFor } from "./sx.js";
+import { applySx, runtimeFor } from "./sx.js";
+import { KIRANA_PREFIX, SxDirective, provideKirana } from "./fesm2022/directive.js";
+export { KIRANA_PREFIX, SxDirective, applySx, provideKirana, runtimeFor };

package/src/mirror.d.ts

@@ -1,14 +1,5 @@
-/**
- * Kirana for the Angular CLI (D-068, `design-notes/angular.md`). Angular's application builder
- * compiles TypeScript from its own program and offers no hook to change a source first, but it
- * honours `fileReplacements`, by redirecting module resolution to the replacement file. So the
- * builders keep a mirror of the source folder in `.kirana/`: every file copied, the ones that hold
- * styles compiled by Kirana. A replacement's relative imports and `templateUrl`s then resolve inside
- * the mirror, where every file exists. Every TypeScript file is replaced, the stylesheet is written
- * beside the mirror, and in watch mode each change is mirrored again — Angular, which watches the
- * replacements, rebuilds from there.
- */
-import { watch as fsWatch } from "node:fs";
+import { watch } from "node:fs";
+//#region src/mirror.d.ts
 /** Where the mirror lives, under the workspace root. */
 export declare const MIRROR = ".kirana";
 /** The stylesheet the builders add to `styles`. */
@@ -16,21 +7,22 @@ export declare const STYLESHEET: string;
 /** Every file under `directory`, relative to it, without installed packages or hidden folders. */
 export declare function walk(directory: string, prefix?: string): string[];
 export type Mirror = {
-    /** `fileReplacements` for every TypeScript file of the source folder. */
-    replacements: {
-        replace: string;
-        with: string;
-    }[];
-    /** Mirrors one changed or deleted file (and what read from it); returns whether anything changed. */
-    update: (file: string) => boolean;
-    /** Diagnostics from the last pass, formatted. */
-    messages: () => string[];
+  /** `fileReplacements` for every TypeScript file of the source folder. */
+  replacements: {
+    replace: string;
+    with: string;
+  }[];
+  /** Mirrors one changed or deleted file (and what read from it); returns whether anything changed. */
+  update: (file: string) => boolean;
+  /** Diagnostics from the last pass, formatted. */
+  messages: () => string[];
 };
 /** Builds the mirror of `sourceRoot` (relative to `root`) and writes the stylesheet. */
 export declare function createMirror(root: string, sourceRoot: string, options?: {
-    minify?: boolean;
+  minify?: boolean;
 }): Promise<Mirror>;
 /** Mirrors every change under the source folder until closed (watch builds and the dev server). */
-export declare function watchMirror(root: string, sourceRoot: string, mirror: Mirror, onUpdate: () => void, watch?: typeof fsWatch): {
-    close: () => void;
+export declare function watchMirror(root: string, sourceRoot: string, mirror: Mirror, onUpdate: () => void, watch?: typeof watch): {
+  close: () => void;
 };
+//#endregion

package/src/mirror.js

@@ -1,107 +1,98 @@
-/**
- * Kirana for the Angular CLI (D-068, `design-notes/angular.md`). Angular's application builder
- * compiles TypeScript from its own program and offers no hook to change a source first, but it
- * honours `fileReplacements`, by redirecting module resolution to the replacement file. So the
- * builders keep a mirror of the source folder in `.kirana/`: every file copied, the ones that hold
- * styles compiled by Kirana. A replacement's relative imports and `templateUrl`s then resolve inside
- * the mirror, where every file exists. Every TypeScript file is replaced, the stylesheet is written
- * beside the mirror, and in watch mode each change is mirrored again — Angular, which watches the
- * replacements, rebuilds from there.
- */
-import { copyFileSync, existsSync, mkdirSync, readFileSync, readdirSync, rmSync, watch as fsWatch, writeFileSync, } from "node:fs";
 import path from "node:path";
+import { copyFileSync, existsSync, mkdirSync, readFileSync, readdirSync, rmSync, watch, writeFileSync } from "node:fs";
 import { Driver, formatDiagnostic } from "@kirana-style/compiler";
 import { SKIPPED, shouldCompile } from "@kirana-style/compiler/host";
+//#region src/mirror.ts
+/**
+* Kirana for the Angular CLI (D-068, `design-notes/angular.md`). Angular's application builder
+* compiles TypeScript from its own program and offers no hook to change a source first, but it
+* honours `fileReplacements`, by redirecting module resolution to the replacement file. So the
+* builders keep a mirror of the source folder in `.kirana/`: every file copied, the ones that hold
+* styles compiled by Kirana. A replacement's relative imports and `templateUrl`s then resolve inside
+* the mirror, where every file exists. Every TypeScript file is replaced, the stylesheet is written
+* beside the mirror, and in watch mode each change is mirrored again — Angular, which watches the
+* replacements, rebuilds from there.
+*/
 /** Where the mirror lives, under the workspace root. */
-export const MIRROR = ".kirana";
+const MIRROR = ".kirana";
 /** The stylesheet the builders add to `styles`. */
-export const STYLESHEET = path.join(MIRROR, "kirana.css");
+const STYLESHEET = path.join(MIRROR, "kirana.css");
 /** Every file under `directory`, relative to it, without installed packages or hidden folders. */
-export function walk(directory, prefix = "") {
-    const out = [];
-    for (const entry of readdirSync(path.join(directory, prefix), {
-        withFileTypes: true,
-    })) {
-        const relative = path.join(prefix, entry.name);
-        if (entry.isDirectory()) {
-            if (!SKIPPED.has(entry.name) && !entry.name.startsWith("."))
-                out.push(...walk(directory, relative));
-        }
-        else
-            out.push(relative);
-    }
-    return out;
+function walk(directory, prefix = "") {
+	const out = [];
+	for (const entry of readdirSync(path.join(directory, prefix), { withFileTypes: true })) {
+		const relative = path.join(prefix, entry.name);
+		if (entry.isDirectory()) {
+			if (!SKIPPED.has(entry.name) && !entry.name.startsWith(".")) out.push(...walk(directory, relative));
+		} else out.push(relative);
+	}
+	return out;
 }
 const SCRIPT = /\.[cm]?tsx?$/;
 /** Builds the mirror of `sourceRoot` (relative to `root`) and writes the stylesheet. */
-export async function createMirror(root, sourceRoot, options = {}) {
-    const driver = await Driver.create({ root });
-    const source = path.join(root, sourceRoot);
-    const target = path.join(root, MIRROR, sourceRoot);
-    const reported = [];
-    const texts = new Map();
-    const mirror = (relative) => {
-        const from = path.join(source, relative);
-        const to = path.join(target, relative);
-        if (!existsSync(from)) {
-            driver.remove(from);
-            rmSync(to, { force: true });
-            return;
-        }
-        mkdirSync(path.dirname(to), { recursive: true });
-        const text = SCRIPT.test(relative) ? readFileSync(from, "utf8") : undefined;
-        if (text === undefined || !shouldCompile(from, text, driver.libraries)) {
-            copyFileSync(from, to);
-            return;
-        }
-        const result = driver.transform(from, text);
-        texts.set(path.relative(root, from).replaceAll("\\", "/"), text);
-        reported.push(...result.diagnostics);
-        writeFileSync(to, result.code ?? text);
-    };
-    const stylesheet = () => {
-        reported.push(...driver.diagnostics());
-        const css = driver.stylesheet(options.minify ?? false);
-        const file = path.join(root, STYLESHEET);
-        const changed = !existsSync(file) || readFileSync(file, "utf8") !== css;
-        if (changed)
-            writeFileSync(file, css);
-        return changed;
-    };
-    rmSync(target, { recursive: true, force: true });
-    const files = walk(source);
-    for (const relative of files)
-        mirror(relative);
-    stylesheet();
-    return {
-        replacements: files
-            .filter((relative) => SCRIPT.test(relative) && !relative.endsWith(".d.ts"))
-            .map((relative) => ({
-            replace: path.join(sourceRoot, relative),
-            with: path.join(MIRROR, sourceRoot, relative),
-        })),
-        update(file) {
-            reported.length = 0;
-            const absolute = path.resolve(root, file);
-            // The changed file, and every module that read a value from it.
-            const affected = [absolute, ...driver.invalidate(absolute)];
-            for (const changed of affected)
-                mirror(path.relative(source, changed));
-            return stylesheet();
-        },
-        messages: () => reported.map((diagnostic) => formatDiagnostic(diagnostic, texts.get(diagnostic.file))),
-    };
+async function createMirror(root, sourceRoot, options = {}) {
+	const driver = await Driver.create({ root });
+	const source = path.join(root, sourceRoot);
+	const target = path.join(root, MIRROR, sourceRoot);
+	const reported = [];
+	const texts = /* @__PURE__ */ new Map();
+	const mirror = (relative) => {
+		const from = path.join(source, relative);
+		const to = path.join(target, relative);
+		if (!existsSync(from)) {
+			driver.remove(from);
+			rmSync(to, { force: true });
+			return;
+		}
+		mkdirSync(path.dirname(to), { recursive: true });
+		const text = SCRIPT.test(relative) ? readFileSync(from, "utf8") : void 0;
+		if (text === void 0 || !shouldCompile(from, text, driver.libraries)) {
+			copyFileSync(from, to);
+			return;
+		}
+		const result = driver.transform(from, text);
+		texts.set(path.relative(root, from).replaceAll("\\", "/"), text);
+		reported.push(...result.diagnostics);
+		writeFileSync(to, result.code ?? text);
+	};
+	const stylesheet = () => {
+		reported.push(...driver.diagnostics());
+		const css = driver.stylesheet(options.minify ?? false);
+		const file = path.join(root, STYLESHEET);
+		const changed = !existsSync(file) || readFileSync(file, "utf8") !== css;
+		if (changed) writeFileSync(file, css);
+		return changed;
+	};
+	rmSync(target, {
+		recursive: true,
+		force: true
+	});
+	const files = walk(source);
+	for (const relative of files) mirror(relative);
+	stylesheet();
+	return {
+		replacements: files.filter((relative) => SCRIPT.test(relative) && !relative.endsWith(".d.ts")).map((relative) => ({
+			replace: path.join(sourceRoot, relative),
+			with: path.join(MIRROR, sourceRoot, relative)
+		})),
+		update(file) {
+			reported.length = 0;
+			const absolute = path.resolve(root, file);
+			const affected = [absolute, ...driver.invalidate(absolute)];
+			for (const changed of affected) mirror(path.relative(source, changed));
+			return stylesheet();
+		},
+		messages: () => reported.map((diagnostic) => formatDiagnostic(diagnostic, texts.get(diagnostic.file)))
+	};
 }
 /** Mirrors every change under the source folder until closed (watch builds and the dev server). */
-export function watchMirror(root, sourceRoot, mirror, onUpdate, watch = fsWatch) {
-    return watch(path.join(root, sourceRoot), { recursive: true }, (_, name) => {
-        const relative = String(name);
-        // Editors' swap files and tools' folders are not sources.
-        if (relative
-            .split(/[\\/]/)
-            .some((part) => part.startsWith(".") || SKIPPED.has(part)))
-            return;
-        mirror.update(path.join(sourceRoot, relative));
-        onUpdate();
-    });
+function watchMirror(root, sourceRoot, mirror, onUpdate, watch$1 = watch) {
+	return watch$1(path.join(root, sourceRoot), { recursive: true }, (_, name) => {
+		const relative = String(name);
+		if (relative.split(/[\\/]/).some((part) => part.startsWith(".") || SKIPPED.has(part))) return;
+		mirror.update(path.join(sourceRoot, relative));
+		onUpdate();
+	});
 }
+//#endregion
+export { MIRROR, STYLESHEET, createMirror, walk, watchMirror };

package/src/sx.d.ts

@@ -1,21 +1,16 @@
-/**
- * What `[sx]` does to an element, without Angular: merge the handles with Kirana's runtime (the same
- * one compiled modules call), then bring the element's classes and custom properties from what the
- * last value applied to what this one applies. Only what `[sx]` added is ever removed, so the
- * element's own `class` and `style` stay.
- */
 import { runtime } from "@kirana-style/core/internal";
+//#region src/sx.d.ts
 /** The part of Angular's `Renderer2` this needs. */
 export type Renderer = {
-    addClass: (element: unknown, name: string) => void;
-    removeClass: (element: unknown, name: string) => void;
-    setStyle: (element: unknown, name: string, value: string, flags?: number) => void;
-    removeStyle: (element: unknown, name: string, flags?: number) => void;
+  addClass: (element: unknown, name: string) => void;
+  removeClass: (element: unknown, name: string) => void;
+  setStyle: (element: unknown, name: string, value: string, flags?: number) => void;
+  removeStyle: (element: unknown, name: string, flags?: number) => void;
 };
 /** What the last value applied: its classes and its custom properties. */
 export type Applied = {
-    classes: Set<string>;
-    styles: Set<string>;
+  classes: Set<string>;
+  styles: Set<string>;
 };
 /** `RendererStyleFlags2.DashCase`: the name is a custom property, set as written. */
 export declare const DASH_CASE = 2;
@@ -23,3 +18,4 @@ export declare const DASH_CASE = 2;
 export declare function runtimeFor(prefix: string): ReturnType<typeof runtime>;
 /** Applies `value` (a handle, or an array of handles and falsy guards); returns what is applied now. */
 export declare function applySx(renderer: Renderer, element: unknown, previous: Applied, value: unknown, prefix: string): Applied;
+//#endregion

package/src/sx.js

@@ -1,38 +1,37 @@
-/**
- * What `[sx]` does to an element, without Angular: merge the handles with Kirana's runtime (the same
- * one compiled modules call), then bring the element's classes and custom properties from what the
- * last value applied to what this one applies. Only what `[sx]` added is ever removed, so the
- * element's own `class` and `style` stay.
- */
 import { runtime } from "@kirana-style/core/internal";
+//#region src/sx.ts
+/**
+* What `[sx]` does to an element, without Angular: merge the handles with Kirana's runtime (the same
+* one compiled modules call), then bring the element's classes and custom properties from what the
+* last value applied to what this one applies. Only what `[sx]` added is ever removed, so the
+* element's own `class` and `style` stay.
+*/
 /** `RendererStyleFlags2.DashCase`: the name is a custom property, set as written. */
-export const DASH_CASE = 2;
-const runtimes = new Map();
+const DASH_CASE = 2;
+const runtimes = /* @__PURE__ */ new Map();
 /** One runtime per class-name prefix, as each compiled module creates one. */
-export function runtimeFor(prefix) {
-    let created = runtimes.get(prefix);
-    if (!created) {
-        created = runtime(prefix, "class");
-        runtimes.set(prefix, created);
-    }
-    return created;
+function runtimeFor(prefix) {
+	let created = runtimes.get(prefix);
+	if (!created) {
+		created = runtime(prefix, "class");
+		runtimes.set(prefix, created);
+	}
+	return created;
 }
 /** Applies `value` (a handle, or an array of handles and falsy guards); returns what is applied now. */
-export function applySx(renderer, element, previous, value, prefix) {
-    const handles = (Array.isArray(value) ? value : [value]);
-    const props = runtimeFor(prefix).sx(handles, [], []);
-    const classes = new Set((props.class ?? "").split(" ").filter(Boolean));
-    const styles = props.style ?? {};
-    for (const name of previous.classes)
-        if (!classes.has(name))
-            renderer.removeClass(element, name);
-    for (const name of classes)
-        if (!previous.classes.has(name))
-            renderer.addClass(element, name);
-    for (const name of previous.styles)
-        if (!(name in styles))
-            renderer.removeStyle(element, name, DASH_CASE);
-    for (const [name, setting] of Object.entries(styles))
-        renderer.setStyle(element, name, setting, DASH_CASE);
-    return { classes, styles: new Set(Object.keys(styles)) };
+function applySx(renderer, element, previous, value, prefix) {
+	const handles = Array.isArray(value) ? value : [value];
+	const props = runtimeFor(prefix).sx(handles, [], []);
+	const classes = new Set((props.class ?? "").split(" ").filter(Boolean));
+	const styles = props.style ?? {};
+	for (const name of previous.classes) if (!classes.has(name)) renderer.removeClass(element, name);
+	for (const name of classes) if (!previous.classes.has(name)) renderer.addClass(element, name);
+	for (const name of previous.styles) if (!(name in styles)) renderer.removeStyle(element, name, 2);
+	for (const [name, setting] of Object.entries(styles)) renderer.setStyle(element, name, setting, 2);
+	return {
+		classes,
+		styles: new Set(Object.keys(styles))
+	};
 }
+//#endregion
+export { DASH_CASE, applySx, runtimeFor };

package/src/vite.d.ts

@@ -1,5 +1,6 @@
-import type { KiranaViteOptions } from "@kirana-style/vite";
-import type { Plugin } from "vite";
-export type { KiranaViteOptions as KiranaAngularOptions };
+import { KiranaViteOptions } from "@kirana-style/vite";
+import { Plugin } from "vite";
+//#region src/vite.d.ts
 export declare function kiranaAngular(options?: KiranaViteOptions): Plugin[];
-export default kiranaAngular;
+//#endregion
+export { type KiranaViteOptions as KiranaAngularOptions, kiranaAngular as default };

package/src/vite.js

@@ -1,15 +1,20 @@
-/**
- * Kirana for Analog, Angular on Vite (D-068). Angular compiles each TypeScript file from its own
- * program on disk, so a plugin that ran first would change nothing it reads. This is Kirana's Vite
- * plugin run after Angular's instead: it compiles the JavaScript Angular emitted for each module,
- * where `css()` calls and their imports are as written. The stylesheet and its hot updates work as
- * they do in every Vite app.
- *
- *   plugins: [analog(), kiranaAngular()]
- */
 import kirana from "@kirana-style/vite";
-export function kiranaAngular(options = {}) {
-    const [main, late] = kirana(options);
-    return [{ ...main, enforce: "post" }, late];
+//#region src/vite.ts
+/**
+* Kirana for Analog, Angular on Vite (D-068). Angular compiles each TypeScript file from its own
+* program on disk, so a plugin that ran first would change nothing it reads. This is Kirana's Vite
+* plugin run after Angular's instead: it compiles the JavaScript Angular emitted for each module,
+* where `css()` calls and their imports are as written. The stylesheet and its hot updates work as
+* they do in every Vite app.
+*
+*   plugins: [analog(), kiranaAngular()]
+*/
+function kiranaAngular(options = {}) {
+	const [main, late] = kirana(options);
+	return [{
+		...main,
+		enforce: "post"
+	}, late];
 }
-export default kiranaAngular;
+//#endregion
+export { kiranaAngular as default, kiranaAngular };