@plumeria/core 0.7.20 → 0.8.0-beta.1

package/dist/cjs/css.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.rx = exports.cx = exports.css = void 0;
-const create_js_1 = require("./method/create.js");
-const global_js_1 = require("./method/global.js");
-const define_theme_vars_js_1 = require("./method/define-theme-vars.js");
-const keyframes_js_1 = require("./method/keyframes.js");
 const zss_utils_1 = require("zss-utils");
-Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return zss_utils_1.cx; } });
-Object.defineProperty(exports, "rx", { enumerable: true, get: function () { return zss_utils_1.rx; } });
+const zss_utils_2 = require("zss-utils");
+const zss_utils_3 = require("zss-utils");
+const zss_utils_4 = require("zss-utils");
+const zss_utils_5 = require("zss-utils");
+Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return zss_utils_5.cx; } });
+Object.defineProperty(exports, "rx", { enumerable: true, get: function () { return zss_utils_5.rx; } });
 class css {
     static create(object) {
-        return (0, create_js_1.create)(object);
+        return (0, zss_utils_1.create)(object);
     }
     static global = ((called = false) => {
         return (object) => {
@@ -18,18 +18,18 @@ class css {
                 throw new Error('css.global() must be one');
             }
             called = true;
-            return (0, global_js_1.global)(object);
+            return (0, zss_utils_2.global)(object);
         };
     })();
     static defineThemeVars(object) {
-        return (0, define_theme_vars_js_1.defineThemeVars)(object);
+        return (0, zss_utils_3.defineThemeVars)(object);
     }
     static keyframes(object) {
-        return (0, keyframes_js_1.keyframes)(object);
+        return (0, zss_utils_4.keyframes)(object);
     }
-    static media = zss_utils_1.media;
-    static pseudo = zss_utils_1.pseudo;
-    static colors = zss_utils_1.colors;
-    static container = zss_utils_1.container;
+    static media = zss_utils_5.media;
+    static pseudo = zss_utils_5.pseudo;
+    static colors = zss_utils_5.colors;
+    static container = zss_utils_5.container;
 }
 exports.css = css;

package/dist/esm/css.js

@@ -1,7 +1,7 @@
-import { create } from './method/create.js';
-import { global } from './method/global.js';
-import { defineThemeVars } from './method/define-theme-vars.js';
-import { keyframes } from './method/keyframes.js';
+import { create } from 'zss-utils';
+import { global } from 'zss-utils';
+import { defineThemeVars } from 'zss-utils';
+import { keyframes } from 'zss-utils';
 import { media, pseudo, colors, container, cx, rx } from 'zss-utils';
 class css {
     static create(object) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "0.7.20",
+  "version": "0.8.0-beta.1",
   "description": "Near Zero-runtime CSS-in-JS for efficient design systems.",
   "keywords": [
     "css",
@@ -16,16 +16,6 @@
   "exports": {
     "./package.json": "./package.json",
     "./stylesheet": "./stylesheet/core.css",
-    "./dist/method/create-build-helper": {
-      "types": "./types/method/create-build-helper.d.ts",
-      "import": "./dist/esm/method/create-build-helper.js",
-      "default": "./dist/cjs/method/create-build-helper.js"
-    },
-    "./dist/method/global-build-helper": {
-      "types": "./types/method/global-build-helper.d.ts",
-      "import": "./dist/esm/method/global-build-helper.js",
-      "default": "./dist/cjs/method/global-build-helper.js"
-    },
     ".": {
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.js",
@@ -40,19 +30,18 @@
     "types/",
     "stylesheet/"
   ],
+  "scripts": {
+    "build": "rimraf dist types && pnpm esm && pnpm cjs",
+    "cjs": "tsc --project tsconfig.cjs.json",
+    "esm": "tsc --project tsconfig.esm.json"
+  },
   "dependencies": {
-    "zss-utils": "0.0.4",
-    "zss-engine": "0.2.26"
+    "zss-utils": "0.0.8"
   },
   "peerDependencies": {
     "@plumeria/compiler": ">=0.7.7"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "scripts": {
-    "build": "rimraf dist types && pnpm esm && pnpm cjs",
-    "cjs": "tsc --project tsconfig.cjs.json",
-    "esm": "tsc --project tsconfig.esm.json && node __direname"
   }
-}
+}

package/types/css.d.ts

@@ -1,4 +1,4 @@
-import type { CreateStyle, CustomHTMLType, CustomProperties, KeyframesDefinition, ReturnType, VarsDefinition } from 'zss-engine';
+import type { CreateStyle, CustomHTMLType, CustomProperties, KeyframesDefinition, ReturnType, VarsDefinition } from 'zss-utils';
 import { cx, rx } from 'zss-utils';
 declare class css {
     static create<T extends Record<string, CustomProperties>>(object: CreateStyle<T>): ReturnType<T>;

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) zss-in-js contributer
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/cjs/method/create-build-helper.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.globalPromise = exports.resolvePromise = void 0;
-exports.buildCreate = buildCreate;
-exports.initPromise = initPromise;
-const zss_engine_1 = require("zss-engine");
-let resolvePromise;
-let globalPromise;
-const sheetQueue = [];
-let isProcessing = false;
-function initPromise() {
-    exports.globalPromise = globalPromise = new Promise((resolve) => {
-        exports.resolvePromise = resolvePromise = (value) => {
-            sheetQueue.push(value);
-            resolve(value);
-        };
-    });
-}
-async function processQueue() {
-    const path = await import('path');
-    const filePath = path.join(__dirname, '../../../stylesheet/core.css');
-    while (sheetQueue.length > 0) {
-        const styleSheet = sheetQueue.shift();
-        if (!zss_engine_1.isDevelopment && styleSheet)
-            (0, zss_engine_1.build)(styleSheet, filePath);
-    }
-    isProcessing = false;
-}
-async function buildCreate() {
-    if (typeof globalPromise === 'undefined')
-        initPromise();
-    if (!isProcessing && sheetQueue.length > 0) {
-        isProcessing = true;
-        processQueue();
-    }
-}

package/dist/cjs/method/create.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.create = create;
-const zss_engine_1 = require("zss-engine");
-const create_build_helper_js_1 = require("./create-build-helper.js");
-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 create_build_helper_js_1.globalPromise === 'undefined')
-        (0, create_build_helper_js_1.initPromise)();
-    (0, create_build_helper_js_1.resolvePromise)(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);
-}

package/dist/cjs/method/define-theme-vars.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineThemeVars = void 0;
-const global_js_1 = require("./global.js");
-const defineThemeVars = (object) => {
-    const globalStyles = {};
-    const result = {};
-    Object.entries(object).forEach(([key, value]) => {
-        result[key] = `var(--${key})`;
-        if (typeof value === 'string') {
-            (globalStyles[':root'] ||= {})[`--${key}`] = value;
-        }
-        else if (typeof value === 'object') {
-            Object.entries(value).forEach(([subKey, subValue]) => {
-                if (subKey.startsWith('@media')) {
-                    (globalStyles[':root'] ||= {})[subKey] ||= {};
-                    globalStyles[':root'][subKey][`--${key}`] = subValue;
-                }
-                else {
-                    const themeSelector = subKey === 'default' ? ':root' : `:root[data-theme="${subKey}"]`;
-                    (globalStyles[themeSelector] ||= {})[`--${key}`] = subValue;
-                }
-            });
-        }
-    });
-    (0, global_js_1.global)(globalStyles);
-    return result;
-};
-exports.defineThemeVars = defineThemeVars;

package/dist/cjs/method/global-build-helper.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.globalPromise = exports.resolvePromise = void 0;
-exports.buildGlobal = buildGlobal;
-exports.initPromise = initPromise;
-const zss_engine_1 = require("zss-engine");
-let resolvePromise;
-let globalPromise;
-const seetQueue = [];
-let isProcessing = false;
-function initPromise() {
-    exports.globalPromise = globalPromise = new Promise((resolve) => {
-        exports.resolvePromise = resolvePromise = (value) => {
-            seetQueue.push(value);
-            resolve(value);
-        };
-    });
-}
-async function processSheets() {
-    const path = await import('path');
-    const filePath = path.join(__dirname, '../../../stylesheet/core.css');
-    while (seetQueue.length > 0) {
-        const [styleSheet, option] = seetQueue.shift();
-        if (!zss_engine_1.isDevelopment && styleSheet)
-            (0, zss_engine_1.build)(styleSheet, filePath, option);
-    }
-    isProcessing = false;
-}
-async function buildGlobal() {
-    if (typeof globalPromise === 'undefined')
-        initPromise();
-    if (!isProcessing && seetQueue.length > 0) {
-        isProcessing = true;
-        processSheets();
-    }
-}

package/dist/cjs/method/global.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.global = global;
-const zss_engine_1 = require("zss-engine");
-const global_build_helper_js_1 = require("./global-build-helper.js");
-function global(object) {
-    const base36Hash = (0, zss_engine_1.genBase36Hash)(object, 8);
-    const { styleSheet } = (0, zss_engine_1.transpiler)(object, undefined, '--global');
-    if (typeof global_build_helper_js_1.globalPromise === 'undefined')
-        (0, global_build_helper_js_1.initPromise)();
-    (0, global_build_helper_js_1.resolvePromise)([styleSheet, '--global']);
-    if (zss_engine_1.isDevAndTest)
-        zss_engine_1.isServer
-            ? (0, zss_engine_1.injectServerCSS)(base36Hash, styleSheet)
-            : (0, zss_engine_1.injectClientGlobalCSS)(styleSheet, 'global');
-}

package/dist/cjs/method/keyframes.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.keyframes = void 0;
-const zss_engine_1 = require("zss-engine");
-const global_js_1 = require("./global.js");
-const keyframes = (object) => {
-    const prefix = (0, zss_engine_1.genBase36Hash)(object, 8);
-    (0, global_js_1.global)({ [`@keyframes ${prefix}`]: object });
-    return prefix;
-};
-exports.keyframes = keyframes;

package/dist/esm/method/create-build-helper.js

@@ -1,33 +0,0 @@
-import { build, isDevelopment } from 'zss-engine';
-let resolvePromise;
-let globalPromise;
-const sheetQueue = [];
-let isProcessing = false;
-function initPromise() {
-    globalPromise = new Promise((resolve) => {
-        resolvePromise = (value) => {
-            sheetQueue.push(value);
-            resolve(value);
-        };
-    });
-}
-async function processQueue() {
-    const path = await import('path');
-	const __dirname = import.meta.dirname;
-    const filePath = path.join(__dirname, '../../../stylesheet/core.css');
-    while (sheetQueue.length > 0) {
-        const styleSheet = sheetQueue.shift();
-        if (!isDevelopment && styleSheet)
-            build(styleSheet, filePath);
-    }
-    isProcessing = false;
-}
-export async function buildCreate() {
-    if (typeof globalPromise === 'undefined')
-        initPromise();
-    if (!isProcessing && sheetQueue.length > 0) {
-        isProcessing = true;
-        processQueue();
-    }
-}
-export { resolvePromise, globalPromise, initPromise };

package/dist/esm/method/create.js

@@ -1,21 +0,0 @@
-import { isDevAndTest, transpiler, injectServerCSS, genBase36Hash, isServer, injectClientCSS, } from 'zss-engine';
-import { initPromise, globalPromise, resolvePromise, } from './create-build-helper.js';
-export function create(object) {
-    const base36Hash = genBase36Hash(object, 6);
-    const { styleSheet } = transpiler(object, base36Hash);
-    const injectCSS = isServer ? injectServerCSS : injectClientCSS;
-    if (typeof globalPromise === 'undefined')
-        initPromise();
-    resolvePromise(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);
-}

package/dist/esm/method/define-theme-vars.js

@@ -1,25 +0,0 @@
-import { global } from './global.js';
-export const defineThemeVars = (object) => {
-    const globalStyles = {};
-    const result = {};
-    Object.entries(object).forEach(([key, value]) => {
-        result[key] = `var(--${key})`;
-        if (typeof value === 'string') {
-            (globalStyles[':root'] ||= {})[`--${key}`] = value;
-        }
-        else if (typeof value === 'object') {
-            Object.entries(value).forEach(([subKey, subValue]) => {
-                if (subKey.startsWith('@media')) {
-                    (globalStyles[':root'] ||= {})[subKey] ||= {};
-                    globalStyles[':root'][subKey][`--${key}`] = subValue;
-                }
-                else {
-                    const themeSelector = subKey === 'default' ? ':root' : `:root[data-theme="${subKey}"]`;
-                    (globalStyles[themeSelector] ||= {})[`--${key}`] = subValue;
-                }
-            });
-        }
-    });
-    global(globalStyles);
-    return result;
-};

package/dist/esm/method/global-build-helper.js

@@ -1,33 +0,0 @@
-import { build, isDevelopment } from 'zss-engine';
-let resolvePromise;
-let globalPromise;
-const seetQueue = [];
-let isProcessing = false;
-function initPromise() {
-    globalPromise = new Promise((resolve) => {
-        resolvePromise = (value) => {
-            seetQueue.push(value);
-            resolve(value);
-        };
-    });
-}
-async function processSheets() {
-    const path = await import('path');
-	const __dirname = import.meta.dirname;
-    const filePath = path.join(__dirname, '../../../stylesheet/core.css');
-    while (seetQueue.length > 0) {
-        const [styleSheet, option] = seetQueue.shift();
-        if (!isDevelopment && styleSheet)
-            build(styleSheet, filePath, option);
-    }
-    isProcessing = false;
-}
-export async function buildGlobal() {
-    if (typeof globalPromise === 'undefined')
-        initPromise();
-    if (!isProcessing && seetQueue.length > 0) {
-        isProcessing = true;
-        processSheets();
-    }
-}
-export { resolvePromise, globalPromise, initPromise };

package/dist/esm/method/global.js

@@ -1,13 +0,0 @@
-import { isDevAndTest, isServer, injectServerCSS, injectClientGlobalCSS, transpiler, genBase36Hash, } from 'zss-engine';
-import { resolvePromise, globalPromise, initPromise, } from './global-build-helper.js';
-export function global(object) {
-    const base36Hash = genBase36Hash(object, 8);
-    const { styleSheet } = transpiler(object, undefined, '--global');
-    if (typeof globalPromise === 'undefined')
-        initPromise();
-    resolvePromise([styleSheet, '--global']);
-    if (isDevAndTest)
-        isServer
-            ? injectServerCSS(base36Hash, styleSheet)
-            : injectClientGlobalCSS(styleSheet, 'global');
-}

package/dist/esm/method/keyframes.js

@@ -1,7 +0,0 @@
-import { genBase36Hash } from 'zss-engine';
-import { global } from './global.js';
-export const keyframes = (object) => {
-    const prefix = genBase36Hash(object, 8);
-    global({ [`@keyframes ${prefix}`]: object });
-    return prefix;
-};

package/types/method/create-build-helper.d.ts

@@ -1,5 +0,0 @@
-declare let resolvePromise: (value: string) => void;
-declare let globalPromise: Promise<string>;
-declare function initPromise(): void;
-export declare function buildCreate(): Promise<void>;
-export { resolvePromise, globalPromise, initPromise };

package/types/method/create.d.ts

@@ -1,2 +0,0 @@
-import type { ReturnType, CreateStyle, CustomProperties } from 'zss-engine';
-export declare function create<T extends Record<string, CustomProperties>>(object: CreateStyle<T>): ReturnType<T>;

package/types/method/define-theme-vars.d.ts

@@ -1,2 +0,0 @@
-import type { VarsDefinition } from 'zss-engine';
-export declare const defineThemeVars: <const T extends VarsDefinition>(object: T) => { [K in keyof T]: `var(--${string & K})`; };

package/types/method/global-build-helper.d.ts

@@ -1,5 +0,0 @@
-declare let resolvePromise: (value: [string, string]) => void;
-declare let globalPromise: Promise<[string, string]>;
-declare function initPromise(): void;
-export declare function buildGlobal(): Promise<void>;
-export { resolvePromise, globalPromise, initPromise };

package/types/method/global.d.ts

@@ -1,2 +0,0 @@
-import type { CustomHTMLType, VarsDefinition } from 'zss-engine';
-export declare function global(object: CustomHTMLType | VarsDefinition): void;

package/types/method/keyframes.d.ts

@@ -1,2 +0,0 @@
-import { type KeyframesDefinition } from 'zss-engine';
-export declare const keyframes: (object: KeyframesDefinition) => string;