@plumeria/core 0.7.7 → 0.7.8

package/dist/{css.js → cjs/css.js}

@@ -1,27 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.rx = exports.cx = exports.css = void 0;
-const create_1 = require("./method/create");
-const global_1 = require("./method/global");
-const define_theme_vars_1 = require("./method/define-theme-vars");
-const keyframes_1 = require("./method/keyframes");
+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 collection_1 = require("@plumeria/collection");
-const cx_1 = require("./cx");
-Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return cx_1.cx; } });
-const rx_1 = require("./rx");
-Object.defineProperty(exports, "rx", { enumerable: true, get: function () { return rx_1.rx; } });
+const cx_js_1 = require("./cx.js");
+Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return cx_js_1.cx; } });
+const rx_js_1 = require("./rx.js");
+Object.defineProperty(exports, "rx", { enumerable: true, get: function () { return rx_js_1.rx; } });
 class css {
     static create(object) {
-        return (0, create_1.create)(object);
+        return (0, create_js_1.create)(object);
     }
     static global(object) {
-        return (0, global_1.global)(object);
+        return (0, global_js_1.global)(object);
     }
     static defineThemeVars(object) {
-        return (0, define_theme_vars_1.defineThemeVars)(object);
+        return (0, define_theme_vars_js_1.defineThemeVars)(object);
     }
     static keyframes(object) {
-        return (0, keyframes_1.keyframes)(object);
+        return (0, keyframes_js_1.keyframes)(object);
     }
     static media = collection_1.media;
     static pseudo = collection_1.pseudo;

package/dist/{index.js → cjs/index.js}

@@ -1,7 +1,7 @@
 "use strict";
 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 css_1.css; } });
-Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return css_1.cx; } });
-Object.defineProperty(exports, "rx", { enumerable: true, get: function () { return css_1.rx; } });
+var css_js_1 = require("./css.js");
+Object.defineProperty(exports, "css", { enumerable: true, get: function () { return css_js_1.css; } });
+Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return css_js_1.cx; } });
+Object.defineProperty(exports, "rx", { enumerable: true, get: function () { return css_js_1.rx; } });

package/dist/{method → cjs/method}/create-build-helper.js

@@ -1,9 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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");
+const path_1 = __importDefault(require("path"));
 let resolvePromise;
 let globalPromise;
 const sheetQueue = [];
@@ -17,8 +21,7 @@ function initPromise() {
     });
 }
 function processQueue() {
-    const path = require('path');
-    const filePath = path.join(__dirname, '../styles/create.css');
+    const filePath = path_1.default.join(__dirname, '../../../stylesheet/core.css');
     while (sheetQueue.length > 0) {
         const styleSheet = sheetQueue.shift();
         if (!zss_engine_1.isDevelopment && styleSheet)

package/dist/{method → cjs/method}/create.js

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

package/dist/{method → cjs/method}/define-theme-vars.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defineThemeVars = void 0;
-const global_1 = require("./global");
+const global_js_1 = require("./global.js");
 const defineThemeVars = (object) => {
     const globalStyles = {};
     const result = {};
@@ -23,7 +23,7 @@ const defineThemeVars = (object) => {
             });
         }
     });
-    (0, global_1.global)(globalStyles);
+    (0, global_js_1.global)(globalStyles);
     return result;
 };
 exports.defineThemeVars = defineThemeVars;

package/dist/{method → cjs/method}/global-build-helper.js

@@ -1,9 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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");
+const path_1 = __importDefault(require("path"));
 let resolvePromise;
 let globalPromise;
 const seetQueue = [];
@@ -16,9 +20,8 @@ function initPromise() {
         };
     });
 }
-function processSheets() {
-    const path = require('path');
-    const filePath = path.join(__dirname, '../styles/global.css');
+async function processSheets() {
+    const filePath = path_1.default.join(__dirname, '../../../stylesheet/core.css');
     while (seetQueue.length > 0) {
         const [styleSheet, option] = seetQueue.shift();
         if (!zss_engine_1.isDevelopment && styleSheet)

package/dist/{method → cjs/method}/global.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.global = global;
-require("../styles/global.css");
 const zss_engine_1 = require("zss-engine");
-const global_build_helper_1 = require("./global-build-helper");
+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_1.globalPromise === 'undefined')
-        (0, global_build_helper_1.initPromise)();
-    (0, global_build_helper_1.resolvePromise)([styleSheet, '--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)

package/dist/{method → cjs/method}/keyframes.js

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

package/dist/{css.mjs → esm/css.js}

@@ -1,10 +1,10 @@
-import { create } from './method/create';
-import { global } from './method/global';
-import { defineThemeVars } from './method/define-theme-vars';
-import { keyframes } from './method/keyframes';
+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 { media, pseudo, colors, container } from '@plumeria/collection';
-import { cx } from './cx';
-import { rx } from './rx';
+import { cx } from './cx.js';
+import { rx } from './rx.js';
 class css {
     static create(object) {
         return create(object);

package/dist/esm/index.js

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

package/dist/{method/create-build-helper.mjs → esm/method/create-build-helper.js}

@@ -1,4 +1,6 @@
 import { build, isDevelopment } from 'zss-engine';
+import path from 'path';
+const __dirname = import.meta.dirname;
 let resolvePromise;
 let globalPromise;
 const sheetQueue = [];
@@ -12,8 +14,7 @@ function initPromise() {
     });
 }
 function processQueue() {
-    const path = require('path');
-    const filePath = path.join(__dirname, '../styles/create.css');
+    const filePath = path.join(__dirname, '../../../stylesheet/core.css');
     while (sheetQueue.length > 0) {
         const styleSheet = sheetQueue.shift();
         if (!isDevelopment && styleSheet)

package/dist/{method/create.mjs → esm/method/create.js}

@@ -1,6 +1,5 @@
-import '../styles/create.css';
 import { isDevAndTest, transpiler, injectServerCSS, genBase36Hash, isServer, injectClientCSS, } from 'zss-engine';
-import { initPromise, globalPromise, resolvePromise, } from './create-build-helper';
+import { initPromise, globalPromise, resolvePromise, } from './create-build-helper.js';
 export function create(object) {
     const base36Hash = genBase36Hash(object, 6);
     const { styleSheet } = transpiler(object, base36Hash);

package/dist/{method/define-theme-vars.mjs → esm/method/define-theme-vars.js}

@@ -1,4 +1,4 @@
-import { global } from './global';
+import { global } from './global.js';
 export const defineThemeVars = (object) => {
     const globalStyles = {};
     const result = {};

package/dist/{method/global-build-helper.mjs → esm/method/global-build-helper.js}

@@ -1,4 +1,6 @@
 import { build, isDevelopment } from 'zss-engine';
+import path from 'path';
+const __dirname = import.meta.dirname;
 let resolvePromise;
 let globalPromise;
 const seetQueue = [];
@@ -11,9 +13,8 @@ function initPromise() {
         };
     });
 }
-function processSheets() {
-    const path = require('path');
-    const filePath = path.join(__dirname, '../styles/global.css');
+async function processSheets() {
+    const filePath = path.join(__dirname, '../../../stylesheet/core.css');
     while (seetQueue.length > 0) {
         const [styleSheet, option] = seetQueue.shift();
         if (!isDevelopment && styleSheet)

package/dist/{method/global.mjs → esm/method/global.js}

@@ -1,6 +1,5 @@
-import '../styles/global.css';
 import { isDevAndTest, isServer, injectServerCSS, injectClientGlobalCSS, transpiler, genBase36Hash, } from 'zss-engine';
-import { resolvePromise, globalPromise, initPromise, } from './global-build-helper';
+import { resolvePromise, globalPromise, initPromise, } from './global-build-helper.js';
 export function global(object) {
     const base36Hash = genBase36Hash(object, 8);
     const { styleSheet } = transpiler(object, undefined, '--global');

package/dist/{method/keyframes.mjs → esm/method/keyframes.js}

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

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "@plumeria/core",
-  "version": "0.7.7",
+  "version": "0.7.8",
   "description": "Near Zero-runtime CSS-in-JS for efficient design systems.",
   "keywords": [
     "react",
+    "vite",
+    "next",
     "css",
     "css-in-js",
     "plumeria",
@@ -15,40 +17,45 @@
   "sideEffects": false,
   "exports": {
     "./package.json": "./package.json",
+    "./stylesheet": {
+      "types": "./stylesheet/index.d.ts",
+      "import": "./stylesheet/index.mjs",
+      "default": "./stylesheet/index.js"
+    },
     "./dist/method/create-build-helper": {
       "types": "./types/method/create-build-helper.d.ts",
-      "import": "./dist/method/create-build-helper.mjs",
-      "default": "./dist/method/create-build-helper.js"
+      "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/method/global-build-helper.mjs",
-      "default": "./dist/method/global-build-helper.js"
+      "import": "./dist/esm/method/global-build-helper.js",
+      "default": "./dist/cjs//method/global-build-helper.js"
     },
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/index.mjs",
-      "default": "./dist/index.js"
+      "import": "./dist/esm/index.js",
+      "default": "./dist/cjs/index.js"
     }
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
   "types": "types/index.d.ts",
   "files": [
     "dist/",
-    "types/"
+    "types/",
+    "stylesheet/"
   ],
   "dependencies": {
-    "zss-engine": "^0.2.19",
-    "@plumeria/collection": "^0.5.1"
+    "zss-engine": "^0.2.23",
+    "@plumeria/collection": "^0.5.2"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "rimraf dist types && pnpm esm && pnpm cjs && pnpm css",
-    "css": "cpy 'src/styles/**' 'dist/styles'",
+    "build": "rimraf dist types && pnpm esm && pnpm cjs",
     "cjs": "tsc --project tsconfig.cjs.json",
-    "esm": "tsc --project tsconfig.esm.json && node ../../esm.create.mjs"
+    "esm": "tsc --project tsconfig.esm.json && node __direname"
   }
 }

package/stylesheet/index.d.ts

@@ -0,0 +1,2 @@
+// @plumeria/core/stylesheet/index.d.ts
+declare module '@plumeria/core/stylesheet';

package/stylesheet/index.js

@@ -0,0 +1 @@
+require('./core.css');

package/stylesheet/index.mjs

@@ -0,0 +1 @@
+import './core.css';

package/types/css.d.ts

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

package/types/index.d.ts

@@ -1 +1 @@
-export { css, cx, rx } from './css';
+export { css, cx, rx } from './css.js';

package/types/method/create.d.ts

@@ -1,3 +1,2 @@
-import '../styles/create.css';
 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/global.d.ts

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

package/dist/index.mjs

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