@plumeria/core 2.4.1 → 3.0.0

package/dist/css.d.ts

@@ -0,0 +1,78 @@
+import { Properties, Property } from "csstype";
+
+type CSSVariableKey = `--${string}`;
+type CSSVariableValue = `var(${CSSVariableKey})`;
+type CSSVariableProperty = {
+  [key: CSSVariableKey]: string | number;
+};
+type ColorValue = Exclude<Property.Color, '-moz-initial'> | (string & {});
+type CSSColorProperty = Exclude<ColorValue, SystemColorKeyword>;
+type SystemColorKeyword = 'ActiveBorder' | 'ActiveCaption' | 'AppWorkspace' | 'Background' | 'ButtonFace' | 'ButtonHighlight' | 'ButtonShadow' | 'ButtonText' | 'CaptionText' | 'GrayText' | 'Highlight' | 'HighlightText' | 'InactiveBorder' | 'InactiveCaption' | 'InactiveCaptionText' | 'InfoBackground' | 'InfoText' | 'Menu' | 'MenuText' | 'Scrollbar' | 'ThreeDDarkShadow' | 'ThreeDFace' | 'ThreeDHighlight' | 'ThreeDLightShadow' | 'ThreeDShadow' | 'Window' | 'WindowFrame' | 'WindowText';
+type ExcludeMozInitial<T> = Exclude<T, '-moz-initial'>;
+type CSSTypeProperties = Properties<number | (string & {})>;
+type CustomProperties = { [K in keyof CSSTypeProperties]: ExcludeMozInitial<CSSTypeProperties[K]> };
+type BaseCSSProperties = { [K in keyof CustomProperties]: CustomProperties[K] | CSSVariableValue };
+interface CommonProperties extends BaseCSSProperties {
+  accentColor?: CSSColorProperty;
+  color?: CSSColorProperty;
+  borderLeftColor?: CSSColorProperty;
+  borderRightColor?: CSSColorProperty;
+  borderTopColor?: CSSColorProperty;
+  borderBottomColor?: CSSColorProperty;
+  borderBlockColor?: CSSColorProperty;
+  borderBlockStartColor?: CSSColorProperty;
+  borderBlockEndColor?: CSSColorProperty;
+  borderInlineColor?: CSSColorProperty;
+  borderInlineStartColor?: CSSColorProperty;
+  borderInlineEndColor?: CSSColorProperty;
+  backgroundColor?: CSSColorProperty;
+  outlineColor?: CSSColorProperty;
+  textDecorationColor?: CSSColorProperty;
+  caretColor?: CSSColorProperty;
+  columnRuleColor?: CSSColorProperty;
+}
+type AndString = `&${string}`;
+type AndSelector = { [key in AndString]: CommonProperties };
+type ColonString = `:${string}`;
+type ColonSelector = { [key in ColonString]: CommonProperties };
+type Query = `@media ${string}` | `@container ${string}`;
+type QuerySelector = { [K in Query]: CommonProperties | ColonSelector | AndSelector | CSSVariableProperty };
+type CSSProperties = CommonProperties | AndSelector | ColonSelector | QuerySelector | CSSVariableProperty;
+type CreateStyleType<T> = { readonly [K in keyof T]: T[K] extends CSSProperties ? CSSProperties : T[K] };
+type CreateStyle = {
+  [key: string]: CSSProperties;
+};
+type Selector<Properties> = {
+  readonly properties: Properties;
+};
+type ReturnType<T> = { [K in keyof T]: Readonly<{ [P in keyof T[K]]: P extends `@media ${string}` | `@container ${string}` | `:${string}` | `&${string}` ? Selector<keyof T[K][P]> : T[K][P] }> };
+type CreateStatic = Record<string, string | number>;
+type CreateTheme = Record<string, Record<string, string | number>>;
+type ReturnVariableType<T> = { [K in keyof T]: CSSVariableValue };
+type Styles = {
+  [key: CSSVariableKey]: string;
+};
+type KeyframesInSelector = 'from' | 'to' | `${number}%`;
+type Keyframes = { [K in KeyframesInSelector]?: CSSProperties };
+type ViewTransition = {
+  group?: CSSProperties;
+  imagePair?: CSSProperties;
+  new?: CSSProperties;
+  old?: CSSProperties;
+};
+
+declare class _css {
+  static create<const T extends Record<string, CSSProperties>>(rule: CreateStyleType<T>): ReturnType<T>;
+  static props(...rules: (false | Readonly<CSSProperties> | null | undefined)[]): string;
+  static createTheme<const T extends CreateTheme>(rule: T): ReturnVariableType<T>;
+  static createStatic<const T extends CreateStatic>(rule: T): T;
+  static keyframes(rule: Keyframes): string;
+  static viewTransition(rule: ViewTransition): string;
+}
+declare const x: (className: string, styles: Styles) => {
+  className: string;
+  styles: Styles;
+};
+declare const css: typeof _css;
+
+export { type CSSProperties, type CreateStyle, css, x };

package/dist/css.js

@@ -1,83 +1,50 @@
 
-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
-		});
+function errorFn(fn) {
+	throw new Error("Using the \"css." + fn + "\" is runtime not supported. Make sure you have setup bundler-plugin correctly.");
+}
+function create(_rule) {
+	throw errorFn("create");
+}
+function props(...rules) {
+	return rules.filter(Boolean).join(" ");
+}
+function createStatic(_rule) {
+	throw errorFn("createStatic");
+}
+function createTheme(_rule) {
+	throw errorFn("createTheme");
+}
+function keyframes(_rule) {
+	throw errorFn("keyframes");
+}
+function viewTransition(_rule) {
+	throw errorFn("viewTransition");
+}
+var _css = class {
+	static create(rule) {
+		return create(rule);
+	}
+	static props(...rules) {
+		return props(...rules);
+	}
+	static createTheme(rule) {
+		return createTheme(rule);
+	}
+	static createStatic(rule) {
+		return createStatic(rule);
+	}
+	static keyframes(rule) {
+		return keyframes(rule);
+	}
+	static viewTransition(rule) {
+		return viewTransition(rule);
 	}
-	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));
-
-const zss_engine = __toESM(require("zss-engine"));
-
-const createProcessor = () => {
-	let resolve;
-	let promise;
-	const queue = [];
-	let processing = false;
-	const init = () => {
-		promise = new Promise((r) => {
-			resolve = (value) => {
-				queue.push(value);
-				r(value);
-			};
-		});
-	};
-	const process = async (filePath) => {
-		while (queue.length > 0) {
-			const sheet = queue.shift();
-			if (!zss_engine.isDevelopment && sheet) await (0, zss_engine.build)(sheet, filePath);
-		}
-		processing = false;
-	};
-	const buildFiles = async (filePath) => {
-		if (!promise) init();
-		if (!processing && queue.length > 0) {
-			processing = true;
-			await process(filePath);
-		}
-	};
-	return {
-		get resolve() {
-			return resolve;
-		},
-		get promise() {
-			return promise;
-		},
-		init,
-		build: buildFiles
-	};
 };
-const gQueue = createProcessor();
-const pQueue = createProcessor();
-
-Object.defineProperty(exports, '__toESM', {
-  enumerable: true,
-  get: function () {
-    return __toESM;
-  }
+const x = (className, styles) => ({
+	className,
+	styles
 });
-Object.defineProperty(exports, 'gQueue', {
-  enumerable: true,
-  get: function () {
-    return gQueue;
-  }
-});
-Object.defineProperty(exports, 'pQueue', {
-  enumerable: true,
-  get: function () {
-    return pQueue;
-  }
-});
+const css = _css;
+
+exports.css = css;
+exports.x = x;

package/dist/css.mjs

@@ -1,44 +1,49 @@
-import { build, isDevelopment } from "zss-engine";
 
-const createProcessor = () => {
-	let resolve;
-	let promise;
-	const queue = [];
-	let processing = false;
-	const init = () => {
-		promise = new Promise((r) => {
-			resolve = (value) => {
-				queue.push(value);
-				r(value);
-			};
-		});
-	};
-	const process = async (filePath) => {
-		while (queue.length > 0) {
-			const sheet = queue.shift();
-			if (!isDevelopment && sheet) await build(sheet, filePath);
-		}
-		processing = false;
-	};
-	const buildFiles = async (filePath) => {
-		if (!promise) init();
-		if (!processing && queue.length > 0) {
-			processing = true;
-			await process(filePath);
-		}
-	};
-	return {
-		get resolve() {
-			return resolve;
-		},
-		get promise() {
-			return promise;
-		},
-		init,
-		build: buildFiles
-	};
+function errorFn(fn) {
+	throw new Error("Using the \"css." + fn + "\" is runtime not supported. Make sure you have setup bundler-plugin correctly.");
+}
+function create(_rule) {
+	throw errorFn("create");
+}
+function props(...rules) {
+	return rules.filter(Boolean).join(" ");
+}
+function createStatic(_rule) {
+	throw errorFn("createStatic");
+}
+function createTheme(_rule) {
+	throw errorFn("createTheme");
+}
+function keyframes(_rule) {
+	throw errorFn("keyframes");
+}
+function viewTransition(_rule) {
+	throw errorFn("viewTransition");
+}
+var _css = class {
+	static create(rule) {
+		return create(rule);
+	}
+	static props(...rules) {
+		return props(...rules);
+	}
+	static createTheme(rule) {
+		return createTheme(rule);
+	}
+	static createStatic(rule) {
+		return createStatic(rule);
+	}
+	static keyframes(rule) {
+		return keyframes(rule);
+	}
+	static viewTransition(rule) {
+		return viewTransition(rule);
+	}
 };
-const gQueue = createProcessor();
-const pQueue = createProcessor();
+const x = (className, styles) => ({
+	className,
+	styles
+});
+const css = _css;
 
-export { gQueue, pQueue };
+export { css, x };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "2.4.1",
+  "version": "3.0.0",
   "description": "An atomic CSS runtime designed to disappear.",
   "author": "Refirst 11",
   "license": "MIT",
@@ -27,31 +27,26 @@
     "./package.json": "./package.json",
     "./stylesheet.css": "./stylesheet.css",
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "default": "./dist/index.js"
-    },
-    "./processors": {
-      "types": "./dist/processors/css.d.ts",
-      "import": "./dist/processors/css.mjs",
-      "default": "./dist/processors/css.js"
+      "types": "./dist/css.d.ts",
+      "import": "./dist/css.mjs",
+      "default": "./dist/css.js"
     }
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "dist/css.js",
+  "module": "dist/css.mjs",
+  "types": "dist/css.d.ts",
   "files": [
     "dist/",
     "stylesheet.css"
   ],
   "dependencies": {
-    "zss-engine": "2.1.0"
+    "csstype": "^3.2.3"
   },
   "publishConfig": {
     "access": "public",
     "provenance": true
   },
   "scripts": {
-    "build": "tsdown && node strip-comments.ts"
+    "build": "tsdown && node strip.ts"
   }
 }

package/dist/index.d.ts

@@ -1,16 +0,0 @@
-import { CSSProperties, CreateKeyframes, CreateStyle, CreateStyleType, CreateTheme, CreateValues, ReturnType, ReturnVariableType, ReturnX, ViewTransitionOptions, XVariableSet } from "zss-engine";
-
-declare const x: (className: string, varSet: XVariableSet) => ReturnX;
-
-declare class StyleSheet {
-  private constructor();
-  static create<const T extends Record<string, CSSProperties>>(rule: CreateStyleType<T>): ReturnType<T>;
-  static props(...rules: (false | Readonly<CSSProperties> | null | undefined)[]): string;
-  static keyframes(rule: CreateKeyframes): string;
-  static viewTransition(rule: ViewTransitionOptions): string;
-  static createTheme<const T extends CreateTheme>(rule: T): ReturnVariableType<T>;
-  static createStatic<const T extends CreateValues>(rule: T): T;
-}
-declare const css: typeof StyleSheet;
-
-export { type CSSProperties, type CreateStyle, css, x };

package/dist/index.js

@@ -1,224 +0,0 @@
-const require_css = require('./css.js');
-const zss_engine = require_css.__toESM(require("zss-engine"));
-
-const styleAtomMap = new WeakMap();
-function create(rule) {
-	const result = {};
-	Object.entries(rule).forEach(([key, styleRule]) => {
-		const flat = {};
-		const nonFlat = {};
-		(0, zss_engine.splitAtomicAndNested)(styleRule, flat, nonFlat);
-		const finalFlat = (0, zss_engine.overrideLonghand)(flat);
-		const records = [];
-		Object.entries(finalFlat).forEach(([prop, value]) => {
-			if (prop.startsWith("@media") || prop.startsWith("@container")) Object.entries(value).forEach(([innerProp, innerValue]) => {
-				const atomicMap = new Map();
-				(0, zss_engine.processAtomicProps)({ [innerProp]: innerValue }, atomicMap, prop);
-				const querySheets = [];
-				const queryHashes = [];
-				for (const [hash, sheet] of atomicMap) {
-					querySheets.push(sheet.replace(`.${hash}`, `.${hash}:not(#\\#)`));
-					queryHashes.push(hash);
-				}
-				if (querySheets.length > 0) records.push({
-					key: prop + innerProp,
-					hash: queryHashes.join(" "),
-					sheet: querySheets.join("")
-				});
-			});
-			else {
-				const atomicMap = new Map();
-				(0, zss_engine.processAtomicProps)({ [prop]: value }, atomicMap);
-				const sheets = [];
-				const hashes = [];
-				for (const [hash, sheet] of atomicMap) {
-					sheets.push(sheet);
-					hashes.push(hash);
-				}
-				if (sheets.length > 0) records.push({
-					key: prop,
-					hash: hashes.join(" "),
-					sheet: sheets.join("")
-				});
-			}
-		});
-		if (Object.keys(nonFlat).length > 0) {
-			const nonFlatBase = {};
-			const nonFlatQuery = {};
-			Object.entries(nonFlat).forEach(([atRule, nestedObj]) => {
-				if (atRule.startsWith("@media") || atRule.startsWith("@container")) nonFlatQuery[atRule] = nestedObj;
-				else nonFlatBase[atRule] = nestedObj;
-			});
-			Object.entries(nonFlatBase).forEach(([selector, style], index) => {
-				const hashObj = { [key]: {
-					[selector]: style,
-					index
-				} };
-				const hash = (0, zss_engine.genBase36Hash)(hashObj, 1, 7);
-				const transpileObj = { [key]: { [selector]: style } };
-				const { styleSheet } = (0, zss_engine.transpile)(transpileObj, hash);
-				records.push({
-					key: selector + index,
-					hash,
-					sheet: styleSheet
-				});
-			});
-			Object.entries(nonFlatQuery).forEach(([atRule, nestedStyles]) => {
-				Object.entries(nestedStyles).forEach(([selector, style], index) => {
-					const hashObj = { [key]: { [atRule]: {
-						[selector]: style,
-						index
-					} } };
-					const hash = (0, zss_engine.genBase36Hash)(hashObj, 1, 7);
-					const transpileObj = { [key]: { [atRule]: { [selector]: style } } };
-					const { styleSheet } = (0, zss_engine.transpile)(transpileObj, hash);
-					const finalSheet = styleSheet.replace(`.${hash}`, `.${hash}:not(#\\#)`);
-					records.push({
-						key: atRule + selector + index,
-						hash,
-						sheet: finalSheet
-					});
-				});
-			});
-		}
-		styleAtomMap.set(styleRule, records);
-		Object.defineProperty(result, key, { get: () => Object.freeze(styleRule) });
-	});
-	return Object.freeze(result);
-}
-
-const setSheets = new Set();
-function props(...rules) {
-	const seenSheets = new Set();
-	const baseSheets = [];
-	const classList = [];
-	const chosen = new Map();
-	const rightmostKeys = [];
-	const orderedKeys = [];
-	for (let i = rules.length - 1; i >= 0; i--) {
-		const obj = rules[i];
-		if (!obj) continue;
-		const records = styleAtomMap.get(obj);
-		if (!records) continue;
-		for (const { key, hash, sheet } of records) if (!chosen.has(key)) chosen.set(key, {
-			hash,
-			sheet,
-			propsIdx: i
-		});
-	}
-	for (let i = 0; i < rules.length; i++) {
-		const obj = rules[i];
-		if (!obj) continue;
-		const records = styleAtomMap.get(obj);
-		if (!records) continue;
-		for (const { key } of records) if (chosen.has(key) && chosen.get(key).propsIdx === i) {
-			if (i === rules.length - 1) rightmostKeys.push({
-				...chosen.get(key),
-				key
-			});
-			else orderedKeys.push({
-				...chosen.get(key),
-				key
-			});
-			chosen.delete(key);
-		}
-	}
-	for (const { hash, sheet } of orderedKeys) if (!seenSheets.has(sheet)) {
-		seenSheets.add(sheet);
-		classList.push(hash);
-		baseSheets.push(sheet);
-	}
-	for (const { hash, sheet } of rightmostKeys) if (!seenSheets.has(sheet)) {
-		seenSheets.add(sheet);
-		classList.push(hash);
-		baseSheets.push(sheet);
-	}
-	const uniqueSheets = [...baseSheets].filter((sheet) => !setSheets.has(sheet));
-	uniqueSheets.forEach((sheet) => setSheets.add(sheet));
-	if (typeof require_css.pQueue.promise === "undefined") require_css.pQueue.init();
-	require_css.pQueue.resolve(uniqueSheets.join(""));
-	return classList.join(" ");
-}
-
-function global(rule) {
-	const { styleSheet } = (0, zss_engine.transpile)(rule, void 0, "--global");
-	if (typeof require_css.gQueue.promise === "undefined") require_css.gQueue.init();
-	require_css.gQueue.resolve(styleSheet);
-}
-
-const keyframes = (rule) => {
-	const hash = (0, zss_engine.genBase36Hash)(rule, 1, 8);
-	const ident = `kf-${hash}`;
-	global({ [`@keyframes ${ident}`]: rule });
-	return ident;
-};
-
-const viewTransition = (rule) => {
-	const hash = (0, zss_engine.genBase36Hash)(rule, 1, 8);
-	const ident = `vt-${hash}`;
-	global({
-		[`::view-transition-group(${ident})`]: rule.group,
-		[`::view-transition-image-pair(${ident})`]: rule.imagePair,
-		[`::view-transition-old(${ident})`]: rule.old,
-		[`::view-transition-new(${ident})`]: rule.new
-	});
-	return ident;
-};
-
-const createTheme = (rule) => {
-	const styles = {};
-	const result = {};
-	for (const key in rule) {
-		const varName = `${(0, zss_engine.camelToKebabCase)(key)}`;
-		const varKey = `--${varName}`;
-		result[key] = `var(--${varName})`;
-		const themeMap = rule[key];
-		for (const themeKey in themeMap) {
-			const value = themeMap[themeKey];
-			const isQuery = themeKey.startsWith("@media") || themeKey.startsWith("@container");
-			const selector = isQuery || themeKey === "default" ? ":root" : `:root[data-theme="${themeKey}"]`;
-			const target = styles[selector] ||= {};
-			if (isQuery) {
-				const queryObj = target[themeKey] ||= {};
-				queryObj[varKey] = value;
-			} else target[varKey] = value;
-		}
-	}
-	global(styles);
-	return result;
-};
-
-const createStatic = (rule) => {
-	return rule;
-};
-
-const x = (className, varSet) => ({
-	className,
-	style: Object.fromEntries(Object.entries(varSet).map(([key, value]) => [key, value]))
-});
-
-var StyleSheet = class {
-	constructor() {}
-	static create(rule) {
-		return create(rule);
-	}
-	static props(...rules) {
-		return props(...rules);
-	}
-	static keyframes(rule) {
-		return keyframes(rule);
-	}
-	static viewTransition(rule) {
-		return viewTransition(rule);
-	}
-	static createTheme(rule) {
-		return createTheme(rule);
-	}
-	static createStatic(rule) {
-		return createStatic(rule);
-	}
-};
-const css = StyleSheet;
-
-exports.css = css;
-exports.x = x;

package/dist/index.mjs

@@ -1,223 +0,0 @@
-import { gQueue, pQueue } from "./css.mjs";
-import { camelToKebabCase, genBase36Hash, overrideLonghand, processAtomicProps, splitAtomicAndNested, transpile } from "zss-engine";
-
-const styleAtomMap = new WeakMap();
-function create(rule) {
-	const result = {};
-	Object.entries(rule).forEach(([key, styleRule]) => {
-		const flat = {};
-		const nonFlat = {};
-		splitAtomicAndNested(styleRule, flat, nonFlat);
-		const finalFlat = overrideLonghand(flat);
-		const records = [];
-		Object.entries(finalFlat).forEach(([prop, value]) => {
-			if (prop.startsWith("@media") || prop.startsWith("@container")) Object.entries(value).forEach(([innerProp, innerValue]) => {
-				const atomicMap = new Map();
-				processAtomicProps({ [innerProp]: innerValue }, atomicMap, prop);
-				const querySheets = [];
-				const queryHashes = [];
-				for (const [hash, sheet] of atomicMap) {
-					querySheets.push(sheet.replace(`.${hash}`, `.${hash}:not(#\\#)`));
-					queryHashes.push(hash);
-				}
-				if (querySheets.length > 0) records.push({
-					key: prop + innerProp,
-					hash: queryHashes.join(" "),
-					sheet: querySheets.join("")
-				});
-			});
-			else {
-				const atomicMap = new Map();
-				processAtomicProps({ [prop]: value }, atomicMap);
-				const sheets = [];
-				const hashes = [];
-				for (const [hash, sheet] of atomicMap) {
-					sheets.push(sheet);
-					hashes.push(hash);
-				}
-				if (sheets.length > 0) records.push({
-					key: prop,
-					hash: hashes.join(" "),
-					sheet: sheets.join("")
-				});
-			}
-		});
-		if (Object.keys(nonFlat).length > 0) {
-			const nonFlatBase = {};
-			const nonFlatQuery = {};
-			Object.entries(nonFlat).forEach(([atRule, nestedObj]) => {
-				if (atRule.startsWith("@media") || atRule.startsWith("@container")) nonFlatQuery[atRule] = nestedObj;
-				else nonFlatBase[atRule] = nestedObj;
-			});
-			Object.entries(nonFlatBase).forEach(([selector, style], index) => {
-				const hashObj = { [key]: {
-					[selector]: style,
-					index
-				} };
-				const hash = genBase36Hash(hashObj, 1, 7);
-				const transpileObj = { [key]: { [selector]: style } };
-				const { styleSheet } = transpile(transpileObj, hash);
-				records.push({
-					key: selector + index,
-					hash,
-					sheet: styleSheet
-				});
-			});
-			Object.entries(nonFlatQuery).forEach(([atRule, nestedStyles]) => {
-				Object.entries(nestedStyles).forEach(([selector, style], index) => {
-					const hashObj = { [key]: { [atRule]: {
-						[selector]: style,
-						index
-					} } };
-					const hash = genBase36Hash(hashObj, 1, 7);
-					const transpileObj = { [key]: { [atRule]: { [selector]: style } } };
-					const { styleSheet } = transpile(transpileObj, hash);
-					const finalSheet = styleSheet.replace(`.${hash}`, `.${hash}:not(#\\#)`);
-					records.push({
-						key: atRule + selector + index,
-						hash,
-						sheet: finalSheet
-					});
-				});
-			});
-		}
-		styleAtomMap.set(styleRule, records);
-		Object.defineProperty(result, key, { get: () => Object.freeze(styleRule) });
-	});
-	return Object.freeze(result);
-}
-
-const setSheets = new Set();
-function props(...rules) {
-	const seenSheets = new Set();
-	const baseSheets = [];
-	const classList = [];
-	const chosen = new Map();
-	const rightmostKeys = [];
-	const orderedKeys = [];
-	for (let i = rules.length - 1; i >= 0; i--) {
-		const obj = rules[i];
-		if (!obj) continue;
-		const records = styleAtomMap.get(obj);
-		if (!records) continue;
-		for (const { key, hash, sheet } of records) if (!chosen.has(key)) chosen.set(key, {
-			hash,
-			sheet,
-			propsIdx: i
-		});
-	}
-	for (let i = 0; i < rules.length; i++) {
-		const obj = rules[i];
-		if (!obj) continue;
-		const records = styleAtomMap.get(obj);
-		if (!records) continue;
-		for (const { key } of records) if (chosen.has(key) && chosen.get(key).propsIdx === i) {
-			if (i === rules.length - 1) rightmostKeys.push({
-				...chosen.get(key),
-				key
-			});
-			else orderedKeys.push({
-				...chosen.get(key),
-				key
-			});
-			chosen.delete(key);
-		}
-	}
-	for (const { hash, sheet } of orderedKeys) if (!seenSheets.has(sheet)) {
-		seenSheets.add(sheet);
-		classList.push(hash);
-		baseSheets.push(sheet);
-	}
-	for (const { hash, sheet } of rightmostKeys) if (!seenSheets.has(sheet)) {
-		seenSheets.add(sheet);
-		classList.push(hash);
-		baseSheets.push(sheet);
-	}
-	const uniqueSheets = [...baseSheets].filter((sheet) => !setSheets.has(sheet));
-	uniqueSheets.forEach((sheet) => setSheets.add(sheet));
-	if (typeof pQueue.promise === "undefined") pQueue.init();
-	pQueue.resolve(uniqueSheets.join(""));
-	return classList.join(" ");
-}
-
-function global(rule) {
-	const { styleSheet } = transpile(rule, void 0, "--global");
-	if (typeof gQueue.promise === "undefined") gQueue.init();
-	gQueue.resolve(styleSheet);
-}
-
-const keyframes = (rule) => {
-	const hash = genBase36Hash(rule, 1, 8);
-	const ident = `kf-${hash}`;
-	global({ [`@keyframes ${ident}`]: rule });
-	return ident;
-};
-
-const viewTransition = (rule) => {
-	const hash = genBase36Hash(rule, 1, 8);
-	const ident = `vt-${hash}`;
-	global({
-		[`::view-transition-group(${ident})`]: rule.group,
-		[`::view-transition-image-pair(${ident})`]: rule.imagePair,
-		[`::view-transition-old(${ident})`]: rule.old,
-		[`::view-transition-new(${ident})`]: rule.new
-	});
-	return ident;
-};
-
-const createTheme = (rule) => {
-	const styles = {};
-	const result = {};
-	for (const key in rule) {
-		const varName = `${camelToKebabCase(key)}`;
-		const varKey = `--${varName}`;
-		result[key] = `var(--${varName})`;
-		const themeMap = rule[key];
-		for (const themeKey in themeMap) {
-			const value = themeMap[themeKey];
-			const isQuery = themeKey.startsWith("@media") || themeKey.startsWith("@container");
-			const selector = isQuery || themeKey === "default" ? ":root" : `:root[data-theme="${themeKey}"]`;
-			const target = styles[selector] ||= {};
-			if (isQuery) {
-				const queryObj = target[themeKey] ||= {};
-				queryObj[varKey] = value;
-			} else target[varKey] = value;
-		}
-	}
-	global(styles);
-	return result;
-};
-
-const createStatic = (rule) => {
-	return rule;
-};
-
-const x = (className, varSet) => ({
-	className,
-	style: Object.fromEntries(Object.entries(varSet).map(([key, value]) => [key, value]))
-});
-
-var StyleSheet = class {
-	constructor() {}
-	static create(rule) {
-		return create(rule);
-	}
-	static props(...rules) {
-		return props(...rules);
-	}
-	static keyframes(rule) {
-		return keyframes(rule);
-	}
-	static viewTransition(rule) {
-		return viewTransition(rule);
-	}
-	static createTheme(rule) {
-		return createTheme(rule);
-	}
-	static createStatic(rule) {
-		return createStatic(rule);
-	}
-};
-const css = StyleSheet;
-
-export { css, x };

package/dist/processors/css.d.ts

@@ -1,15 +0,0 @@
-
-declare const gQueue: {
-  readonly resolve: (value: string) => void;
-  readonly promise: Promise<string>;
-  init: () => void;
-  build: (filePath: string) => Promise<void>;
-};
-declare const pQueue: {
-  readonly resolve: (value: string) => void;
-  readonly promise: Promise<string>;
-  init: () => void;
-  build: (filePath: string) => Promise<void>;
-};
-
-export { gQueue, pQueue };

package/dist/processors/css.js

@@ -1,3 +0,0 @@
-const require_css = require('../css.js');
-exports.gQueue = require_css.gQueue;
-exports.pQueue = require_css.pQueue;

package/dist/processors/css.mjs

@@ -1,2 +0,0 @@
-import { gQueue, pQueue } from "../css.mjs";
-export { gQueue, pQueue };