boss-css 0.0.1 → 0.0.3

package/dist/use/token/runtime-only.cjs

@@ -0,0 +1,245 @@
+const require_vars = require('./vars.cjs');
+
+//#region src/use/token/runtime-only.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 defaultTokens = { color: {
+	black: "#000",
+	white: "#fff"
+} };
+const propMap = new Map([
+	["color", new Set([
+		"color",
+		"background",
+		"background-color",
+		"border-color",
+		"accent-color",
+		"caret-color",
+		"fill",
+		"outline-color",
+		"stroke",
+		"text-decoration-color",
+		"text-shadow",
+		"box-shadow",
+		"background-image",
+		"linear-gradient",
+		"radial-gradient",
+		"conic-gradient",
+		"filter"
+	])],
+	["size", new Set([
+		"width",
+		"height",
+		"min-width",
+		"min-height",
+		"max-width",
+		"max-height",
+		"inset",
+		"top",
+		"right",
+		"bottom",
+		"left",
+		"translate",
+		"flex-basis",
+		"gap",
+		"column-gap",
+		"row-gap",
+		"margin",
+		"margin-top",
+		"margin-right",
+		"margin-bottom",
+		"margin-left",
+		"padding",
+		"padding-top",
+		"padding-right",
+		"padding-bottom",
+		"padding-left",
+		"border-spacing",
+		"scroll-margin",
+		"scroll-margin-top",
+		"scroll-margin-right",
+		"scroll-margin-bottom",
+		"scroll-margin-left",
+		"scroll-padding",
+		"scroll-padding-top",
+		"scroll-padding-right",
+		"scroll-padding-bottom",
+		"scroll-padding-left",
+		"text-indent"
+	])],
+	["grid", new Set([
+		"grid-column",
+		"grid-row",
+		"grid-template-columns",
+		"grid-template-rows",
+		"grid-auto-columns",
+		"grid-auto-rows"
+	])],
+	["duration", new Set([
+		"transition-duration",
+		"transition-delay",
+		"animation-duration",
+		"animation-delay"
+	])],
+	["backgroundPosition", new Set(["background-position", "object-position"])]
+]);
+const mergeTokens = (base, incoming) => {
+	if (!incoming || typeof incoming !== "object") return { ...base };
+	const result = { ...base };
+	for (const [key, value] of Object.entries(incoming)) if (value && typeof value === "object" && !Array.isArray(value) && typeof result[key] === "object") result[key] = mergeTokens(result[key], value);
+	else result[key] = value;
+	return result;
+};
+const tokenState = /* @__PURE__ */ new WeakMap();
+const tokenAlphaKeyPattern = /^[a-zA-Z0-9_.-]+$/;
+const getTokenState = (api) => {
+	if (tokenState.has(api)) return tokenState.get(api);
+	const tokens = mergeTokens(defaultTokens, api.tokens);
+	const byProp = /* @__PURE__ */ new Map();
+	for (const [group, values] of Object.entries(tokens)) {
+		const propsToMap = propMap.get(group) ?? new Set([group]);
+		for (const prop of propsToMap) {
+			const dashProp = api?.camelCaseToDash ? api.camelCaseToDash(prop) : prop;
+			byProp.set(prop, values);
+			byProp.set(dashProp, values);
+		}
+	}
+	const state = {
+		groups: tokens,
+		byProp
+	};
+	tokenState.set(api, state);
+	return state;
+};
+const resolveTokenParts = (values, pathParts) => {
+	if (!pathParts.length) return values;
+	return pathParts.reduce((acc, key) => acc?.[key]?.value ?? acc?.[key], values);
+};
+const parseTokenAlphaValue = (value) => {
+	const slashIndex = value.lastIndexOf("/");
+	if (slashIndex <= 0 || slashIndex === value.length - 1) return null;
+	const base = value.slice(0, slashIndex);
+	const alphaRaw = value.slice(slashIndex + 1);
+	if (!tokenAlphaKeyPattern.test(base)) return null;
+	if (!/^\d{1,3}$/.test(alphaRaw)) return {
+		base,
+		alpha: null
+	};
+	const alpha = Number(alphaRaw);
+	if (!Number.isInteger(alpha) || alpha < 0 || alpha > 100) return {
+		base,
+		alpha: null
+	};
+	return {
+		base,
+		alpha
+	};
+};
+const isTokenFunction = (value) => typeof value === "function" && Boolean(value && value.IS_TOKEN_FN);
+const getTokenPath = (api, prop, value) => {
+	if (isTokenFunction(value)) return {
+		path: value().replace("$$.token.", ""),
+		source: "group"
+	};
+	if (typeof value === "string" && value.startsWith("$$.token.")) return {
+		path: value.replace("$$.token.", ""),
+		source: "group"
+	};
+	if (typeof value !== "string") return null;
+	const { byProp } = getTokenState(api);
+	const dashProp = api?.camelCaseToDash ? api.camelCaseToDash(prop) : prop;
+	const values = byProp.get(prop) ?? byProp.get(dashProp);
+	if (!values) return null;
+	if (typeof value === "string") {
+		const tokenAlpha = parseTokenAlphaValue(value);
+		if (tokenAlpha) {
+			if (resolveTokenParts(values, tokenAlpha.base.split(".")) === void 0) return null;
+			if (tokenAlpha.alpha === null) return null;
+			return {
+				path: `${prop}.${tokenAlpha.base}`,
+				source: "prop",
+				values,
+				alpha: tokenAlpha.alpha,
+				selectorValue: value
+			};
+		}
+	}
+	if (value in values) return {
+		path: `${prop}.${value}`,
+		source: "prop",
+		values
+	};
+	return null;
+};
+const resolveRuntimeToken = (api, prop, value) => {
+	const tokenData = getTokenPath(api, prop, value);
+	if (!tokenData) return null;
+	const { groups } = getTokenState(api);
+	let tokenValue;
+	if (tokenData.source === "group") {
+		const [group, ...rest] = tokenData.path.split(".");
+		const values = groups[group];
+		if (!values) return null;
+		tokenValue = resolveTokenParts(values, rest);
+	} else tokenValue = resolveTokenParts(tokenData.values ?? {}, tokenData.path.split(".").slice(1));
+	if (tokenValue === void 0) return null;
+	const runtimeOnly = api.runtime?.only === true;
+	const hasServerToken = tokenPaths.has(tokenData.path);
+	const tokenKey = tokenData.selectorValue ?? tokenData.path.split(".").slice(1).join(".");
+	const varValue = `var(${`--${api.selectorPrefix ?? ""}${tokenData.path.replace(/\./g, "-")}`})`;
+	const mixValue = tokenData.alpha === void 0 ? null : `color-mix(in oklab, ${hasServerToken && !runtimeOnly ? varValue : tokenValue} ${tokenData.alpha}%, transparent)`;
+	if (runtimeOnly || !hasServerToken) return {
+		value: mixValue ?? tokenValue,
+		selectorValue: tokenData.alpha === void 0 ? tokenValue : tokenKey,
+		tokenKey,
+		tokenPath: tokenData.path
+	};
+	return {
+		value: mixValue ?? varValue,
+		selectorValue: tokenKey,
+		tokenKey,
+		tokenPath: tokenData.path
+	};
+};
+const onBrowserObjectStart = () => {};
+
+//#endregion
+exports.create = create;
+exports.onBrowserObjectStart = onBrowserObjectStart;
+exports.onInit = onInit;
+exports.propMap = propMap;
+exports.resolveRuntimeToken = resolveRuntimeToken;
+exports.tokenPaths = tokenPaths;
+exports.tokenVars = tokenVars;

package/dist/use/token/runtime-only.mjs

@@ -0,0 +1,239 @@
+import { createTokenVars } from "./vars.mjs";
+
+//#region src/use/token/runtime-only.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 defaultTokens = { color: {
+	black: "#000",
+	white: "#fff"
+} };
+const propMap = new Map([
+	["color", new Set([
+		"color",
+		"background",
+		"background-color",
+		"border-color",
+		"accent-color",
+		"caret-color",
+		"fill",
+		"outline-color",
+		"stroke",
+		"text-decoration-color",
+		"text-shadow",
+		"box-shadow",
+		"background-image",
+		"linear-gradient",
+		"radial-gradient",
+		"conic-gradient",
+		"filter"
+	])],
+	["size", new Set([
+		"width",
+		"height",
+		"min-width",
+		"min-height",
+		"max-width",
+		"max-height",
+		"inset",
+		"top",
+		"right",
+		"bottom",
+		"left",
+		"translate",
+		"flex-basis",
+		"gap",
+		"column-gap",
+		"row-gap",
+		"margin",
+		"margin-top",
+		"margin-right",
+		"margin-bottom",
+		"margin-left",
+		"padding",
+		"padding-top",
+		"padding-right",
+		"padding-bottom",
+		"padding-left",
+		"border-spacing",
+		"scroll-margin",
+		"scroll-margin-top",
+		"scroll-margin-right",
+		"scroll-margin-bottom",
+		"scroll-margin-left",
+		"scroll-padding",
+		"scroll-padding-top",
+		"scroll-padding-right",
+		"scroll-padding-bottom",
+		"scroll-padding-left",
+		"text-indent"
+	])],
+	["grid", new Set([
+		"grid-column",
+		"grid-row",
+		"grid-template-columns",
+		"grid-template-rows",
+		"grid-auto-columns",
+		"grid-auto-rows"
+	])],
+	["duration", new Set([
+		"transition-duration",
+		"transition-delay",
+		"animation-duration",
+		"animation-delay"
+	])],
+	["backgroundPosition", new Set(["background-position", "object-position"])]
+]);
+const mergeTokens = (base, incoming) => {
+	if (!incoming || typeof incoming !== "object") return { ...base };
+	const result = { ...base };
+	for (const [key, value] of Object.entries(incoming)) if (value && typeof value === "object" && !Array.isArray(value) && typeof result[key] === "object") result[key] = mergeTokens(result[key], value);
+	else result[key] = value;
+	return result;
+};
+const tokenState = /* @__PURE__ */ new WeakMap();
+const tokenAlphaKeyPattern = /^[a-zA-Z0-9_.-]+$/;
+const getTokenState = (api) => {
+	if (tokenState.has(api)) return tokenState.get(api);
+	const tokens = mergeTokens(defaultTokens, api.tokens);
+	const byProp = /* @__PURE__ */ new Map();
+	for (const [group, values] of Object.entries(tokens)) {
+		const propsToMap = propMap.get(group) ?? new Set([group]);
+		for (const prop of propsToMap) {
+			const dashProp = api?.camelCaseToDash ? api.camelCaseToDash(prop) : prop;
+			byProp.set(prop, values);
+			byProp.set(dashProp, values);
+		}
+	}
+	const state = {
+		groups: tokens,
+		byProp
+	};
+	tokenState.set(api, state);
+	return state;
+};
+const resolveTokenParts = (values, pathParts) => {
+	if (!pathParts.length) return values;
+	return pathParts.reduce((acc, key) => acc?.[key]?.value ?? acc?.[key], values);
+};
+const parseTokenAlphaValue = (value) => {
+	const slashIndex = value.lastIndexOf("/");
+	if (slashIndex <= 0 || slashIndex === value.length - 1) return null;
+	const base = value.slice(0, slashIndex);
+	const alphaRaw = value.slice(slashIndex + 1);
+	if (!tokenAlphaKeyPattern.test(base)) return null;
+	if (!/^\d{1,3}$/.test(alphaRaw)) return {
+		base,
+		alpha: null
+	};
+	const alpha = Number(alphaRaw);
+	if (!Number.isInteger(alpha) || alpha < 0 || alpha > 100) return {
+		base,
+		alpha: null
+	};
+	return {
+		base,
+		alpha
+	};
+};
+const isTokenFunction = (value) => typeof value === "function" && Boolean(value && value.IS_TOKEN_FN);
+const getTokenPath = (api, prop, value) => {
+	if (isTokenFunction(value)) return {
+		path: value().replace("$$.token.", ""),
+		source: "group"
+	};
+	if (typeof value === "string" && value.startsWith("$$.token.")) return {
+		path: value.replace("$$.token.", ""),
+		source: "group"
+	};
+	if (typeof value !== "string") return null;
+	const { byProp } = getTokenState(api);
+	const dashProp = api?.camelCaseToDash ? api.camelCaseToDash(prop) : prop;
+	const values = byProp.get(prop) ?? byProp.get(dashProp);
+	if (!values) return null;
+	if (typeof value === "string") {
+		const tokenAlpha = parseTokenAlphaValue(value);
+		if (tokenAlpha) {
+			if (resolveTokenParts(values, tokenAlpha.base.split(".")) === void 0) return null;
+			if (tokenAlpha.alpha === null) return null;
+			return {
+				path: `${prop}.${tokenAlpha.base}`,
+				source: "prop",
+				values,
+				alpha: tokenAlpha.alpha,
+				selectorValue: value
+			};
+		}
+	}
+	if (value in values) return {
+		path: `${prop}.${value}`,
+		source: "prop",
+		values
+	};
+	return null;
+};
+const resolveRuntimeToken = (api, prop, value) => {
+	const tokenData = getTokenPath(api, prop, value);
+	if (!tokenData) return null;
+	const { groups } = getTokenState(api);
+	let tokenValue;
+	if (tokenData.source === "group") {
+		const [group, ...rest] = tokenData.path.split(".");
+		const values = groups[group];
+		if (!values) return null;
+		tokenValue = resolveTokenParts(values, rest);
+	} else tokenValue = resolveTokenParts(tokenData.values ?? {}, tokenData.path.split(".").slice(1));
+	if (tokenValue === void 0) return null;
+	const runtimeOnly = api.runtime?.only === true;
+	const hasServerToken = tokenPaths.has(tokenData.path);
+	const tokenKey = tokenData.selectorValue ?? tokenData.path.split(".").slice(1).join(".");
+	const varValue = `var(${`--${api.selectorPrefix ?? ""}${tokenData.path.replace(/\./g, "-")}`})`;
+	const mixValue = tokenData.alpha === void 0 ? null : `color-mix(in oklab, ${hasServerToken && !runtimeOnly ? varValue : tokenValue} ${tokenData.alpha}%, transparent)`;
+	if (runtimeOnly || !hasServerToken) return {
+		value: mixValue ?? tokenValue,
+		selectorValue: tokenData.alpha === void 0 ? tokenValue : tokenKey,
+		tokenKey,
+		tokenPath: tokenData.path
+	};
+	return {
+		value: mixValue ?? varValue,
+		selectorValue: tokenKey,
+		tokenKey,
+		tokenPath: tokenData.path
+	};
+};
+const onBrowserObjectStart = () => {};
+
+//#endregion
+export { create, onBrowserObjectStart, onInit, propMap, resolveRuntimeToken, tokenPaths, tokenVars };