boss-css 0.0.1 → 0.0.3

package/dist/tasks/postcss.mjs

@@ -0,0 +1,113 @@
+import { createApi } from "../api/server.mjs";
+import { resolveContentPaths } from "../shared/file.mjs";
+import { resolveBoundaryOutputs } from "../shared/boundaries.mjs";
+import { emitSession, resolveSessionPayload } from "./session.mjs";
+import { loadConfig } from "../api/config.mjs";
+import { cache, setCache } from "../transform/cache.mjs";
+import processFile from "../transform/processFile.mjs";
+import path from "node:path";
+import postcss from "postcss";
+
+//#region src/tasks/postcss.ts
+const configPromises = /* @__PURE__ */ new Map();
+const apiCache = /* @__PURE__ */ new Map();
+const knownFiles = /* @__PURE__ */ new Map();
+const runQueues = /* @__PURE__ */ new Map();
+const sessionStarted = /* @__PURE__ */ new Set();
+const isTruthyEnv = (value) => Boolean(value) && value !== "0" && value !== "false";
+const isTurbopackEnv = () => [
+	process.env.TURBOPACK,
+	process.env.__NEXT_TURBOPACK,
+	process.env.__NEXT_TURBOPACK__,
+	process.env.NEXT_TURBOPACK
+].some(isTruthyEnv);
+const resolveConfig = (baseDir) => {
+	const key = baseDir ?? "__default__";
+	if (!configPromises.has(key)) configPromises.set(key, loadConfig(baseDir));
+	return configPromises.get(key);
+};
+const resolveApi = async (baseDir) => {
+	const key = baseDir ?? "__default__";
+	if (!apiCache.has(key)) apiCache.set(key, (async () => {
+		const api = await createApi(await resolveConfig(baseDir), true);
+		api.baseDir = baseDir ?? process.cwd();
+		return { api };
+	})());
+	return apiCache.get(key);
+};
+const runPostcss = async (root, result, options = {}) => {
+	const dirDependencies = options.dirDependencies ?? !isTurbopackEnv();
+	const baseDir = options.baseDir;
+	const { messages } = result;
+	const config = await resolveConfig(baseDir);
+	const { api } = await resolveApi(baseDir);
+	const { content, stylesheetPath } = api;
+	const queueKey = baseDir ?? "__default__";
+	const run = (runQueues.get(queueKey) ?? Promise.resolve()).catch(() => {}).then(async () => {
+		const inputFile = root.source?.input?.file;
+		const fromFile = result.opts?.from;
+		const filePath = typeof inputFile === "string" ? inputFile : typeof fromFile === "string" ? fromFile : void 0;
+		const resolvedFile = filePath ? path.resolve(filePath) : null;
+		const resolvedStylesheet = path.resolve(stylesheetPath);
+		if (resolvedFile && resolvedFile !== resolvedStylesheet && !resolvedFile.endsWith(".boss.css")) return;
+		if (!sessionStarted.has(queueKey)) {
+			sessionStarted.add(queueKey);
+			await emitSession(api, await resolveSessionPayload(baseDir ?? process.cwd(), config, "postcss", "start"));
+		}
+		await emitSession(api, await resolveSessionPayload(baseDir ?? process.cwd(), config, "postcss", "run"));
+		const resolvedPaths = (await resolveContentPaths(content)).map((entry) => path.resolve(entry));
+		const previousFiles = knownFiles.get(queueKey) ?? /* @__PURE__ */ new Set();
+		const nextFiles = new Set(resolvedPaths);
+		for (const file of previousFiles) if (!nextFiles.has(file)) {
+			api.css?.removeSource?.(file);
+			cache.delete(file);
+		}
+		knownFiles.set(queueKey, nextFiles);
+		const promises = [];
+		resolvedPaths.forEach((file) => {
+			if (setCache(file, { isFile: true })) messages.push({
+				type: "dependency",
+				file
+			});
+			if (dirDependencies) {
+				const dir = path.dirname(file);
+				if (!cache.has(dir)) {
+					messages.push({
+						type: "dir-dependency",
+						dir
+					});
+					setCache(dir, { isFile: false });
+				}
+			}
+			promises.push(processFile(file));
+		});
+		const processedFiles = await Promise.allSettled(promises);
+		const onParsePromises = [];
+		for (const settled of processedFiles) {
+			if (settled.status !== "fulfilled") continue;
+			const processed = settled.value;
+			const value = processed?.value;
+			if (!value || !processed?.changed) continue;
+			const changedPath = value.path ? path.resolve(value.path) : null;
+			if (changedPath) api.css?.removeSource?.(changedPath);
+			onParsePromises.push(api.trigger("onParse", value));
+		}
+		await Promise.allSettled(onParsePromises);
+		const boundaryResult = await resolveBoundaryOutputs(api, {
+			rootDir: baseDir ?? process.cwd(),
+			stylesheetPath,
+			boundaries: config.css?.boundaries
+		});
+		const outputText = new Map(boundaryResult.outputs.map((output) => [path.resolve(output.path), output.text])).get(resolvedFile ?? resolvedStylesheet);
+		if (outputText !== void 0) result.root = postcss.parse(outputText, result.opts);
+		if (api.strategy !== "classname-only") {
+			api.file.js.write();
+			if (api.file.native?.hasContent) api.file.native.write();
+		}
+	});
+	runQueues.set(queueKey, run);
+	await run;
+};
+
+//#endregion
+export { runPostcss };

package/dist/tasks/session.cjs

@@ -0,0 +1,46 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let node_fs_promises = require("node:fs/promises");
+node_fs_promises = require_rolldown_runtime.__toESM(node_fs_promises);
+let node_path = require("node:path");
+node_path = require_rolldown_runtime.__toESM(node_path);
+
+//#region src/tasks/session.ts
+const hasFile = async (filePath) => {
+	try {
+		await node_fs_promises.default.access(filePath);
+		return true;
+	} catch {
+		return false;
+	}
+};
+const resolveConfigPath = async (baseDir, configDir) => {
+	const primary = node_path.default.join(baseDir, configDir, "config.js");
+	if (await hasFile(primary)) return primary;
+	if (configDir === ".bo$$") {
+		const fallback = node_path.default.join(baseDir, "src", ".bo$$", "config.js");
+		if (await hasFile(fallback)) return fallback;
+	}
+	return null;
+};
+const resolveRuntimePath = (baseDir, config) => {
+	const runtimeDir = config.folder ?? config.configDir ?? ".bo$$";
+	const basePath = node_path.default.isAbsolute(runtimeDir) ? runtimeDir : node_path.default.join(baseDir, runtimeDir);
+	return node_path.default.join(basePath, "index.js");
+};
+const resolveSessionPayload = async (baseDir, config, kind, phase) => {
+	return {
+		phase,
+		kind,
+		baseDir,
+		configPath: await resolveConfigPath(baseDir, config.configDir ?? ".bo$$"),
+		runtimePath: resolveRuntimePath(baseDir, config)
+	};
+};
+const emitSession = async (api, payload) => {
+	if (!api?.trigger) return;
+	await api.trigger("onSession", payload);
+};
+
+//#endregion
+exports.emitSession = emitSession;
+exports.resolveSessionPayload = resolveSessionPayload;

package/dist/tasks/session.mjs

@@ -0,0 +1,42 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+
+//#region src/tasks/session.ts
+const hasFile = async (filePath) => {
+	try {
+		await fs.access(filePath);
+		return true;
+	} catch {
+		return false;
+	}
+};
+const resolveConfigPath = async (baseDir, configDir) => {
+	const primary = path.join(baseDir, configDir, "config.js");
+	if (await hasFile(primary)) return primary;
+	if (configDir === ".bo$$") {
+		const fallback = path.join(baseDir, "src", ".bo$$", "config.js");
+		if (await hasFile(fallback)) return fallback;
+	}
+	return null;
+};
+const resolveRuntimePath = (baseDir, config) => {
+	const runtimeDir = config.folder ?? config.configDir ?? ".bo$$";
+	const basePath = path.isAbsolute(runtimeDir) ? runtimeDir : path.join(baseDir, runtimeDir);
+	return path.join(basePath, "index.js");
+};
+const resolveSessionPayload = async (baseDir, config, kind, phase) => {
+	return {
+		phase,
+		kind,
+		baseDir,
+		configPath: await resolveConfigPath(baseDir, config.configDir ?? ".bo$$"),
+		runtimePath: resolveRuntimePath(baseDir, config)
+	};
+};
+const emitSession = async (api, payload) => {
+	if (!api?.trigger) return;
+	await api.trigger("onSession", payload);
+};
+
+//#endregion
+export { emitSession, resolveSessionPayload };

package/dist/tasks/watch.cjs

@@ -0,0 +1,102 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_api_server = require('../api/server.cjs');
+const require_session = require('./session.cjs');
+const require_build = require('./build.cjs');
+let node_path = require("node:path");
+node_path = require_rolldown_runtime.__toESM(node_path);
+let _parcel_watcher = require("@parcel/watcher");
+_parcel_watcher = require_rolldown_runtime.__toESM(_parcel_watcher);
+
+//#region src/tasks/watch.ts
+const DEFAULT_DEBOUNCE_MS = 80;
+const runWatch = async (userConfig, options = {}) => {
+	const baseDir = options.baseDir ?? process.cwd();
+	const debounceMs = options.debounceMs ?? DEFAULT_DEBOUNCE_MS;
+	const { config: buildConfig, folderPath, stylesheetPath } = require_build.resolveBuildConfig(userConfig, baseDir);
+	if (!buildConfig.content) throw new Error("boss watch requires config.content in .bo$$/config.js or package.json.");
+	const api = await require_api_server.createApi(buildConfig, true);
+	api.baseDir = baseDir;
+	await require_session.emitSession(api, await require_session.resolveSessionPayload(baseDir, buildConfig, "watch", "start"));
+	const ignoredDirs = new Set([
+		node_path.default.resolve(baseDir, "node_modules"),
+		node_path.default.resolve(baseDir, ".git"),
+		node_path.default.resolve(baseDir, "dist"),
+		folderPath
+	]);
+	if (buildConfig.configDir) ignoredDirs.add(node_path.default.resolve(baseDir, buildConfig.configDir));
+	if (buildConfig.compile?.tempOutDir) ignoredDirs.add(node_path.default.resolve(baseDir, buildConfig.compile.tempOutDir));
+	const ignoredFiles = /* @__PURE__ */ new Set();
+	let ignoredBoundaryFiles = /* @__PURE__ */ new Set();
+	if (stylesheetPath) ignoredFiles.add(node_path.default.resolve(stylesheetPath));
+	const ignoreGlobs = [
+		"**/node_modules/**",
+		"**/.git/**",
+		"**/dist/**"
+	];
+	for (const dir of ignoredDirs) {
+		const relative = node_path.default.relative(baseDir, dir).replace(/\\/g, "/");
+		if (!relative || relative.startsWith("..")) continue;
+		ignoreGlobs.push(`${relative}/**`);
+	}
+	for (const file of ignoredFiles) {
+		const relative = node_path.default.relative(baseDir, file).replace(/\\/g, "/");
+		if (!relative || relative.startsWith("..")) continue;
+		ignoreGlobs.push(relative);
+	}
+	const shouldIgnore = (filePath) => {
+		const resolved = node_path.default.resolve(filePath);
+		if (ignoredFiles.has(resolved)) return true;
+		if (ignoredBoundaryFiles.has(resolved)) return true;
+		for (const dir of ignoredDirs) if (resolved === dir || resolved.startsWith(dir + node_path.default.sep)) return true;
+		return false;
+	};
+	let running = false;
+	let pending = false;
+	let timer = null;
+	const runOnce = async () => {
+		running = true;
+		try {
+			await require_session.emitSession(api, await require_session.resolveSessionPayload(baseDir, buildConfig, "watch", "run"));
+			const result = await require_build.runBuild(buildConfig, { baseDir });
+			ignoredBoundaryFiles = new Set((result.boundaryPaths ?? []).map((entry) => node_path.default.resolve(entry)));
+			options.onBuild?.(result);
+		} catch (error) {
+			const err = error instanceof Error ? error : /* @__PURE__ */ new Error("boss watch build failed.");
+			options.onError?.(err);
+		} finally {
+			running = false;
+			if (pending) {
+				pending = false;
+				scheduleBuild();
+			}
+		}
+	};
+	const scheduleBuild = () => {
+		pending = true;
+		if (running) return;
+		if (timer) return;
+		timer = setTimeout(() => {
+			timer = null;
+			if (!pending) return;
+			pending = false;
+			runOnce();
+		}, debounceMs);
+	};
+	scheduleBuild();
+	const subscription = await _parcel_watcher.default.subscribe(baseDir, (error, events) => {
+		if (error) {
+			options.onError?.(error);
+			return;
+		}
+		if (!events.some((event) => !shouldIgnore(event.path))) return;
+		scheduleBuild();
+	}, { ignore: ignoreGlobs });
+	options.onReady?.();
+	return { close: async () => {
+		await subscription.unsubscribe();
+		await require_session.emitSession(api, await require_session.resolveSessionPayload(baseDir, buildConfig, "watch", "stop"));
+	} };
+};
+
+//#endregion
+exports.runWatch = runWatch;

package/dist/tasks/watch.mjs

@@ -0,0 +1,99 @@
+import { createApi } from "../api/server.mjs";
+import { emitSession, resolveSessionPayload } from "./session.mjs";
+import { resolveBuildConfig, runBuild } from "./build.mjs";
+import path from "node:path";
+import watcher from "@parcel/watcher";
+
+//#region src/tasks/watch.ts
+const DEFAULT_DEBOUNCE_MS = 80;
+const runWatch = async (userConfig, options = {}) => {
+	const baseDir = options.baseDir ?? process.cwd();
+	const debounceMs = options.debounceMs ?? DEFAULT_DEBOUNCE_MS;
+	const { config: buildConfig, folderPath, stylesheetPath } = resolveBuildConfig(userConfig, baseDir);
+	if (!buildConfig.content) throw new Error("boss watch requires config.content in .bo$$/config.js or package.json.");
+	const api = await createApi(buildConfig, true);
+	api.baseDir = baseDir;
+	await emitSession(api, await resolveSessionPayload(baseDir, buildConfig, "watch", "start"));
+	const ignoredDirs = new Set([
+		path.resolve(baseDir, "node_modules"),
+		path.resolve(baseDir, ".git"),
+		path.resolve(baseDir, "dist"),
+		folderPath
+	]);
+	if (buildConfig.configDir) ignoredDirs.add(path.resolve(baseDir, buildConfig.configDir));
+	if (buildConfig.compile?.tempOutDir) ignoredDirs.add(path.resolve(baseDir, buildConfig.compile.tempOutDir));
+	const ignoredFiles = /* @__PURE__ */ new Set();
+	let ignoredBoundaryFiles = /* @__PURE__ */ new Set();
+	if (stylesheetPath) ignoredFiles.add(path.resolve(stylesheetPath));
+	const ignoreGlobs = [
+		"**/node_modules/**",
+		"**/.git/**",
+		"**/dist/**"
+	];
+	for (const dir of ignoredDirs) {
+		const relative = path.relative(baseDir, dir).replace(/\\/g, "/");
+		if (!relative || relative.startsWith("..")) continue;
+		ignoreGlobs.push(`${relative}/**`);
+	}
+	for (const file of ignoredFiles) {
+		const relative = path.relative(baseDir, file).replace(/\\/g, "/");
+		if (!relative || relative.startsWith("..")) continue;
+		ignoreGlobs.push(relative);
+	}
+	const shouldIgnore = (filePath) => {
+		const resolved = path.resolve(filePath);
+		if (ignoredFiles.has(resolved)) return true;
+		if (ignoredBoundaryFiles.has(resolved)) return true;
+		for (const dir of ignoredDirs) if (resolved === dir || resolved.startsWith(dir + path.sep)) return true;
+		return false;
+	};
+	let running = false;
+	let pending = false;
+	let timer = null;
+	const runOnce = async () => {
+		running = true;
+		try {
+			await emitSession(api, await resolveSessionPayload(baseDir, buildConfig, "watch", "run"));
+			const result = await runBuild(buildConfig, { baseDir });
+			ignoredBoundaryFiles = new Set((result.boundaryPaths ?? []).map((entry) => path.resolve(entry)));
+			options.onBuild?.(result);
+		} catch (error) {
+			const err = error instanceof Error ? error : /* @__PURE__ */ new Error("boss watch build failed.");
+			options.onError?.(err);
+		} finally {
+			running = false;
+			if (pending) {
+				pending = false;
+				scheduleBuild();
+			}
+		}
+	};
+	const scheduleBuild = () => {
+		pending = true;
+		if (running) return;
+		if (timer) return;
+		timer = setTimeout(() => {
+			timer = null;
+			if (!pending) return;
+			pending = false;
+			runOnce();
+		}, debounceMs);
+	};
+	scheduleBuild();
+	const subscription = await watcher.subscribe(baseDir, (error, events) => {
+		if (error) {
+			options.onError?.(error);
+			return;
+		}
+		if (!events.some((event) => !shouldIgnore(event.path))) return;
+		scheduleBuild();
+	}, { ignore: ignoreGlobs });
+	options.onReady?.();
+	return { close: async () => {
+		await subscription.unsubscribe();
+		await emitSession(api, await resolveSessionPayload(baseDir, buildConfig, "watch", "stop"));
+	} };
+};
+
+//#endregion
+export { runWatch };

package/dist/transform/cache.cjs

@@ -0,0 +1,24 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let node_fs = require("node:fs");
+node_fs = require_rolldown_runtime.__toESM(node_fs);
+
+//#region src/transform/cache.ts
+const cache = /* @__PURE__ */ new Map();
+const setCache = (path, data) => {
+	const cachedValue = cache.get(path);
+	const newValue = {
+		content: "",
+		css: "",
+		mtime: 0,
+		isFile: true,
+		path,
+		...cachedValue,
+		...data
+	};
+	cache.set(path, newValue);
+	return Boolean(cachedValue);
+};
+
+//#endregion
+exports.cache = cache;
+exports.setCache = setCache;

package/dist/transform/cache.mjs

@@ -0,0 +1,21 @@
+import fs from "node:fs";
+
+//#region src/transform/cache.ts
+const cache = /* @__PURE__ */ new Map();
+const setCache = (path, data) => {
+	const cachedValue = cache.get(path);
+	const newValue = {
+		content: "",
+		css: "",
+		mtime: 0,
+		isFile: true,
+		path,
+		...cachedValue,
+		...data
+	};
+	cache.set(path, newValue);
+	return Boolean(cachedValue);
+};
+
+//#endregion
+export { cache, setCache };

package/dist/transform/processFile.cjs

@@ -0,0 +1,26 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_cache = require('./cache.cjs');
+let node_fs_promises = require("node:fs/promises");
+node_fs_promises = require_rolldown_runtime.__toESM(node_fs_promises);
+
+//#region src/transform/processFile.ts
+async function processFile(path) {
+	const cachedValue = require_cache.cache.get(path);
+	const mtime = await node_fs_promises.default.stat(path).then((stats) => stats.mtimeMs);
+	let changed = false;
+	if (!cachedValue || cachedValue.mtime < mtime) {
+		require_cache.setCache(path, {
+			content: await node_fs_promises.default.readFile(path, "utf-8"),
+			mtime,
+			isFile: true
+		});
+		changed = true;
+	}
+	return {
+		value: require_cache.cache.get(path),
+		changed
+	};
+}
+
+//#endregion
+exports.default = processFile;

package/dist/transform/processFile.mjs

@@ -0,0 +1,24 @@
+import { cache, setCache } from "./cache.mjs";
+import fs from "node:fs/promises";
+
+//#region src/transform/processFile.ts
+async function processFile(path) {
+	const cachedValue = cache.get(path);
+	const mtime = await fs.stat(path).then((stats) => stats.mtimeMs);
+	let changed = false;
+	if (!cachedValue || cachedValue.mtime < mtime) {
+		setCache(path, {
+			content: await fs.readFile(path, "utf-8"),
+			mtime,
+			isFile: true
+		});
+		changed = true;
+	}
+	return {
+		value: cache.get(path),
+		changed
+	};
+}
+
+//#endregion
+export { processFile as default };

package/dist/use/token/browser.cjs

@@ -0,0 +1,65 @@
+const require_vars = require('./vars.cjs');
+
+//#region src/use/token/browser.ts
+let currentApi = null;
+const tokenVarsCache = /* @__PURE__ */ new WeakMap();
+const getTokenVars = (api) => {
+	if (!api) return null;
+	const cached = tokenVarsCache.get(api);
+	if (cached) return cached;
+	const builder = require_vars.createTokenVars({
+		prefix: api.selectorPrefix ?? "",
+		toValue: (value, property) => {
+			const resolved = api.dictionary.toValue(value, property);
+			if (typeof resolved === "number" || typeof resolved === "string") return resolved;
+			if (resolved == null) return null;
+			return String(resolved);
+		}
+	});
+	tokenVarsCache.set(api, builder);
+	return builder;
+};
+const tokenVars = (input) => {
+	const builder = getTokenVars(currentApi);
+	return builder ? builder(input) : {};
+};
+const onInit = (api) => {
+	currentApi = api;
+	if (!api.tokenVars) api.tokenVars = tokenVars;
+};
+const create = (currentKey = "$$.token") => {
+	const baseFn = (() => currentKey);
+	return new Proxy(baseFn, { get(target, key) {
+		if (key === "IS_TOKEN_FN") return true;
+		return typeof key === "string" ? create(`${target()}.${key}`) : void 0;
+	} });
+};
+const tokenPaths = /* @__PURE__ */ new Set();
+const isTokenFn = (value) => {
+	return typeof value === "function" && Boolean(value.IS_TOKEN_FN);
+};
+const onBrowserObjectStart = (api, { input }) => {
+	const isClassnameFirst = api.strategy === "classname-first";
+	const mutableInput = input;
+	for (const prop in mutableInput) {
+		const value = mutableInput[prop];
+		if (isTokenFn(value)) {
+			const path = value().replace("$$.token.", "");
+			if (isClassnameFirst) mutableInput[prop] = path.split(".").slice(1).join(".");
+			else mutableInput[prop] = `var(--${path.replace(/\./g, "-")})`;
+		} else if (tokenPaths.has(`${prop}.${mutableInput[prop]}`)) {
+			if (!isClassnameFirst) mutableInput[prop] = `var(--${prop}-${String(mutableInput[prop]).replace("$$.token.", "").replace(/\./g, "-")})`;
+		} else if (typeof value === "string" && value.startsWith("$$.token.")) {
+			const path = value.replace("$$.token.", "");
+			if (isClassnameFirst) mutableInput[prop] = path.split(".").slice(1).join(".");
+			else mutableInput[prop] = `var(--${path.replace(/\./g, "-")})`;
+		}
+	}
+};
+
+//#endregion
+exports.create = create;
+exports.onBrowserObjectStart = onBrowserObjectStart;
+exports.onInit = onInit;
+exports.tokenPaths = tokenPaths;
+exports.tokenVars = tokenVars;

package/dist/use/token/browser.mjs

@@ -0,0 +1,61 @@
+import { createTokenVars } from "./vars.mjs";
+
+//#region src/use/token/browser.ts
+let currentApi = null;
+const tokenVarsCache = /* @__PURE__ */ new WeakMap();
+const getTokenVars = (api) => {
+	if (!api) return null;
+	const cached = tokenVarsCache.get(api);
+	if (cached) return cached;
+	const builder = createTokenVars({
+		prefix: api.selectorPrefix ?? "",
+		toValue: (value, property) => {
+			const resolved = api.dictionary.toValue(value, property);
+			if (typeof resolved === "number" || typeof resolved === "string") return resolved;
+			if (resolved == null) return null;
+			return String(resolved);
+		}
+	});
+	tokenVarsCache.set(api, builder);
+	return builder;
+};
+const tokenVars = (input) => {
+	const builder = getTokenVars(currentApi);
+	return builder ? builder(input) : {};
+};
+const onInit = (api) => {
+	currentApi = api;
+	if (!api.tokenVars) api.tokenVars = tokenVars;
+};
+const create = (currentKey = "$$.token") => {
+	const baseFn = (() => currentKey);
+	return new Proxy(baseFn, { get(target, key) {
+		if (key === "IS_TOKEN_FN") return true;
+		return typeof key === "string" ? create(`${target()}.${key}`) : void 0;
+	} });
+};
+const tokenPaths = /* @__PURE__ */ new Set();
+const isTokenFn = (value) => {
+	return typeof value === "function" && Boolean(value.IS_TOKEN_FN);
+};
+const onBrowserObjectStart = (api, { input }) => {
+	const isClassnameFirst = api.strategy === "classname-first";
+	const mutableInput = input;
+	for (const prop in mutableInput) {
+		const value = mutableInput[prop];
+		if (isTokenFn(value)) {
+			const path = value().replace("$$.token.", "");
+			if (isClassnameFirst) mutableInput[prop] = path.split(".").slice(1).join(".");
+			else mutableInput[prop] = `var(--${path.replace(/\./g, "-")})`;
+		} else if (tokenPaths.has(`${prop}.${mutableInput[prop]}`)) {
+			if (!isClassnameFirst) mutableInput[prop] = `var(--${prop}-${String(mutableInput[prop]).replace("$$.token.", "").replace(/\./g, "-")})`;
+		} else if (typeof value === "string" && value.startsWith("$$.token.")) {
+			const path = value.replace("$$.token.", "");
+			if (isClassnameFirst) mutableInput[prop] = path.split(".").slice(1).join(".");
+			else mutableInput[prop] = `var(--${path.replace(/\./g, "-")})`;
+		}
+	}
+};
+
+//#endregion
+export { create, onBrowserObjectStart, onInit, tokenPaths, tokenVars };