@praxisjs/css 0.1.0

package/dist/__tests__/keyframes.test.js

@@ -0,0 +1,90 @@
+// @vitest-environment jsdom
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { keyframes } from "../builder/keyframes";
+import { createCollector, setCollector } from "../internal/collector";
+beforeEach(() => {
+    document.head.querySelectorAll("style[data-praxis-keyframes]").forEach((el) => el.remove());
+    setCollector(null);
+});
+afterEach(() => {
+    document.head.querySelectorAll("style[data-praxis-keyframes]").forEach((el) => el.remove());
+    setCollector(null);
+});
+describe("keyframes()", () => {
+    it("injects a @keyframes style element into document.head", () => {
+        keyframes("pulse", { from: { opacity: 1 }, to: { opacity: 0.4 } });
+        const el = document.head.querySelector("style[data-praxis-keyframes]");
+        expect(el).not.toBeNull();
+        expect(el?.textContent).toContain("@keyframes prx-pulse-");
+        expect(el?.textContent).toContain("from");
+        expect(el?.textContent).toContain("opacity: 1;");
+        expect(el?.textContent).toContain("opacity: 0.4;");
+    });
+    it("returns a scoped animation name prefixed with prx-<name>-", () => {
+        const name = keyframes("spin", { from: { transform: "rotate(0deg)" }, to: { transform: "rotate(360deg)" } });
+        expect(name).toMatch(/^prx-spin-/);
+    });
+    it("injects only once for identical keyframes (content-hashed)", () => {
+        const stops = { from: { opacity: 1 }, to: { opacity: 0 } };
+        keyframes("fade", stops);
+        keyframes("fade", stops);
+        expect(document.head.querySelectorAll("style[data-praxis-keyframes]").length).toBe(1);
+    });
+    it("returns the same scoped name for identical frames", () => {
+        const stops = { from: { opacity: 0 }, to: { opacity: 1 } };
+        const a = keyframes("fadeIn", stops);
+        const b = keyframes("fadeIn", stops);
+        expect(a).toBe(b);
+    });
+    it("returns different names for different frames even with same animation name", () => {
+        const a = keyframes("anim", { from: { opacity: 0 }, to: { opacity: 1 } });
+        const b = keyframes("anim", { from: { opacity: 1 }, to: { opacity: 0 } });
+        expect(a).not.toBe(b);
+    });
+    it("converts camelCase frame properties to kebab-case in the output", () => {
+        keyframes("slide", { from: { translateX: "0" }, to: { translateX: "100px" } });
+        const el = document.head.querySelector("style[data-praxis-keyframes]");
+        expect(el?.textContent).toContain("translate-x:");
+    });
+    it("supports percentage stops", () => {
+        keyframes("bounce", { "0%": { transform: "scale(1)" }, "50%": { transform: "scale(1.1)" }, "100%": { transform: "scale(1)" } });
+        const el = document.head.querySelector("style[data-praxis-keyframes]");
+        expect(el?.textContent).toContain("0%");
+        expect(el?.textContent).toContain("50%");
+        expect(el?.textContent).toContain("100%");
+    });
+});
+describe("keyframes — collector mode", () => {
+    it("routes to collector when one is active (no DOM injection)", () => {
+        const col = createCollector();
+        setCollector(col);
+        const name = keyframes("float", { from: { opacity: 0 }, to: { opacity: 1 } });
+        expect(document.head.querySelector("style[data-praxis-keyframes]")).toBeNull();
+        expect(col.getCSS()).toContain(`@keyframes ${name}`);
+        expect(col.getCSS()).toContain("opacity: 0;");
+    });
+    it("deduplicates identical keyframes in the collector", () => {
+        const col = createCollector();
+        setCollector(col);
+        const stops = { from: { opacity: 0 }, to: { opacity: 1 } };
+        keyframes("same", stops);
+        keyframes("same", stops);
+        expect(col.getCSS().split("@keyframes").length - 1).toBe(1);
+    });
+});
+// ─── STATIC_MODE ──────────────────────────────────────────────────────────────
+describe("keyframes() — static mode (__PRAXIS_CSS_STATIC__)", () => {
+    afterEach(() => {
+        vi.unstubAllGlobals();
+        vi.resetModules();
+    });
+    it("returns the scoped name without DOM injection when __PRAXIS_CSS_STATIC__ is true", async () => {
+        vi.stubGlobal("__PRAXIS_CSS_STATIC__", true);
+        vi.resetModules();
+        const { keyframes: staticKF } = await import("../builder/keyframes");
+        const name = staticKF("pulse", { from: { opacity: 1 }, to: { opacity: 0 } });
+        expect(name).toMatch(/^prx-pulse-/);
+        expect(document.head.querySelector("style[data-praxis-keyframes]")).toBeNull();
+    });
+});
+//# sourceMappingURL=keyframes.test.js.map

package/dist/__tests__/keyframes.test.js.map

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

package/dist/__tests__/preflight.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=preflight.test.d.ts.map

package/dist/__tests__/preflight.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preflight.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/preflight.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/preflight.test.js

@@ -0,0 +1,55 @@
+// @vitest-environment jsdom
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+// The preflight CSS is a fixed string, so globalStyle's module-level injected Set
+// remembers it across tests. Reset modules in beforeEach to get a fresh Set each time.
+function cleanup() {
+    document.head.querySelectorAll("style[data-praxis-global]").forEach((el) => el.remove());
+}
+beforeEach(() => {
+    vi.resetModules();
+    cleanup();
+});
+afterEach(() => {
+    cleanup();
+    vi.resetModules();
+});
+describe("preflight()", () => {
+    it("injects a style element into document.head", async () => {
+        const { preflight } = await import("../preflight.js");
+        preflight();
+        expect(document.head.querySelector("style[data-praxis-global]")).not.toBeNull();
+    });
+    it("contains core reset rules", async () => {
+        const { preflight } = await import("../preflight.js");
+        preflight();
+        const css = document.head.querySelector("style[data-praxis-global]")?.textContent ?? "";
+        expect(css).toContain("box-sizing: border-box");
+        expect(css).toContain("margin: 0");
+        expect(css).toContain("padding: 0");
+    });
+    it("uses standard font stacks without --theme() references", async () => {
+        const { preflight } = await import("../preflight.js");
+        preflight();
+        const css = document.head.querySelector("style[data-praxis-global]")?.textContent ?? "";
+        expect(css).toContain("ui-sans-serif");
+        expect(css).toContain("ui-monospace");
+        expect(css).not.toContain("--theme(");
+    });
+    it("is idempotent — calling twice injects only once", async () => {
+        const { preflight } = await import("../preflight.js");
+        preflight();
+        preflight();
+        expect(document.head.querySelectorAll("style[data-praxis-global]").length).toBe(1);
+    });
+    it("routes through the collector when one is active", async () => {
+        const { setCollector, createCollector } = await import("../internal/collector.js");
+        const { preflight } = await import("../preflight.js");
+        const col = createCollector();
+        setCollector(col);
+        preflight();
+        setCollector(null);
+        expect(document.head.querySelector("style[data-praxis-global]")).toBeNull();
+        expect(col.getCSS()).toContain("box-sizing: border-box");
+    });
+});
+//# sourceMappingURL=preflight.test.js.map

package/dist/__tests__/preflight.test.js.map

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

package/dist/__tests__/registry.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=registry.test.d.ts.map

package/dist/__tests__/registry.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/registry.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/registry.test.js

@@ -0,0 +1,132 @@
+// @vitest-environment jsdom
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { injectStyle, releaseStyle } from "../internal/registry";
+import { createCollector, setCollector } from "../internal/collector";
+beforeEach(() => {
+    document
+        .head
+        .querySelectorAll("style[data-praxis-hash]")
+        .forEach((el) => el.remove());
+    setCollector(null);
+});
+afterEach(() => {
+    document
+        .head
+        .querySelectorAll("style[data-praxis-hash]")
+        .forEach((el) => el.remove());
+    setCollector(null);
+});
+describe("injectStyle / releaseStyle", () => {
+    it("injects a style element with the given key and css", () => {
+        injectStyle("abc", ".a { color: red; }");
+        const el = document.head.querySelector("style[data-praxis-hash='abc']");
+        expect(el).not.toBeNull();
+        expect(el?.textContent).toBe(".a { color: red; }");
+    });
+    it("reference-counts — increments count on duplicate key", () => {
+        injectStyle("k1", ".x { display: flex; }");
+        injectStyle("k1", ".x { display: flex; }");
+        expect(document.head.querySelectorAll("style[data-praxis-hash='k1']").length).toBe(1);
+    });
+    it("removes the element when count reaches zero", () => {
+        injectStyle("k2", ".y { opacity: 1; }");
+        injectStyle("k2", ".y { opacity: 1; }");
+        releaseStyle("k2");
+        expect(document.head.querySelector("style[data-praxis-hash='k2']")).not.toBeNull();
+        releaseStyle("k2");
+        expect(document.head.querySelector("style[data-praxis-hash='k2']")).toBeNull();
+    });
+    it("releaseStyle on non-existent key is a no-op", () => {
+        expect(() => releaseStyle("does-not-exist")).not.toThrow();
+    });
+    it("re-injects when element was removed externally (DOM divergence guard)", () => {
+        injectStyle("k3", ".z { color: blue; }");
+        document.head.querySelector("style[data-praxis-hash='k3']")?.remove();
+        injectStyle("k3", ".z { color: blue; }");
+        expect(document.head.querySelector("style[data-praxis-hash='k3']")).not.toBeNull();
+        releaseStyle("k3");
+    });
+});
+describe("collector mode", () => {
+    it("routes injectStyle to the collector when one is active", () => {
+        const col = createCollector();
+        setCollector(col);
+        injectStyle("hash1", ".cls { color: red; }");
+        expect(document.head.querySelector("style[data-praxis-hash]")).toBeNull();
+        expect(col.getCSS()).toBe(".cls { color: red; }");
+    });
+    it("deduplicates identical keys in the collector", () => {
+        const col = createCollector();
+        setCollector(col);
+        injectStyle("dup", ".a { }");
+        injectStyle("dup", ".a { }");
+        expect(col.getCSS().split("\n").filter(Boolean).length).toBe(1);
+    });
+    it("collector accumulates multiple distinct injections", () => {
+        const col = createCollector();
+        setCollector(col);
+        injectStyle("a", ".a { color: red; }");
+        injectStyle("b", ".b { color: blue; }");
+        const css = col.getCSS();
+        expect(css).toContain(".a { color: red; }");
+        expect(css).toContain(".b { color: blue; }");
+    });
+    it("releaseStyle is a no-op when a collector is active", () => {
+        const col = createCollector();
+        setCollector(col);
+        injectStyle("x", ".x { }");
+        expect(() => releaseStyle("x")).not.toThrow();
+        expect(col.getCSS()).toContain(".x { }");
+    });
+    it("clear() resets the collector", () => {
+        const col = createCollector();
+        setCollector(col);
+        injectStyle("c", ".c { }");
+        col.clear();
+        expect(col.getCSS()).toBe("");
+    });
+    it("DOM injection resumes after setCollector(null)", () => {
+        const col = createCollector();
+        setCollector(col);
+        injectStyle("pre", ".pre { }");
+        setCollector(null);
+        injectStyle("post", ".post { }");
+        expect(document.head.querySelector("style[data-praxis-hash='pre']")).toBeNull();
+        expect(document.head.querySelector("style[data-praxis-hash='post']")).not.toBeNull();
+        releaseStyle("post");
+    });
+});
+// ─── STATIC_MODE ──────────────────────────────────────────────────────────────
+describe("injectStyle / releaseStyle — static mode (__PRAXIS_CSS_STATIC__)", () => {
+    afterEach(() => {
+        vi.unstubAllGlobals();
+        vi.resetModules();
+    });
+    it("injectStyle is a no-op when __PRAXIS_CSS_STATIC__ is true", async () => {
+        vi.stubGlobal("__PRAXIS_CSS_STATIC__", true);
+        vi.resetModules();
+        const { injectStyle: staticInject } = await import("../internal/registry");
+        staticInject("sm1", ".a { color: red; }");
+        expect(document.head.querySelector("style[data-praxis-hash='sm1']")).toBeNull();
+    });
+    it("releaseStyle is a no-op when __PRAXIS_CSS_STATIC__ is true", async () => {
+        vi.stubGlobal("__PRAXIS_CSS_STATIC__", true);
+        vi.resetModules();
+        const { releaseStyle: staticRelease } = await import("../internal/registry");
+        expect(() => staticRelease("sm2")).not.toThrow();
+    });
+});
+// ─── SSR (document === undefined) ────────────────────────────────────────────
+describe("injectStyle — SSR (document undefined)", () => {
+    afterEach(() => {
+        vi.unstubAllGlobals();
+        vi.resetModules();
+    });
+    it("does not throw when document is undefined", async () => {
+        vi.stubGlobal("document", undefined);
+        vi.resetModules();
+        const { injectStyle: ssrInject } = await import("../internal/registry");
+        expect(() => ssrInject("ssr1", ".a { }")).not.toThrow();
+    });
+});
+//# sourceMappingURL=registry.test.js.map

package/dist/__tests__/registry.test.js.map

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

package/dist/__tests__/style.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=style.test.d.ts.map

package/dist/__tests__/style.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/style.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/style.test.js

@@ -0,0 +1,257 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+// @vitest-environment jsdom
+import { afterEach, beforeEach, describe, expect, it } from "vitest";
+import { Style } from "../decorators/style";
+let container;
+beforeEach(() => {
+    container = document.createElement("div");
+    document.body.appendChild(container);
+});
+afterEach(() => {
+    container.remove();
+});
+/** Attaches an anchor comment to the element, simulating what the runtime does. */
+function makeAnchor(parent) {
+    const anchor = document.createComment("[/Comp]");
+    parent.appendChild(anchor);
+    return anchor;
+}
+describe("@Style field decorator", () => {
+    it("sets a CSS custom property on the container element after onMount", () => {
+        const anchor = makeAnchor(container);
+        let Comp = (() => {
+            let _accent_decorators;
+            let _accent_initializers = [];
+            let _accent_extraInitializers = [];
+            return class Comp {
+                static {
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+                    _accent_decorators = [Style("--accent")];
+                    __esDecorate(null, null, _accent_decorators, { kind: "field", name: "accent", static: false, private: false, access: { has: obj => "accent" in obj, get: obj => obj.accent, set: (obj, value) => { obj.accent = value; } }, metadata: _metadata }, _accent_initializers, _accent_extraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                }
+                constructor() {
+                    this._anchor = anchor;
+                    this.accent = __runInitializers(this, _accent_initializers, "#3b82f6");
+                    __runInitializers(this, _accent_extraInitializers);
+                }
+            };
+        })();
+        const inst = new Comp();
+        inst.onMount?.();
+        expect(container.style.getPropertyValue("--accent")).toBe("#3b82f6");
+    });
+    it("updates CSS custom property reactively when field value changes", () => {
+        const anchor = makeAnchor(container);
+        let Comp = (() => {
+            let _color_decorators;
+            let _color_initializers = [];
+            let _color_extraInitializers = [];
+            return class Comp {
+                static {
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+                    _color_decorators = [Style("--color")];
+                    __esDecorate(null, null, _color_decorators, { kind: "field", name: "color", static: false, private: false, access: { has: obj => "color" in obj, get: obj => obj.color, set: (obj, value) => { obj.color = value; } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                }
+                constructor() {
+                    this._anchor = anchor;
+                    this.color = __runInitializers(this, _color_initializers, "red");
+                    __runInitializers(this, _color_extraInitializers);
+                }
+            };
+        })();
+        const inst = new Comp();
+        inst.onMount?.();
+        expect(container.style.getPropertyValue("--color")).toBe("red");
+        inst.color = "blue";
+        expect(container.style.getPropertyValue("--color")).toBe("blue");
+    });
+    it("removes the CSS custom property on unmount", () => {
+        const anchor = makeAnchor(container);
+        let Comp = (() => {
+            let _accent_decorators;
+            let _accent_initializers = [];
+            let _accent_extraInitializers = [];
+            return class Comp {
+                static {
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+                    _accent_decorators = [Style("--accent")];
+                    __esDecorate(null, null, _accent_decorators, { kind: "field", name: "accent", static: false, private: false, access: { has: obj => "accent" in obj, get: obj => obj.accent, set: (obj, value) => { obj.accent = value; } }, metadata: _metadata }, _accent_initializers, _accent_extraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                }
+                constructor() {
+                    this._anchor = anchor;
+                    this.accent = __runInitializers(this, _accent_initializers, "red");
+                    __runInitializers(this, _accent_extraInitializers);
+                }
+            };
+        })();
+        const inst = new Comp();
+        inst.onMount?.();
+        expect(container.style.getPropertyValue("--accent")).toBe("red");
+        inst.onUnmount?.();
+        expect(container.style.getPropertyValue("--accent")).toBe("");
+    });
+    it("does not throw when _anchor has no parentElement", () => {
+        const anchor = document.createComment("[/Comp]");
+        let Comp = (() => {
+            let _color_decorators;
+            let _color_initializers = [];
+            let _color_extraInitializers = [];
+            return class Comp {
+                static {
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+                    _color_decorators = [Style("--color")];
+                    __esDecorate(null, null, _color_decorators, { kind: "field", name: "color", static: false, private: false, access: { has: obj => "color" in obj, get: obj => obj.color, set: (obj, value) => { obj.color = value; } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                }
+                constructor() {
+                    this._anchor = anchor;
+                    this.color = __runInitializers(this, _color_initializers, "red");
+                    __runInitializers(this, _color_extraInitializers);
+                }
+            };
+        })();
+        const inst = new Comp();
+        expect(() => inst.onMount?.()).not.toThrow();
+        expect(() => inst.onUnmount?.()).not.toThrow();
+    });
+    it("stops the reactive effect after onUnmount — further changes are silent", () => {
+        const anchor = makeAnchor(container);
+        let Comp = (() => {
+            let _val_decorators;
+            let _val_initializers = [];
+            let _val_extraInitializers = [];
+            return class Comp {
+                static {
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+                    _val_decorators = [Style("--val")];
+                    __esDecorate(null, null, _val_decorators, { kind: "field", name: "val", static: false, private: false, access: { has: obj => "val" in obj, get: obj => obj.val, set: (obj, value) => { obj.val = value; } }, metadata: _metadata }, _val_initializers, _val_extraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                }
+                constructor() {
+                    this._anchor = anchor;
+                    this.val = __runInitializers(this, _val_initializers, "a");
+                    __runInitializers(this, _val_extraInitializers);
+                }
+            };
+        })();
+        const inst = new Comp();
+        inst.onMount?.();
+        expect(container.style.getPropertyValue("--val")).toBe("a");
+        inst.onUnmount?.();
+        inst.val = "b";
+        expect(container.style.getPropertyValue("--val")).toBe("");
+    });
+    it("supports numeric values (converted to string)", () => {
+        const anchor = makeAnchor(container);
+        let Comp = (() => {
+            let _size_decorators;
+            let _size_initializers = [];
+            let _size_extraInitializers = [];
+            return class Comp {
+                static {
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+                    _size_decorators = [Style("--size")];
+                    __esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                }
+                constructor() {
+                    this._anchor = anchor;
+                    this.size = __runInitializers(this, _size_initializers, 16);
+                    __runInitializers(this, _size_extraInitializers);
+                }
+            };
+        })();
+        const inst = new Comp();
+        inst.onMount?.();
+        expect(container.style.getPropertyValue("--size")).toBe("16");
+    });
+    it("getter returns the current signal value", () => {
+        const anchor = makeAnchor(container);
+        let Comp = (() => {
+            let _size_decorators;
+            let _size_initializers = [];
+            let _size_extraInitializers = [];
+            return class Comp {
+                static {
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+                    _size_decorators = [Style("--size")];
+                    __esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                }
+                constructor() {
+                    this._anchor = anchor;
+                    this.size = __runInitializers(this, _size_initializers, "16px");
+                    __runInitializers(this, _size_extraInitializers);
+                }
+            };
+        })();
+        const inst = new Comp();
+        // getter before mount
+        expect(inst.size).toBe("16px");
+        inst.onMount?.();
+        inst.size = "24px";
+        // getter after reactive update
+        expect(inst.size).toBe("24px");
+    });
+    it("supports multi-word custom property names", () => {
+        const anchor = makeAnchor(container);
+        let Comp = (() => {
+            let _radius_decorators;
+            let _radius_initializers = [];
+            let _radius_extraInitializers = [];
+            return class Comp {
+                static {
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+                    _radius_decorators = [Style("--card-border-radius")];
+                    __esDecorate(null, null, _radius_decorators, { kind: "field", name: "radius", static: false, private: false, access: { has: obj => "radius" in obj, get: obj => obj.radius, set: (obj, value) => { obj.radius = value; } }, metadata: _metadata }, _radius_initializers, _radius_extraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                }
+                constructor() {
+                    this._anchor = anchor;
+                    this.radius = __runInitializers(this, _radius_initializers, "12px");
+                    __runInitializers(this, _radius_extraInitializers);
+                }
+            };
+        })();
+        const inst = new Comp();
+        inst.onMount?.();
+        expect(container.style.getPropertyValue("--card-border-radius")).toBe("12px");
+    });
+});
+//# sourceMappingURL=style.test.js.map

package/dist/__tests__/style.test.js.map

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

package/dist/__tests__/styled.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styled.test.d.ts.map

package/dist/__tests__/styled.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/styled.test.ts"],"names":[],"mappings":""}