@plumeria/core 0.9.2 → 0.9.3

package/dist/index.mjs

@@ -0,0 +1,113 @@
+import { globalPromise_1, globalPromise_2, initPromise_1, initPromise_2, resolvePromise_1, resolvePromise_2 } from "./css.mjs";
+import { camelToKebabCase, genBase36Hash, injectClientCSS, injectClientGlobalCSS, injectServerCSS, isDevAndTest, isServer, transpiler } from "zss-engine";
+import { color, container, media, pseudo } from "zss-utils";
+
+//#region src/css.ts
+function create(object) {
+	const base36Hash = genBase36Hash(object, 6);
+	const { styleSheet } = transpiler(object, base36Hash);
+	const injectCSS = isServer ? injectServerCSS : injectClientCSS;
+	if (typeof globalPromise_1 === "undefined") initPromise_1();
+	resolvePromise_1(styleSheet);
+	Object.keys(object).forEach((key) => {
+		Object.defineProperty(object, key, { get: () => {
+			const className = key + "_" + base36Hash;
+			if (isDevAndTest) injectCSS(base36Hash, styleSheet);
+			return className;
+		} });
+	});
+	return Object.freeze(object);
+}
+function global(object) {
+	const base36Hash = genBase36Hash(object, 8);
+	const { styleSheet } = transpiler(object, void 0, "--global");
+	if (typeof globalPromise_2 === "undefined") initPromise_2();
+	resolvePromise_2(styleSheet);
+	if (isDevAndTest) isServer ? injectServerCSS(base36Hash, styleSheet) : injectClientGlobalCSS(styleSheet);
+}
+const defineVars = (object) => {
+	const styles = { ":root": {} };
+	const result = {};
+	Object.entries(object).forEach(([key, value]) => {
+		const kebabKey = camelToKebabCase(key);
+		result[key] = `var(--${kebabKey})`;
+		styles[":root"][`--${key}`] = value;
+	});
+	global(styles);
+	return result;
+};
+const defineTheme = (object) => {
+	const styles = {};
+	const result = {};
+	Object.entries(object).forEach(([key, value]) => {
+		const kebabKey = camelToKebabCase(key);
+		result[key] = `var(--${kebabKey})`;
+		Object.entries(value).forEach(([subKey, subValue]) => {
+			if (subKey.startsWith("@media")) {
+				styles[":root"] ||= {};
+				styles[":root"][subKey] ||= {};
+				styles[":root"][subKey][`--${key}`] = subValue;
+			} else {
+				const themeSelector = subKey === "default" ? ":root" : `:root[data-theme="${subKey}"]`;
+				styles[themeSelector] ||= {};
+				styles[themeSelector][`--${key}`] = subValue;
+			}
+		});
+	});
+	global(styles);
+	return result;
+};
+const keyframes = (object) => {
+	const prefix = genBase36Hash(object, 8);
+	global({ [`@keyframes ${prefix}`]: object });
+	return prefix;
+};
+var css = class {
+	static create(object) {
+		return create(object);
+	}
+	static global(object) {
+		return global(object);
+	}
+	static defineVars(object) {
+		return defineVars(object);
+	}
+	static defineTheme(object) {
+		return defineTheme(object);
+	}
+	static keyframes(object) {
+		return keyframes(object);
+	}
+	static media = media;
+	static container = container;
+	static pseudo = pseudo;
+	static color = color;
+};
+var css_default = css;
+
+//#endregion
+//#region src/cx.ts
+const cx = (...strings) => {
+	let result = "";
+	let isFirst = true;
+	strings.filter(Boolean).forEach((str) => {
+		if (str?.toString().startsWith(":")) result += str.toString();
+		else if (typeof str === "string") if (isFirst) {
+			result += str;
+			isFirst = false;
+		} else result += ` ${str}`;
+	});
+	return result;
+};
+var cx_default = cx;
+
+//#endregion
+//#region src/rx.ts
+const rx = (className, varSet) => ({
+	className,
+	style: Object.fromEntries(Object.entries(varSet).map(([key, value]) => [key, value]))
+});
+var rx_default = rx;
+
+//#endregion
+export { css_default as css, cx_default as cx, rx_default as rx };

package/dist/processors/css.d.ts

@@ -0,0 +1,12 @@
+//#region src/processors/css.d.ts
+declare let resolvePromise_1: (value: string) => void;
+declare let globalPromise_1: Promise<string>;
+declare function initPromise_1(): void;
+declare function buildCreate(filePath: string): Promise<void>;
+declare let resolvePromise_2: (value: string) => void;
+declare let globalPromise_2: Promise<string>;
+declare function initPromise_2(): void;
+declare function buildGlobal(filePath: string): Promise<void>;
+
+//#endregion
+export { buildCreate, buildGlobal, globalPromise_1, globalPromise_2, initPromise_1, initPromise_2, resolvePromise_1, resolvePromise_2 };

package/dist/processors/css.js

@@ -0,0 +1,30 @@
+const require_css = require('../css.js');
+
+exports.buildCreate = require_css.buildCreate;
+exports.buildGlobal = require_css.buildGlobal;
+Object.defineProperty(exports, 'globalPromise_1', {
+  enumerable: true,
+  get: function () {
+    return require_css.globalPromise_1;
+  }
+});
+Object.defineProperty(exports, 'globalPromise_2', {
+  enumerable: true,
+  get: function () {
+    return require_css.globalPromise_2;
+  }
+});
+exports.initPromise_1 = require_css.initPromise_1;
+exports.initPromise_2 = require_css.initPromise_2;
+Object.defineProperty(exports, 'resolvePromise_1', {
+  enumerable: true,
+  get: function () {
+    return require_css.resolvePromise_1;
+  }
+});
+Object.defineProperty(exports, 'resolvePromise_2', {
+  enumerable: true,
+  get: function () {
+    return require_css.resolvePromise_2;
+  }
+});

package/dist/processors/css.mjs

@@ -0,0 +1,3 @@
+import { buildCreate, buildGlobal, globalPromise_1, globalPromise_2, initPromise_1, initPromise_2, resolvePromise_1, resolvePromise_2 } from "../css.mjs";
+
+export { buildCreate, buildGlobal, globalPromise_1, globalPromise_2, initPromise_1, initPromise_2, resolvePromise_1, resolvePromise_2 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "Zero-runtime CSS in JS library in TypeScript.",
   "keywords": [
     "css",
@@ -21,33 +21,32 @@
     "./package.json": "./package.json",
     "./stylesheet.css": "./stylesheet.css",
     ".": {
-      "types": "./types/index.d.ts",
-      "import": "./dist/esm/index.js",
-      "default": "./dist/cjs/index.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.js"
     },
     "./processors": {
-      "types": "./types/processors/css.d.ts",
-      "import": "./dist/esm/processors/css.js",
-      "default": "./dist/cjs/processors/css.js"
+      "types": "./dist/processors/css.d.ts",
+      "import": "./dist/procesmsors/css.mjs",
+      "default": "./dist/processors/css.js"
     }
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "types/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/",
-    "types/",
     "stylesheet.css"
   ],
   "dependencies": {
-    "zss-engine": "0.2.32",
+    "zss-engine": "0.2.35",
     "zss-utils": "0.2.2"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "rimraf dist types && pnpm esm && pnpm cjs",
+    "build": "tsdown",
     "cjs": "tsc --project tsconfig.cjs.json",
     "esm": "tsc --project tsconfig.esm.json"
   }

package/dist/cjs/css.js

@@ -1,95 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const zss_engine_1 = require("zss-engine");
-const css_js_1 = require("./processors/css.js");
-const zss_utils_1 = require("zss-utils");
-function create(object) {
-    const base36Hash = (0, zss_engine_1.genBase36Hash)(object, 6);
-    const { styleSheet } = (0, zss_engine_1.transpiler)(object, base36Hash);
-    const injectCSS = zss_engine_1.isServer ? zss_engine_1.injectServerCSS : zss_engine_1.injectClientCSS;
-    if (typeof css_js_1.globalPromise_1 === 'undefined')
-        (0, css_js_1.initPromise_1)();
-    (0, css_js_1.resolvePromise_1)(styleSheet);
-    Object.keys(object).forEach((key) => {
-        Object.defineProperty(object, key, {
-            get: () => {
-                const className = key + '_' + base36Hash;
-                if (zss_engine_1.isDevAndTest)
-                    injectCSS(base36Hash, styleSheet);
-                return className;
-            },
-        });
-    });
-    return Object.freeze(object);
-}
-function global(object) {
-    const base36Hash = (0, zss_engine_1.genBase36Hash)(object, 8);
-    const { styleSheet } = (0, zss_engine_1.transpiler)(object, undefined, '--global');
-    if (typeof css_js_1.globalPromise_2 === 'undefined')
-        (0, css_js_1.initPromise_2)();
-    (0, css_js_1.resolvePromise_2)(styleSheet);
-    if (zss_engine_1.isDevAndTest)
-        zss_engine_1.isServer
-            ? (0, zss_engine_1.injectServerCSS)(base36Hash, styleSheet)
-            : (0, zss_engine_1.injectClientGlobalCSS)(styleSheet);
-}
-const defineVars = (object) => {
-    const styles = {
-        ':root': {},
-    };
-    const result = {};
-    Object.entries(object).forEach(([key, value]) => {
-        result[key] = `var(--${key})`;
-        styles[':root'][`--${key}`] = value;
-    });
-    global(styles);
-    return result;
-};
-const defineTheme = (object) => {
-    const styles = {};
-    const result = {};
-    Object.entries(object).forEach(([key, value]) => {
-        result[key] = `var(--${key})`;
-        Object.entries(value).forEach(([subKey, subValue]) => {
-            if (subKey.startsWith('@media')) {
-                styles[':root'] ||= {};
-                styles[':root'][subKey] ||= {};
-                styles[':root'][subKey][`--${key}`] = subValue;
-            }
-            else {
-                const themeSelector = subKey === 'default' ? ':root' : `:root[data-theme="${subKey}"]`;
-                styles[themeSelector] ||= {};
-                styles[themeSelector][`--${key}`] = subValue;
-            }
-        });
-    });
-    global(styles);
-    return result;
-};
-const keyframes = (object) => {
-    const prefix = (0, zss_engine_1.genBase36Hash)(object, 8);
-    global({ [`@keyframes ${prefix}`]: object });
-    return prefix;
-};
-class css {
-    static create(object) {
-        return create(object);
-    }
-    static global(object) {
-        return global(object);
-    }
-    static defineVars(object) {
-        return defineVars(object);
-    }
-    static defineTheme(object) {
-        return defineTheme(object);
-    }
-    static keyframes(object) {
-        return keyframes(object);
-    }
-    static media = zss_utils_1.media;
-    static container = zss_utils_1.container;
-    static pseudo = zss_utils_1.pseudo;
-    static color = zss_utils_1.color;
-}
-exports.default = css;

package/dist/cjs/cx.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cx = (...strings) => {
-    let result = '';
-    let isFirst = true;
-    strings.filter(Boolean).forEach((str) => {
-        if (str?.toString().startsWith(':')) {
-            result += str.toString();
-        }
-        else if (typeof str === 'string') {
-            if (isFirst) {
-                result += str;
-                isFirst = false;
-            }
-            else {
-                result += ` ${str}`;
-            }
-        }
-    });
-    return result;
-};
-exports.default = cx;

package/dist/cjs/index.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rx = exports.cx = exports.css = void 0;
-var css_1 = require("./css");
-Object.defineProperty(exports, "css", { enumerable: true, get: function () { return __importDefault(css_1).default; } });
-var cx_1 = require("./cx");
-Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return __importDefault(cx_1).default; } });
-var rx_1 = require("./rx");
-Object.defineProperty(exports, "rx", { enumerable: true, get: function () { return __importDefault(rx_1).default; } });

package/dist/cjs/processors/css.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.globalPromise_2 = exports.resolvePromise_2 = exports.globalPromise_1 = exports.resolvePromise_1 = void 0;
-exports.buildCreate = buildCreate;
-exports.initPromise_1 = initPromise_1;
-exports.buildGlobal = buildGlobal;
-exports.initPromise_2 = initPromise_2;
-const zss_engine_1 = require("zss-engine");
-let resolvePromise_1;
-let globalPromise_1;
-const sheetQueue_1 = [];
-let isProcessing_1 = false;
-function initPromise_1() {
-    exports.globalPromise_1 = globalPromise_1 = new Promise((resolve) => {
-        exports.resolvePromise_1 = resolvePromise_1 = (value) => {
-            sheetQueue_1.push(value);
-            resolve(value);
-        };
-    });
-}
-async function processQueue_1(filePath) {
-    while (sheetQueue_1.length > 0) {
-        const styleSheet = sheetQueue_1.shift();
-        if (!zss_engine_1.isDevelopment && styleSheet)
-            (0, zss_engine_1.build)(styleSheet, filePath);
-    }
-    isProcessing_1 = false;
-}
-async function buildCreate(filePath) {
-    if (typeof globalPromise_1 === 'undefined')
-        initPromise_1();
-    if (!isProcessing_1 && sheetQueue_1.length > 0) {
-        isProcessing_1 = true;
-        processQueue_1(filePath);
-    }
-}
-let resolvePromise_2;
-let globalPromise_2;
-const sheetQueue_2 = [];
-let isProcessing_2 = false;
-function initPromise_2() {
-    exports.globalPromise_2 = globalPromise_2 = new Promise((resolve) => {
-        exports.resolvePromise_2 = resolvePromise_2 = (value) => {
-            sheetQueue_2.push(value);
-            resolve(value);
-        };
-    });
-}
-async function processQueue_2(filePath) {
-    while (sheetQueue_2.length > 0) {
-        const styleSheet = sheetQueue_2.shift();
-        if (!zss_engine_1.isDevelopment && styleSheet)
-            (0, zss_engine_1.build)(styleSheet, filePath, '--global');
-    }
-    isProcessing_2 = false;
-}
-async function buildGlobal(filePath) {
-    if (typeof globalPromise_2 === 'undefined')
-        initPromise_2();
-    if (!isProcessing_2 && sheetQueue_2.length > 0) {
-        isProcessing_2 = true;
-        processQueue_2(filePath);
-    }
-}

package/dist/cjs/rx.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const rx = (className, varSet) => ({
-    className,
-    style: Object.fromEntries(Object.entries(varSet).map(([key, value]) => [key, value])),
-});
-exports.default = rx;

package/dist/esm/css.js

@@ -1,93 +0,0 @@
-import { transpiler, isServer, isDevAndTest, injectServerCSS, injectClientCSS, injectClientGlobalCSS, genBase36Hash, } from 'zss-engine';
-import { initPromise_1, globalPromise_1, resolvePromise_1, initPromise_2, globalPromise_2, resolvePromise_2, } from './processors/css.js';
-import { media, container, pseudo, color } from 'zss-utils';
-function create(object) {
-    const base36Hash = genBase36Hash(object, 6);
-    const { styleSheet } = transpiler(object, base36Hash);
-    const injectCSS = isServer ? injectServerCSS : injectClientCSS;
-    if (typeof globalPromise_1 === 'undefined')
-        initPromise_1();
-    resolvePromise_1(styleSheet);
-    Object.keys(object).forEach((key) => {
-        Object.defineProperty(object, key, {
-            get: () => {
-                const className = key + '_' + base36Hash;
-                if (isDevAndTest)
-                    injectCSS(base36Hash, styleSheet);
-                return className;
-            },
-        });
-    });
-    return Object.freeze(object);
-}
-function global(object) {
-    const base36Hash = genBase36Hash(object, 8);
-    const { styleSheet } = transpiler(object, undefined, '--global');
-    if (typeof globalPromise_2 === 'undefined')
-        initPromise_2();
-    resolvePromise_2(styleSheet);
-    if (isDevAndTest)
-        isServer
-            ? injectServerCSS(base36Hash, styleSheet)
-            : injectClientGlobalCSS(styleSheet);
-}
-const defineVars = (object) => {
-    const styles = {
-        ':root': {},
-    };
-    const result = {};
-    Object.entries(object).forEach(([key, value]) => {
-        result[key] = `var(--${key})`;
-        styles[':root'][`--${key}`] = value;
-    });
-    global(styles);
-    return result;
-};
-const defineTheme = (object) => {
-    const styles = {};
-    const result = {};
-    Object.entries(object).forEach(([key, value]) => {
-        result[key] = `var(--${key})`;
-        Object.entries(value).forEach(([subKey, subValue]) => {
-            if (subKey.startsWith('@media')) {
-                styles[':root'] ||= {};
-                styles[':root'][subKey] ||= {};
-                styles[':root'][subKey][`--${key}`] = subValue;
-            }
-            else {
-                const themeSelector = subKey === 'default' ? ':root' : `:root[data-theme="${subKey}"]`;
-                styles[themeSelector] ||= {};
-                styles[themeSelector][`--${key}`] = subValue;
-            }
-        });
-    });
-    global(styles);
-    return result;
-};
-const keyframes = (object) => {
-    const prefix = genBase36Hash(object, 8);
-    global({ [`@keyframes ${prefix}`]: object });
-    return prefix;
-};
-class css {
-    static create(object) {
-        return create(object);
-    }
-    static global(object) {
-        return global(object);
-    }
-    static defineVars(object) {
-        return defineVars(object);
-    }
-    static defineTheme(object) {
-        return defineTheme(object);
-    }
-    static keyframes(object) {
-        return keyframes(object);
-    }
-    static media = media;
-    static container = container;
-    static pseudo = pseudo;
-    static color = color;
-}
-export default css;

package/dist/esm/cx.js

@@ -1,20 +0,0 @@
-const cx = (...strings) => {
-    let result = '';
-    let isFirst = true;
-    strings.filter(Boolean).forEach((str) => {
-        if (str?.toString().startsWith(':')) {
-            result += str.toString();
-        }
-        else if (typeof str === 'string') {
-            if (isFirst) {
-                result += str;
-                isFirst = false;
-            }
-            else {
-                result += ` ${str}`;
-            }
-        }
-    });
-    return result;
-};
-export default cx;

package/dist/esm/index.js

@@ -1,3 +0,0 @@
-export { default as css } from './css';
-export { default as cx } from './cx';
-export { default as rx } from './rx';

package/dist/esm/processors/css.js

@@ -1,59 +0,0 @@
-import { build, isDevelopment } from 'zss-engine';
-let resolvePromise_1;
-let globalPromise_1;
-const sheetQueue_1 = [];
-let isProcessing_1 = false;
-function initPromise_1() {
-    globalPromise_1 = new Promise((resolve) => {
-        resolvePromise_1 = (value) => {
-            sheetQueue_1.push(value);
-            resolve(value);
-        };
-    });
-}
-async function processQueue_1(filePath) {
-    while (sheetQueue_1.length > 0) {
-        const styleSheet = sheetQueue_1.shift();
-        if (!isDevelopment && styleSheet)
-            build(styleSheet, filePath);
-    }
-    isProcessing_1 = false;
-}
-export async function buildCreate(filePath) {
-    if (typeof globalPromise_1 === 'undefined')
-        initPromise_1();
-    if (!isProcessing_1 && sheetQueue_1.length > 0) {
-        isProcessing_1 = true;
-        processQueue_1(filePath);
-    }
-}
-export { resolvePromise_1, globalPromise_1, initPromise_1 };
-let resolvePromise_2;
-let globalPromise_2;
-const sheetQueue_2 = [];
-let isProcessing_2 = false;
-function initPromise_2() {
-    globalPromise_2 = new Promise((resolve) => {
-        resolvePromise_2 = (value) => {
-            sheetQueue_2.push(value);
-            resolve(value);
-        };
-    });
-}
-async function processQueue_2(filePath) {
-    while (sheetQueue_2.length > 0) {
-        const styleSheet = sheetQueue_2.shift();
-        if (!isDevelopment && styleSheet)
-            build(styleSheet, filePath, '--global');
-    }
-    isProcessing_2 = false;
-}
-export async function buildGlobal(filePath) {
-    if (typeof globalPromise_2 === 'undefined')
-        initPromise_2();
-    if (!isProcessing_2 && sheetQueue_2.length > 0) {
-        isProcessing_2 = true;
-        processQueue_2(filePath);
-    }
-}
-export { resolvePromise_2, globalPromise_2, initPromise_2 };

package/dist/esm/rx.js

@@ -1,5 +0,0 @@
-const rx = (className, varSet) => ({
-    className,
-    style: Object.fromEntries(Object.entries(varSet).map(([key, value]) => [key, value])),
-});
-export default rx;