next-style 2.0.1 → 2.0.2

package/dist/postcss-plugin/index.js

@@ -1,61 +1 @@
-import fs from 'node:fs';
-import os from 'node:os';
-import path from 'node:path';
-import postcss from 'postcss';
-/**
- * PostCSS plugin for next-style.
- *
- * How it works with Turbopack:
- * 1. `css()` / `global()` calls in component files write compiled CSS to a
- *    temp file (`os.tmpdir()/next-style.css`) via `styleCollector.flush()`.
- * 2. This plugin reads that temp file and replaces `@import "next-style"`
- *    with its contents at PostCSS processing time.
- *
- * Because PostCSS runs in a separate process from the module graph,
- * in-memory collectors cannot be shared. The temp file is the IPC bridge.
- *
- * Usage in postcss.config.js:
- *   export default { plugins: { "next-style/plugin": {} } }
- */
-const IMPORT_RE = /^next-style$/;
-/** Path to the temp file used as IPC bridge between runtime and PostCSS. */
-export const CACHE_FILE = path.join(os.tmpdir(), 'next-style.css');
-function nextStylePlugin(opts = {}) {
-    const cacheFile = opts.cacheFile ?? CACHE_FILE;
-    const plugin = {
-        postcssPlugin: 'next-style',
-        Once(root) {
-            // Read compiled CSS from the temp file written by the runtime
-            let cssContent = '';
-            try {
-                cssContent = fs.readFileSync(cacheFile, 'utf-8');
-            }
-            catch {
-                // Cache file doesn't exist yet (first cold boot before any css() call)
-                // — leave the @import in place so PostCSS doesn't error, just remove it
-            }
-            // Replace @import "next-style" with compiled CSS (or remove if empty)
-            let replaced = false;
-            root.walkAtRules('import', atRule => {
-                const val = atRule.params.replace(/['"]/g, '').trim();
-                if (!IMPORT_RE.test(val))
-                    return;
-                if (cssContent.trim()) {
-                    atRule.replaceWith(postcss.parse(cssContent));
-                }
-                else {
-                    atRule.remove();
-                }
-                replaced = true;
-            });
-            // No @import directive — prepend at top if there's content
-            if (!replaced && cssContent.trim()) {
-                root.prepend(postcss.parse(cssContent));
-            }
-        }
-    };
-    return plugin;
-}
-nextStylePlugin.postcss = true;
-export default nextStylePlugin;
-export const plugin = nextStylePlugin;
+import l from"fs";import a from"os";import m from"path";import i from"postcss";var u=/^next-style$/,f=m.join(a.tmpdir(),"next-style.css");function s(c={}){let o=c.cacheFile??f;return{postcssPlugin:"next-style",Once(r){let t="";try{t=l.readFileSync(o,"utf-8")}catch{}let n=!1;r.walkAtRules("import",e=>{let p=e.params.replace(/['"]/g,"").trim();u.test(p)&&(t.trim()?e.replaceWith(i.parse(t)):e.remove(),n=!0)}),!n&&t.trim()&&r.prepend(i.parse(t))}}}s.postcss=!0;var O=s,C=s;export{f as CACHE_FILE,O as default,C as plugin};

package/package.json

@@ -1,9 +1,9 @@
 {
 	"name": "next-style",
-	"version": "2.0.1",
+	"version": "2.0.2",
 	"description": "Zero-Runtime CSS-in-JS for Next.js + Turbopack",
 	"type": "module",
-	"main": "./dist/index.js",
+	"main": "./dist/index.cjs",
 	"types": "./dist/index.d.ts",
 	"repository": {
 		"type": "git",
@@ -15,38 +15,51 @@
 	"homepage": "https://github.com/TiwPhiraphan/next-style#readme",
 	"exports": {
 		".": {
-			"import": "./dist/index.js",
-			"types": "./dist/index.d.ts"
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.mjs",
+			"require": "./dist/index.cjs"
 		},
 		"./plugin": {
-			"import": "./dist/postcss-plugin/index.js",
-			"types": "./dist/postcss-plugin/index.d.ts"
+			"types": "./dist/postcss-plugin/index.d.ts",
+			"import": "./dist/postcss-plugin/index.mjs",
+			"require": "./dist/postcss-plugin/index.cjs"
 		}
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"files": ["dist"],
+	"files": [
+		"dist"
+	],
 	"scripts": {
-		"export": "bun run build:ts && bun run build:types",
-		"build:ts": "tsc",
-		"build:types": "tsc --emitDeclarationOnly",
-		"dev": "tsc --watch",
+		"export": "tsup",
+		"build:watch": "tsup --watch",
+		"dev": "tsup --watch",
 		"test": "bun test",
 		"lint": "biome lint",
 		"format": "biome format --write"
 	},
 	"devDependencies": {
 		"@biomejs/biome": "^2.4.15",
-		"@types/bun": "^1.3.14",
 		"@types/node": "^25.7.0",
+		"@types/bun": "^1.3.14",
 		"csstype": "^3.2.3",
+		"tsup": "^8.5.1",
 		"typescript": "^5"
 	},
 	"peerDependencies": {
 		"postcss": ">=8.4.31"
 	},
-	"keywords": ["css-in-js", "zero-runtime", "next.js", "turbopack", "postcss", "style", "next-style", "css"],
+	"keywords": [
+		"css-in-js",
+		"zero-runtime",
+		"next.js",
+		"turbopack",
+		"postcss",
+		"style",
+		"next-style",
+		"css"
+	],
 	"author": "TiwPhiraphan",
 	"license": "MIT"
 }

package/dist/compiler/index.d.ts

@@ -1,105 +0,0 @@
-/**
- * The compiled representation of a single `css({})` call.
- * Produced by `StyleCollector` and consumed by the PostCSS plugin.
- */
-export interface CompiledStyle {
-    /** Scoped class name, e.g. `"ns-1x2y3z"`. */
-    className: string;
-    /** Base CSS rule block for this class. */
-    css: string;
-    /** Map of normalized media query string → CSS rule block. */
-    mediaQueries: Record<string, string>;
-    /** Map of pseudo selector (e.g. `":hover"`) → CSS rule block. */
-    pseudoClasses: Record<string, string>;
-    /** Concatenated `@keyframes` blocks referenced by this style. */
-    keyframes: string;
-    /** Map of `@supports` condition → CSS rule block. */
-    supports: Record<string, string>;
-    /** Map of `@layer` name → CSS rule block. */
-    layers: Record<string, string>;
-}
-/**
- * Collects, compiles, and deduplicates styles registered via `css()` and `global()`.
- *
- * A single shared instance is held by the runtime module. The PostCSS plugin
- * calls `getAllStyles()` at build time to drain the collected CSS.
- *
- * @example
- * const collector = new StyleCollector()
- * const className = collector.addStyle({ color: 'red' }) // "ns-abc123"
- * const css = collector.getAllStyles() // ".ns-abc123 { color: red; }"
- */
-export declare class StyleCollector {
-    private styles;
-    /**
-     * Compiles a style object and registers it in the collector.
-     * Returns the same class name for identical style objects (deduplication).
-     *
-     * @param styleObj - Raw style object from a `css({})` call.
-     * @returns Scoped class name string.
-     */
-    addStyle(styleObj: any): string;
-    /**
-     * Registers a global style rule (no scoped class).
-     * Subsequent calls with the same selector are ignored (idempotent).
-     *
-     * @param selector - CSS selector string, e.g. `"body"` or `"h1, h2"`.
-     * @param styleObj - Style properties to apply to the selector.
-     */
-    addGlobalStyle(selector: string, styleObj: any): void;
-    private compileStyle;
-    private parseStyles;
-    private buildDeclarations;
-    /**
-     * Serialises all collected styles into a single CSS string.
-     *
-     * Output order:
-     * 1. `@keyframes` blocks
-     * 2. Base class rules
-     * 3. Pseudo-class/element rules
-     * 4. `@layer` blocks
-     * 5. `@supports` blocks
-     * 6. Media queries (ascending `min-width`, mobile-first)
-     *
-     * @returns Full CSS string ready to be injected or written to a file.
-     */
-    getAllStyles(): string;
-    private extractMinWidth;
-    /**
-     * Writes all collected styles to a temp file so the PostCSS plugin
-     * (which runs in a separate process) can read them.
-     *
-     * Call this after all `css()` / `global()` calls have been evaluated,
-     * e.g. at the end of a build-time entry point.
-     *
-     * @param filePath - Destination file path. Defaults to `os.tmpdir()/next-style.css`.
-     */
-    flush(filePath?: string): void;
-    /**
-     * Returns a snapshot of the internal style map.
-     * Intended for inspection and testing — not for direct mutation.
-     */
-    getStyleMap(): Map<string, CompiledStyle>;
-}
-/**
- * Creates an isolated `StyleCollector` paired with a transform helper.
- *
- * Primarily used by SWC/Babel transforms and test harnesses that need
- * a fresh collector per file or per test, independent of the shared
- * runtime instance.
- *
- * @example
- * const { collector, transformCssCall } = createTransformer()
- * const className = transformCssCall({ color: 'red' })
- * const css = collector.getAllStyles()
- */
-export declare function createTransformer(): {
-    collector: StyleCollector;
-    /**
-     * Equivalent to calling `css()` against this transformer's isolated collector.
-     * @param styleObj - Raw style object.
-     * @returns Scoped class name string.
-     */
-    transformCssCall(styleObj: any): string;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/compiler/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/compiler/index.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC7B,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAA;IACjB,0CAA0C;IAC1C,GAAG,EAAE,MAAM,CAAA;IACX,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,iEAAiE;IACjE,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,iEAAiE;IACjE,SAAS,EAAE,MAAM,CAAA;IACjB,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC9B;AAED;;;;;;;;;;GAUG;AACH,qBAAa,cAAc;IAC1B,OAAO,CAAC,MAAM,CAAmC;IAEjD;;;;;;OAMG;IACH,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,MAAM;IAW/B;;;;;;OAMG;IACH,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,GAAG,IAAI;IAgBrD,OAAO,CAAC,YAAY;IA+DpB,OAAO,CAAC,WAAW;IAwCnB,OAAO,CAAC,iBAAiB;IAUzB;;;;;;;;;;;;OAYG;IACH,YAAY,IAAI,MAAM;IAwBtB,OAAO,CAAC,eAAe;IAKvB;;;;;;;;OAQG;IACH,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAQ9B;;;OAGG;IACH,WAAW;CAGX;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB;;IAI/B;;;;OAIG;+BACwB,GAAG,GAAG,MAAM;EAIxC"}

package/dist/compiler/index.js

@@ -1,245 +0,0 @@
-import { BREAKPOINTS, camelToKebab, generateClassHash, normalizeMediaQuery } from '../utils';
-/**
- * Collects, compiles, and deduplicates styles registered via `css()` and `global()`.
- *
- * A single shared instance is held by the runtime module. The PostCSS plugin
- * calls `getAllStyles()` at build time to drain the collected CSS.
- *
- * @example
- * const collector = new StyleCollector()
- * const className = collector.addStyle({ color: 'red' }) // "ns-abc123"
- * const css = collector.getAllStyles() // ".ns-abc123 { color: red; }"
- */
-export class StyleCollector {
-    constructor() {
-        this.styles = new Map();
-    }
-    /**
-     * Compiles a style object and registers it in the collector.
-     * Returns the same class name for identical style objects (deduplication).
-     *
-     * @param styleObj - Raw style object from a `css({})` call.
-     * @returns Scoped class name string.
-     */
-    addStyle(styleObj) {
-        const hash = generateClassHash(styleObj);
-        const className = `ns-${hash}`;
-        if (this.styles.has(className)) {
-            return className;
-        }
-        const compiled = this.compileStyle(styleObj);
-        this.styles.set(className, compiled);
-        return className;
-    }
-    /**
-     * Registers a global style rule (no scoped class).
-     * Subsequent calls with the same selector are ignored (idempotent).
-     *
-     * @param selector - CSS selector string, e.g. `"body"` or `"h1, h2"`.
-     * @param styleObj - Style properties to apply to the selector.
-     */
-    addGlobalStyle(selector, styleObj) {
-        const key = `global:${selector}`;
-        if (this.styles.has(key))
-            return;
-        const props = this.buildDeclarations(styleObj);
-        if (!props)
-            return;
-        this.styles.set(key, {
-            className: key,
-            css: `${selector} {\n${props}}`,
-            mediaQueries: {},
-            pseudoClasses: {},
-            keyframes: '',
-            supports: {},
-            layers: {}
-        });
-    }
-    compileStyle(styleObj) {
-        const { mediaQueries, pseudoClasses, normalStyles, keyframes, supports, container, layer } = this.parseStyles(styleObj);
-        const hash = generateClassHash(styleObj);
-        const className = `ns-${hash}`;
-        const declarations = this.buildDeclarations(normalStyles);
-        const css = `.${className} {\n${declarations}}`;
-        const compiledMedia = {};
-        Object.entries(mediaQueries).forEach(([query, styles]) => {
-            const normalized = normalizeMediaQuery(query);
-            const inner = this.buildDeclarations(styles, '    ');
-            const existing = compiledMedia[normalized];
-            compiledMedia[normalized] = existing
-                ? `${normalized} {\n  .${className} {\n${existing.split('\n').slice(2, -1).join('\n')}\n${inner}  }\n}`
-                : `${normalized} {\n  .${className} {\n${inner}  }\n}`;
-        });
-        Object.entries(container).forEach(([query, styles]) => {
-            const inner = this.buildDeclarations(styles, '    ');
-            compiledMedia[query] = `${query} {\n  .${className} {\n${inner}  }\n}`;
-        });
-        const compiledPseudos = {};
-        Object.entries(pseudoClasses).forEach(([pseudo, styles]) => {
-            const inner = this.buildDeclarations(styles);
-            compiledPseudos[pseudo] = `.${className}${pseudo} {\n${inner}}`;
-        });
-        let keyframesCss = '';
-        Object.entries(keyframes).forEach(([name, frames]) => {
-            keyframesCss += `@keyframes ${name} {\n`;
-            Object.entries(frames).forEach(([stop, props]) => {
-                const inner = this.buildDeclarations(props, '    ');
-                keyframesCss += `  ${stop} {\n${inner}  }\n`;
-            });
-            keyframesCss += '}\n';
-        });
-        const compiledSupports = {};
-        Object.entries(supports).forEach(([condition, styles]) => {
-            const inner = this.buildDeclarations(styles, '    ');
-            compiledSupports[condition] = `@supports ${condition} {\n  .${className} {\n${inner}  }\n}`;
-        });
-        const compiledLayers = {};
-        Object.entries(layer).forEach(([name, styles]) => {
-            const inner = this.buildDeclarations(styles, '  ');
-            compiledLayers[name] = `@layer ${name} {\n${inner}}`;
-        });
-        return {
-            className,
-            css,
-            mediaQueries: compiledMedia,
-            pseudoClasses: compiledPseudos,
-            keyframes: keyframesCss,
-            supports: compiledSupports,
-            layers: compiledLayers
-        };
-    }
-    parseStyles(styleObj) {
-        const normalStyles = {};
-        const mediaQueries = {};
-        const pseudoClasses = {};
-        const keyframes = {};
-        const supports = {};
-        const container = {};
-        const layer = {};
-        Object.entries(styleObj).forEach(([key, value]) => {
-            if (key.startsWith('@keyframes ')) {
-                keyframes[key.slice('@keyframes '.length)] = value;
-            }
-            else if (key === '@keyframes' && typeof value === 'object') {
-                Object.assign(keyframes, value);
-            }
-            else if (key.startsWith('@supports')) {
-                supports[key.slice('@supports '.length)] = value;
-            }
-            else if (key.startsWith('@container')) {
-                container[key] = value;
-            }
-            else if (key.startsWith('@layer')) {
-                layer[key.slice('@layer '.length) || 'default'] = value;
-            }
-            else if (key in BREAKPOINTS || key.startsWith('@media')) {
-                mediaQueries[key] = value;
-            }
-            else if (key.startsWith(':') || key.startsWith('::')) {
-                pseudoClasses[key] = value;
-            }
-            else {
-                normalStyles[key] = value;
-            }
-        });
-        return { normalStyles, mediaQueries, pseudoClasses, keyframes, supports, container, layer };
-    }
-    buildDeclarations(styles, indent = '  ') {
-        let css = '';
-        Object.entries(styles).forEach(([key, value]) => {
-            if (typeof value === 'string' || typeof value === 'number') {
-                css += `${indent}${camelToKebab(key)}: ${value};\n`;
-            }
-        });
-        return css;
-    }
-    /**
-     * Serialises all collected styles into a single CSS string.
-     *
-     * Output order:
-     * 1. `@keyframes` blocks
-     * 2. Base class rules
-     * 3. Pseudo-class/element rules
-     * 4. `@layer` blocks
-     * 5. `@supports` blocks
-     * 6. Media queries (ascending `min-width`, mobile-first)
-     *
-     * @returns Full CSS string ready to be injected or written to a file.
-     */
-    getAllStyles() {
-        let allCss = '';
-        this.styles.forEach(style => {
-            if (style.keyframes)
-                allCss += `${style.keyframes}\n`;
-            if (style.css)
-                allCss += `${style.css}\n`;
-            Object.values(style.pseudoClasses).forEach(css => {
-                allCss += `${css}\n`;
-            });
-            Object.values(style.layers).forEach(css => {
-                allCss += `${css}\n`;
-            });
-            Object.values(style.supports).forEach(css => {
-                allCss += `${css}\n`;
-            });
-            const mediaEntries = Object.entries(style.mediaQueries).sort(([a], [b]) => this.extractMinWidth(a) - this.extractMinWidth(b));
-            mediaEntries.forEach(([, css]) => {
-                allCss += `${css}\n`;
-            });
-        });
-        return allCss;
-    }
-    extractMinWidth(query) {
-        const match = query.match(/min-width:\s*(\d+)px/);
-        return match ? parseInt(match[1], 10) : 0;
-    }
-    /**
-     * Writes all collected styles to a temp file so the PostCSS plugin
-     * (which runs in a separate process) can read them.
-     *
-     * Call this after all `css()` / `global()` calls have been evaluated,
-     * e.g. at the end of a build-time entry point.
-     *
-     * @param filePath - Destination file path. Defaults to `os.tmpdir()/next-style.css`.
-     */
-    flush(filePath) {
-        const fs = require('node:fs');
-        const os = require('node:os');
-        const path = require('node:path');
-        const dest = filePath ?? path.join(os.tmpdir(), 'next-style.css');
-        fs.writeFileSync(dest, this.getAllStyles(), 'utf-8');
-    }
-    /**
-     * Returns a snapshot of the internal style map.
-     * Intended for inspection and testing — not for direct mutation.
-     */
-    getStyleMap() {
-        return new Map(this.styles);
-    }
-}
-/**
- * Creates an isolated `StyleCollector` paired with a transform helper.
- *
- * Primarily used by SWC/Babel transforms and test harnesses that need
- * a fresh collector per file or per test, independent of the shared
- * runtime instance.
- *
- * @example
- * const { collector, transformCssCall } = createTransformer()
- * const className = transformCssCall({ color: 'red' })
- * const css = collector.getAllStyles()
- */
-export function createTransformer() {
-    const collector = new StyleCollector();
-    return {
-        collector,
-        /**
-         * Equivalent to calling `css()` against this transformer's isolated collector.
-         * @param styleObj - Raw style object.
-         * @returns Scoped class name string.
-         */
-        transformCssCall(styleObj) {
-            return collector.addStyle(styleObj);
-        }
-    };
-}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,GAAG,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC3F,OAAO,EACN,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,MAAM,SAAS,CAAA"}

package/dist/postcss-plugin/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/postcss-plugin/index.ts"],"names":[],"mappings":"AAGA,OAAO,OAAO,MAAM,SAAS,CAAA;AAoB7B,4EAA4E;AAC5E,eAAO,MAAM,UAAU,QAA2C,CAAA;AAElE,UAAU,aAAa;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,iBAAS,eAAe,CAAC,IAAI,GAAE,aAAkB,kBAqChD;kBArCQ,eAAe;;;AAyCxB,eAAe,eAAe,CAAA;AAC9B,eAAO,MAAM,MAAM,wBAAkB,CAAA"}

package/dist/runtime/index.d.ts

@@ -1,104 +0,0 @@
-import type { Properties, Pseudos } from 'csstype';
-import { StyleCollector } from '../compiler';
-/**
- * CSS properties with full type safety and autocomplete via csstype.
- * Accepts both string and number values (e.g. `fontSize: 16` or `fontSize: '16px'`).
- */
-export type CSSProperties = Properties<string | number>;
-/** @internal Mapped type for pseudo-classes/elements — avoids index signature limitation */
-type PseudoStyles = {
-    [P in Pseudos]?: CSSProperties;
-};
-/** @internal At-rule keys (@media, @container, @supports, @layer, @keyframes) */
-type AtRuleStyles = {
-    '@sm'?: CSSProperties;
-    '@md'?: CSSProperties;
-    '@lg'?: CSSProperties;
-    '@xl'?: CSSProperties;
-    '@2xl'?: CSSProperties;
-    [media: `@media ${string}`]: CSSProperties;
-    [container: `@container ${string}`]: CSSProperties;
-    [supports: `@supports ${string}`]: CSSProperties;
-    [layer: `@layer ${string}`]: CSSProperties;
-    [keyframes: `@keyframes ${string}`]: Record<string, CSSProperties>;
-};
-/**
- * Style object passed to `css()` and `global()`.
- *
- * Supports:
- * - All CSS properties (typed via csstype)
- * - Responsive breakpoints: `'@sm'`, `'@md'`, `'@lg'`, `'@xl'`, `'@2xl'`
- * - Arbitrary media queries: `'@media (min-width: 900px)'`
- * - Pseudo-classes and pseudo-elements: `':hover'`, `'::before'`, etc.
- * - Container queries: `'@container sidebar (min-width: 300px)'`
- * - Feature queries: `'@supports (display: grid)'`
- * - Keyframe animations: `'@keyframes fadeIn'`
- * - Cascade layers: `'@layer utilities'`
- *
- * @example
- * const style: CSSObject = {
- *   fontSize: '16px',
- *   '@md': { fontSize: '20px' },
- *   ':hover': { color: 'blue' },
- *   '@keyframes spin': { to: { transform: 'rotate(360deg)' } },
- * }
- */
-export type CSSObject = CSSProperties & PseudoStyles & AtRuleStyles & {
-    [key: string]: any;
-};
-/**
- * Converts a style object into a unique CSS class name.
- *
- * Styles are collected at build time by the PostCSS plugin and emitted as
- * a single static CSS file — there is zero runtime overhead in production.
- * Identical style objects always return the same class name (deduplication).
- *
- * @param styles - A `CSSObject` describing the styles for this element.
- * @returns A stable class name string (e.g. `"ns-1x2y3z"`).
- *
- * @example
- * const button = css({
- *   padding: '8px 16px',
- *   borderRadius: '6px',
- *   backgroundColor: '#7F77DD',
- *   ':hover': { backgroundColor: '#534AB7' },
- *   '@md': { padding: '10px 20px' },
- * })
- *
- * export function Button() {
- *   return <button className={button}>Click me</button>
- * }
- */
-export declare function css(styles: CSSObject): string;
-/**
- * Registers global CSS styles applied directly to selectors (no scoped class).
- *
- * Useful for CSS resets, base typography, and third-party element overrides.
- * Like `css()`, styles are extracted at build time — no runtime cost.
- *
- * @param styles - A record mapping CSS selectors to `CSSObject` style definitions.
- *
- * @example
- * global({
- *   '*': { boxSizing: 'border-box', margin: '0' },
- *   'body': { fontFamily: 'Inter, sans-serif', lineHeight: '1.6' },
- *   'h1, h2, h3': { fontWeight: 500 },
- * })
- */
-export declare function global(styles: Record<string, CSSObject>): void;
-/**
- * The shared `StyleCollector` instance.
- *
- * Consumed by the PostCSS plugin at build time to drain all registered styles
- * into the output CSS file. Not intended for direct use in application code.
- *
- * @internal
- */
-export { collector as styleCollector };
-declare const collector: StyleCollector;
-/** @deprecated Use `styleCollector` instead. */
-export declare const styleRegistry: {
-    get: (key: string) => import("..").CompiledStyle | undefined;
-    getAllStyles: () => string;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/runtime/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEvD,4FAA4F;AAC5F,KAAK,YAAY,GAAG;KAAG,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE,aAAa;CAAE,CAAA;AAEtD,iFAAiF;AACjF,KAAK,YAAY,GAAG;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,CAAC,KAAK,EAAE,UAAU,MAAM,EAAE,GAAG,aAAa,CAAA;IAC1C,CAAC,SAAS,EAAE,cAAc,MAAM,EAAE,GAAG,aAAa,CAAA;IAClD,CAAC,QAAQ,EAAE,aAAa,MAAM,EAAE,GAAG,aAAa,CAAA;IAChD,CAAC,KAAK,EAAE,UAAU,MAAM,EAAE,GAAG,aAAa,CAAA;IAC1C,CAAC,SAAS,EAAE,cAAc,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;CAClE,CAAA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,SAAS,GAAG,aAAa,GACpC,YAAY,GACZ,YAAY,GAAG;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,GAAG,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAI7C;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAI,CAK9D;AAED;;;;;;;GAOG;AACH,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,CAAA;AAEtC,QAAA,MAAM,SAAS,gBAAuB,CAAA;AAEtC,gDAAgD;AAChD,eAAO,MAAM,aAAa;eACd,MAAM;;CAEjB,CAAA"}

package/dist/runtime/index.js

@@ -1,65 +0,0 @@
-import { StyleCollector } from '../compiler';
-/**
- * Converts a style object into a unique CSS class name.
- *
- * Styles are collected at build time by the PostCSS plugin and emitted as
- * a single static CSS file — there is zero runtime overhead in production.
- * Identical style objects always return the same class name (deduplication).
- *
- * @param styles - A `CSSObject` describing the styles for this element.
- * @returns A stable class name string (e.g. `"ns-1x2y3z"`).
- *
- * @example
- * const button = css({
- *   padding: '8px 16px',
- *   borderRadius: '6px',
- *   backgroundColor: '#7F77DD',
- *   ':hover': { backgroundColor: '#534AB7' },
- *   '@md': { padding: '10px 20px' },
- * })
- *
- * export function Button() {
- *   return <button className={button}>Click me</button>
- * }
- */
-export function css(styles) {
-    const className = collector.addStyle(styles);
-    collector.flush();
-    return className;
-}
-/**
- * Registers global CSS styles applied directly to selectors (no scoped class).
- *
- * Useful for CSS resets, base typography, and third-party element overrides.
- * Like `css()`, styles are extracted at build time — no runtime cost.
- *
- * @param styles - A record mapping CSS selectors to `CSSObject` style definitions.
- *
- * @example
- * global({
- *   '*': { boxSizing: 'border-box', margin: '0' },
- *   'body': { fontFamily: 'Inter, sans-serif', lineHeight: '1.6' },
- *   'h1, h2, h3': { fontWeight: 500 },
- * })
- */
-export function global(styles) {
-    Object.entries(styles).forEach(([selector, styleObj]) => {
-        collector.addGlobalStyle(selector, styleObj);
-    });
-    collector.flush();
-}
-/**
- * The shared `StyleCollector` instance.
- *
- * Consumed by the PostCSS plugin at build time to drain all registered styles
- * into the output CSS file. Not intended for direct use in application code.
- *
- * @internal
- */
-export { collector as styleCollector };
-const collector = new StyleCollector();
-/** @deprecated Use `styleCollector` instead. */
-export const styleRegistry = {
-    get: (key) => collector.getStyleMap().get(key),
-    getAllStyles: () => collector.getAllStyles()
-};