boss-css 0.0.1 → 0.0.2

package/dist/prop/pseudo/server.mjs

@@ -0,0 +1,82 @@
+import { __exportAll } from "../../_virtual/rolldown_runtime.mjs";
+import { pseudoDependencies } from "./shared.mjs";
+
+//#region src/prop/pseudo/server.ts
+var server_exports = /* @__PURE__ */ __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 = pseudoDependencies;
+const name = "pseudo";
+
+//#endregion
+export { dependencies, name, onBoot, onProp, server_exports };

package/dist/prop/pseudo/shared.cjs

@@ -0,0 +1,61 @@
+
+//#region src/prop/pseudo/shared.ts
+const pseudoList = [
+	"defined",
+	"any-link",
+	"link",
+	"visited",
+	"local-link",
+	"target",
+	"target-within",
+	"scope",
+	"hover",
+	"active",
+	"focus",
+	"focus-visible",
+	"focus-within",
+	"current",
+	"past",
+	"future",
+	"playing",
+	"paused",
+	"seeking",
+	"buffering",
+	"stalled",
+	"muted",
+	"volume-locked",
+	"open",
+	"closed",
+	"modal",
+	"fullscreen",
+	"picture-in-picture",
+	"enabled",
+	"disabled",
+	"read-write",
+	"read-only",
+	"placeholder-shown",
+	"autofill",
+	"default",
+	"checked",
+	"indeterminate",
+	"blank",
+	"valid",
+	"invalid",
+	"in-range",
+	"out-of-range",
+	"user-valid",
+	"root",
+	"empty",
+	"first-child",
+	"last-child",
+	"only-child",
+	"first-of-type",
+	"last-of-type",
+	"only-of-type",
+	"after",
+	"before"
+];
+const pseudoDependencies = new Set(pseudoList);
+
+//#endregion
+exports.pseudoDependencies = pseudoDependencies;

package/dist/prop/pseudo/shared.mjs

@@ -0,0 +1,60 @@
+//#region src/prop/pseudo/shared.ts
+const pseudoList = [
+	"defined",
+	"any-link",
+	"link",
+	"visited",
+	"local-link",
+	"target",
+	"target-within",
+	"scope",
+	"hover",
+	"active",
+	"focus",
+	"focus-visible",
+	"focus-within",
+	"current",
+	"past",
+	"future",
+	"playing",
+	"paused",
+	"seeking",
+	"buffering",
+	"stalled",
+	"muted",
+	"volume-locked",
+	"open",
+	"closed",
+	"modal",
+	"fullscreen",
+	"picture-in-picture",
+	"enabled",
+	"disabled",
+	"read-write",
+	"read-only",
+	"placeholder-shown",
+	"autofill",
+	"default",
+	"checked",
+	"indeterminate",
+	"blank",
+	"valid",
+	"invalid",
+	"in-range",
+	"out-of-range",
+	"user-valid",
+	"root",
+	"empty",
+	"first-child",
+	"last-child",
+	"only-child",
+	"first-of-type",
+	"last-of-type",
+	"only-of-type",
+	"after",
+	"before"
+];
+const pseudoDependencies = new Set(pseudoList);
+
+//#endregion
+export { pseudoDependencies };

package/dist/reset/server.cjs

@@ -0,0 +1,34 @@
+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/reset/server.ts
+var server_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	name: () => name,
+	onBoot: () => onBoot
+});
+const name = "reset";
+const readResetCss = () => {
+	try {
+		return node_fs.default.readFileSync(new URL("./reset.css", require("url").pathToFileURL(__filename).href), "utf8");
+	} catch {}
+	try {
+		return node_fs.default.readFileSync(new URL("../../src/reset/reset.css", require("url").pathToFileURL(__filename).href), "utf8");
+	} catch {}
+	return "";
+};
+const resetCss = readResetCss();
+const onBoot = (api) => {
+	if (!resetCss) return;
+	api.css?.addRule?.(resetCss);
+};
+
+//#endregion
+exports.name = name;
+exports.onBoot = onBoot;
+Object.defineProperty(exports, 'server_exports', {
+  enumerable: true,
+  get: function () {
+    return server_exports;
+  }
+});

package/dist/reset/server.mjs

@@ -0,0 +1,26 @@
+import { __exportAll } from "../_virtual/rolldown_runtime.mjs";
+import fs from "node:fs";
+
+//#region src/reset/server.ts
+var server_exports = /* @__PURE__ */ __exportAll({
+	name: () => name,
+	onBoot: () => onBoot
+});
+const name = "reset";
+const readResetCss = () => {
+	try {
+		return fs.readFileSync(new URL("./reset.css", import.meta.url), "utf8");
+	} catch {}
+	try {
+		return fs.readFileSync(new URL("../../src/reset/reset.css", import.meta.url), "utf8");
+	} catch {}
+	return "";
+};
+const resetCss = readResetCss();
+const onBoot = (api) => {
+	if (!resetCss) return;
+	api.css?.addRule?.(resetCss);
+};
+
+//#endregion
+export { name, onBoot, server_exports };

package/dist/runtime/index.cjs

@@ -0,0 +1,119 @@
+const require_api_browser = require('../api/browser.cjs');
+const require_merge_index = require('../merge/index.cjs');
+const require_cx_index = require('../cx/index.cjs');
+
+//#region src/runtime/index.ts
+const registry = {};
+const getApi = () => {
+	if (!require_api_browser.api) throw new Error("Boss runtime API is not initialized.");
+	return require_api_browser.api;
+};
+function createComponent(tag) {
+	const existing = registry[tag];
+	if (existing) return existing;
+	const component = (props, ...restArgs) => {
+		const currentApi = getApi();
+		const runtimeChildren = currentApi.runtimeApi?.getChildren?.(restArgs);
+		const input = props ?? {};
+		const children = input.children ?? runtimeChildren;
+		const { children: _ignored, ...rest } = input;
+		return currentApi.runtimeApi?.createElement(tag, rest, children);
+	};
+	if (typeof tag === "string") component.__bossTag = tag;
+	registry[tag] = component;
+	return component;
+}
+function resolveBossOutput(input, tag) {
+	const currentApi = getApi();
+	const output = {};
+	currentApi.trigger("onBrowserObjectStart", {
+		input,
+		tag,
+		output
+	});
+	return output;
+}
+function resolveStyleTag(input) {
+	const asValue = input.as;
+	if (typeof asValue === "string") return asValue;
+	if (asValue && typeof asValue === "function" && typeof asValue.__bossTag === "string") return asValue.__bossTag;
+	return "div";
+}
+function factory(tag) {
+	return function $$(props, ref, ...restArgs) {
+		const currentApi = getApi();
+		if (tag || ref !== void 0) {
+			let tagName = tag;
+			const input = props ?? {};
+			const { children, as, ...rest } = input;
+			const runtimeApi = currentApi.runtimeApi;
+			const runtimeChildren = runtimeApi?.getFactoryChildren?.(input, ref, restArgs);
+			const resolvedChildren = children ?? runtimeChildren;
+			const dev = runtimeApi?.getDev?.(ref, restArgs);
+			if (ref !== void 0 && rest.ref === void 0) {
+				const applyRef = runtimeApi?.applyRef;
+				if (applyRef) applyRef(rest, ref);
+				else rest.ref = ref;
+			}
+			const asTag = typeof as === "string" ? as : void 0;
+			const displayName = asTag || tagName;
+			tagName = asTag || tagName || "div";
+			const Component = createComponent(tagName);
+			Component.displayName = displayName ? "$$." + displayName : "$$";
+			const output = resolveBossOutput(rest, tagName);
+			return currentApi.runtimeApi?.createElement(Component, output, resolvedChildren, dev);
+		}
+		return props;
+	};
+}
+const defaultElement = factory("div");
+defaultElement.displayName = "$$";
+defaultElement.merge = require_merge_index.merge;
+defaultElement.cx = require_cx_index.cx;
+defaultElement.cv = require_cx_index.cv;
+defaultElement.scv = require_cx_index.scv;
+defaultElement.sv = require_cx_index.sv;
+defaultElement.css = () => {};
+defaultElement.style = (...inputs) => {
+	if (!inputs.length) return {};
+	const merged = require_merge_index.merge(...inputs);
+	if (!merged || typeof merged !== "object" || Array.isArray(merged)) return {};
+	const input = { ...merged };
+	const tagName = resolveStyleTag(input);
+	delete input.as;
+	delete input.children;
+	delete input.ref;
+	return resolveBossOutput(input, tagName);
+};
+defaultElement.$ = (input) => input;
+const propIgnoreList = new Set([
+	"getDefaultProps",
+	"defaultProps",
+	"getDerivedStateFromProps",
+	"getChildContext",
+	"contextTypes",
+	"contextType",
+	"childContextTypes",
+	"propTypes",
+	"PropTypes"
+]);
+const proxy = new Proxy(defaultElement, {
+	get(target, prop) {
+		if (typeof prop === "symbol" || propIgnoreList.has(prop)) return void 0;
+		const targetRecord = target;
+		return targetRecord[prop] ||= factory(prop);
+	},
+	set(target, prop, value) {
+		if (typeof prop !== "string") return true;
+		const targetRecord = target;
+		targetRecord[prop] = typeof prop === "string" && /^[A-Z]/.test(prop) ? (props, ref, ...restArgs) => factory(value?.as || "div")({
+			...value,
+			...props
+		}, ref, ...restArgs) : value;
+		return true;
+	}
+});
+
+//#endregion
+exports.factory = factory;
+exports.proxy = proxy;

package/dist/runtime/index.mjs

@@ -0,0 +1,118 @@
+import { api } from "../api/browser.mjs";
+import { merge } from "../merge/index.mjs";
+import { cv, cx, scv, sv } from "../cx/index.mjs";
+
+//#region src/runtime/index.ts
+const registry = {};
+const getApi = () => {
+	if (!api) throw new Error("Boss runtime API is not initialized.");
+	return api;
+};
+function createComponent(tag) {
+	const existing = registry[tag];
+	if (existing) return existing;
+	const component = (props, ...restArgs) => {
+		const currentApi = getApi();
+		const runtimeChildren = currentApi.runtimeApi?.getChildren?.(restArgs);
+		const input = props ?? {};
+		const children = input.children ?? runtimeChildren;
+		const { children: _ignored, ...rest } = input;
+		return currentApi.runtimeApi?.createElement(tag, rest, children);
+	};
+	if (typeof tag === "string") component.__bossTag = tag;
+	registry[tag] = component;
+	return component;
+}
+function resolveBossOutput(input, tag) {
+	const currentApi = getApi();
+	const output = {};
+	currentApi.trigger("onBrowserObjectStart", {
+		input,
+		tag,
+		output
+	});
+	return output;
+}
+function resolveStyleTag(input) {
+	const asValue = input.as;
+	if (typeof asValue === "string") return asValue;
+	if (asValue && typeof asValue === "function" && typeof asValue.__bossTag === "string") return asValue.__bossTag;
+	return "div";
+}
+function factory(tag) {
+	return function $$(props, ref, ...restArgs) {
+		const currentApi = getApi();
+		if (tag || ref !== void 0) {
+			let tagName = tag;
+			const input = props ?? {};
+			const { children, as, ...rest } = input;
+			const runtimeApi = currentApi.runtimeApi;
+			const runtimeChildren = runtimeApi?.getFactoryChildren?.(input, ref, restArgs);
+			const resolvedChildren = children ?? runtimeChildren;
+			const dev = runtimeApi?.getDev?.(ref, restArgs);
+			if (ref !== void 0 && rest.ref === void 0) {
+				const applyRef = runtimeApi?.applyRef;
+				if (applyRef) applyRef(rest, ref);
+				else rest.ref = ref;
+			}
+			const asTag = typeof as === "string" ? as : void 0;
+			const displayName = asTag || tagName;
+			tagName = asTag || tagName || "div";
+			const Component = createComponent(tagName);
+			Component.displayName = displayName ? "$$." + displayName : "$$";
+			const output = resolveBossOutput(rest, tagName);
+			return currentApi.runtimeApi?.createElement(Component, output, resolvedChildren, dev);
+		}
+		return props;
+	};
+}
+const defaultElement = factory("div");
+defaultElement.displayName = "$$";
+defaultElement.merge = merge;
+defaultElement.cx = cx;
+defaultElement.cv = cv;
+defaultElement.scv = scv;
+defaultElement.sv = sv;
+defaultElement.css = () => {};
+defaultElement.style = (...inputs) => {
+	if (!inputs.length) return {};
+	const merged = merge(...inputs);
+	if (!merged || typeof merged !== "object" || Array.isArray(merged)) return {};
+	const input = { ...merged };
+	const tagName = resolveStyleTag(input);
+	delete input.as;
+	delete input.children;
+	delete input.ref;
+	return resolveBossOutput(input, tagName);
+};
+defaultElement.$ = (input) => input;
+const propIgnoreList = new Set([
+	"getDefaultProps",
+	"defaultProps",
+	"getDerivedStateFromProps",
+	"getChildContext",
+	"contextTypes",
+	"contextType",
+	"childContextTypes",
+	"propTypes",
+	"PropTypes"
+]);
+const proxy = new Proxy(defaultElement, {
+	get(target, prop) {
+		if (typeof prop === "symbol" || propIgnoreList.has(prop)) return void 0;
+		const targetRecord = target;
+		return targetRecord[prop] ||= factory(prop);
+	},
+	set(target, prop, value) {
+		if (typeof prop !== "string") return true;
+		const targetRecord = target;
+		targetRecord[prop] = typeof prop === "string" && /^[A-Z]/.test(prop) ? (props, ref, ...restArgs) => factory(value?.as || "div")({
+			...value,
+			...props
+		}, ref, ...restArgs) : value;
+		return true;
+	}
+});
+
+//#endregion
+export { factory, proxy };

package/dist/runtime/preact.cjs

@@ -0,0 +1,4 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let preact = require("preact");
+
+exports.createElement = preact.createElement;

package/dist/runtime/preact.mjs

@@ -0,0 +1,3 @@
+import { createElement } from "preact";
+
+export { createElement };

package/dist/runtime/qwik.cjs

@@ -0,0 +1,21 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let _builder_io_qwik_jsx_runtime = require("@builder.io/qwik/jsx-runtime");
+
+//#region src/runtime/qwik.ts
+const createElement = (component, props, children, dev) => {
+	const resolvedProps = {
+		...props ?? {},
+		children
+	};
+	if (dev) return (0, _builder_io_qwik_jsx_runtime.jsxDEV)((typeof component === "function" ? component.__bossTag : void 0) ?? component, resolvedProps, void 0, false, dev, void 0);
+	return (0, _builder_io_qwik_jsx_runtime.jsx)(component, resolvedProps);
+};
+const applyRef = () => {};
+const getDev = (_key, rest) => {
+	return rest?.[1];
+};
+
+//#endregion
+exports.applyRef = applyRef;
+exports.createElement = createElement;
+exports.getDev = getDev;

package/dist/runtime/qwik.mjs

@@ -0,0 +1,18 @@
+import { jsx, jsxDEV } from "@builder.io/qwik/jsx-runtime";
+
+//#region src/runtime/qwik.ts
+const createElement = (component, props, children, dev) => {
+	const resolvedProps = {
+		...props ?? {},
+		children
+	};
+	if (dev) return jsxDEV((typeof component === "function" ? component.__bossTag : void 0) ?? component, resolvedProps, void 0, false, dev, void 0);
+	return jsx(component, resolvedProps);
+};
+const applyRef = () => {};
+const getDev = (_key, rest) => {
+	return rest?.[1];
+};
+
+//#endregion
+export { applyRef, createElement, getDev };

package/dist/runtime/react.cjs

@@ -0,0 +1,4 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+exports.createElement = react.createElement;

package/dist/runtime/react.mjs

@@ -0,0 +1,3 @@
+import { createElement } from "react";
+
+export { createElement };

package/dist/runtime/solid.cjs

@@ -0,0 +1,15 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let solid_js = require("solid-js");
+let solid_js_web = require("solid-js/web");
+
+//#region src/runtime/solid.ts
+const createElement = (component, props, children) => {
+	return (0, solid_js.createComponent)(solid_js_web.Dynamic, {
+		component,
+		...props ?? {},
+		children
+	});
+};
+
+//#endregion
+exports.createElement = createElement;

package/dist/runtime/solid.mjs

@@ -0,0 +1,14 @@
+import { createComponent } from "solid-js";
+import { Dynamic } from "solid-js/web";
+
+//#region src/runtime/solid.ts
+const createElement = (component, props, children) => {
+	return createComponent(Dynamic, {
+		component,
+		...props ?? {},
+		children
+	});
+};
+
+//#endregion
+export { createElement };

package/dist/runtime/stencil.cjs

@@ -0,0 +1,25 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_runtime_style = require('./style.cjs');
+let _stencil_core = require("@stencil/core");
+
+//#region src/runtime/stencil.ts
+const createElement = (component, props, children) => {
+	const hAny = _stencil_core.h;
+	if (props?.style && typeof props.style === "object" && !Array.isArray(props.style)) props.style = require_runtime_style.styleToString(props.style);
+	if (Array.isArray(children)) return hAny(component, props ?? null, ...children);
+	if (children === void 0) return hAny(component, props ?? null);
+	return hAny(component, props ?? null, children);
+};
+const getChildren = (restArgs) => {
+	return restArgs?.[0];
+};
+const getFactoryChildren = (_props, ref) => {
+	return ref;
+};
+const applyRef = () => {};
+
+//#endregion
+exports.applyRef = applyRef;
+exports.createElement = createElement;
+exports.getChildren = getChildren;
+exports.getFactoryChildren = getFactoryChildren;

package/dist/runtime/stencil.mjs

@@ -0,0 +1,21 @@
+import { styleToString } from "./style.mjs";
+import { h } from "@stencil/core";
+
+//#region src/runtime/stencil.ts
+const createElement = (component, props, children) => {
+	const hAny = h;
+	if (props?.style && typeof props.style === "object" && !Array.isArray(props.style)) props.style = styleToString(props.style);
+	if (Array.isArray(children)) return hAny(component, props ?? null, ...children);
+	if (children === void 0) return hAny(component, props ?? null);
+	return hAny(component, props ?? null, children);
+};
+const getChildren = (restArgs) => {
+	return restArgs?.[0];
+};
+const getFactoryChildren = (_props, ref) => {
+	return ref;
+};
+const applyRef = () => {};
+
+//#endregion
+export { applyRef, createElement, getChildren, getFactoryChildren };

package/dist/runtime/style.cjs

@@ -0,0 +1,14 @@
+
+//#region src/runtime/style.ts
+const styleToString = (style) => {
+	let result = "";
+	for (const [key, value] of Object.entries(style)) {
+		if (value === null || value === void 0) continue;
+		const name = key.startsWith("--") || key.includes("-") ? key : key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+		result += `${name}:${value};`;
+	}
+	return result;
+};
+
+//#endregion
+exports.styleToString = styleToString;

package/dist/runtime/style.mjs

@@ -0,0 +1,13 @@
+//#region src/runtime/style.ts
+const styleToString = (style) => {
+	let result = "";
+	for (const [key, value] of Object.entries(style)) {
+		if (value === null || value === void 0) continue;
+		const name = key.startsWith("--") || key.includes("-") ? key : key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+		result += `${name}:${value};`;
+	}
+	return result;
+};
+
+//#endregion
+export { styleToString };