boss-css 0.0.1 → 0.0.2

package/dist/prop/child/runtime-only.mjs

@@ -0,0 +1,15 @@
+//#region src/prop/child/runtime-only.ts
+const name = "child";
+const createChildContext = (selector) => {
+	return `[${selector.replace(/ /g, "_")}]`;
+};
+const onInit = (api) => {
+	api.dictionary.set("child", {
+		property: "child",
+		aliases: ["child"],
+		description: "Arbitrary selector nesting"
+	});
+};
+
+//#endregion
+export { createChildContext, name, onInit };

package/dist/prop/child/server.cjs

@@ -0,0 +1,81 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_prop_pseudo_server = require('../pseudo/server.cjs');
+
+//#region src/prop/child/server.ts
+var server_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	dependencies: () => dependencies,
+	name: () => name,
+	onBoot: () => onBoot,
+	onProp: () => onProp
+});
+const name = "child";
+const dependencies = new Set(["child"]);
+const onBoot = async (api) => {
+	api.dictionary.set("child", {
+		property: "child",
+		aliases: ["child"],
+		description: "Arbitrary selector nesting"
+	});
+	api.file.js.dts.set("body", "child:ChildProps", `export type $$ChildProps = { child?: { [selector: string]: $$FinalProps } }`).replace("body", `$$:FinalProps`, (v) => `${v} & $$ChildProps`);
+	const runtimeConfig = api.runtime;
+	if (Boolean(runtimeConfig && (runtimeConfig.only !== void 0 || runtimeConfig.strategy))) api.file.js.importAndConfig({
+		name: "onInit",
+		from: "boss-css/prop/child/runtime-only"
+	}, () => true);
+};
+const onProp = async (api, { prop, contexts, preferVariables, file }) => {
+	const value = prop.value;
+	if (!value || typeof value !== "object" || Array.isArray(value)) return;
+	const entries = value;
+	for (const [rawSelector, selectorProp] of Object.entries(entries)) {
+		if (!selectorProp?.value || typeof selectorProp.value !== "object" || Array.isArray(selectorProp.value)) continue;
+		const childContext = `[${rawSelector.replace(/ /g, "_")}]`;
+		contexts.push(childContext);
+		const query = selectorProp.query ?? prop.query ?? null;
+		const pseudoChain = contexts.filter((context) => require_prop_pseudo_server.dependencies.has(context));
+		const childEntries = selectorProp.value;
+		for (const [name, childProp] of Object.entries(childEntries)) {
+			const resolved = api.dictionary.resolve(name);
+			const descriptor = resolved.descriptor;
+			if (!descriptor) continue;
+			if (resolved.suffix) {
+				childProp.named = resolved.suffix;
+				childProp.rawName = resolved.raw;
+			}
+			const classToken = childProp.classToken;
+			const selectorValue = childProp.selectorValue ?? childProp.value;
+			const className = classToken ? null : api.contextToClassName(resolved.name, selectorValue, contexts, true, api.selectorPrefix);
+			const baseSelector = classToken ? api.classTokenToSelector(classToken) : `.${className}`;
+			const baseWithPseudos = pseudoChain.length ? `${baseSelector}:${pseudoChain.join(":")}` : baseSelector;
+			const selector = api.applyChildSelectors(baseWithPseudos, contexts);
+			api.css.selector({
+				selector,
+				query
+			});
+			if (query && !childProp.query) childProp.query = query;
+			await api.trigger("onProp", {
+				name: resolved.name,
+				prop: childProp,
+				contexts,
+				preferVariables,
+				file
+			}, ({ dependencies }) => {
+				return !dependencies || dependencies.has(descriptor.property);
+			});
+			if (api.css.current) api.css.write();
+		}
+		contexts.pop();
+	}
+};
+
+//#endregion
+exports.dependencies = dependencies;
+exports.name = name;
+exports.onBoot = onBoot;
+exports.onProp = onProp;
+Object.defineProperty(exports, 'server_exports', {
+  enumerable: true,
+  get: function () {
+    return server_exports;
+  }
+});

package/dist/prop/child/server.mjs

@@ -0,0 +1,72 @@
+import { __exportAll } from "../../_virtual/rolldown_runtime.mjs";
+import { dependencies as dependencies$1 } from "../pseudo/server.mjs";
+
+//#region src/prop/child/server.ts
+var server_exports = /* @__PURE__ */ __exportAll({
+	dependencies: () => dependencies,
+	name: () => name,
+	onBoot: () => onBoot,
+	onProp: () => onProp
+});
+const name = "child";
+const dependencies = new Set(["child"]);
+const onBoot = async (api) => {
+	api.dictionary.set("child", {
+		property: "child",
+		aliases: ["child"],
+		description: "Arbitrary selector nesting"
+	});
+	api.file.js.dts.set("body", "child:ChildProps", `export type $$ChildProps = { child?: { [selector: string]: $$FinalProps } }`).replace("body", `$$:FinalProps`, (v) => `${v} & $$ChildProps`);
+	const runtimeConfig = api.runtime;
+	if (Boolean(runtimeConfig && (runtimeConfig.only !== void 0 || runtimeConfig.strategy))) api.file.js.importAndConfig({
+		name: "onInit",
+		from: "boss-css/prop/child/runtime-only"
+	}, () => true);
+};
+const onProp = async (api, { prop, contexts, preferVariables, file }) => {
+	const value = prop.value;
+	if (!value || typeof value !== "object" || Array.isArray(value)) return;
+	const entries = value;
+	for (const [rawSelector, selectorProp] of Object.entries(entries)) {
+		if (!selectorProp?.value || typeof selectorProp.value !== "object" || Array.isArray(selectorProp.value)) continue;
+		const childContext = `[${rawSelector.replace(/ /g, "_")}]`;
+		contexts.push(childContext);
+		const query = selectorProp.query ?? prop.query ?? null;
+		const pseudoChain = contexts.filter((context) => dependencies$1.has(context));
+		const childEntries = selectorProp.value;
+		for (const [name, childProp] of Object.entries(childEntries)) {
+			const resolved = api.dictionary.resolve(name);
+			const descriptor = resolved.descriptor;
+			if (!descriptor) continue;
+			if (resolved.suffix) {
+				childProp.named = resolved.suffix;
+				childProp.rawName = resolved.raw;
+			}
+			const classToken = childProp.classToken;
+			const selectorValue = childProp.selectorValue ?? childProp.value;
+			const className = classToken ? null : api.contextToClassName(resolved.name, selectorValue, contexts, true, api.selectorPrefix);
+			const baseSelector = classToken ? api.classTokenToSelector(classToken) : `.${className}`;
+			const baseWithPseudos = pseudoChain.length ? `${baseSelector}:${pseudoChain.join(":")}` : baseSelector;
+			const selector = api.applyChildSelectors(baseWithPseudos, contexts);
+			api.css.selector({
+				selector,
+				query
+			});
+			if (query && !childProp.query) childProp.query = query;
+			await api.trigger("onProp", {
+				name: resolved.name,
+				prop: childProp,
+				contexts,
+				preferVariables,
+				file
+			}, ({ dependencies }) => {
+				return !dependencies || dependencies.has(descriptor.property);
+			});
+			if (api.css.current) api.css.write();
+		}
+		contexts.pop();
+	}
+};
+
+//#endregion
+export { dependencies, name, onBoot, onProp, server_exports };

package/dist/prop/css/getDtsTemplate.cjs

@@ -0,0 +1,65 @@
+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_module = require("node:module");
+
+//#region src/prop/css/getDtsTemplate.ts
+const baseInterfaces = [
+	"StandardLonghandProperties",
+	"StandardShorthandProperties",
+	"VendorLonghandProperties",
+	"VendorShorthandProperties",
+	"ObsoleteProperties",
+	"SvgProperties",
+	"StandardLonghandPropertiesHyphen",
+	"StandardShorthandPropertiesHyphen",
+	"VendorLonghandPropertiesHyphen",
+	"VendorShorthandPropertiesHyphen",
+	"ObsoletePropertiesHyphen",
+	"SvgPropertiesHyphen"
+];
+const lcfirst = (str) => str.charAt(0).toLowerCase() + str.slice(1);
+let cachedTemplate = null;
+async function getDtsTemplate() {
+	if (cachedTemplate) return cachedTemplate;
+	const interfaces = [...baseInterfaces];
+	cachedTemplate = (async () => {
+		const cssTypeFilePath = (0, node_module.createRequire)(process.cwd() + "/package.json").resolve("csstype/index.d.ts");
+		const csstypeArray = (await node_fs_promises.default.readFile(cssTypeFilePath, "utf-8")).split("\n");
+		const csstypeObject = {};
+		const csstypeTemplate = [];
+		let iface = null;
+		let comment = [];
+		const propRegexp = /^ {2}["']?(.+?)["']?\?: ([a-zA-Z. |<>]+);?/;
+		for (const line of csstypeArray) if (line.includes(`export interface ${interfaces[0]}<`)) {
+			iface = interfaces[0];
+			csstypeTemplate.push([`css:interface:${iface}:start`, line]);
+		} else if (iface && line === "}") {
+			csstypeTemplate.push([`css:interface:${iface}:end`, line]);
+			iface = null;
+			interfaces.shift();
+		} else if (iface && (line === "   */" || line.startsWith("   * @see"))) {} else if (iface && (line === "  /**" || line.startsWith("   *"))) comment.push(line.replace(/^   ?\/?\*?\*/g, ""));
+		else if (iface && propRegexp.test(line)) {
+			const match = line.match(propRegexp);
+			if (!match) continue;
+			const [, _name, values] = match;
+			const name = lcfirst(_name);
+			csstypeObject[name] = {
+				description: csstypeObject[name]?.description || comment.join("\n"),
+				types: csstypeObject[name]?.types || values.trim().split("|").map((a) => a.trim()).filter((a) => a),
+				iface
+			};
+			csstypeTemplate.push([`css:${name}:description`, ""]);
+			csstypeTemplate.push([`css:${name}:declaration`, line.replace(/;$/, "").replace(`?: `, () => "?: $$PropValues | ")]);
+			comment = [];
+		} else if (csstypeTemplate.at(-1)?.[0] === null) {
+			const last = csstypeTemplate.at(-1);
+			if (last) last[1] += `\n${line}`;
+		} else csstypeTemplate.push([null, line]);
+		return [csstypeObject, csstypeTemplate];
+	})();
+	return cachedTemplate;
+}
+
+//#endregion
+exports.default = getDtsTemplate;

package/dist/prop/css/getDtsTemplate.mjs

@@ -0,0 +1,63 @@
+import { createRequire } from "node:module";
+import fs from "node:fs/promises";
+
+//#region src/prop/css/getDtsTemplate.ts
+const baseInterfaces = [
+	"StandardLonghandProperties",
+	"StandardShorthandProperties",
+	"VendorLonghandProperties",
+	"VendorShorthandProperties",
+	"ObsoleteProperties",
+	"SvgProperties",
+	"StandardLonghandPropertiesHyphen",
+	"StandardShorthandPropertiesHyphen",
+	"VendorLonghandPropertiesHyphen",
+	"VendorShorthandPropertiesHyphen",
+	"ObsoletePropertiesHyphen",
+	"SvgPropertiesHyphen"
+];
+const lcfirst = (str) => str.charAt(0).toLowerCase() + str.slice(1);
+let cachedTemplate = null;
+async function getDtsTemplate() {
+	if (cachedTemplate) return cachedTemplate;
+	const interfaces = [...baseInterfaces];
+	cachedTemplate = (async () => {
+		const cssTypeFilePath = createRequire(process.cwd() + "/package.json").resolve("csstype/index.d.ts");
+		const csstypeArray = (await fs.readFile(cssTypeFilePath, "utf-8")).split("\n");
+		const csstypeObject = {};
+		const csstypeTemplate = [];
+		let iface = null;
+		let comment = [];
+		const propRegexp = /^ {2}["']?(.+?)["']?\?: ([a-zA-Z. |<>]+);?/;
+		for (const line of csstypeArray) if (line.includes(`export interface ${interfaces[0]}<`)) {
+			iface = interfaces[0];
+			csstypeTemplate.push([`css:interface:${iface}:start`, line]);
+		} else if (iface && line === "}") {
+			csstypeTemplate.push([`css:interface:${iface}:end`, line]);
+			iface = null;
+			interfaces.shift();
+		} else if (iface && (line === "   */" || line.startsWith("   * @see"))) {} else if (iface && (line === "  /**" || line.startsWith("   *"))) comment.push(line.replace(/^   ?\/?\*?\*/g, ""));
+		else if (iface && propRegexp.test(line)) {
+			const match = line.match(propRegexp);
+			if (!match) continue;
+			const [, _name, values] = match;
+			const name = lcfirst(_name);
+			csstypeObject[name] = {
+				description: csstypeObject[name]?.description || comment.join("\n"),
+				types: csstypeObject[name]?.types || values.trim().split("|").map((a) => a.trim()).filter((a) => a),
+				iface
+			};
+			csstypeTemplate.push([`css:${name}:description`, ""]);
+			csstypeTemplate.push([`css:${name}:declaration`, line.replace(/;$/, "").replace(`?: `, () => "?: $$PropValues | ")]);
+			comment = [];
+		} else if (csstypeTemplate.at(-1)?.[0] === null) {
+			const last = csstypeTemplate.at(-1);
+			if (last) last[1] += `\n${line}`;
+		} else csstypeTemplate.push([null, line]);
+		return [csstypeObject, csstypeTemplate];
+	})();
+	return cachedTemplate;
+}
+
+//#endregion
+export { getDtsTemplate as default };

package/dist/prop/css/runtime-only.cjs

@@ -0,0 +1,14 @@
+const require_names = require('../../api/names.cjs');
+const require_shared = require('../pseudo/shared.cjs');
+
+//#region src/prop/css/runtime-only.ts
+const resolvePropertyName = (prop) => prop.includes("-") ? prop : require_names.camelCaseToDash(prop);
+const buildRuntimeSelector = (className, contexts) => {
+	const baseSelector = `.${className}`;
+	const pseudoChain = contexts.filter((context) => require_shared.pseudoDependencies.has(context));
+	return require_names.applyChildSelectors(pseudoChain.length ? `${baseSelector}:${pseudoChain.join(":")}` : baseSelector, contexts);
+};
+
+//#endregion
+exports.buildRuntimeSelector = buildRuntimeSelector;
+exports.resolvePropertyName = resolvePropertyName;

package/dist/prop/css/runtime-only.mjs

@@ -0,0 +1,13 @@
+import { applyChildSelectors, camelCaseToDash } from "../../api/names.mjs";
+import { pseudoDependencies } from "../pseudo/shared.mjs";
+
+//#region src/prop/css/runtime-only.ts
+const resolvePropertyName = (prop) => prop.includes("-") ? prop : camelCaseToDash(prop);
+const buildRuntimeSelector = (className, contexts) => {
+	const baseSelector = `.${className}`;
+	const pseudoChain = contexts.filter((context) => pseudoDependencies.has(context));
+	return applyChildSelectors(pseudoChain.length ? `${baseSelector}:${pseudoChain.join(":")}` : baseSelector, contexts);
+};
+
+//#endregion
+export { buildRuntimeSelector, resolvePropertyName };

package/dist/prop/css/server.cjs

@@ -0,0 +1,99 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_getDtsTemplate = require('./getDtsTemplate.cjs');
+let _webref_css = require("@webref/css");
+
+//#region src/prop/css/server.ts
+var server_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	dependencies: () => dependencies,
+	name: () => name,
+	onBoot: () => onBoot,
+	onProp: () => onProp
+});
+const name = "css";
+const dependencies = new Set(["css"]);
+const onBoot = async (api) => {
+	const [typeObject, typeTemplate] = await require_getDtsTemplate.default();
+	api.file.js.dts.replace("body", `$$:FinalProps`, (v) => `${v} & StandardProperties`);
+	typeTemplate.forEach((entry) => {
+		api.file.js.dts.set("body", ...entry);
+	});
+	for (const [name, descriptor] of Object.entries(typeObject)) {
+		const item = {
+			property: api.camelCaseToDash(name),
+			description: descriptor.description ?? "",
+			values: descriptor.types ?? [],
+			initial: "",
+			csstype: descriptor,
+			isCSSProp: true,
+			aliases: [name],
+			single: false,
+			descriptor
+		};
+		if (descriptor.iface?.endsWith("Hyphen")) item.property = name;
+		api.dictionary.set(name, item);
+		dependencies.add(name);
+	}
+	const parsedFiles = await (0, _webref_css.listAll)();
+	const propertyList = Array.isArray(parsedFiles?.properties) ? parsedFiles.properties : Object.values(parsedFiles ?? {}).flatMap((entry) => entry?.properties ?? []);
+	for (const property of propertyList) {
+		if (!property?.styleDeclaration) continue;
+		const { styleDeclaration } = property;
+		const existing = api.dictionary.get(styleDeclaration[0]);
+		const existingAliases = existing?.aliases ?? [];
+		const existingDescription = existing?.description ?? "";
+		const existingUsage = existing?.usage;
+		const rawValues = Array.isArray(property.value) ? property.value : property.value ? [property.value] : [];
+		const item = {
+			description: `${existingDescription ? `${existingDescription}\n` : ""}\n\n**Webref definition**\n\n\`\`\`json\n${JSON.stringify(property, null, 2).replace(/\*\//g, "\\*\\/")}\n\`\`\``,
+			usage: existingUsage || property.value,
+			descriptor: property,
+			property: styleDeclaration[0],
+			aliases: [...new Set([...styleDeclaration, ...existingAliases])],
+			values: rawValues,
+			initial: existing?.initial ?? "",
+			isCSSProp: true,
+			single: false
+		};
+		api.dictionary.set(item.property, item);
+		item.aliases.forEach((prop) => dependencies.add(prop));
+	}
+	const missingProps = [];
+	for (const key of dependencies) {
+		const prop = api.dictionary.get(key);
+		if (!prop) continue;
+		const templateKey = `css:${key}:description`;
+		if (api.file.js.dts.get("body").has(templateKey)) api.file.js.dts.set("body", templateKey, prop.description);
+		else missingProps.push([key, prop]);
+	}
+	api.file.js.dts.set("body", `css:MissingPropsInterfaceStart`, `export interface $$CSSMissingProps {`);
+	for (const [key, prop] of missingProps) api.file.js.dts.set("body", `css:${key}:description`, prop.description).set("body", `css:${key}:declaration`, `  "${key}"?: $$PropValues | undefined\n`);
+	api.file.js.dts.set("body", `css:MissingPropsInterfaceEnd`, `}`);
+};
+const onProp = async (api, { name, prop, contexts, preferVariables }) => {
+	const { value, selectorValue = value, classToken, important } = prop;
+	const propertyName = api.dictionary.get(name)?.property ?? api.camelCaseToDash(name);
+	if (name === "container" && value && typeof value === "object" && !Array.isArray(value)) return;
+	if (!contexts.length) {
+		const selector = classToken ? api.classTokenToSelector(classToken) : null;
+		api.css.selector({
+			className: selector ? null : api.contextToClassName(name, selectorValue, contexts, true, api.selectorPrefix),
+			selector
+		});
+	}
+	const needsImportant = api.strategy === "inline-first" && preferVariables === true && contexts.length > 0;
+	const isImportant = Boolean(important || needsImportant);
+	api.css.rule(propertyName, value === null ? `var(${api.contextToCSSVariable(name, value, contexts, api.selectorPrefix)})` : value, isImportant ? { important: true } : void 0);
+	if (!contexts.length) api.css.write();
+};
+
+//#endregion
+exports.dependencies = dependencies;
+exports.name = name;
+exports.onBoot = onBoot;
+exports.onProp = onProp;
+Object.defineProperty(exports, 'server_exports', {
+  enumerable: true,
+  get: function () {
+    return server_exports;
+  }
+});

package/dist/prop/css/server.mjs

@@ -0,0 +1,90 @@
+import { __exportAll } from "../../_virtual/rolldown_runtime.mjs";
+import getDtsTemplate from "./getDtsTemplate.mjs";
+import { listAll } from "@webref/css";
+
+//#region src/prop/css/server.ts
+var server_exports = /* @__PURE__ */ __exportAll({
+	dependencies: () => dependencies,
+	name: () => name,
+	onBoot: () => onBoot,
+	onProp: () => onProp
+});
+const name = "css";
+const dependencies = new Set(["css"]);
+const onBoot = async (api) => {
+	const [typeObject, typeTemplate] = await getDtsTemplate();
+	api.file.js.dts.replace("body", `$$:FinalProps`, (v) => `${v} & StandardProperties`);
+	typeTemplate.forEach((entry) => {
+		api.file.js.dts.set("body", ...entry);
+	});
+	for (const [name, descriptor] of Object.entries(typeObject)) {
+		const item = {
+			property: api.camelCaseToDash(name),
+			description: descriptor.description ?? "",
+			values: descriptor.types ?? [],
+			initial: "",
+			csstype: descriptor,
+			isCSSProp: true,
+			aliases: [name],
+			single: false,
+			descriptor
+		};
+		if (descriptor.iface?.endsWith("Hyphen")) item.property = name;
+		api.dictionary.set(name, item);
+		dependencies.add(name);
+	}
+	const parsedFiles = await listAll();
+	const propertyList = Array.isArray(parsedFiles?.properties) ? parsedFiles.properties : Object.values(parsedFiles ?? {}).flatMap((entry) => entry?.properties ?? []);
+	for (const property of propertyList) {
+		if (!property?.styleDeclaration) continue;
+		const { styleDeclaration } = property;
+		const existing = api.dictionary.get(styleDeclaration[0]);
+		const existingAliases = existing?.aliases ?? [];
+		const existingDescription = existing?.description ?? "";
+		const existingUsage = existing?.usage;
+		const rawValues = Array.isArray(property.value) ? property.value : property.value ? [property.value] : [];
+		const item = {
+			description: `${existingDescription ? `${existingDescription}\n` : ""}\n\n**Webref definition**\n\n\`\`\`json\n${JSON.stringify(property, null, 2).replace(/\*\//g, "\\*\\/")}\n\`\`\``,
+			usage: existingUsage || property.value,
+			descriptor: property,
+			property: styleDeclaration[0],
+			aliases: [...new Set([...styleDeclaration, ...existingAliases])],
+			values: rawValues,
+			initial: existing?.initial ?? "",
+			isCSSProp: true,
+			single: false
+		};
+		api.dictionary.set(item.property, item);
+		item.aliases.forEach((prop) => dependencies.add(prop));
+	}
+	const missingProps = [];
+	for (const key of dependencies) {
+		const prop = api.dictionary.get(key);
+		if (!prop) continue;
+		const templateKey = `css:${key}:description`;
+		if (api.file.js.dts.get("body").has(templateKey)) api.file.js.dts.set("body", templateKey, prop.description);
+		else missingProps.push([key, prop]);
+	}
+	api.file.js.dts.set("body", `css:MissingPropsInterfaceStart`, `export interface $$CSSMissingProps {`);
+	for (const [key, prop] of missingProps) api.file.js.dts.set("body", `css:${key}:description`, prop.description).set("body", `css:${key}:declaration`, `  "${key}"?: $$PropValues | undefined\n`);
+	api.file.js.dts.set("body", `css:MissingPropsInterfaceEnd`, `}`);
+};
+const onProp = async (api, { name, prop, contexts, preferVariables }) => {
+	const { value, selectorValue = value, classToken, important } = prop;
+	const propertyName = api.dictionary.get(name)?.property ?? api.camelCaseToDash(name);
+	if (name === "container" && value && typeof value === "object" && !Array.isArray(value)) return;
+	if (!contexts.length) {
+		const selector = classToken ? api.classTokenToSelector(classToken) : null;
+		api.css.selector({
+			className: selector ? null : api.contextToClassName(name, selectorValue, contexts, true, api.selectorPrefix),
+			selector
+		});
+	}
+	const needsImportant = api.strategy === "inline-first" && preferVariables === true && contexts.length > 0;
+	const isImportant = Boolean(important || needsImportant);
+	api.css.rule(propertyName, value === null ? `var(${api.contextToCSSVariable(name, value, contexts, api.selectorPrefix)})` : value, isImportant ? { important: true } : void 0);
+	if (!contexts.length) api.css.write();
+};
+
+//#endregion
+export { dependencies, name, onBoot, onProp, server_exports };

package/dist/prop/pseudo/runtime-only.cjs

@@ -0,0 +1,23 @@
+const require_shared = require('./shared.cjs');
+
+//#region src/prop/pseudo/runtime-only.ts
+const dependencies = require_shared.pseudoDependencies;
+const name = "pseudo";
+const onInit = (api) => {
+	for (const pseudo of dependencies) {
+		const prop = {
+			property: pseudo,
+			aliases: [pseudo],
+			description: `Pseudo class: ${pseudo}`,
+			values: [],
+			initial: "",
+			descriptor: {}
+		};
+		api.dictionary.set(pseudo, prop);
+	}
+};
+
+//#endregion
+exports.dependencies = dependencies;
+exports.name = name;
+exports.onInit = onInit;

package/dist/prop/pseudo/runtime-only.mjs

@@ -0,0 +1,21 @@
+import { pseudoDependencies } from "./shared.mjs";
+
+//#region src/prop/pseudo/runtime-only.ts
+const dependencies = pseudoDependencies;
+const name = "pseudo";
+const onInit = (api) => {
+	for (const pseudo of dependencies) {
+		const prop = {
+			property: pseudo,
+			aliases: [pseudo],
+			description: `Pseudo class: ${pseudo}`,
+			values: [],
+			initial: "",
+			descriptor: {}
+		};
+		api.dictionary.set(pseudo, prop);
+	}
+};
+
+//#endregion
+export { dependencies, name, onInit };

package/dist/prop/pseudo/server.cjs

@@ -0,0 +1,91 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_shared = require('./shared.cjs');
+
+//#region src/prop/pseudo/server.ts
+var server_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	dependencies: () => dependencies,
+	name: () => name,
+	onBoot: () => onBoot,
+	onProp: () => onProp
+});
+const onBoot = async (api) => {
+	api.log.child("prop").child("pseudo").log("onBoot");
+	api.file.js.dts.set("body", `pseudo:PseudoPropsInterfaceStart`, `export interface $$PseudoProps {`);
+	for (const name of dependencies) {
+		const prop = {
+			property: name,
+			aliases: [name],
+			description: `Pseudo class: ${name}`,
+			values: [],
+			initial: "",
+			descriptor: {}
+		};
+		api.dictionary.set(name, prop);
+		api.file.js.dts.set("body", `pseudo:${name}:description`, prop.description).set("body", `pseudo:${name}:declaration`, `  "${name}"?: $$FinalProps\n`);
+	}
+	api.file.js.dts.set("body", `pseudo:PseudoPropsInterfaceEnd`, `}`).replace("body", `$$:FinalProps`, (v) => `${v} & $$PseudoProps`);
+	const runtimeConfig = api.runtime;
+	if (Boolean(runtimeConfig && (runtimeConfig.only !== void 0 || runtimeConfig.strategy))) api.file.js.importAndConfig({
+		name: "onInit",
+		from: "boss-css/prop/pseudo/runtime-only"
+	}, () => true);
+};
+const onProp = async (api, { name: _name, prop, contexts, preferVariables, file }) => {
+	const _value = prop.value;
+	const log = api.log.child("prop").child("pseudo");
+	log.log("onProp", _name, _value, contexts);
+	contexts.push(_name);
+	const contextLength = contexts.length;
+	const query = prop.query ?? null;
+	const pseudoChain = contexts.filter((name) => dependencies.has(name));
+	if (!_value || typeof _value !== "object" || Array.isArray(_value)) {
+		contexts.pop();
+		return;
+	}
+	for (const [name, prop$1] of Object.entries(_value)) {
+		const resolved = api.dictionary.resolve(name);
+		const descriptor = resolved.descriptor;
+		if (!descriptor) continue;
+		if (resolved.suffix) {
+			prop$1.named = resolved.suffix;
+			prop$1.rawName = resolved.raw;
+		}
+		const classToken = prop$1.classToken;
+		const selectorValue = api.strategy === "classname-first" || api.strategy === "classname-only" ? prop$1.selectorValue ?? prop$1.value : prop$1.value;
+		const className = classToken ? null : api.contextToClassName(resolved.name, selectorValue, contexts, true, api.selectorPrefix);
+		const baseSelector = classToken ? api.classTokenToSelector(classToken) : `.${className}`;
+		const baseWithPseudos = pseudoChain.length ? `${baseSelector}:${pseudoChain.join(":")}` : baseSelector;
+		const selector = api.applyChildSelectors(baseWithPseudos, contexts);
+		api.css.selector({
+			selector,
+			query
+		});
+		log.log("trigger:onProp", name, prop$1.value, contexts);
+		if (query && !prop$1.query) prop$1.query = query;
+		await api.trigger("onProp", {
+			name: resolved.name,
+			prop: prop$1,
+			contexts,
+			preferVariables,
+			file
+		}, ({ dependencies }) => {
+			return !dependencies || dependencies.has(descriptor.property);
+		});
+		if (contextLength === contexts.length && api.css.current) api.css.write();
+	}
+	contexts.pop();
+};
+const dependencies = require_shared.pseudoDependencies;
+const name = "pseudo";
+
+//#endregion
+exports.dependencies = dependencies;
+exports.name = name;
+exports.onBoot = onBoot;
+exports.onProp = onProp;
+Object.defineProperty(exports, 'server_exports', {
+  enumerable: true,
+  get: function () {
+    return server_exports;
+  }
+});