@navita/css 0.2.0 → 3.0.0-next.0

package/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/fontFace.cjs

@@ -1,9 +1,8 @@
-'use strict';
-
-var adapter = require('@navita/adapter');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _navita_adapter = require("@navita/adapter");
+//#region src/fontFace.ts
 function fontFace(rule) {
-    return adapter.addFontFace(rule);
+	return (0, _navita_adapter.addFontFace)(rule);
 }
-
+//#endregion
 exports.fontFace = fontFace;

package/fontFace.mjs

@@ -1,7 +1,10 @@
-import { addFontFace } from '@navita/adapter';
-
+import "node:path";
+import "node:url";
+import.meta.url;
+import { addFontFace } from "@navita/adapter";
+//#region src/fontFace.ts
 function fontFace(rule) {
-    return addFontFace(rule);
+	return addFontFace(rule);
 }
-
+//#endregion
 export { fontFace };

package/globalStyle.cjs

@@ -1,9 +1,8 @@
-'use strict';
-
-var adapter = require('@navita/adapter');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _navita_adapter = require("@navita/adapter");
+//#region src/globalStyle.ts
 function globalStyle(selector, rule) {
-    adapter.addStaticCss(selector, rule);
+	(0, _navita_adapter.addStaticCss)(selector, rule);
 }
-
+//#endregion
 exports.globalStyle = globalStyle;

package/globalStyle.mjs

@@ -1,7 +1,10 @@
-import { addStaticCss } from '@navita/adapter';
-
+import "node:path";
+import "node:url";
+import.meta.url;
+import { addStaticCss } from "@navita/adapter";
+//#region src/globalStyle.ts
 function globalStyle(selector, rule) {
-    addStaticCss(selector, rule);
+	addStaticCss(selector, rule);
 }
-
+//#endregion
 export { globalStyle };

package/helpers/walkObject.cjs

@@ -1,20 +1,14 @@
-'use strict';
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/helpers/walkObject.ts
 function walkObject(objectToWalk, transformFn, currentPath = []) {
-    const clonedObject = objectToWalk.constructor();
-    for(const key in objectToWalk){
-        const value = objectToWalk[key];
-        const newPath = [
-            ...currentPath,
-            key
-        ];
-        if (typeof value === 'string' || typeof value === 'number' || value == null) {
-            clonedObject[key] = transformFn(value, newPath);
-        } else if (typeof value === 'object' && !Array.isArray(value)) {
-            clonedObject[key] = walkObject(value, transformFn, newPath);
-        }
-    }
-    return clonedObject;
+	const clonedObject = objectToWalk.constructor();
+	for (const key in objectToWalk) {
+		const value = objectToWalk[key];
+		const newPath = [...currentPath, key];
+		if (typeof value === "string" || typeof value === "number" || value == null) clonedObject[key] = transformFn(value, newPath);
+		else if (typeof value === "object" && !Array.isArray(value)) clonedObject[key] = walkObject(value, transformFn, newPath);
+	}
+	return clonedObject;
 }
-
+//#endregion
 exports.walkObject = walkObject;

package/helpers/walkObject.mjs

@@ -1,18 +1,16 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+//#region src/helpers/walkObject.ts
 function walkObject(objectToWalk, transformFn, currentPath = []) {
-    const clonedObject = objectToWalk.constructor();
-    for(const key in objectToWalk){
-        const value = objectToWalk[key];
-        const newPath = [
-            ...currentPath,
-            key
-        ];
-        if (typeof value === 'string' || typeof value === 'number' || value == null) {
-            clonedObject[key] = transformFn(value, newPath);
-        } else if (typeof value === 'object' && !Array.isArray(value)) {
-            clonedObject[key] = walkObject(value, transformFn, newPath);
-        }
-    }
-    return clonedObject;
+	const clonedObject = objectToWalk.constructor();
+	for (const key in objectToWalk) {
+		const value = objectToWalk[key];
+		const newPath = [...currentPath, key];
+		if (typeof value === "string" || typeof value === "number" || value == null) clonedObject[key] = transformFn(value, newPath);
+		else if (typeof value === "object" && !Array.isArray(value)) clonedObject[key] = walkObject(value, transformFn, newPath);
+	}
+	return clonedObject;
 }
-
+//#endregion
 export { walkObject };

package/index.cjs

@@ -1,67 +1,66 @@
-'use strict';
-
-var style = require('./style.cjs');
-var globalStyle = require('./globalStyle.cjs');
-var merge = require('./merge.cjs');
-var keyframes = require('./keyframes.cjs');
-var fontFace = require('./fontFace.cjs');
-var theme = require('./theme.cjs');
-var vars = require('./vars.cjs');
-
-const source = '@navita/css';
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_fontFace = require("./fontFace.cjs");
+const require_globalStyle = require("./globalStyle.cjs");
+const require_keyframes = require("./keyframes.cjs");
+const require_merge = require("./merge.cjs");
+const require_style = require("./style.cjs");
+const require_vars = require("./vars.cjs");
+const require_theme = require("./theme.cjs");
+//#region src/index.ts
+const source = "@navita/css";
 const importMap = [
-    {
-        callee: "style",
-        source
-    },
-    {
-        callee: "globalStyle",
-        source
-    },
-    {
-        callee: "keyframes",
-        source
-    },
-    {
-        callee: "fontFace",
-        source
-    },
-    {
-        callee: "createThemeContract",
-        source
-    },
-    {
-        callee: "createGlobalThemeContract",
-        source
-    },
-    {
-        callee: "createGlobalTheme",
-        source
-    },
-    {
-        callee: "createTheme",
-        source
-    },
-    {
-        callee: "createVar",
-        source
-    },
-    {
-        callee: "fallbackVar",
-        source
-    }
+	{
+		callee: "style",
+		source
+	},
+	{
+		callee: "globalStyle",
+		source
+	},
+	{
+		callee: "keyframes",
+		source
+	},
+	{
+		callee: "fontFace",
+		source
+	},
+	{
+		callee: "createThemeContract",
+		source
+	},
+	{
+		callee: "createGlobalThemeContract",
+		source
+	},
+	{
+		callee: "createGlobalTheme",
+		source
+	},
+	{
+		callee: "createTheme",
+		source
+	},
+	{
+		callee: "createVar",
+		source
+	},
+	{
+		callee: "fallbackVar",
+		source
+	}
 ];
-
-exports.style = style.style;
-exports.globalStyle = globalStyle.globalStyle;
-exports.merge = merge.merge;
-exports.keyframes = keyframes.keyframes;
-exports.fontFace = fontFace.fontFace;
-exports.createGlobalTheme = theme.createGlobalTheme;
-exports.createGlobalThemeContract = theme.createGlobalThemeContract;
-exports.createTheme = theme.createTheme;
-exports.createThemeContract = theme.createThemeContract;
-exports.assignVars = vars.assignVars;
-exports.createVar = vars.createVar;
-exports.fallbackVar = vars.fallbackVar;
+//#endregion
+exports.assignVars = require_vars.assignVars;
+exports.createGlobalTheme = require_theme.createGlobalTheme;
+exports.createGlobalThemeContract = require_theme.createGlobalThemeContract;
+exports.createTheme = require_theme.createTheme;
+exports.createThemeContract = require_theme.createThemeContract;
+exports.createVar = require_vars.createVar;
+exports.fallbackVar = require_vars.fallbackVar;
+exports.fontFace = require_fontFace.fontFace;
+exports.globalStyle = require_globalStyle.globalStyle;
 exports.importMap = importMap;
+exports.keyframes = require_keyframes.keyframes;
+exports.merge = require_merge.merge;
+exports.style = require_style.style;

package/index.d.ts

@@ -1,15 +1,22 @@
-import { StyleRule, GlobalStyleRule, CSSKeyframes, FontFaceRule, NullableTokens, ThemeVars, Tokens, Contract, MapLeafNodes, CSSVarFunction } from '@navita/types';
-
-declare function style(rule: StyleRule): string;
+import { CSSKeyframes, CSSVarFunction, Contract, FontFaceRule, GlobalStyleRule, MapLeafNodes, NullableTokens, StyleRule, ThemeVars, Tokens } from "@navita/types";
+export type * from "@navita/types";
 
+//#region src/fontFace.d.ts
+declare function fontFace(rule: FontFaceRule | FontFaceRule[]): string;
+//#endregion
+//#region src/globalStyle.d.ts
 declare function globalStyle(selector: string, rule: GlobalStyleRule): void;
-
-declare function merge(...classNames: (string | false | void | null | 0 | '')[]): string;
-
+//#endregion
+//#region src/keyframes.d.ts
 declare function keyframes(rule: CSSKeyframes): string;
-
-declare function fontFace(rule: FontFaceRule | FontFaceRule[]): string;
-
+//#endregion
+//#region src/merge.d.ts
+declare function merge(...classNames: (string | false | void | null | 0 | "")[]): string;
+//#endregion
+//#region src/style.d.ts
+declare function style(rule: StyleRule): string;
+//#endregion
+//#region src/theme.d.ts
 declare function createThemeContract<ThemeTokens extends NullableTokens>(tokens: ThemeTokens): ThemeVars<ThemeTokens>;
 declare function createGlobalThemeContract<ThemeTokens extends Tokens>(tokens: ThemeTokens): ThemeVars<ThemeTokens>;
 declare function createGlobalThemeContract<ThemeTokens extends NullableTokens>(tokens: ThemeTokens, mapFn: (value: string | null, path: Array<string>) => string): ThemeVars<ThemeTokens>;
@@ -17,14 +24,16 @@ declare function createGlobalTheme<ThemeTokens extends Tokens>(selector: string,
 declare function createGlobalTheme<ThemeContract extends Contract>(selector: string, themeContract: ThemeContract, tokens: MapLeafNodes<ThemeContract, string>): void;
 declare function createTheme<ThemeTokens extends Tokens>(tokens: ThemeTokens, debugId?: string): [className: string, vars: ThemeVars<ThemeTokens>];
 declare function createTheme<ThemeContract extends Contract>(themeContract: ThemeContract, tokens: MapLeafNodes<ThemeContract, string>): string;
-
+//#endregion
+//#region src/vars.d.ts
 declare function createVar<T extends string>(name?: T): `--${T}`;
 declare function fallbackVar(...values: [string, ...Array<string>]): string;
 declare function assignVars<VarContract extends Contract>(varContract: VarContract, tokens: MapLeafNodes<VarContract, string>): Record<CSSVarFunction, string>;
-
+//#endregion
+//#region src/index.d.ts
 declare const importMap: {
-    callee: string;
-    source: string;
+  callee: string;
+  source: string;
 }[];
-
-export { assignVars, createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract, createVar, fallbackVar, fontFace, globalStyle, importMap, keyframes, merge, style };
+//#endregion
+export { assignVars, createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract, createVar, fallbackVar, fontFace, globalStyle, importMap, keyframes, merge, style };

package/index.mjs

@@ -1,53 +1,56 @@
-export { style } from './style.mjs';
-export { globalStyle } from './globalStyle.mjs';
-export { merge } from './merge.mjs';
-export { keyframes } from './keyframes.mjs';
-export { fontFace } from './fontFace.mjs';
-export { createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract } from './theme.mjs';
-export { assignVars, createVar, fallbackVar } from './vars.mjs';
-
-const source = '@navita/css';
+import "node:path";
+import "node:url";
+import.meta.url;
+import { fontFace } from "./fontFace.mjs";
+import { globalStyle } from "./globalStyle.mjs";
+import { keyframes } from "./keyframes.mjs";
+import { merge } from "./merge.mjs";
+import { style } from "./style.mjs";
+import { assignVars, createVar, fallbackVar } from "./vars.mjs";
+import { createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract } from "./theme.mjs";
+//#region src/index.ts
+const source = "@navita/css";
 const importMap = [
-    {
-        callee: "style",
-        source
-    },
-    {
-        callee: "globalStyle",
-        source
-    },
-    {
-        callee: "keyframes",
-        source
-    },
-    {
-        callee: "fontFace",
-        source
-    },
-    {
-        callee: "createThemeContract",
-        source
-    },
-    {
-        callee: "createGlobalThemeContract",
-        source
-    },
-    {
-        callee: "createGlobalTheme",
-        source
-    },
-    {
-        callee: "createTheme",
-        source
-    },
-    {
-        callee: "createVar",
-        source
-    },
-    {
-        callee: "fallbackVar",
-        source
-    }
+	{
+		callee: "style",
+		source
+	},
+	{
+		callee: "globalStyle",
+		source
+	},
+	{
+		callee: "keyframes",
+		source
+	},
+	{
+		callee: "fontFace",
+		source
+	},
+	{
+		callee: "createThemeContract",
+		source
+	},
+	{
+		callee: "createGlobalThemeContract",
+		source
+	},
+	{
+		callee: "createGlobalTheme",
+		source
+	},
+	{
+		callee: "createTheme",
+		source
+	},
+	{
+		callee: "createVar",
+		source
+	},
+	{
+		callee: "fallbackVar",
+		source
+	}
 ];
-
-export { importMap };
+//#endregion
+export { assignVars, createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract, createVar, fallbackVar, fontFace, globalStyle, importMap, keyframes, merge, style };

package/keyframes.cjs

@@ -1,9 +1,8 @@
-'use strict';
-
-var adapter = require('@navita/adapter');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _navita_adapter = require("@navita/adapter");
+//#region src/keyframes.ts
 function keyframes(rule) {
-    return adapter.addKeyframe(rule);
+	return (0, _navita_adapter.addKeyframe)(rule);
 }
-
+//#endregion
 exports.keyframes = keyframes;

package/keyframes.mjs

@@ -1,7 +1,10 @@
-import { addKeyframe } from '@navita/adapter';
-
+import "node:path";
+import "node:url";
+import.meta.url;
+import { addKeyframe } from "@navita/adapter";
+//#region src/keyframes.ts
 function keyframes(rule) {
-    return addKeyframe(rule);
+	return addKeyframe(rule);
 }
-
+//#endregion
 export { keyframes };

package/merge.cjs

@@ -1,13 +1,13 @@
-'use strict';
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/merge.ts
 function merge(...classNames) {
-    const input = classNames.filter(Boolean).join(' ').split(' ');
-    const output = {};
-    for (const className of input){
-        const [property] = className.split(/\d+$/);
-        output[property] = className;
-    }
-    return Object.values(output).join(' ');
+	const input = classNames.filter(Boolean).join(" ").split(" ");
+	const output = {};
+	for (const className of input) {
+		const [property] = className.split(/\d+$/);
+		output[property] = className;
+	}
+	return Object.values(output).join(" ");
 }
-
+//#endregion
 exports.merge = merge;

package/merge.mjs

@@ -1,11 +1,15 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+//#region src/merge.ts
 function merge(...classNames) {
-    const input = classNames.filter(Boolean).join(' ').split(' ');
-    const output = {};
-    for (const className of input){
-        const [property] = className.split(/\d+$/);
-        output[property] = className;
-    }
-    return Object.values(output).join(' ');
+	const input = classNames.filter(Boolean).join(" ").split(" ");
+	const output = {};
+	for (const className of input) {
+		const [property] = className.split(/\d+$/);
+		output[property] = className;
+	}
+	return Object.values(output).join(" ");
 }
-
+//#endregion
 export { merge };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navita/css",
-  "version": "0.2.0",
+  "version": "3.0.0-next.0",
   "description": "Public API for Navita",
   "keywords": [
     "api",
@@ -20,7 +20,7 @@
   "dependencies": {
     "deep-object-diff": "^1.1.9",
     "cssesc": "^3.0.0",
-    "@navita/adapter": "0.1.0"
+    "@navita/adapter": "3.0.0-next.0"
   },
   "license": "MIT",
   "author": "Eagerpatch",

package/style.cjs

@@ -1,9 +1,8 @@
-'use strict';
-
-var adapter = require('@navita/adapter');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _navita_adapter = require("@navita/adapter");
+//#region src/style.ts
 function style(rule) {
-    return adapter.addCss(rule);
+	return (0, _navita_adapter.addCss)(rule);
 }
-
+//#endregion
 exports.style = style;

package/style.mjs

@@ -1,7 +1,10 @@
-import { addCss } from '@navita/adapter';
-
+import "node:path";
+import "node:url";
+import.meta.url;
+import { addCss } from "@navita/adapter";
+//#region src/style.ts
 function style(rule) {
-    return addCss(rule);
+	return addCss(rule);
 }
-
+//#endregion
 export { style };

package/theme.cjs

@@ -1,45 +1,36 @@
-'use strict';
-
-var adapter = require('@navita/adapter');
-var cssesc = require('cssesc');
-var walkObject = require('./helpers/walkObject.cjs');
-var vars = require('./vars.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
+const require_helpers_walkObject = require("./helpers/walkObject.cjs");
+const require_vars = require("./vars.cjs");
+let _navita_adapter = require("@navita/adapter");
+let cssesc = require("cssesc");
+cssesc = require_runtime.__toESM(cssesc);
+//#region src/theme.ts
 function createThemeContract(tokens) {
-    return walkObject.walkObject(tokens, (_value, path)=>{
-        return `var(${vars.createVar(path.join('-').toLowerCase())})`;
-    });
+	return require_helpers_walkObject.walkObject(tokens, (_value, path) => {
+		return `var(${require_vars.createVar(path.join("-").toLowerCase())})`;
+	});
 }
 function createGlobalThemeContract(tokens, mapFn) {
-    return walkObject.walkObject(tokens, (value, path)=>{
-        const rawVarName = typeof mapFn === 'function' ? mapFn(value, path) : value;
-        const varName = typeof rawVarName === 'string' ? rawVarName.replace(/^--/, '') : null;
-        if (typeof varName !== 'string' || varName !== cssesc(varName, {
-            isIdentifier: true
-        })) {
-            throw new Error(`Invalid variable name for "${path.join('.')}": ${varName}`);
-        }
-        return `var(--${varName})`;
-    });
+	return require_helpers_walkObject.walkObject(tokens, (value, path) => {
+		const rawVarName = typeof mapFn === "function" ? mapFn(value, path) : value;
+		const varName = typeof rawVarName === "string" ? rawVarName.replace(/^--/, "") : null;
+		if (typeof varName !== "string" || varName !== (0, cssesc.default)(varName, { isIdentifier: true })) throw new Error(`Invalid variable name for "${path.join(".")}": ${varName}`);
+		return `var(--${varName})`;
+	});
 }
 function createGlobalTheme(selector, arg2, arg3) {
-    const shouldCreateVars = Boolean(!arg3);
-    const themeVars = shouldCreateVars ? createThemeContract(arg2) : arg2;
-    const tokens = shouldCreateVars ? arg2 : arg3;
-    adapter.addStaticCss(selector, vars.assignVars(themeVars, tokens));
-    if (shouldCreateVars) {
-        return themeVars;
-    }
+	const shouldCreateVars = Boolean(!arg3);
+	const themeVars = shouldCreateVars ? createThemeContract(arg2) : arg2;
+	(0, _navita_adapter.addStaticCss)(selector, require_vars.assignVars(themeVars, shouldCreateVars ? arg2 : arg3));
+	if (shouldCreateVars) return themeVars;
 }
 function createTheme(arg1, arg2) {
-    const themeClassName = adapter.generateIdentifier(typeof arg2 === 'object' ? arg2 : arg1);
-    const vars = typeof arg2 === 'object' ? createGlobalTheme(`.${themeClassName}`, arg1, arg2) : createGlobalTheme(`.${themeClassName}`, arg1);
-    return vars ? [
-        themeClassName,
-        vars
-    ] : themeClassName;
+	const themeClassName = (0, _navita_adapter.generateIdentifier)(typeof arg2 === "object" ? arg2 : arg1);
+	const vars = typeof arg2 === "object" ? createGlobalTheme(`.${themeClassName}`, arg1, arg2) : createGlobalTheme(`.${themeClassName}`, arg1);
+	return vars ? [themeClassName, vars] : themeClassName;
 }
-
+//#endregion
 exports.createGlobalTheme = createGlobalTheme;
 exports.createGlobalThemeContract = createGlobalThemeContract;
 exports.createTheme = createTheme;

package/theme.mjs

@@ -1,41 +1,34 @@
-import { addStaticCss, generateIdentifier } from '@navita/adapter';
-import cssesc from 'cssesc';
-import { walkObject } from './helpers/walkObject.mjs';
-import { createVar, assignVars } from './vars.mjs';
-
+import "node:path";
+import "node:url";
+import.meta.url;
+import { walkObject } from "./helpers/walkObject.mjs";
+import { assignVars, createVar } from "./vars.mjs";
+import { addStaticCss, generateIdentifier } from "@navita/adapter";
+import cssesc from "cssesc";
+//#region src/theme.ts
 function createThemeContract(tokens) {
-    return walkObject(tokens, (_value, path)=>{
-        return `var(${createVar(path.join('-').toLowerCase())})`;
-    });
+	return walkObject(tokens, (_value, path) => {
+		return `var(${createVar(path.join("-").toLowerCase())})`;
+	});
 }
 function createGlobalThemeContract(tokens, mapFn) {
-    return walkObject(tokens, (value, path)=>{
-        const rawVarName = typeof mapFn === 'function' ? mapFn(value, path) : value;
-        const varName = typeof rawVarName === 'string' ? rawVarName.replace(/^--/, '') : null;
-        if (typeof varName !== 'string' || varName !== cssesc(varName, {
-            isIdentifier: true
-        })) {
-            throw new Error(`Invalid variable name for "${path.join('.')}": ${varName}`);
-        }
-        return `var(--${varName})`;
-    });
+	return walkObject(tokens, (value, path) => {
+		const rawVarName = typeof mapFn === "function" ? mapFn(value, path) : value;
+		const varName = typeof rawVarName === "string" ? rawVarName.replace(/^--/, "") : null;
+		if (typeof varName !== "string" || varName !== cssesc(varName, { isIdentifier: true })) throw new Error(`Invalid variable name for "${path.join(".")}": ${varName}`);
+		return `var(--${varName})`;
+	});
 }
 function createGlobalTheme(selector, arg2, arg3) {
-    const shouldCreateVars = Boolean(!arg3);
-    const themeVars = shouldCreateVars ? createThemeContract(arg2) : arg2;
-    const tokens = shouldCreateVars ? arg2 : arg3;
-    addStaticCss(selector, assignVars(themeVars, tokens));
-    if (shouldCreateVars) {
-        return themeVars;
-    }
+	const shouldCreateVars = Boolean(!arg3);
+	const themeVars = shouldCreateVars ? createThemeContract(arg2) : arg2;
+	addStaticCss(selector, assignVars(themeVars, shouldCreateVars ? arg2 : arg3));
+	if (shouldCreateVars) return themeVars;
 }
 function createTheme(arg1, arg2) {
-    const themeClassName = generateIdentifier(typeof arg2 === 'object' ? arg2 : arg1);
-    const vars = typeof arg2 === 'object' ? createGlobalTheme(`.${themeClassName}`, arg1, arg2) : createGlobalTheme(`.${themeClassName}`, arg1);
-    return vars ? [
-        themeClassName,
-        vars
-    ] : themeClassName;
+	const themeClassName = generateIdentifier(typeof arg2 === "object" ? arg2 : arg1);
+	const vars = typeof arg2 === "object" ? createGlobalTheme(`.${themeClassName}`, arg1, arg2) : createGlobalTheme(`.${themeClassName}`, arg1);
+	return vars ? [themeClassName, vars] : themeClassName;
 }
-
+//#endregion
 export { createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract };

package/validateContract.cjs

@@ -1,55 +1,41 @@
-'use strict';
-
-var deepObjectDiff = require('deep-object-diff');
-var walkObject = require('./helpers/walkObject.cjs');
-
-const normaliseObject = (obj)=>walkObject.walkObject(obj, ()=>'');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_helpers_walkObject = require("./helpers/walkObject.cjs");
+let deep_object_diff = require("deep-object-diff");
+//#region src/validateContract.ts
+const normaliseObject = (obj) => require_helpers_walkObject.walkObject(obj, () => "");
 function validateContract(contract, tokens) {
-    const theDiff = deepObjectDiff.diff(normaliseObject(contract), normaliseObject(tokens));
-    const valid = Object.keys(theDiff).length === 0;
-    return {
-        valid,
-        diffString: valid ? '' : renderDiff(contract, theDiff)
-    };
+	const theDiff = (0, deep_object_diff.diff)(normaliseObject(contract), normaliseObject(tokens));
+	const valid = Object.keys(theDiff).length === 0;
+	return {
+		valid,
+		diffString: valid ? "" : renderDiff(contract, theDiff)
+	};
 }
 function diffLine(value, nesting, type) {
-    const whitespace = [
-        ...Array(nesting).keys()
-    ].map(()=>'  ').join('');
-    const line = `${type ? type : ' '}${whitespace}${value}`;
-    {
-        if (type === '-') {
-            return `\x1b[31m${line}\x1b[0m`; // Red for '-' type
-        }
-        if (type === '+') {
-            return `\x1b[32m${line}\x1b[0m`; // Green for '+' type
-        }
-    }
-    return line;
+	const whitespace = [...Array(nesting).keys()].map(() => "  ").join("");
+	const line = `${type ? type : " "}${whitespace}${value}`;
+	if (process.env.NODE_ENV !== "test") {
+		if (type === "-") return `\x1b[31m${line}\x1b[0m`;
+		if (type === "+") return `\x1b[32m${line}\x1b[0m`;
+	}
+	return line;
 }
 function renderDiff(orig, diff, nesting = 0) {
-    const lines = [];
-    if (nesting === 0) {
-        lines.push(diffLine('{', 0));
-    }
-    const innerNesting = nesting + 1;
-    const keys = Object.keys(diff).sort();
-    for (const key of keys){
-        const value = diff[key];
-        if (!(key in orig)) {
-            lines.push(diffLine(`${key}: ...,`, innerNesting, '+'));
-        } else if (typeof value === 'object') {
-            lines.push(diffLine(`${key}: {`, innerNesting));
-            lines.push(renderDiff(orig[key], diff[key], innerNesting));
-            lines.push(diffLine('}', innerNesting));
-        } else {
-            lines.push(diffLine(`${key}: ...,`, innerNesting, '-'));
-        }
-    }
-    if (nesting === 0) {
-        lines.push(diffLine('}', 0));
-    }
-    return lines.join('\n');
+	const lines = [];
+	if (nesting === 0) lines.push(diffLine("{", 0));
+	const innerNesting = nesting + 1;
+	const keys = Object.keys(diff).sort();
+	for (const key of keys) {
+		const value = diff[key];
+		if (!(key in orig)) lines.push(diffLine(`${key}: ...,`, innerNesting, "+"));
+		else if (typeof value === "object") {
+			lines.push(diffLine(`${key}: {`, innerNesting));
+			lines.push(renderDiff(orig[key], diff[key], innerNesting));
+			lines.push(diffLine("}", innerNesting));
+		} else lines.push(diffLine(`${key}: ...,`, innerNesting, "-"));
+	}
+	if (nesting === 0) lines.push(diffLine("}", 0));
+	return lines.join("\n");
 }
-
+//#endregion
 exports.validateContract = validateContract;

package/validateContract.mjs

@@ -1,53 +1,43 @@
-import { diff } from 'deep-object-diff';
-import { walkObject } from './helpers/walkObject.mjs';
-
-const normaliseObject = (obj)=>walkObject(obj, ()=>'');
+import "node:path";
+import "node:url";
+import.meta.url;
+import { walkObject } from "./helpers/walkObject.mjs";
+import { diff } from "deep-object-diff";
+//#region src/validateContract.ts
+const normaliseObject = (obj) => walkObject(obj, () => "");
 function validateContract(contract, tokens) {
-    const theDiff = diff(normaliseObject(contract), normaliseObject(tokens));
-    const valid = Object.keys(theDiff).length === 0;
-    return {
-        valid,
-        diffString: valid ? '' : renderDiff(contract, theDiff)
-    };
+	const theDiff = diff(normaliseObject(contract), normaliseObject(tokens));
+	const valid = Object.keys(theDiff).length === 0;
+	return {
+		valid,
+		diffString: valid ? "" : renderDiff(contract, theDiff)
+	};
 }
 function diffLine(value, nesting, type) {
-    const whitespace = [
-        ...Array(nesting).keys()
-    ].map(()=>'  ').join('');
-    const line = `${type ? type : ' '}${whitespace}${value}`;
-    {
-        if (type === '-') {
-            return `\x1b[31m${line}\x1b[0m`; // Red for '-' type
-        }
-        if (type === '+') {
-            return `\x1b[32m${line}\x1b[0m`; // Green for '+' type
-        }
-    }
-    return line;
+	const whitespace = [...Array(nesting).keys()].map(() => "  ").join("");
+	const line = `${type ? type : " "}${whitespace}${value}`;
+	if (process.env.NODE_ENV !== "test") {
+		if (type === "-") return `\x1b[31m${line}\x1b[0m`;
+		if (type === "+") return `\x1b[32m${line}\x1b[0m`;
+	}
+	return line;
 }
 function renderDiff(orig, diff, nesting = 0) {
-    const lines = [];
-    if (nesting === 0) {
-        lines.push(diffLine('{', 0));
-    }
-    const innerNesting = nesting + 1;
-    const keys = Object.keys(diff).sort();
-    for (const key of keys){
-        const value = diff[key];
-        if (!(key in orig)) {
-            lines.push(diffLine(`${key}: ...,`, innerNesting, '+'));
-        } else if (typeof value === 'object') {
-            lines.push(diffLine(`${key}: {`, innerNesting));
-            lines.push(renderDiff(orig[key], diff[key], innerNesting));
-            lines.push(diffLine('}', innerNesting));
-        } else {
-            lines.push(diffLine(`${key}: ...,`, innerNesting, '-'));
-        }
-    }
-    if (nesting === 0) {
-        lines.push(diffLine('}', 0));
-    }
-    return lines.join('\n');
+	const lines = [];
+	if (nesting === 0) lines.push(diffLine("{", 0));
+	const innerNesting = nesting + 1;
+	const keys = Object.keys(diff).sort();
+	for (const key of keys) {
+		const value = diff[key];
+		if (!(key in orig)) lines.push(diffLine(`${key}: ...,`, innerNesting, "+"));
+		else if (typeof value === "object") {
+			lines.push(diffLine(`${key}: {`, innerNesting));
+			lines.push(renderDiff(orig[key], diff[key], innerNesting));
+			lines.push(diffLine("}", innerNesting));
+		} else lines.push(diffLine(`${key}: ...,`, innerNesting, "-"));
+	}
+	if (nesting === 0) lines.push(diffLine("}", 0));
+	return lines.join("\n");
 }
-
+//#endregion
 export { validateContract };

package/vars.cjs

@@ -1,47 +1,37 @@
-'use strict';
-
-var adapter = require('@navita/adapter');
-var cssesc = require('cssesc');
-var walkObject = require('./helpers/walkObject.cjs');
-var validateContract = require('./validateContract.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
+const require_helpers_walkObject = require("./helpers/walkObject.cjs");
+const require_validateContract = require("./validateContract.cjs");
+let _navita_adapter = require("@navita/adapter");
+let cssesc = require("cssesc");
+cssesc = require_runtime.__toESM(cssesc);
+//#region src/vars.ts
 function createVar(name) {
-    return `--${cssesc(!name ? adapter.generateIdentifier(undefined) : name, {
-        isIdentifier: true
-    })}`;
+	return `--${(0, cssesc.default)(!name ? (0, _navita_adapter.generateIdentifier)(void 0) : name, { isIdentifier: true })}`;
 }
 function fallbackVar(...values) {
-    let finalValue = '';
-    for (let value of values.reverse()){
-        if (/^--/.test(value)) {
-            value = `var(${value})`;
-        }
-        if (finalValue === '') {
-            finalValue = String(value);
-        } else {
-            if (typeof value !== 'string' || !/^var\(--.*\)$/.test(value)) {
-                throw new Error(`Invalid variable name: ${value}`);
-            }
-            finalValue = value.replace(/\)$/, `, ${finalValue})`);
-        }
-    }
-    return finalValue;
+	let finalValue = "";
+	for (let value of values.reverse()) {
+		if (/^--/.test(value)) value = `var(${value})`;
+		if (finalValue === "") finalValue = String(value);
+		else {
+			if (typeof value !== "string" || !/^var\(--.*\)$/.test(value)) throw new Error(`Invalid variable name: ${value}`);
+			finalValue = value.replace(/\)$/, `, ${finalValue})`);
+		}
+	}
+	return finalValue;
 }
 function assignVars(varContract, tokens) {
-    const varSetters = {};
-    const { valid , diffString  } = validateContract.validateContract(varContract, tokens);
-    if (!valid) {
-        throw new Error(`Tokens don't match contract.\n${diffString}`);
-    }
-    walkObject.walkObject(tokens, (value, path)=>{
-        const cssVarWithoutVar = `--${cssesc(path.join('-').toLowerCase(), {
-            isIdentifier: true
-        })}`;
-        varSetters[cssVarWithoutVar] = String(value);
-    });
-    return varSetters;
+	const varSetters = {};
+	const { valid, diffString } = require_validateContract.validateContract(varContract, tokens);
+	if (!valid) throw new Error(`Tokens don't match contract.\n${diffString}`);
+	require_helpers_walkObject.walkObject(tokens, (value, path) => {
+		const cssVarWithoutVar = `--${(0, cssesc.default)(path.join("-").toLowerCase(), { isIdentifier: true })}`;
+		varSetters[cssVarWithoutVar] = String(value);
+	});
+	return varSetters;
 }
-
+//#endregion
 exports.assignVars = assignVars;
 exports.createVar = createVar;
 exports.fallbackVar = fallbackVar;

package/vars.mjs

@@ -1,43 +1,35 @@
-import { generateIdentifier } from '@navita/adapter';
-import cssesc from 'cssesc';
-import { walkObject } from './helpers/walkObject.mjs';
-import { validateContract } from './validateContract.mjs';
-
+import "node:path";
+import "node:url";
+import.meta.url;
+import { walkObject } from "./helpers/walkObject.mjs";
+import { validateContract } from "./validateContract.mjs";
+import { generateIdentifier } from "@navita/adapter";
+import cssesc from "cssesc";
+//#region src/vars.ts
 function createVar(name) {
-    return `--${cssesc(!name ? generateIdentifier(undefined) : name, {
-        isIdentifier: true
-    })}`;
+	return `--${cssesc(!name ? generateIdentifier(void 0) : name, { isIdentifier: true })}`;
 }
 function fallbackVar(...values) {
-    let finalValue = '';
-    for (let value of values.reverse()){
-        if (/^--/.test(value)) {
-            value = `var(${value})`;
-        }
-        if (finalValue === '') {
-            finalValue = String(value);
-        } else {
-            if (typeof value !== 'string' || !/^var\(--.*\)$/.test(value)) {
-                throw new Error(`Invalid variable name: ${value}`);
-            }
-            finalValue = value.replace(/\)$/, `, ${finalValue})`);
-        }
-    }
-    return finalValue;
+	let finalValue = "";
+	for (let value of values.reverse()) {
+		if (/^--/.test(value)) value = `var(${value})`;
+		if (finalValue === "") finalValue = String(value);
+		else {
+			if (typeof value !== "string" || !/^var\(--.*\)$/.test(value)) throw new Error(`Invalid variable name: ${value}`);
+			finalValue = value.replace(/\)$/, `, ${finalValue})`);
+		}
+	}
+	return finalValue;
 }
 function assignVars(varContract, tokens) {
-    const varSetters = {};
-    const { valid , diffString  } = validateContract(varContract, tokens);
-    if (!valid) {
-        throw new Error(`Tokens don't match contract.\n${diffString}`);
-    }
-    walkObject(tokens, (value, path)=>{
-        const cssVarWithoutVar = `--${cssesc(path.join('-').toLowerCase(), {
-            isIdentifier: true
-        })}`;
-        varSetters[cssVarWithoutVar] = String(value);
-    });
-    return varSetters;
+	const varSetters = {};
+	const { valid, diffString } = validateContract(varContract, tokens);
+	if (!valid) throw new Error(`Tokens don't match contract.\n${diffString}`);
+	walkObject(tokens, (value, path) => {
+		const cssVarWithoutVar = `--${cssesc(path.join("-").toLowerCase(), { isIdentifier: true })}`;
+		varSetters[cssVarWithoutVar] = String(value);
+	});
+	return varSetters;
 }
-
+//#endregion
 export { assignVars, createVar, fallbackVar };