@style-this/core 0.1.4 → 0.2.1

package/dist/compiler.d.cts

@@ -1,37 +1,84 @@
 //#region native/pkg/style_this.d.ts
-/* tslint:disable */
-/* eslint-disable */
 
 declare class Transformer$1 {
   free(): void;
   [Symbol.dispose](): void;
+  /**
+   * Clear import registrations for a file
+   * Call this before re-transforming a file to clear its old import records
+   */
+  clear_file_imports(filepath: string): void;
+  /**
+   * Clear value cache for a specific file
+   */
+  clear_value_cache(filepath: string): void;
+  /**
+   * Get all collected atomic CSS
+   */
+  get_atomic_css(): string;
+  /**
+   * Get the current exports for a file from the value cache
+   * Returns a JS Array of export names
+   */
+  get_file_exports(filepath: string): Array<any>;
+  /**
+   * Get files that import changed exports from the given file
+   * Returns a JS Array of filepaths that need to be invalidated
+   *
+   * `changed_exports` should be a JS Array of export names that changed
+   */
+  get_importers_of_changed_exports(filepath: string, changed_exports: any): Array<any>;
+  /**
+   * Get all files that transitively depend on changed exports from the given file
+   *
+   * `changed_exports` should be a JS Array of export names that changed, empty means any
+   */
+  get_transitive_importers(filepath: string, changed_exports: any): Array<any>;
   constructor(opts: any);
-  transform(code: string, filepath: string, skip_css_eval: boolean, import_source?: string | null): Promise<any | undefined>;
+  /**
+   * * `load_file` - Overrides the transformer's `loadFile` for this transform and all of its
+   * dependency evaluations, e.g. to resolve within the calling plugin context.
+   */
+  transform(code: string, filepath: string, skip_css_eval: boolean, load_file?: Function | null): Promise<any | undefined>;
 }
 //#endregion
 //#region src/compiler.d.ts
+interface CacheRegistry {
+  css_cache_ref(): string;
+  atomic_cache_ref(): string;
+  value_cache_ref(): string;
+  invalidateModule(filepath: string): void;
+}
 interface Transformer extends Omit<Transformer$1, "transform"> {
-  transform(code: string, filepath: string, skipCssEval: boolean, importSource?: string): Promise<{
+  transform(code: string, filepath: string, skipCssEval: boolean, loadFile?: (id: string, importer: string) => Promise<[string, string]>): Promise<{
     code: string;
     sourcemap: string;
-    temporaryPrograms: string[];
   } | undefined>;
 }
-type CssCachEntry = Promise<string> & {
-  resolve: (value: string) => void;
-  reject: (error: Error) => void;
+type CssSourceMapData = Array<{
+  className: string;
+  start: number;
+  end: number;
+}>;
+type CssCachEntry = Promise<string | Error> & {
+  resolve: (value: string | Error, sourcemapData?: CssSourceMapData, filepath?: string) => void;
+  code: string;
 };
 declare const Transformer: new (opts: {
   cwd: string;
   ignoredImports: Record<string, string[]>;
   loadFile: (filepath: string, importer: string) => Promise<[string, string]>;
-  cssCache: Map<string, CssCachEntry>;
-  valueCache: Record<string, Record<string, any>>;
+  createRequire?: (filename: string) => NodeRequire;
+  cacheRegistry: CacheRegistry;
   wrapSelectorsWithGlobal?: boolean;
   cssExtension: string;
   useRequire?: boolean;
+  debug?: boolean;
+  atomic?: boolean;
+  onDebugVirtualModule?: (name: string, code: string) => void;
 }) => Transformer;
+declare const CacheRegistry: new () => CacheRegistry;
 declare const initializeStyleThis: () => Promise<void>;
 //#endregion
-export { CssCachEntry, Transformer, initializeStyleThis };
+export { CacheRegistry, CssCachEntry, CssSourceMapData, Transformer, initializeStyleThis };
 //# sourceMappingURL=compiler.d.cts.map

package/dist/compiler.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"compiler.d.cts","names":["Transformer","Symbol","dispose","Promise","initialize","InitInput","RequestInfo","URL","Response","BufferSource","WebAssembly","Module","InitOutput","Memory","Table","SyncInitInput","initSync","__wbg_init","default"],"sources":["../native/pkg/style_this.d.ts","../src/compiler.ts"],"sourcesContent":["/* tslint:disable */\n/* eslint-disable */\n\nexport class Transformer {\n  free(): void;\n  [Symbol.dispose](): void;\n  constructor(opts: any);\n  transform(code: string, filepath: string, skip_css_eval: boolean, import_source?: string | null): Promise<any | undefined>;\n}\n\nexport function initialize(): void;\n\nexport type InitInput = RequestInfo | URL | Response | BufferSource | WebAssembly.Module;\n\nexport interface InitOutput {\n  readonly memory: WebAssembly.Memory;\n  readonly __wbg_transformer_free: (a: number, b: number) => void;\n  readonly transformer_new: (a: any) => number;\n  readonly transformer_transform: (a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: number) => any;\n  readonly initialize: () => void;\n  readonly wasm_bindgen__convert__closures_____invoke__h011f6951b77633db: (a: number, b: number, c: any) => void;\n  readonly wasm_bindgen__closure__destroy__h4fe13f17b5a5dde9: (a: number, b: number) => void;\n  readonly wasm_bindgen__convert__closures_____invoke__h8238ca605d8fd58c: (a: number, b: number, c: any, d: any) => void;\n  readonly __wbindgen_malloc: (a: number, b: number) => number;\n  readonly __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;\n  readonly __wbindgen_exn_store: (a: number) => void;\n  readonly __externref_table_alloc: () => number;\n  readonly __wbindgen_externrefs: WebAssembly.Table;\n  readonly __wbindgen_free: (a: number, b: number, c: number) => void;\n  readonly __wbindgen_start: () => void;\n}\n\nexport type SyncInitInput = BufferSource | WebAssembly.Module;\n\n/**\n* Instantiates the given `module`, which can either be bytes or\n* a precompiled `WebAssembly.Module`.\n*\n* @param {{ module: SyncInitInput }} module - Passing `SyncInitInput` directly is deprecated.\n*\n* @returns {InitOutput}\n*/\nexport function initSync(module: { module: SyncInitInput } | SyncInitInput): InitOutput;\n\n/**\n* If `module_or_path` is {RequestInfo} or {URL}, makes a request and\n* for everything else, calls `WebAssembly.instantiate` directly.\n*\n* @param {{ module_or_path: InitInput | Promise<InitInput> }} module_or_path - Passing `InitInput` directly is deprecated.\n*\n* @returns {Promise<InitOutput>}\n*/\nexport default function __wbg_init (module_or_path?: { module_or_path: InitInput | Promise<InitInput> } | InitInput | Promise<InitInput>): Promise<InitOutput>;\n"],"mappings":";;AAGA;;cAAaA,aAAAA;;ECEb,CDAGC,MAAAA,CAAOC,OAAAA,GCAmB,EAAA,IAAA;EAAa,WAAA,CAAA,IAAA,EAAA,GAAA;EAMrC,SAAA,CAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,aAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,MAAA,GAAA,IAAA,CAAA,EDJ+FC,OCI/F,CAAA,GAAA,GAAA,SAAA,CAAA;;;;ADRQH,UCEI,WAAA,SAAoB,IDA3BE,CCAgC,aDE0DC,EAAO,WAAA,CAAA,CAAA;0FCItG;;;IANY,iBAAY,EAAA,MAAA,EAAA;EAAa,CAAA,GAAA,SAAA,CAAA;;AAAL,KAgBzB,YAAA,GAAe,OAhBU,CAAA,MAAA,CAAA,GAAA;EAAI,OAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAgB7B,MAAA,EAAA,CAAA,KAAA,EAEM,KAFM,EAAA,GAAG,IAAA;AAM3B,CAAA;AAEkB,cAFL,WAEK,EAAA,KAAA,IAAA,EAAA;EAEkC,GAAA,EAAA,MAAA;EAE5B,cAAA,EAJN,MAIM,CAAA,MAAA,EAAA,MAAA,EAAA,CAAA;EAAZ,QAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,GAFwC,OAExC,CAAA,CAAA,MAAA,EAAA,MAAA,CAAA,CAAA;EACiB,QAAA,EADjB,GACiB,CAAA,MAAA,EADL,YACK,CAAA;EAAf,UAAA,EAAA,MAAA,CAAA,MAAA,EAAe,MAAf,CAAA,MAAA,EAAA,GAAA,CAAA,CAAA;EAMR,uBAAA,CAAA,EAAA,OAAA;EAAW,YAAA,EAAA,MAAA;EAEJ,UAAA,CAAA,EAAA,OAAA;MAFP;cAEO,2BAAmB"}
+{"version":3,"file":"compiler.d.cts","names":["CacheRegistry","Symbol","dispose","Transformer","Array","Function","Promise","initialize","InitInput","RequestInfo","URL","Response","BufferSource","WebAssembly","Module","InitOutput","Memory","Table","SyncInitInput","initSync","__wbg_init","default"],"sources":["../native/pkg/style_this.d.ts","../src/compiler.ts"],"sourcesContent":["/* tslint:disable */\n/* eslint-disable */\n\n/**\n * Registry for all caches used during CSS transformation.\n * Holds Rust-side VALUE_CACHE, ATOMIC_CSS_CACHE, and owns JS-side caches.\n */\nexport class CacheRegistry {\n    free(): void;\n    [Symbol.dispose](): void;\n    /**\n     * Get the atomic cache reference (for internal Rust use with JS eval)\n     */\n    atomic_cache_ref(): string;\n    /**\n     * Get the CSS cache reference (for internal Rust use with JS eval)\n     */\n    css_cache_ref(): string;\n    /**\n     * Delete an atomic cache entry\n     */\n    delete_atomic_module(filepath: string): void;\n    /**\n     * Delete a CSS cache entry\n     */\n    delete_css_module(filepath: string): void;\n    /**\n     * Delete a value cache entry\n     */\n    delete_value_cache_entry(filepath: string): void;\n    /**\n     * Create a new CacheRegistry from an existing JS CacheRegistry\n     * This creates global refs that point to the TS CacheRegistry's existing cache objects\n     */\n    static from_js_cache_registry(js_cache_registry: any, css_cache_ref: string, atomic_cache_ref: string, value_cache_ref: string): CacheRegistry;\n    /**\n     * Get atomic module from cache\n     */\n    get_atomic_module(filepath: string): any;\n    /**\n     * Get CSS module from cache\n     */\n    get_css_module(filepath: string): any;\n    /**\n     * Check if atomic module exists in cache\n     */\n    has_atomic_module(filepath: string): boolean;\n    /**\n     * Check if CSS module exists in cache\n     */\n    has_css_module(filepath: string): boolean;\n    /**\n     * Invalidate a module by removing it from both CSS and atomic caches\n     */\n    invalidate_module(filepath: string): void;\n    /**\n     * Create a new CacheRegistry with default JS caches\n     */\n    constructor();\n    /**\n     * Set atomic module in cache\n     */\n    set_atomic_module(filepath: string, value: any): void;\n    /**\n     * Set CSS module in cache\n     */\n    set_css_module(filepath: string, value: any): void;\n    /**\n     * Get the value cache reference (for internal Rust use with JS eval)\n     */\n    value_cache_ref(): string;\n}\n\nexport class Transformer {\n    free(): void;\n    [Symbol.dispose](): void;\n    /**\n     * Clear import registrations for a file\n     * Call this before re-transforming a file to clear its old import records\n     */\n    clear_file_imports(filepath: string): void;\n    /**\n     * Clear value cache for a specific file\n     */\n    clear_value_cache(filepath: string): void;\n    /**\n     * Get all collected atomic CSS\n     */\n    get_atomic_css(): string;\n    /**\n     * Get the current exports for a file from the value cache\n     * Returns a JS Array of export names\n     */\n    get_file_exports(filepath: string): Array<any>;\n    /**\n     * Get files that import changed exports from the given file\n     * Returns a JS Array of filepaths that need to be invalidated\n     *\n     * `changed_exports` should be a JS Array of export names that changed\n     */\n    get_importers_of_changed_exports(filepath: string, changed_exports: any): Array<any>;\n    /**\n     * Get all files that transitively depend on changed exports from the given file\n     *\n     * `changed_exports` should be a JS Array of export names that changed, empty means any\n     */\n    get_transitive_importers(filepath: string, changed_exports: any): Array<any>;\n    constructor(opts: any);\n    /**\n     * * `load_file` - Overrides the transformer's `loadFile` for this transform and all of its\n     * dependency evaluations, e.g. to resolve within the calling plugin context.\n     */\n    transform(code: string, filepath: string, skip_css_eval: boolean, load_file?: Function | null): Promise<any | undefined>;\n}\n\nexport function initialize(): void;\n\nexport type InitInput = RequestInfo | URL | Response | BufferSource | WebAssembly.Module;\n\nexport interface InitOutput {\n    readonly memory: WebAssembly.Memory;\n    readonly __wbg_cacheregistry_free: (a: number, b: number) => void;\n    readonly __wbg_transformer_free: (a: number, b: number) => void;\n    readonly cacheregistry_atomic_cache_ref: (a: number) => [number, number];\n    readonly cacheregistry_css_cache_ref: (a: number) => [number, number];\n    readonly cacheregistry_delete_atomic_module: (a: number, b: number, c: number) => void;\n    readonly cacheregistry_delete_css_module: (a: number, b: number, c: number) => void;\n    readonly cacheregistry_delete_value_cache_entry: (a: number, b: number, c: number) => void;\n    readonly cacheregistry_from_js_cache_registry: (a: any, b: number, c: number, d: number, e: number, f: number, g: number) => number;\n    readonly cacheregistry_get_atomic_module: (a: number, b: number, c: number) => any;\n    readonly cacheregistry_get_css_module: (a: number, b: number, c: number) => any;\n    readonly cacheregistry_has_atomic_module: (a: number, b: number, c: number) => number;\n    readonly cacheregistry_has_css_module: (a: number, b: number, c: number) => number;\n    readonly cacheregistry_invalidate_module: (a: number, b: number, c: number) => void;\n    readonly cacheregistry_new: () => number;\n    readonly cacheregistry_set_atomic_module: (a: number, b: number, c: number, d: any) => void;\n    readonly cacheregistry_set_css_module: (a: number, b: number, c: number, d: any) => void;\n    readonly cacheregistry_value_cache_ref: (a: number) => [number, number];\n    readonly initialize: () => void;\n    readonly transformer_clear_file_imports: (a: number, b: number, c: number) => void;\n    readonly transformer_clear_value_cache: (a: number, b: number, c: number) => void;\n    readonly transformer_get_atomic_css: (a: number) => [number, number];\n    readonly transformer_get_file_exports: (a: number, b: number, c: number) => any;\n    readonly transformer_get_importers_of_changed_exports: (a: number, b: number, c: number, d: any) => any;\n    readonly transformer_get_transitive_importers: (a: number, b: number, c: number, d: any) => any;\n    readonly transformer_new: (a: any) => number;\n    readonly transformer_transform: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => any;\n    readonly wasm_bindgen_a26a977dcb4e9872___convert__closures_____invoke___js_sys_cd38c056b37ed74a___Function_fn_wasm_bindgen_a26a977dcb4e9872___JsValue_____wasm_bindgen_a26a977dcb4e9872___sys__Undefined___js_sys_cd38c056b37ed74a___Function_fn_wasm_bindgen_a26a977dcb4e9872___JsValue_____wasm_bindgen_a26a977dcb4e9872___sys__Undefined_______true_: (a: number, b: number, c: any, d: any) => void;\n    readonly wasm_bindgen_a26a977dcb4e9872___convert__closures_____invoke___wasm_bindgen_a26a977dcb4e9872___JsValue__core_dde6c4b55a98adc4___result__Result_____wasm_bindgen_a26a977dcb4e9872___JsError___true_: (a: number, b: number, c: any) => [number, number];\n    readonly __wbindgen_malloc: (a: number, b: number) => number;\n    readonly __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;\n    readonly __wbindgen_free: (a: number, b: number, c: number) => void;\n    readonly __wbindgen_exn_store: (a: number) => void;\n    readonly __externref_table_alloc: () => number;\n    readonly __wbindgen_externrefs: WebAssembly.Table;\n    readonly __wbindgen_destroy_closure: (a: number, b: number) => void;\n    readonly __externref_table_dealloc: (a: number) => void;\n    readonly __wbindgen_start: () => void;\n}\n\nexport type SyncInitInput = BufferSource | WebAssembly.Module;\n\n/**\n * Instantiates the given `module`, which can either be bytes or\n * a precompiled `WebAssembly.Module`.\n *\n * @param {{ module: SyncInitInput }} module - Passing `SyncInitInput` directly is deprecated.\n *\n * @returns {InitOutput}\n */\nexport function initSync(module: { module: SyncInitInput } | SyncInitInput): InitOutput;\n\n/**\n * If `module_or_path` is {RequestInfo} or {URL}, makes a request and\n * for everything else, calls `WebAssembly.instantiate` directly.\n *\n * @param {{ module_or_path: InitInput | Promise<InitInput> }} module_or_path - Passing `InitInput` directly is deprecated.\n *\n * @returns {Promise<InitOutput>}\n */\nexport default function __wbg_init (module_or_path?: { module_or_path: InitInput | Promise<InitInput> } | InitInput | Promise<InitInput>): Promise<InitOutput>;\n"],"mappings":";;cAyEaG,aAAAA;;GAERF,MAAAA,CAAOC,OAAAA;;;;;;;;;;;;;;;;;;sCAkB4BE;;;;;;;4EAOsCA;;;;;;oEAMRA;;;;;;gFAMYC,kBAAkBC;;;;AAvCvFH,UCpEI,aAAA,CDoEO;EAEnBF,aAAOC,EAAAA,EAAAA,MAAAA;EAkB4BE,gBAAAA,EAAAA,EAAAA,MAAAA;EAOsCA,eAAAA,EAAAA,EAAAA,MAAAA;EAMRA,gBAAAA,CAAAA,QAAAA,EAAAA,MAAAA,CAAAA,EAAAA,IAAAA;;AAM8BE,UCpGnF,WAAA,SAAoB,IDoG+DA,CCpG1D,aDoG0DA,EAAAA,WAAAA,CAAAA,CAAAA;EAAO,SAAA,CAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,GC/F1D,OD+F0D,CAAA,CAAA,MAAA,EAAA,MAAA,CAAA,CAAA,CAAA,EC9FtG,OD8FsG,CAAA;;;;AC3G3G;AAOiB,KAeL,gBAAA,GAAmB,KAfF,CAAA;EAAa,SAAA,EAAA,MAAA;EAKO,KAAA,EAAA,MAAA;EAC5C,GAAA,EAAA,MAAA;CANgC,CAAA;AAAI,KAqB7B,YAAA,GAAe,OArBc,CAAA,MAAA,GAqBG,KArBH,CAAA,GAAA;EAe7B,OAAA,EAAA,CAAA,KAAA,EAAA,MAAgB,GAQR,KARW,EAAA,aAAK,CAAA,EAShB,gBATgB,EAAA,QAAA,CAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAMxB,IAAA,EAAA,MAAA;CAAgC;AAAjB,cAUd,WAVc,EAAA,KAAA,IAAA,EAAA;EAEP,GAAA,EAAA,MAAA;EACA,cAAA,EASF,MATE,CAAA,MAAA,EAAA,MAAA,EAAA,CAAA;EAAgB,QAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,GAWgB,OAXhB,CAAA,CAAA,MAAA,EAAA,MAAA,CAAA,CAAA;EAOvB,aAAA,CAgBI,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,GAXuB,WAWvB;EAdC,aAAA,EAKD,aALC;EAEkC,uBAAA,CAAA,EAAA,OAAA;EACZ,YAAA,EAAA,MAAA;EAEvB,UAAA,CAAA,EAAA,OAAA;EASX,KAAA,CAAA,EAAA,OAAA;EAAW,MAAA,CAAA,EAAA,OAAA;EAEJ,oBAAoE,CAAA,EAAA,CAAA,IAAb,EAAA,MAAA,EAAA,IAAa,EAAA,MAAA,EAAA,GAAA,IAAA;AAEjF,CAAA,EAAA,GAJM,WAIO;cAFA,yBAAuD;cAEvD,2BAAmB"}

package/dist/cssSourceMap.d.mts

@@ -0,0 +1,31 @@
+//#region src/compiler.d.ts
+
+type CssSourceMapData = Array<{
+  className: string;
+  start: number;
+  end: number;
+}>;
+//#endregion
+//#region src/cssSourceMap.d.ts
+interface SourceMapSegment {
+  generatedLine: number;
+  generatedColumn: number;
+  originalLine: number;
+  originalColumn: number;
+  source: string;
+}
+interface SourceMap {
+  version: number;
+  file?: string;
+  sources: string[];
+  sourcesContent: string[];
+  names: string[];
+  mappings: string;
+}
+/**
+ * Generate a CSS source map that maps generated CSS classes back to original source locations
+ */
+declare function generateCssSourceMap(cssContent: string, sourcemapData: CssSourceMapData, originalFilepath: string, originalSource: string, generatedFilepath?: string): SourceMap;
+//#endregion
+export { SourceMap, SourceMapSegment, generateCssSourceMap };
+//# sourceMappingURL=cssSourceMap.d.mts.map

package/dist/cssSourceMap.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssSourceMap.d.mts","names":[],"sources":["../src/compiler.ts","../src/cssSourceMap.ts"],"sourcesContent":[],"mappings":";;KA2BY,gBAAA,GAAmB;;;;;;;AAAnB,UCzBK,gBAAA,CDyBW;;;;ECzBX,cAAA,EAAA,MAAgB;EAQhB,MAAA,EAAA,MAAS;AAY1B;UAZiB,SAAA;;;;;;;;;;;iBAYD,oBAAA,oCAEC,iGAId"}

package/dist/cssSourceMap.mjs

@@ -0,0 +1,106 @@
+//#region src/cssSourceMap.ts
+/**
+* Generate a CSS source map that maps generated CSS classes back to original source locations
+*/
+function generateCssSourceMap(cssContent, sourcemapData, originalFilepath, originalSource, generatedFilepath) {
+	const segments = [];
+	for (const entry of sourcemapData) {
+		const position = findSelectorInCss(cssContent, `.${entry.className}`);
+		if (position) {
+			const originalPos = getLineAndColumn(originalSource, entry.start);
+			segments.push({
+				generatedLine: position.line,
+				generatedColumn: position.column,
+				originalLine: originalPos.line,
+				originalColumn: originalPos.column,
+				source: originalFilepath
+			});
+		}
+	}
+	const mappings = segmentsToVLQ(segments);
+	return {
+		version: 3,
+		file: generatedFilepath,
+		sources: [originalFilepath],
+		sourcesContent: [originalSource],
+		names: [],
+		mappings
+	};
+}
+function findSelectorInCss(css, selector) {
+	const index = css.indexOf(selector);
+	if (index === -1) return null;
+	const beforeSelector = css.substring(0, index);
+	return {
+		line: (beforeSelector.match(/\n/g) || []).length,
+		column: index - beforeSelector.lastIndexOf("\n") - 1
+	};
+}
+function getLineAndColumn(source, offset) {
+	const beforeOffset = source.substring(0, offset);
+	const line = (beforeOffset.match(/\n/g) || []).length;
+	const column = offset - beforeOffset.lastIndexOf("\n") - 1;
+	return {
+		line,
+		column: Math.max(0, column)
+	};
+}
+/**
+* Convert segments to VLQ-encoded mappings string
+* This is a simplified implementation - for production, consider using a library
+*/
+function segmentsToVLQ(segments) {
+	if (segments.length === 0) return "";
+	segments.sort((a, b) => {
+		if (a.generatedLine !== b.generatedLine) return a.generatedLine - b.generatedLine;
+		return a.generatedColumn - b.generatedColumn;
+	});
+	const lines = [];
+	let currentLine = 0;
+	let previousGeneratedColumn = 0;
+	let previousOriginalLine = 0;
+	let previousOriginalColumn = 0;
+	let previousSourceIndex = 0;
+	for (const segment of segments) {
+		while (currentLine < segment.generatedLine) {
+			lines.push("");
+			currentLine++;
+			previousGeneratedColumn = 0;
+		}
+		const values = [
+			segment.generatedColumn - previousGeneratedColumn,
+			0 - previousSourceIndex,
+			segment.originalLine - previousOriginalLine,
+			segment.originalColumn - previousOriginalColumn
+		];
+		lines[currentLine] = (lines[currentLine] ? lines[currentLine] + "," : "") + values.map(encodeVLQ).join("");
+		previousGeneratedColumn = segment.generatedColumn;
+		previousOriginalLine = segment.originalLine;
+		previousOriginalColumn = segment.originalColumn;
+		previousSourceIndex = 0;
+	}
+	return lines.join(";");
+}
+/**
+* Encode a value as VLQ (Variable Length Quantity)
+*/
+function encodeVLQ(value) {
+	const VLQ_BASE_SHIFT = 5;
+	const VLQ_BASE = 1 << VLQ_BASE_SHIFT;
+	const VLQ_BASE_MASK = VLQ_BASE - 1;
+	const VLQ_CONTINUATION_BIT = VLQ_BASE;
+	const BASE64_CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+	let encoded = value < 0 ? -value << 1 | 1 : value << 1;
+	let result = "";
+	do {
+		let digit = encoded & VLQ_BASE_MASK;
+		encoded >>>= VLQ_BASE_SHIFT;
+		if (encoded > 0) digit |= VLQ_CONTINUATION_BIT;
+		result += BASE64_CHARS[digit];
+	} while (encoded > 0);
+	return result;
+}
+
+//#endregion
+export { generateCssSourceMap };
+//# sourceMappingURL=cssSourceMap.mjs.map

package/dist/cssSourceMap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssSourceMap.mjs","names":["segments: SourceMapSegment[]","lines: string[]"],"sources":["../src/cssSourceMap.ts"],"sourcesContent":["import type { CssSourceMapData } from \"./compiler.js\";\n\nexport interface SourceMapSegment {\n  generatedLine: number;\n  generatedColumn: number;\n  originalLine: number;\n  originalColumn: number;\n  source: string;\n}\n\nexport interface SourceMap {\n  version: number;\n  file?: string;\n  sources: string[];\n  sourcesContent: string[];\n  names: string[];\n  mappings: string;\n}\n\n/**\n * Generate a CSS source map that maps generated CSS classes back to original source locations\n */\nexport function generateCssSourceMap(\n  cssContent: string,\n  sourcemapData: CssSourceMapData,\n  originalFilepath: string,\n  originalSource: string,\n  generatedFilepath?: string,\n): SourceMap {\n  const segments: SourceMapSegment[] = [];\n\n  // For each CSS class, find its position in the generated CSS and map it back\n  for (const entry of sourcemapData) {\n    const selector = `.${entry.className}`;\n    const position = findSelectorInCss(cssContent, selector);\n\n    if (position) {\n      // Calculate line and column from byte offset in original source\n      const originalPos = getLineAndColumn(originalSource, entry.start);\n\n      segments.push({\n        generatedLine: position.line,\n        generatedColumn: position.column,\n        originalLine: originalPos.line,\n        originalColumn: originalPos.column,\n        source: originalFilepath,\n      });\n    }\n  }\n\n  // Convert segments to VLQ mappings\n  const mappings = segmentsToVLQ(segments);\n\n  return {\n    version: 3,\n    file: generatedFilepath,\n    sources: [originalFilepath],\n    sourcesContent: [originalSource],\n    names: [],\n    mappings,\n  };\n}\n\nfunction findSelectorInCss(\n  css: string,\n  selector: string,\n): { line: number; column: number } | null {\n  const index = css.indexOf(selector);\n  if (index === -1) return null;\n\n  const beforeSelector = css.substring(0, index);\n  const line = (beforeSelector.match(/\\n/g) || []).length;\n  const lastNewline = beforeSelector.lastIndexOf(\"\\n\");\n  const column = index - lastNewline - 1;\n\n  return { line, column };\n}\n\nfunction getLineAndColumn(\n  source: string,\n  offset: number,\n): { line: number; column: number } {\n  const beforeOffset = source.substring(0, offset);\n  const line = (beforeOffset.match(/\\n/g) || []).length;\n  const lastNewline = beforeOffset.lastIndexOf(\"\\n\");\n  const column = offset - lastNewline - 1;\n\n  return { line, column: Math.max(0, column) };\n}\n\n/**\n * Convert segments to VLQ-encoded mappings string\n * This is a simplified implementation - for production, consider using a library\n */\nfunction segmentsToVLQ(segments: SourceMapSegment[]): string {\n  if (segments.length === 0) return \"\";\n\n  // Sort segments by generated position\n  segments.sort((a, b) => {\n    if (a.generatedLine !== b.generatedLine) {\n      return a.generatedLine - b.generatedLine;\n    }\n    return a.generatedColumn - b.generatedColumn;\n  });\n\n  const lines: string[] = [];\n  let currentLine = 0;\n  let previousGeneratedColumn = 0;\n  let previousOriginalLine = 0;\n  let previousOriginalColumn = 0;\n  let previousSourceIndex = 0;\n\n  for (const segment of segments) {\n    // Add empty line segments for skipped lines\n    while (currentLine < segment.generatedLine) {\n      lines.push(\"\");\n      currentLine++;\n      previousGeneratedColumn = 0;\n    }\n\n    // Encode this segment\n    const values = [\n      segment.generatedColumn - previousGeneratedColumn,\n      0 - previousSourceIndex, // source index (always 0 for us)\n      segment.originalLine - previousOriginalLine,\n      segment.originalColumn - previousOriginalColumn,\n    ];\n\n    lines[currentLine] =\n      (lines[currentLine] ? lines[currentLine] + \",\" : \"\") +\n      values.map(encodeVLQ).join(\"\");\n\n    previousGeneratedColumn = segment.generatedColumn;\n    previousOriginalLine = segment.originalLine;\n    previousOriginalColumn = segment.originalColumn;\n    previousSourceIndex = 0;\n  }\n\n  return lines.join(\";\");\n}\n\n/**\n * Encode a value as VLQ (Variable Length Quantity)\n */\nfunction encodeVLQ(value: number): string {\n  const VLQ_BASE_SHIFT = 5;\n  const VLQ_BASE = 1 << VLQ_BASE_SHIFT;\n  const VLQ_BASE_MASK = VLQ_BASE - 1;\n  const VLQ_CONTINUATION_BIT = VLQ_BASE;\n\n  const BASE64_CHARS =\n    \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/\";\n\n  // Convert to sign-magnitude representation\n  let encoded = value < 0 ? ((-value) << 1) | 1 : value << 1;\n\n  let result = \"\";\n  do {\n    let digit = encoded & VLQ_BASE_MASK;\n    encoded >>>= VLQ_BASE_SHIFT;\n\n    if (encoded > 0) {\n      digit |= VLQ_CONTINUATION_BIT;\n    }\n\n    result += BASE64_CHARS[digit];\n  } while (encoded > 0);\n\n  return result;\n}\n"],"mappings":";;;;AAsBA,SAAgB,qBACd,YACA,eACA,kBACA,gBACA,mBACW;CACX,MAAMA,WAA+B,EAAE;AAGvC,MAAK,MAAM,SAAS,eAAe;EAEjC,MAAM,WAAW,kBAAkB,YADlB,IAAI,MAAM,YAC6B;AAExD,MAAI,UAAU;GAEZ,MAAM,cAAc,iBAAiB,gBAAgB,MAAM,MAAM;AAEjE,YAAS,KAAK;IACZ,eAAe,SAAS;IACxB,iBAAiB,SAAS;IAC1B,cAAc,YAAY;IAC1B,gBAAgB,YAAY;IAC5B,QAAQ;IACT,CAAC;;;CAKN,MAAM,WAAW,cAAc,SAAS;AAExC,QAAO;EACL,SAAS;EACT,MAAM;EACN,SAAS,CAAC,iBAAiB;EAC3B,gBAAgB,CAAC,eAAe;EAChC,OAAO,EAAE;EACT;EACD;;AAGH,SAAS,kBACP,KACA,UACyC;CACzC,MAAM,QAAQ,IAAI,QAAQ,SAAS;AACnC,KAAI,UAAU,GAAI,QAAO;CAEzB,MAAM,iBAAiB,IAAI,UAAU,GAAG,MAAM;AAK9C,QAAO;EAAE,OAJK,eAAe,MAAM,MAAM,IAAI,EAAE,EAAE;EAIlC,QAFA,QADK,eAAe,YAAY,KAAK,GACf;EAEd;;AAGzB,SAAS,iBACP,QACA,QACkC;CAClC,MAAM,eAAe,OAAO,UAAU,GAAG,OAAO;CAChD,MAAM,QAAQ,aAAa,MAAM,MAAM,IAAI,EAAE,EAAE;CAE/C,MAAM,SAAS,SADK,aAAa,YAAY,KAAK,GACZ;AAEtC,QAAO;EAAE;EAAM,QAAQ,KAAK,IAAI,GAAG,OAAO;EAAE;;;;;;AAO9C,SAAS,cAAc,UAAsC;AAC3D,KAAI,SAAS,WAAW,EAAG,QAAO;AAGlC,UAAS,MAAM,GAAG,MAAM;AACtB,MAAI,EAAE,kBAAkB,EAAE,cACxB,QAAO,EAAE,gBAAgB,EAAE;AAE7B,SAAO,EAAE,kBAAkB,EAAE;GAC7B;CAEF,MAAMC,QAAkB,EAAE;CAC1B,IAAI,cAAc;CAClB,IAAI,0BAA0B;CAC9B,IAAI,uBAAuB;CAC3B,IAAI,yBAAyB;CAC7B,IAAI,sBAAsB;AAE1B,MAAK,MAAM,WAAW,UAAU;AAE9B,SAAO,cAAc,QAAQ,eAAe;AAC1C,SAAM,KAAK,GAAG;AACd;AACA,6BAA0B;;EAI5B,MAAM,SAAS;GACb,QAAQ,kBAAkB;GAC1B,IAAI;GACJ,QAAQ,eAAe;GACvB,QAAQ,iBAAiB;GAC1B;AAED,QAAM,gBACH,MAAM,eAAe,MAAM,eAAe,MAAM,MACjD,OAAO,IAAI,UAAU,CAAC,KAAK,GAAG;AAEhC,4BAA0B,QAAQ;AAClC,yBAAuB,QAAQ;AAC/B,2BAAyB,QAAQ;AACjC,wBAAsB;;AAGxB,QAAO,MAAM,KAAK,IAAI;;;;;AAMxB,SAAS,UAAU,OAAuB;CACxC,MAAM,iBAAiB;CACvB,MAAM,WAAW,KAAK;CACtB,MAAM,gBAAgB,WAAW;CACjC,MAAM,uBAAuB;CAE7B,MAAM,eACJ;CAGF,IAAI,UAAU,QAAQ,IAAM,CAAC,SAAU,IAAK,IAAI,SAAS;CAEzD,IAAI,SAAS;AACb,IAAG;EACD,IAAI,QAAQ,UAAU;AACtB,eAAa;AAEb,MAAI,UAAU,EACZ,UAAS;AAGX,YAAU,aAAa;UAChB,UAAU;AAEnB,QAAO"}

package/dist/index.d.mts

@@ -7,6 +7,16 @@ type CSS = string & {
 };
 declare const css: (..._raw: any) => CSS;
 declare const style: (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>) => string;
+declare const extraClass: (..._classes: string[]) => string;
+type ClassValue = string | false | null | undefined;
+/** Joins class lists, ignoring falsy values. */
+declare const joinStyles: (...classes: Array<ClassValue>) => string;
+/**
+ * Joins class lists, de-duping atomic classes of the same property (e.g. `m-xxxxx`), the last one wins.
+ * Other classes are only de-duped if identical. Falsy values are ignored.
+ * In non-atomic mode the transform replaces this with `joinStyles`.
+ */
+declare const mergeStyles: (...classes: Array<ClassValue>) => string;
 //#endregion
-export { CSSProperties, css, style };
+export { CSSProperties, css, extraClass, joinStyles, mergeStyles, style };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"sourcesContent":[],"mappings":";KAAY,aAAA;EAAA,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,MAAa,GAAA,MACU,GAAA,aAAa;AAC9C,CAAA;AAMF,KAJK,GAAA,GAQJ,MAAA,GAAA;EAEY,GAAA,EAAA,MAUZ;CATI;AAC8B,cARtB,GAQsB,EAAA,CAAA,GAAA,IAAA,EAAA,GAAA,EAAA,GARA,GAQA;AAAxB,cAFE,KAEF,EAAA,CAAA,CAAA,EADN,oBACM,EAAA,GAAA,IAAA,EAAA,KAAA,CAAA,MAAA,GAAA,MAAA,GAAwB,aAAxB,CAAA,EAAA,GAAA,MAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"sourcesContent":[],"mappings":";KAEY,aAAA;EAAA,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,MAAa,GAAA,MACU,GAAA,aAAa;AAC9C,CAAA;AAMF,KAJK,GAAA,GAQJ,MAAA,GAAA;EAEY,GAAA,EAAA,MAUZ;CATI;AAC8B,cARtB,GAQsB,EAAA,CAAA,GAAA,IAAA,EAAA,GAAA,EAAA,GARA,GAQA;AAAxB,cAFE,KAEF,EAAA,CAAA,CAAA,EADN,oBACM,EAAA,GAAA,IAAA,EAAA,KAAA,CAAA,MAAA,GAAA,MAAA,GAAwB,aAAxB,CAAA,EAAA,GAAA,MAAA;AAAK,cAUH,UAVG,EAAA,CAAA,GAAA,QAAA,EAAA,MAAA,EAAA,EAAA,GAAA,MAAA;AAUhB,KAkBK,UAAA,GAdJ,MAAA,GAAA,KAAA,GAAA,IAAA,GAAA,SAAA;AAAC;AAiBW,cAAA,UAAgC,EAAA,CAAA,GAAA,OAAN,EAAA,KAAK,CAAC,UAAD,CAAA,EAAA,GAAA,MAAA;AAQ5C;;;;;cAAa,0BAA2B,MAAM"}

package/dist/index.mjs

@@ -1,3 +1,174 @@
+//#region src/atomicPrefixes.json
+var atomicPrefixes_default = {
+	margin: "m",
+	"margin-top": "mt",
+	"margin-right": "mr",
+	"margin-bottom": "mb",
+	"margin-left": "ml",
+	"margin-inline": "mx",
+	"margin-block": "my",
+	"margin-inline-start": "ms",
+	"margin-inline-end": "me",
+	"margin-block-start": "mbs",
+	"margin-block-end": "mbe",
+	padding: "p",
+	"padding-top": "pt",
+	"padding-right": "pr",
+	"padding-bottom": "pb",
+	"padding-left": "pl",
+	"padding-inline": "px",
+	"padding-block": "py",
+	"padding-inline-start": "ps",
+	"padding-inline-end": "pe",
+	"padding-block-start": "pbs",
+	"padding-block-end": "pbe",
+	width: "w",
+	"min-width": "min-w",
+	"max-width": "max-w",
+	height: "h",
+	"min-height": "min-h",
+	"max-height": "max-h",
+	"aspect-ratio": "aspect",
+	"box-sizing": "box",
+	display: "d",
+	position: "pos",
+	inset: "inset",
+	"inset-inline": "inset-x",
+	"inset-block": "inset-y",
+	top: "top",
+	right: "right",
+	bottom: "bottom",
+	left: "left",
+	"z-index": "z",
+	float: "float",
+	clear: "clear",
+	isolation: "isolate",
+	overflow: "overflow",
+	"overflow-x": "overflow-x",
+	"overflow-y": "overflow-y",
+	visibility: "visibility",
+	opacity: "opacity",
+	flex: "flex",
+	"flex-direction": "flex-d",
+	"flex-wrap": "flex-w",
+	"flex-flow": "flex-f",
+	"flex-grow": "grow",
+	"flex-shrink": "shrink",
+	"flex-basis": "basis",
+	order: "order",
+	gap: "gap",
+	"row-gap": "gap-y",
+	"column-gap": "gap-x",
+	"align-items": "items",
+	"align-content": "content",
+	"align-self": "self",
+	"justify-content": "justify",
+	"justify-items": "justify-items",
+	"justify-self": "justify-self",
+	"place-items": "place-items",
+	"place-content": "place-content",
+	"place-self": "place-self",
+	grid: "grid",
+	"grid-template": "grid-t",
+	"grid-template-columns": "grid-cols",
+	"grid-template-rows": "grid-rows",
+	"grid-template-areas": "grid-areas",
+	"grid-auto-flow": "grid-flow",
+	"grid-auto-columns": "auto-cols",
+	"grid-auto-rows": "auto-rows",
+	"grid-area": "area",
+	"grid-column": "col",
+	"grid-column-start": "col-start",
+	"grid-column-end": "col-end",
+	"grid-row": "row",
+	"grid-row-start": "row-start",
+	"grid-row-end": "row-end",
+	columns: "columns",
+	color: "c",
+	font: "f",
+	"font-family": "ff",
+	"font-size": "fs",
+	"font-weight": "fw",
+	"font-style": "fst",
+	"font-variant": "fv",
+	"line-height": "lh",
+	"letter-spacing": "ls",
+	"word-spacing": "wsp",
+	"text-align": "ta",
+	"text-decoration": "td",
+	"text-transform": "tt",
+	"text-overflow": "to",
+	"text-indent": "ti",
+	"text-shadow": "tsh",
+	"white-space": "ws",
+	"word-break": "wb",
+	"overflow-wrap": "ow",
+	"vertical-align": "va",
+	"list-style": "list",
+	"list-style-type": "list-t",
+	content: "cnt",
+	background: "bg",
+	"background-color": "bgc",
+	"background-image": "bgi",
+	"background-size": "bgs",
+	"background-position": "bgp",
+	"background-repeat": "bgr",
+	"background-clip": "bgcl",
+	"background-attachment": "bga",
+	"background-origin": "bgo",
+	"background-blend-mode": "bgbm",
+	border: "b",
+	"border-top": "bt",
+	"border-right": "br",
+	"border-bottom": "bb",
+	"border-left": "bl",
+	"border-inline": "bx",
+	"border-block": "by",
+	"border-width": "bw",
+	"border-style": "bs",
+	"border-color": "bc",
+	"border-radius": "r",
+	"border-top-left-radius": "rtl",
+	"border-top-right-radius": "rtr",
+	"border-bottom-right-radius": "rbr",
+	"border-bottom-left-radius": "rbl",
+	"border-collapse": "b-collapse",
+	"border-spacing": "b-spacing",
+	outline: "ol",
+	"outline-width": "olw",
+	"outline-style": "ols",
+	"outline-color": "olc",
+	"outline-offset": "olo",
+	"box-shadow": "shadow",
+	filter: "filter",
+	"backdrop-filter": "backdrop",
+	"mix-blend-mode": "blend",
+	"object-fit": "object",
+	"object-position": "object-p",
+	transform: "transform",
+	"transform-origin": "origin",
+	transition: "transition",
+	"transition-property": "transition-p",
+	"transition-duration": "duration",
+	"transition-timing-function": "ease",
+	"transition-delay": "delay",
+	animation: "animate",
+	"will-change": "will",
+	cursor: "cursor",
+	"pointer-events": "ptr",
+	"user-select": "select",
+	resize: "resize",
+	appearance: "appearance",
+	"scroll-behavior": "scroll",
+	"caret-color": "caret",
+	"accent-color": "accent",
+	"table-layout": "table",
+	fill: "fill",
+	stroke: "stroke",
+	"stroke-width": "stroke-w"
+};
+
+//#endregion
 //#region src/index.ts
 const css = (..._raw) => {
 	throw new Error("@style-this: called 'css' at runtime. This indicates an error in the transform.");
@@ -10,7 +181,39 @@ const style = (s, ...expr) => {
 	}
 	return res;
 };
+const extraClass = (..._classes) => {
+	throw new Error("@style-this: called 'extraClass' at runtime. This indicates an error in the transform.");
+};
+const ATOMIC_PREFIXES = new Set(Object.values(atomicPrefixes_default));
+const ATOMIC_HASH_LENGTH = 5;
+const getAtomicPrefix = (className) => {
+	const separatorIdx = className.length - ATOMIC_HASH_LENGTH - 1;
+	if (separatorIdx < 1 || className[separatorIdx] !== "-") return;
+	if (!/[a-zA-Z]/.test(className[separatorIdx + 1])) return;
+	const prefix = className.slice(0, separatorIdx);
+	return ATOMIC_PREFIXES.has(prefix) ? prefix : void 0;
+};
+/** Joins class lists, ignoring falsy values. */
+const joinStyles = (...classes) => classes.filter(Boolean).join(" ");
+/**
+* Joins class lists, de-duping atomic classes of the same property (e.g. `m-xxxxx`), the last one wins.
+* Other classes are only de-duped if identical. Falsy values are ignored.
+* In non-atomic mode the transform replaces this with `joinStyles`.
+*/
+const mergeStyles = (...classes) => {
+	const merged = /* @__PURE__ */ new Map();
+	for (const classList of classes) {
+		if (!classList) continue;
+		for (const className of classList.split(/\s+/)) {
+			if (!className) continue;
+			const key = getAtomicPrefix(className) ?? className;
+			merged.delete(key);
+			merged.set(key, className);
+		}
+	}
+	return [...merged.values()].join(" ");
+};
 
 //#endregion
-export { css, style };
+export { css, extraClass, joinStyles, mergeStyles, style };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["export type CSSProperties = {\n  [key: string]: string | number | CSSProperties;\n};\n\ntype CSS = string & {\n  css: string;\n};\n\nexport const css = (..._raw: any): CSS => {\n  throw new Error(\n    \"@style-this: called 'css' at runtime. This indicates an error in the transform.\",\n  );\n};\n\nexport const style = (\n  s: TemplateStringsArray,\n  ...expr: Array<string | number | CSSProperties>\n): string => {\n  let res = \"\";\n  for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n    res += s[i] ?? \"\";\n    res += expr[i] ?? \"\";\n  }\n  return res;\n};\n"],"mappings":";AAQA,MAAa,OAAO,GAAG,SAAmB;AACxC,OAAM,IAAI,MACR,kFACD;;AAGH,MAAa,SACX,GACA,GAAG,SACQ;CACX,IAAI,MAAM;AACV,MAAK,IAAI,IAAI,GAAG,IAAI,KAAK,IAAI,EAAE,QAAQ,KAAK,OAAO,EAAE,EAAE,GAAG;AACxD,SAAO,EAAE,MAAM;AACf,SAAO,KAAK,MAAM;;AAEpB,QAAO"}
+{"version":3,"file":"index.mjs","names":["atomicPrefixes"],"sources":["../src/atomicPrefixes.json","../src/index.ts"],"sourcesContent":["{\n  \"margin\": \"m\",\n  \"margin-top\": \"mt\",\n  \"margin-right\": \"mr\",\n  \"margin-bottom\": \"mb\",\n  \"margin-left\": \"ml\",\n  \"margin-inline\": \"mx\",\n  \"margin-block\": \"my\",\n  \"margin-inline-start\": \"ms\",\n  \"margin-inline-end\": \"me\",\n  \"margin-block-start\": \"mbs\",\n  \"margin-block-end\": \"mbe\",\n  \"padding\": \"p\",\n  \"padding-top\": \"pt\",\n  \"padding-right\": \"pr\",\n  \"padding-bottom\": \"pb\",\n  \"padding-left\": \"pl\",\n  \"padding-inline\": \"px\",\n  \"padding-block\": \"py\",\n  \"padding-inline-start\": \"ps\",\n  \"padding-inline-end\": \"pe\",\n  \"padding-block-start\": \"pbs\",\n  \"padding-block-end\": \"pbe\",\n  \"width\": \"w\",\n  \"min-width\": \"min-w\",\n  \"max-width\": \"max-w\",\n  \"height\": \"h\",\n  \"min-height\": \"min-h\",\n  \"max-height\": \"max-h\",\n  \"aspect-ratio\": \"aspect\",\n  \"box-sizing\": \"box\",\n  \"display\": \"d\",\n  \"position\": \"pos\",\n  \"inset\": \"inset\",\n  \"inset-inline\": \"inset-x\",\n  \"inset-block\": \"inset-y\",\n  \"top\": \"top\",\n  \"right\": \"right\",\n  \"bottom\": \"bottom\",\n  \"left\": \"left\",\n  \"z-index\": \"z\",\n  \"float\": \"float\",\n  \"clear\": \"clear\",\n  \"isolation\": \"isolate\",\n  \"overflow\": \"overflow\",\n  \"overflow-x\": \"overflow-x\",\n  \"overflow-y\": \"overflow-y\",\n  \"visibility\": \"visibility\",\n  \"opacity\": \"opacity\",\n  \"flex\": \"flex\",\n  \"flex-direction\": \"flex-d\",\n  \"flex-wrap\": \"flex-w\",\n  \"flex-flow\": \"flex-f\",\n  \"flex-grow\": \"grow\",\n  \"flex-shrink\": \"shrink\",\n  \"flex-basis\": \"basis\",\n  \"order\": \"order\",\n  \"gap\": \"gap\",\n  \"row-gap\": \"gap-y\",\n  \"column-gap\": \"gap-x\",\n  \"align-items\": \"items\",\n  \"align-content\": \"content\",\n  \"align-self\": \"self\",\n  \"justify-content\": \"justify\",\n  \"justify-items\": \"justify-items\",\n  \"justify-self\": \"justify-self\",\n  \"place-items\": \"place-items\",\n  \"place-content\": \"place-content\",\n  \"place-self\": \"place-self\",\n  \"grid\": \"grid\",\n  \"grid-template\": \"grid-t\",\n  \"grid-template-columns\": \"grid-cols\",\n  \"grid-template-rows\": \"grid-rows\",\n  \"grid-template-areas\": \"grid-areas\",\n  \"grid-auto-flow\": \"grid-flow\",\n  \"grid-auto-columns\": \"auto-cols\",\n  \"grid-auto-rows\": \"auto-rows\",\n  \"grid-area\": \"area\",\n  \"grid-column\": \"col\",\n  \"grid-column-start\": \"col-start\",\n  \"grid-column-end\": \"col-end\",\n  \"grid-row\": \"row\",\n  \"grid-row-start\": \"row-start\",\n  \"grid-row-end\": \"row-end\",\n  \"columns\": \"columns\",\n  \"color\": \"c\",\n  \"font\": \"f\",\n  \"font-family\": \"ff\",\n  \"font-size\": \"fs\",\n  \"font-weight\": \"fw\",\n  \"font-style\": \"fst\",\n  \"font-variant\": \"fv\",\n  \"line-height\": \"lh\",\n  \"letter-spacing\": \"ls\",\n  \"word-spacing\": \"wsp\",\n  \"text-align\": \"ta\",\n  \"text-decoration\": \"td\",\n  \"text-transform\": \"tt\",\n  \"text-overflow\": \"to\",\n  \"text-indent\": \"ti\",\n  \"text-shadow\": \"tsh\",\n  \"white-space\": \"ws\",\n  \"word-break\": \"wb\",\n  \"overflow-wrap\": \"ow\",\n  \"vertical-align\": \"va\",\n  \"list-style\": \"list\",\n  \"list-style-type\": \"list-t\",\n  \"content\": \"cnt\",\n  \"background\": \"bg\",\n  \"background-color\": \"bgc\",\n  \"background-image\": \"bgi\",\n  \"background-size\": \"bgs\",\n  \"background-position\": \"bgp\",\n  \"background-repeat\": \"bgr\",\n  \"background-clip\": \"bgcl\",\n  \"background-attachment\": \"bga\",\n  \"background-origin\": \"bgo\",\n  \"background-blend-mode\": \"bgbm\",\n  \"border\": \"b\",\n  \"border-top\": \"bt\",\n  \"border-right\": \"br\",\n  \"border-bottom\": \"bb\",\n  \"border-left\": \"bl\",\n  \"border-inline\": \"bx\",\n  \"border-block\": \"by\",\n  \"border-width\": \"bw\",\n  \"border-style\": \"bs\",\n  \"border-color\": \"bc\",\n  \"border-radius\": \"r\",\n  \"border-top-left-radius\": \"rtl\",\n  \"border-top-right-radius\": \"rtr\",\n  \"border-bottom-right-radius\": \"rbr\",\n  \"border-bottom-left-radius\": \"rbl\",\n  \"border-collapse\": \"b-collapse\",\n  \"border-spacing\": \"b-spacing\",\n  \"outline\": \"ol\",\n  \"outline-width\": \"olw\",\n  \"outline-style\": \"ols\",\n  \"outline-color\": \"olc\",\n  \"outline-offset\": \"olo\",\n  \"box-shadow\": \"shadow\",\n  \"filter\": \"filter\",\n  \"backdrop-filter\": \"backdrop\",\n  \"mix-blend-mode\": \"blend\",\n  \"object-fit\": \"object\",\n  \"object-position\": \"object-p\",\n  \"transform\": \"transform\",\n  \"transform-origin\": \"origin\",\n  \"transition\": \"transition\",\n  \"transition-property\": \"transition-p\",\n  \"transition-duration\": \"duration\",\n  \"transition-timing-function\": \"ease\",\n  \"transition-delay\": \"delay\",\n  \"animation\": \"animate\",\n  \"will-change\": \"will\",\n  \"cursor\": \"cursor\",\n  \"pointer-events\": \"ptr\",\n  \"user-select\": \"select\",\n  \"resize\": \"resize\",\n  \"appearance\": \"appearance\",\n  \"scroll-behavior\": \"scroll\",\n  \"caret-color\": \"caret\",\n  \"accent-color\": \"accent\",\n  \"table-layout\": \"table\",\n  \"fill\": \"fill\",\n  \"stroke\": \"stroke\",\n  \"stroke-width\": \"stroke-w\"\n}\n","import atomicPrefixes from \"./atomicPrefixes.json\";\n\nexport type CSSProperties = {\n  [key: string]: string | number | CSSProperties;\n};\n\ntype CSS = string & {\n  css: string;\n};\n\nexport const css = (..._raw: any): CSS => {\n  throw new Error(\n    \"@style-this: called 'css' at runtime. This indicates an error in the transform.\",\n  );\n};\n\nexport const style = (\n  s: TemplateStringsArray,\n  ...expr: Array<string | number | CSSProperties>\n): string => {\n  let res = \"\";\n  for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n    res += s[i] ?? \"\";\n    res += expr[i] ?? \"\";\n  }\n  return res;\n};\n\nexport const extraClass = (..._classes: string[]): string => {\n  throw new Error(\n    \"@style-this: called 'extraClass' at runtime. This indicates an error in the transform.\",\n  );\n};\n\nconst ATOMIC_PREFIXES = new Set<string>(Object.values(atomicPrefixes));\nconst ATOMIC_HASH_LENGTH = 5;\n\n// atomic classes are `<prefix>-<5 char hash>`, where the hash starts with a letter\nconst getAtomicPrefix = (className: string): string | undefined => {\n  const separatorIdx = className.length - ATOMIC_HASH_LENGTH - 1;\n  if (separatorIdx < 1 || className[separatorIdx] !== \"-\") return;\n  if (!/[a-zA-Z]/.test(className[separatorIdx + 1])) return;\n  const prefix = className.slice(0, separatorIdx);\n  return ATOMIC_PREFIXES.has(prefix) ? prefix : undefined;\n};\n\ntype ClassValue = string | false | null | undefined;\n\n/** Joins class lists, ignoring falsy values. */\nexport const joinStyles = (...classes: Array<ClassValue>): string =>\n  classes.filter(Boolean).join(\" \");\n\n/**\n * Joins class lists, de-duping atomic classes of the same property (e.g. `m-xxxxx`), the last one wins.\n * Other classes are only de-duped if identical. Falsy values are ignored.\n * In non-atomic mode the transform replaces this with `joinStyles`.\n */\nexport const mergeStyles = (...classes: Array<ClassValue>): string => {\n  const merged = new Map<string, string>();\n  for (const classList of classes) {\n    if (!classList) continue;\n    for (const className of classList.split(/\\s+/)) {\n      if (!className) continue;\n      const key = getAtomicPrefix(className) ?? className;\n      merged.delete(key);\n      merged.set(key, className);\n    }\n  }\n  return [...merged.values()].join(\" \");\n};\n"],"mappings":";6BAAA;SACY;CACV,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CACjB,eAAe;CACf,iBAAiB;CACjB,gBAAgB;CAChB,uBAAuB;CACvB,qBAAqB;CACrB,sBAAsB;CACtB,oBAAoB;UACT;CACX,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,gBAAgB;CAChB,kBAAkB;CAClB,iBAAiB;CACjB,wBAAwB;CACxB,sBAAsB;CACtB,uBAAuB;CACvB,qBAAqB;QACZ;CACT,aAAa;CACb,aAAa;SACH;CACV,cAAc;CACd,cAAc;CACd,gBAAgB;CAChB,cAAc;UACH;WACC;QACH;CACT,gBAAgB;CAChB,eAAe;MACR;QACE;SACC;OACF;CACR,WAAW;QACF;QACA;YACI;WACD;CACZ,cAAc;CACd,cAAc;aACA;UACH;OACH;CACR,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,aAAa;CACb,eAAe;CACf,cAAc;QACL;MACF;CACP,WAAW;CACX,cAAc;CACd,eAAe;CACf,iBAAiB;CACjB,cAAc;CACd,mBAAmB;CACnB,iBAAiB;CACjB,gBAAgB;CAChB,eAAe;CACf,iBAAiB;CACjB,cAAc;OACN;CACR,iBAAiB;CACjB,yBAAyB;CACzB,sBAAsB;CACtB,uBAAuB;CACvB,kBAAkB;CAClB,qBAAqB;CACrB,kBAAkB;CAClB,aAAa;CACb,eAAe;CACf,qBAAqB;CACrB,mBAAmB;CACnB,YAAY;CACZ,kBAAkB;CAClB,gBAAgB;UACL;QACF;OACD;CACR,eAAe;CACf,aAAa;CACb,eAAe;CACf,cAAc;CACd,gBAAgB;CAChB,eAAe;CACf,kBAAkB;CAClB,gBAAgB;CAChB,cAAc;CACd,mBAAmB;CACnB,kBAAkB;CAClB,iBAAiB;CACjB,eAAe;CACf,eAAe;CACf,eAAe;CACf,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,cAAc;CACd,mBAAmB;UACR;aACG;CACd,oBAAoB;CACpB,oBAAoB;CACpB,mBAAmB;CACnB,uBAAuB;CACvB,qBAAqB;CACrB,mBAAmB;CACnB,yBAAyB;CACzB,qBAAqB;CACrB,yBAAyB;SACf;CACV,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CACjB,eAAe;CACf,iBAAiB;CACjB,gBAAgB;CAChB,gBAAgB;CAChB,gBAAgB;CAChB,gBAAgB;CAChB,iBAAiB;CACjB,0BAA0B;CAC1B,2BAA2B;CAC3B,8BAA8B;CAC9B,6BAA6B;CAC7B,mBAAmB;CACnB,kBAAkB;UACP;CACX,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,kBAAkB;CAClB,cAAc;SACJ;CACV,mBAAmB;CACnB,kBAAkB;CAClB,cAAc;CACd,mBAAmB;YACN;CACb,oBAAoB;aACN;CACd,uBAAuB;CACvB,uBAAuB;CACvB,8BAA8B;CAC9B,oBAAoB;YACP;CACb,eAAe;SACL;CACV,kBAAkB;CAClB,eAAe;SACL;aACI;CACd,mBAAmB;CACnB,eAAe;CACf,gBAAgB;CAChB,gBAAgB;OACR;SACE;CACV,gBAAgB;CACjB;;;;AC7JD,MAAa,OAAO,GAAG,SAAmB;AACxC,OAAM,IAAI,MACR,kFACD;;AAGH,MAAa,SACX,GACA,GAAG,SACQ;CACX,IAAI,MAAM;AACV,MAAK,IAAI,IAAI,GAAG,IAAI,KAAK,IAAI,EAAE,QAAQ,KAAK,OAAO,EAAE,EAAE,GAAG;AACxD,SAAO,EAAE,MAAM;AACf,SAAO,KAAK,MAAM;;AAEpB,QAAO;;AAGT,MAAa,cAAc,GAAG,aAA+B;AAC3D,OAAM,IAAI,MACR,yFACD;;AAGH,MAAM,kBAAkB,IAAI,IAAY,OAAO,OAAOA,uBAAe,CAAC;AACtE,MAAM,qBAAqB;AAG3B,MAAM,mBAAmB,cAA0C;CACjE,MAAM,eAAe,UAAU,SAAS,qBAAqB;AAC7D,KAAI,eAAe,KAAK,UAAU,kBAAkB,IAAK;AACzD,KAAI,CAAC,WAAW,KAAK,UAAU,eAAe,GAAG,CAAE;CACnD,MAAM,SAAS,UAAU,MAAM,GAAG,aAAa;AAC/C,QAAO,gBAAgB,IAAI,OAAO,GAAG,SAAS;;;AAMhD,MAAa,cAAc,GAAG,YAC5B,QAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI;;;;;;AAOnC,MAAa,eAAe,GAAG,YAAuC;CACpE,MAAM,yBAAS,IAAI,KAAqB;AACxC,MAAK,MAAM,aAAa,SAAS;AAC/B,MAAI,CAAC,UAAW;AAChB,OAAK,MAAM,aAAa,UAAU,MAAM,MAAM,EAAE;AAC9C,OAAI,CAAC,UAAW;GAChB,MAAM,MAAM,gBAAgB,UAAU,IAAI;AAC1C,UAAO,OAAO,IAAI;AAClB,UAAO,IAAI,KAAK,UAAU;;;AAG9B,QAAO,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC,KAAK,IAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@style-this/core",
-  "version": "0.1.4",
+  "version": "0.2.1",
   "description": "CSS-in-JS library for the modern web - core module",
   "type": "module",
   "files": [
@@ -10,13 +10,27 @@
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
   "exports": {
-    ".": "./dist/index.mjs",
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    },
     "./compiler": {
       "require": "./dist/compiler.cjs",
       "types": "./dist/compiler.d.cts",
       "import": "./dist/compiler.cjs",
       "default": "./dist/compiler.cjs"
     },
+    "./cssSourceMap": {
+      "types": "./dist/cssSourceMap.d.mts",
+      "import": "./dist/cssSourceMap.mjs",
+      "default": "./dist/cssSourceMap.mjs"
+    },
+    "./atomic": {
+      "types": "./dist/atomic.d.mts",
+      "import": "./dist/atomic.mjs",
+      "default": "./dist/atomic.mjs"
+    },
     "./package.json": "./package.json"
   },
   "devDependencies": {