@praxisjs/css 0.3.4 → 0.3.6

package/dist/decorators/styled.js

@@ -1,45 +1,50 @@
-import { effect, getComponentAnchor, signal } from "@praxisjs/core/internal";
-import { createFieldDecorator } from "@praxisjs/decorators";
-import { getParamNames } from "./param.js";
-import { isCSSBuilder } from "../builder/css-builder.js";
-import { hashCSS } from "../internal/hash.js";
-import { injectStyle, releaseStyle } from "../internal/registry.js";
-const styleClassCache = new Map();
-function getStyleClassData(StyleClass) {
-    const cached = styleClassCache.get(StyleClass);
-    if (cached)
-        return cached;
-    // Constructing the template fires @Param() addInitializers, populating PARAM_META.
-    const template = new StyleClass();
-    const paramNames = getParamNames(StyleClass);
-    const classMap = {};
-    const blocks = [];
-    const paramDefaults = {};
-    for (const [key, value] of Object.entries(template)) {
-        if (key.startsWith("$")) {
-            // Accept plain strings or fluent CSSBuilder values.
-            const css = typeof value === "string" ? value : isCSSBuilder(value) ? String(value) : null;
-            if (css !== null) {
-                const safeName = key.slice(1).replace(/[^\w-]/g, "-");
-                const className = `prx-${safeName}-${hashCSS(css)}`;
-                classMap[key] = className;
-                blocks.push(`.${className} { ${css.trim()} }`);
-            }
-        }
-        else if (paramNames.has(key) && (typeof value === "string" || typeof value === "number")) {
-            paramDefaults[key] = value;
+import { createEffect, disposeEffect, getComponentAnchor, readSignal, SignalNode, writeSignal, } from "@praxisjs/core/internal";
+import { assertFieldContext } from "@praxisjs/decorators";
+import { HookedField } from "../internal/lifecycle.js";
+import { injectStyle } from "../internal/registry.js";
+import { compileSheet } from "../internal/sheet.js";
+const PARAMS = Symbol("praxis.styled.params");
+// One class per stylesheet: the class names and the @Param() accessors live on its prototype,
+// so an instance is a single slot holding its signal nodes.
+function createParamSheetClass(sheet) {
+    class Sheet {
+        [PARAMS];
+        constructor(nodes) {
+            this[PARAMS] = nodes;
         }
     }
-    const data = {
-        classMap: Object.freeze(classMap),
-        rawCSS: blocks.join("\n"),
-        registryKey: blocks.length ? hashCSS(blocks.join("\n")) : "",
-        paramDefaults: Object.freeze(paramDefaults),
-    };
-    styleClassCache.set(StyleClass, data);
-    return data;
+    const proto = Sheet.prototype;
+    for (const key in sheet.classMap) {
+        Object.defineProperty(proto, key, { value: sheet.classMap[key], writable: true, enumerable: true, configurable: true });
+    }
+    sheet.params.forEach((param, i) => {
+        Object.defineProperty(proto, param, {
+            enumerable: true,
+            configurable: true,
+            get() {
+                return readSignal(this[PARAMS][i]);
+            },
+            set(value) {
+                writeSignal(this[PARAMS][i], value);
+            },
+        });
+    });
+    return Sheet;
+}
+class ParamField extends HookedField {
+    nodes;
+    sheet;
+    effects = undefined;
+    el = undefined;
+    constructor(instance, Sheet, defaults) {
+        super(instance);
+        const nodes = new Array(defaults.length);
+        for (let i = 0; i < defaults.length; i++)
+            nodes[i] = new SignalNode(defaults[i]);
+        this.nodes = nodes;
+        this.sheet = new Sheet(nodes);
+    }
 }
-// ─── @Styled field decorator ──────────────────────────────────────────────────
 /**
  * Scoped CSS field decorator. Receives a {@link Stylesheet} or
  * {@link ReactiveStylesheet} subclass and builds a stylesheet object with:
@@ -74,65 +79,77 @@ function getStyleClassData(StyleClass) {
  * }
  */
 export function Styled(StyleClass) {
-    const data = getStyleClassData(StyleClass);
+    const sheet = compileSheet(StyleClass);
+    const { css, key } = sheet;
     // Eagerly inject CSS at decoration time (module load) so it is in the DOM
     // before any component mounts — avoids layout-measurement timing issues.
-    // The per-instance onMount/onUnmount still manage the ref count on top of
-    // this base reference, which intentionally stays for the page lifetime.
-    if (data.rawCSS)
-        injectStyle(data.registryKey, data.rawCSS);
-    return createFieldDecorator({
-        bind(instance) {
-            const paramSignals = {};
-            const hasParams = Object.keys(data.paramDefaults).length > 0;
-            const stylesheetObj = hasParams
-                ? { ...data.classMap }
-                : data.classMap;
-            for (const [paramName, defaultVal] of Object.entries(data.paramDefaults)) {
-                const sig = signal(defaultVal);
-                paramSignals[paramName] = sig;
-                Object.defineProperty(stylesheetObj, paramName, {
-                    get() { return sig(); },
-                    set(v) { sig.set(v); },
-                    enumerable: true,
-                    configurable: true,
-                });
-            }
-            let stopFns = [];
-            return {
-                descriptor: { value: stylesheetObj, writable: false },
-                onMount() {
-                    // Increment ref-count for this instance (base ref injected at decoration time).
-                    if (data.rawCSS)
-                        injectStyle(data.registryKey, data.rawCSS);
-                    if (hasParams) {
-                        const el = getComponentAnchor(instance)?.parentElement;
-                        if (el) {
-                            for (const [paramName, sig] of Object.entries(paramSignals)) {
-                                stopFns.push(effect(() => {
-                                    el.style.setProperty(`--${paramName}`, String(sig()));
-                                }));
-                            }
-                        }
-                    }
-                },
-                onUnmount() {
-                    if (data.rawCSS)
-                        releaseStyle(data.registryKey);
-                    for (const stop of stopFns)
-                        stop();
-                    stopFns = [];
-                    if (hasParams) {
-                        const el = getComponentAnchor(instance)?.parentElement;
-                        if (el) {
-                            for (const paramName of Object.keys(paramSignals)) {
-                                el.style.removeProperty(`--${paramName}`);
-                            }
-                        }
-                    }
-                },
+    if (css)
+        injectStyle(key, css);
+    // Both paths return the field's value from its initializer, which is much cheaper than redefining
+    // the field with Object.defineProperty on every new instance. Each instance also re-checks the
+    // stylesheet (cheap when present): it is collected again during a server render, and put back
+    // if its <style> was removed.
+    if (sheet.params.length === 0) {
+        // The same frozen class map for every instance: no per-instance object, signals or hooks.
+        const { classMap } = sheet;
+        return ((_value, context) => {
+            assertFieldContext(context);
+            return () => {
+                if (css)
+                    injectStyle(key, css);
+                return classMap;
             };
-        },
+        });
+    }
+    const Sheet = createParamSheetClass(sheet);
+    const { defaults } = sheet;
+    const vars = sheet.params.map((param) => `--${param}`);
+    return ((_value, context) => {
+        assertFieldContext(context);
+        const name = context.name;
+        const slot = Symbol(`praxis.styled.${String(name)}`);
+        function onMount() {
+            const field = this[slot];
+            field.prevMount?.call(this);
+            const el = getComponentAnchor(this)?.parentElement;
+            if (!el)
+                return;
+            const effects = [];
+            for (let i = 0; i < vars.length; i++) {
+                const node = field.nodes[i];
+                const prop = vars[i];
+                effects.push(createEffect(() => {
+                    el.style.setProperty(prop, String(readSignal(node)));
+                }));
+            }
+            field.el = el;
+            field.effects = effects;
+        }
+        function onUnmount() {
+            const field = this[slot];
+            field.prevUnmount?.call(this);
+            const { effects, el } = field;
+            if (effects) {
+                for (const effect of effects)
+                    disposeEffect(effect);
+                field.effects = undefined;
+            }
+            // The element the vars were set on, even if the anchor has been detached by now.
+            if (el) {
+                for (const prop of vars)
+                    el.style.removeProperty(prop);
+                field.el = undefined;
+            }
+        }
+        return function () {
+            if (css)
+                injectStyle(key, css);
+            const field = new ParamField(this, Sheet, defaults);
+            this[slot] = field;
+            this.onMount = onMount;
+            this.onUnmount = onUnmount;
+            return field.sheet;
+        };
     });
 }
 //# sourceMappingURL=styled.js.map

package/dist/decorators/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../src/decorators/styled.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../src/decorators/styled.ts"],"names":[],"mappings":"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"}

package/dist/extract.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../src/extract.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;AAyC9D;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA4EtE"}
+{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../src/extract.ts"],"names":[],"mappings":"AAYA,MAAM,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;AAyB9D;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAuEtE"}

package/dist/extract.js

@@ -1,19 +1,17 @@
 import { Stylesheet, ReactiveStylesheet } from "./base/stylesheet.js";
-import { isCSSBuilder, createCSSBuilder } from "./builder/css-builder.js";
+import { createCSSBuilder } from "./builder/css-builder.js";
+import { keyframesRule } from "./builder/keyframes.js";
+import { globalCSS } from "./global.js";
 import { hashCSS } from "./internal/hash.js";
+import { compileSheet } from "./internal/sheet.js";
+import { preflightCSS } from "./preflight.js";
+import { instanceToVars, varsToCSS } from "./tokens/theme-instance.js";
 import { TokenSheet, tokenVars } from "./tokens/token-sheet.js";
 // ─── Helpers ──────────────────────────────────────────────────────────────────
-function camelToKebab(s) {
-    return s.replace(/([A-Z])/g, "-$1").toLowerCase();
-}
 function themeToRootCSS(ThemeClass) {
     try {
-        const inst = new ThemeClass();
-        const vars = Object.entries(inst)
-            .filter(([, v]) => typeof v === "string" || typeof v === "number")
-            .map(([k, v]) => `  --${camelToKebab(k)}: ${String(v)};`)
-            .join("\n");
-        return vars ? `:root {\n${vars}\n}` : null;
+        const vars = instanceToVars(new ThemeClass());
+        return Object.keys(vars).length > 0 ? varsToCSS(vars) : null;
     }
     catch {
         return null;
@@ -21,19 +19,9 @@ function themeToRootCSS(ThemeClass) {
 }
 function collectSheetCSS(SheetClass, emit) {
     try {
-        const inst = new SheetClass();
-        const blocks = [];
-        for (const [k, v] of Object.entries(inst)) {
-            if (!k.startsWith("$"))
-                continue;
-            const css = typeof v === "string" ? v : (isCSSBuilder(v) ? String(v) : null);
-            if (!css)
-                continue;
-            const name = k.slice(1).replace(/[^\w-]/g, "-");
-            blocks.push(`.prx-${name}-${hashCSS(css)} { ${css.trim()} }`);
-        }
-        if (blocks.length)
-            emit(blocks.join("\n"));
+        const { css } = compileSheet(SheetClass);
+        if (css)
+            emit(css);
     }
     catch { /* skip sheets that can't be instantiated at build time */ }
 }
@@ -107,19 +95,15 @@ export function extractionModule(emit) {
         Style: () => () => { },
         cx: () => "",
         keyframes: (name, stops) => {
-            const stopToCSS = (p) => Object.entries(p)
-                .filter(([, v]) => v != null)
-                .map(([k, v]) => `    ${camelToKebab(k)}: ${String(v)};`)
-                .join("\n");
-            const body = Object.entries(stops)
-                .map(([s, p]) => `  ${s} {\n${stopToCSS(p)}\n  }`)
-                .join("\n");
-            const sn = `prx-${name}-${hashCSS(body)}`;
-            dedupEmit(`@keyframes ${sn} {\n${body}\n}`);
-            return sn;
+            const rule = keyframesRule(name, stops);
+            dedupEmit(rule.css);
+            return rule.name;
+        },
+        globalStyle: (factory, options) => {
+            dedupEmit(globalCSS(factory, options));
         },
-        globalStyle: (factory) => {
-            dedupEmit(String(factory(createCSSBuilder)));
+        preflight: (options) => {
+            dedupEmit(preflightCSS(options));
         },
     };
 }

package/dist/extract.js.map

@@ -1 +1 @@
-{"version":3,"file":"extract.js","sourceRoot":"","sources":["../src/extract.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"extract.js","sourceRoot":"","sources":["../src/extract.ts"],"names":[],"mappings":"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"}

package/dist/global.d.ts

@@ -10,6 +10,8 @@ export interface GlobalStyleOptions {
      */
     layer?: string | false;
 }
+/** The CSS a `globalStyle()` call injects — shared with build-time extraction. */
+export declare function globalCSS(factory: GlobalStyleFactory, { layer }?: GlobalStyleOptions): string;
 /**
  * Injects unscoped CSS into `<head>` exactly once.
  *
@@ -37,4 +39,5 @@ export interface GlobalStyleOptions {
  * globalStyle(_css => `body { font-family: system-ui; }`, { layer: 'base' })
  */
 export declare function globalStyle(factory: GlobalStyleFactory, options?: GlobalStyleOptions): void;
+export declare function injectGlobalCSS(css: string): void;
 //# sourceMappingURL=global.d.ts.map

package/dist/global.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../src/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAMjG,gHAAgH;AAChH,MAAM,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,UAAU,KAAK,UAAU,GAAG,MAAM,CAAC;AAEpG,MAAM,WAAW,kBAAkB;IACjC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACxB;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB,EAAE,OAAO,GAAE,kBAAuB,GAAG,IAAI,CAoB/F"}
+{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../src/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAOjG,gHAAgH;AAChH,MAAM,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,UAAU,KAAK,UAAU,GAAG,MAAM,CAAC;AAEpG,MAAM,WAAW,kBAAkB;IACjC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACxB;AAID,kFAAkF;AAClF,wBAAgB,SAAS,CAAC,OAAO,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,GAAE,kBAAuB,GAAG,MAAM,CAGjG;AAID;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB,EAAE,OAAO,GAAE,kBAAuB,GAAG,IAAI,CAE/F;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAgBjD"}

package/dist/global.js

@@ -1,8 +1,13 @@
 import { createCSSBuilder } from "./builder/css-builder.js";
 import { getCollector } from "./internal/collector.js";
 import { hashCSS } from "./internal/hash.js";
-const STATIC_MODE = typeof __PRAXIS_CSS_STATIC__ !== "undefined" && __PRAXIS_CSS_STATIC__;
+import { STATIC_MODE } from "./internal/static-mode.js";
 const injected = new Set();
+/** The CSS a `globalStyle()` call injects — shared with build-time extraction. */
+export function globalCSS(factory, { layer } = {}) {
+    const rawCSS = String(factory(createCSSBuilder));
+    return layer ? `@layer ${layer} {\n${rawCSS}\n}` : rawCSS;
+}
 // ─── globalStyle ─────────────────────────────────────────────────────────────
 /**
  * Injects unscoped CSS into `<head>` exactly once.
@@ -31,9 +36,9 @@ const injected = new Set();
  * globalStyle(_css => `body { font-family: system-ui; }`, { layer: 'base' })
  */
 export function globalStyle(factory, options = {}) {
-    const rawCSS = String(factory(createCSSBuilder));
-    const { layer } = options;
-    const css = layer ? `@layer ${layer} {\n${rawCSS}\n}` : rawCSS;
+    injectGlobalCSS(globalCSS(factory, options));
+}
+export function injectGlobalCSS(css) {
     const key = hashCSS(css);
     if (injected.has(key))
         return;

package/dist/global.js.map

@@ -1 +1 @@
-{"version":3,"file":"global.js","sourceRoot":"","sources":["../src/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAuC,MAAM,0BAA0B,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAoB7C,MAAM,WAAW,GACf,OAAO,qBAAqB,KAAK,WAAW,IAAI,qBAAqB,CAAC;AAExE,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAU,CAAC;AAEnC,gFAAgF;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,WAAW,CAAC,OAA2B,EAAE,UAA8B,EAAE;IACvF,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAC1B,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,OAAO,MAAM,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAE/D,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACzB,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,OAAO;IAC9B,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAElB,IAAI,WAAW;QAAE,OAAO;IAExB,MAAM,GAAG,GAAG,YAAY,EAAE,CAAC;IAC3B,IAAI,GAAG,EAAE,CAAC;QAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAAC,OAAO;IAAC,CAAC;IAE1C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAE5C,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,EAAE,CAAC,YAAY,CAAC,oBAAoB,EAAE,GAAG,CAAC,CAAC;IAC3C,EAAE,CAAC,WAAW,GAAG,GAAG,CAAC;IACrB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC"}
+{"version":3,"file":"global.js","sourceRoot":"","sources":["../src/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAuC,MAAM,0BAA0B,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAiBxD,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAU,CAAC;AAEnC,kFAAkF;AAClF,MAAM,UAAU,SAAS,CAAC,OAA2B,EAAE,EAAE,KAAK,KAAyB,EAAE;IACvF,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACjD,OAAO,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,OAAO,MAAM,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;AAC5D,CAAC;AAED,gFAAgF;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,WAAW,CAAC,OAA2B,EAAE,UAA8B,EAAE;IACvF,eAAe,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,GAAW;IACzC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACzB,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,OAAO;IAC9B,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAElB,IAAI,WAAW;QAAE,OAAO;IAExB,MAAM,GAAG,GAAG,YAAY,EAAE,CAAC;IAC3B,IAAI,GAAG,EAAE,CAAC;QAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAAC,OAAO;IAAC,CAAC;IAE1C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAE5C,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,EAAE,CAAC,YAAY,CAAC,oBAAoB,EAAE,GAAG,CAAC,CAAC;IAC3C,EAAE,CAAC,WAAW,GAAG,GAAG,CAAC;IACrB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC"}

package/dist/internal/kebab.d.ts

@@ -0,0 +1,5 @@
+/** `backgroundColor` → `background-color`. Memoized: the same few hundred property and token names repeat. */
+export declare function toKebab(camel: string): string;
+/** One `prop: value;` line per defined entry, each prefixed with `indent`. */
+export declare function declarations(props: Readonly<Record<string, string | number | null | undefined>>, indent: string): string;
+//# sourceMappingURL=kebab.d.ts.map

package/dist/internal/kebab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kebab.d.ts","sourceRoot":"","sources":["../../src/internal/kebab.ts"],"names":[],"mappings":"AAEA,8GAA8G;AAC9G,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAO7C;AAED,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CASxH"}

package/dist/internal/kebab.js

@@ -0,0 +1,23 @@
+const cache = new Map();
+/** `backgroundColor` → `background-color`. Memoized: the same few hundred property and token names repeat. */
+export function toKebab(camel) {
+    let kebab = cache.get(camel);
+    if (kebab === undefined) {
+        kebab = camel.replace(/([A-Z])/g, "-$1").toLowerCase();
+        cache.set(camel, kebab);
+    }
+    return kebab;
+}
+/** One `prop: value;` line per defined entry, each prefixed with `indent`. */
+export function declarations(props, indent) {
+    let out = "";
+    for (const key in props) {
+        const value = props[key];
+        if (value == null)
+            continue;
+        const line = `${indent}${toKebab(key)}: ${String(value)};`;
+        out = out === "" ? line : `${out}\n${line}`;
+    }
+    return out;
+}
+//# sourceMappingURL=kebab.js.map

package/dist/internal/kebab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kebab.js","sourceRoot":"","sources":["../../src/internal/kebab.ts"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,IAAI,GAAG,EAAkB,CAAC;AAExC,8GAA8G;AAC9G,MAAM,UAAU,OAAO,CAAC,KAAa;IACnC,IAAI,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;QACvD,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,YAAY,CAAC,KAAmE,EAAE,MAAc;IAC9G,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QACzB,IAAI,KAAK,IAAI,IAAI;YAAE,SAAS;QAC5B,MAAM,IAAI,GAAG,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;QAC3D,GAAG,GAAG,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,IAAI,EAAE,CAAC;IAC9C,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/internal/lifecycle.d.ts

@@ -0,0 +1,15 @@
+export interface LifecycleHost {
+    onMount?(): void;
+    onUnmount?(): void;
+}
+/**
+ * Per-instance state of a decorated field that needs mount/unmount hooks. The hooks themselves
+ * are shared per decorated field and find this state through a symbol slot, so chaining onto
+ * the instance's own `onMount`/`onUnmount` allocates no closures.
+ */
+export declare class HookedField {
+    readonly prevMount: (() => void) | undefined;
+    readonly prevUnmount: (() => void) | undefined;
+    constructor(instance: LifecycleHost);
+}
+//# sourceMappingURL=lifecycle.d.ts.map

package/dist/internal/lifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../src/internal/lifecycle.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,SAAS,CAAC,IAAI,IAAI,CAAC;CACpB;AAED;;;;GAIG;AACH,qBAAa,WAAW;IACtB,QAAQ,CAAC,SAAS,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7C,QAAQ,CAAC,WAAW,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;gBAEnC,QAAQ,EAAE,aAAa;CAMpC"}

package/dist/internal/lifecycle.js

@@ -0,0 +1,16 @@
+/**
+ * Per-instance state of a decorated field that needs mount/unmount hooks. The hooks themselves
+ * are shared per decorated field and find this state through a symbol slot, so chaining onto
+ * the instance's own `onMount`/`onUnmount` allocates no closures.
+ */
+export class HookedField {
+    prevMount;
+    prevUnmount;
+    constructor(instance) {
+        // eslint-disable-next-line @typescript-eslint/unbound-method -- called back with `.call(instance)`
+        this.prevMount = instance.onMount;
+        // eslint-disable-next-line @typescript-eslint/unbound-method -- called back with `.call(instance)`
+        this.prevUnmount = instance.onUnmount;
+    }
+}
+//# sourceMappingURL=lifecycle.js.map

package/dist/internal/lifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle.js","sourceRoot":"","sources":["../../src/internal/lifecycle.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,MAAM,OAAO,WAAW;IACb,SAAS,CAA2B;IACpC,WAAW,CAA2B;IAE/C,YAAY,QAAuB;QACjC,mGAAmG;QACnG,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC;QAClC,mGAAmG;QACnG,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC;IACxC,CAAC;CACF"}

package/dist/internal/registry.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Makes sure the stylesheet `key` is present: collected while a collector is active (server
+ * render), appended once to `document.head` otherwise, and appended again if its element was
+ * removed from the document. Idempotent, so it is cheap to call for every component instance.
+ */
 export declare function injectStyle(key: string, css: string): void;
-export declare function releaseStyle(key: string): void;
 //# sourceMappingURL=registry.d.ts.map

package/dist/internal/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/internal/registry.ts"],"names":[],"mappings":"AAiBA,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAqB1D;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAU9C"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/internal/registry.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAc1D"}

package/dist/internal/registry.js

@@ -1,9 +1,11 @@
 import { getCollector } from "./collector.js";
-const STATIC_MODE = typeof __PRAXIS_CSS_STATIC__ !== "undefined" && __PRAXIS_CSS_STATIC__;
-// ─── DOM registry ─────────────────────────────────────────────────────────────
-// WeakRef lets the GC reclaim style elements that were removed externally
-// without going through releaseStyle (e.g. framework teardown, test cleanup).
-const cssRegistry = new Map();
+import { STATIC_MODE } from "./static-mode.js";
+const elements = new Map();
+/**
+ * Makes sure the stylesheet `key` is present: collected while a collector is active (server
+ * render), appended once to `document.head` otherwise, and appended again if its element was
+ * removed from the document. Idempotent, so it is cheap to call for every component instance.
+ */
 export function injectStyle(key, css) {
     if (STATIC_MODE)
         return;
@@ -14,28 +16,12 @@ export function injectStyle(key, css) {
     }
     if (typeof document === "undefined")
         return;
-    const existing = cssRegistry.get(key);
-    const existingEl = existing?.ref.deref();
-    if (existing && existingEl && document.head.contains(existingEl)) {
-        existing.count++;
+    if (elements.get(key)?.isConnected)
         return;
-    }
     const el = document.createElement("style");
     el.setAttribute("data-praxis-hash", key);
     el.textContent = css;
     document.head.appendChild(el);
-    cssRegistry.set(key, { ref: new WeakRef(el), count: 1 });
-}
-export function releaseStyle(key) {
-    if (STATIC_MODE)
-        return;
-    const entry = cssRegistry.get(key);
-    if (!entry)
-        return;
-    entry.count--;
-    if (entry.count <= 0) {
-        entry.ref.deref()?.remove();
-        cssRegistry.delete(key);
-    }
+    elements.set(key, el);
 }
 //# sourceMappingURL=registry.js.map

package/dist/internal/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/internal/registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,MAAM,WAAW,GACf,OAAO,qBAAqB,KAAK,WAAW,IAAI,qBAAqB,CAAC;AAExE,iFAAiF;AAEjF,0EAA0E;AAC1E,8EAA8E;AAC9E,MAAM,WAAW,GAAG,IAAI,GAAG,EAA6D,CAAC;AAEzF,MAAM,UAAU,WAAW,CAAC,GAAW,EAAE,GAAW;IAClD,IAAI,WAAW;QAAE,OAAO;IAExB,MAAM,GAAG,GAAG,YAAY,EAAE,CAAC;IAC3B,IAAI,GAAG,EAAE,CAAC;QAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAAC,OAAO;IAAC,CAAC;IAE1C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAE5C,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,QAAQ,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC;IAEzC,IAAI,QAAQ,IAAI,UAAU,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;QACjE,QAAQ,CAAC,KAAK,EAAE,CAAC;QACjB,OAAO;IACT,CAAC;IAED,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,EAAE,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;IACzC,EAAE,CAAC,WAAW,GAAG,GAAG,CAAC;IACrB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC9B,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,IAAI,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;AAC3D,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,GAAW;IACtC,IAAI,WAAW;QAAE,OAAO;IAExB,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC,IAAI,CAAC,KAAK;QAAE,OAAO;IACnB,KAAK,CAAC,KAAK,EAAE,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC;QACrB,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC;QAC5B,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;AACH,CAAC"}
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/internal/registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA4B,CAAC;AAErD;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,GAAW,EAAE,GAAW;IAClD,IAAI,WAAW;QAAE,OAAO;IAExB,MAAM,GAAG,GAAG,YAAY,EAAE,CAAC;IAC3B,IAAI,GAAG,EAAE,CAAC;QAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAAC,OAAO;IAAC,CAAC;IAE1C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC5C,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,WAAW;QAAE,OAAO;IAE3C,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3C,EAAE,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;IACzC,EAAE,CAAC,WAAW,GAAG,GAAG,CAAC;IACrB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAC9B,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AACxB,CAAC"}

package/dist/internal/sheet.d.ts

@@ -0,0 +1,20 @@
+export declare function addParamName(ctor: object, name: string): void;
+export declare function getParamNames(ctor: object): ReadonlySet<string> | undefined;
+export interface CompiledSheet {
+    /** `$field` → scoped class name. */
+    classMap: Readonly<Record<string, string>>;
+    /** One `.class { ... }` block per `$` field, or `""` when there is none. */
+    css: string;
+    /** Content hash of `css`, the key of its `<style>` element. */
+    key: string;
+    /** `@Param()` field names, in declaration order. */
+    params: readonly string[];
+    /** Default value of each entry in `params`. */
+    defaults: ReadonlyArray<string | number>;
+}
+/**
+ * Builds the scoped class names and CSS of a `Stylesheet` subclass, once per class: constructing
+ * the template instance fires its `@Param()` initializers, which register the param names.
+ */
+export declare function compileSheet(SheetClass: new () => unknown): CompiledSheet;
+//# sourceMappingURL=sheet.d.ts.map

package/dist/internal/sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/internal/sheet.ts"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAI7D;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,CAE3E;AAED,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3C,4EAA4E;IAC5E,GAAG,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,GAAG,EAAE,MAAM,CAAC;IACZ,oDAAoD;IACpD,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,+CAA+C;IAC/C,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CAC1C;AAID;;;GAGG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,UAAU,OAAO,GAAG,aAAa,CAoCzE"}