@plumeria/core 0.6.1 → 0.6.3

package/dist/css.js

@@ -1 +1,30 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.cx=exports.css=void 0;const create_1=require("./method/create");const global_1=require("./method/global");const cx_1=require("./cx");Object.defineProperty(exports,"cx",{enumerable:true,get:function(){return cx_1.cx}});const define_theme_vars_1=require("./method/define-theme-vars");const keyframes_1=require("./method/keyframes");const collection_1=require("@plumeria/collection");class css{static create(e){return(0,create_1.create)(e)}static global(e){return(0,global_1.global)(e)}static defineThemeVars(e){return(0,define_theme_vars_1.defineThemeVars)(e)}static keyframes(e){return(0,keyframes_1.keyframes)(e)}static media=collection_1.media;static pseudo=collection_1.pseudo;static colors=collection_1.colors;static container=collection_1.container}exports.css=css;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cx = exports.css = void 0;
+const create_1 = require("./method/create");
+const global_1 = require("./method/global");
+const cx_1 = require("./cx");
+Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return cx_1.cx; } });
+const define_theme_vars_1 = require("./method/define-theme-vars");
+const keyframes_1 = require("./method/keyframes");
+const collection_1 = require("@plumeria/collection");
+class css {
+    static create(object) {
+        return (0, create_1.create)(object);
+    }
+    static global(object) {
+        return (0, global_1.global)(object);
+    }
+    static defineThemeVars(object) {
+        return (0, define_theme_vars_1.defineThemeVars)(object);
+    }
+    static keyframes(object) {
+        return (0, keyframes_1.keyframes)(object);
+    }
+    static media = collection_1.media;
+    static pseudo = collection_1.pseudo;
+    static colors = collection_1.colors;
+    static container = collection_1.container;
+}
+exports.css = css;
+//# sourceMappingURL=css.js.map

package/dist/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../src/css.ts"],"names":[],"mappings":";;;AAQA,4CAAyC;AACzC,4CAAyC;AACzC,6BAA0B;AA8BZ,mFA9BL,OAAE,OA8BK;AA7BhB,kEAA6D;AAC7D,kDAA+C;AAC/C,qDAAwE;AAExE,MAAM,GAAG;IACP,MAAM,CAAC,MAAM,CACX,MAAsB;QAEtB,OAAO,IAAA,eAAM,EAAC,MAAM,CAAC,CAAC;IACxB,CAAC;IAED,MAAM,CAAC,MAAM,CAAC,MAAsB;QAClC,OAAO,IAAA,eAAM,EAAC,MAAM,CAAC,CAAC;IACxB,CAAC;IAED,MAAM,CAAC,eAAe,CAAiC,MAAS;QAC9D,OAAO,IAAA,mCAAe,EAAC,MAAM,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,CAAC,SAAS,CAAC,MAA2B;QAC1C,OAAO,IAAA,qBAAS,EAAC,MAAM,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM,CAAC,KAAK,GAAG,kBAAK,CAAC;IACrB,MAAM,CAAC,MAAM,GAAG,mBAAM,CAAC;IACvB,MAAM,CAAC,MAAM,GAAG,mBAAM,CAAC;IACvB,MAAM,CAAC,SAAS,GAAG,sBAAS,CAAC;;AAGtB,kBAAG"}

package/dist/css.mjs

@@ -1 +1,26 @@
-import{create}from"./method/create";import{global}from"./method/global";import{cx}from"./cx";import{defineThemeVars}from"./method/define-theme-vars";import{keyframes}from"./method/keyframes";import{media,pseudo,colors,container}from"@plumeria/collection";class css{static create(e){return create(e)}static global(e){return global(e)}static defineThemeVars(e){return defineThemeVars(e)}static keyframes(e){return keyframes(e)}static media=media;static pseudo=pseudo;static colors=colors;static container=container}export{css,cx};
+import { create } from './method/create';
+import { global } from './method/global';
+import { cx } from './cx';
+import { defineThemeVars } from './method/define-theme-vars';
+import { keyframes } from './method/keyframes';
+import { media, pseudo, colors, container } from '@plumeria/collection';
+class css {
+    static create(object) {
+        return create(object);
+    }
+    static global(object) {
+        return global(object);
+    }
+    static defineThemeVars(object) {
+        return defineThemeVars(object);
+    }
+    static keyframes(object) {
+        return keyframes(object);
+    }
+    static media = media;
+    static pseudo = pseudo;
+    static colors = colors;
+    static container = container;
+}
+export { css, cx };
+//# sourceMappingURL=css.js.map

package/dist/cx.js

@@ -1 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.cx=cx;function cx(...e){let t="";let r=true;e.filter(Boolean).forEach((e=>{if(e?.toString().startsWith(":")){t+=e.toString()}else if(typeof e==="string"){if(r){t+=e;r=false}else{t+=` ${e}`}}}));return t}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cx = cx;
+function 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;
+}
+//# sourceMappingURL=cx.js.map

package/dist/cx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.js","sourceRoot":"","sources":["../src/cx.ts"],"names":[],"mappings":";;AAAA,gBAkBC;AAlBD,SAAgB,EAAE,CAChB,GAAG,OAA0C;IAE7C,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,OAAO,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACtC,IAAI,GAAG,EAAE,QAAQ,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACpC,MAAM,IAAI,GAAG,CAAC,QAAQ,EAAkB,CAAC;QAC3C,CAAC;aAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YACnC,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,IAAI,GAAG,CAAC;gBACd,OAAO,GAAG,KAAK,CAAC;YAClB,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,IAAI,GAAG,EAAE,CAAC;YACtB,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,MAAsB,CAAC;AAChC,CAAC"}

package/dist/cx.mjs

@@ -1 +1,20 @@
-export function cx(...t){let e="";let r=true;t.filter(Boolean).forEach((t=>{if(t?.toString().startsWith(":")){e+=t.toString()}else if(typeof t==="string"){if(r){e+=t;r=false}else{e+=` ${t}`}}}));return e}
+export function 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;
+}
+//# sourceMappingURL=cx.js.map

package/dist/index.js

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});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}});
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,6BAAgC;AAAvB,0FAAA,GAAG,OAAA;AAAE,yFAAA,EAAE,OAAA"}

package/dist/index.mjs

@@ -1 +1,2 @@
-export{css,cx}from"./css";
+export { css, cx } from './css';
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,37 @@
-"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((e=>{exports.resolvePromise=resolvePromise=s=>{sheetQueue.push(s);e(s)}}))}function processQueue(){const e=require("path");const s=e.join(__dirname,"../styles/create.css");while(sheetQueue.length>0){const e=sheetQueue.shift();if(!zss_engine_1.isDevelopment&&e)(0,zss_engine_1.build)(e,s)}isProcessing=false}async function buildCreate(){if(typeof globalPromise==="undefined")initPromise();if(!isProcessing&&sheetQueue.length>0){isProcessing=true;processQueue()}}
+"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);
+        };
+    });
+}
+function processQueue() {
+    const path = require('path');
+    const filePath = path.join(__dirname, '../styles/create.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();
+    }
+}
+//# sourceMappingURL=create-build-helper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-build-helper.js","sourceRoot":"","sources":["../../src/method/create-build-helper.ts"],"names":[],"mappings":";;;AA2BA,kCAMC;AAEuC,kCAAW;AAnCnD,2CAAkD;AAElD,IAAI,cAAuC,CAAC;AAC5C,IAAI,aAA8B,CAAC;AACnC,MAAM,UAAU,GAAa,EAAE,CAAC;AAChC,IAAI,YAAY,GAAG,KAAK,CAAC;AAEzB,SAAS,WAAW;IAClB,wBAAA,aAAa,GAAG,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,EAAE;QAC9C,yBAAA,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE;YACjC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACvB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,YAAY;IACnB,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;IAE9D,OAAO,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC7B,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC;QACtC,IAAI,CAAC,0BAAa,IAAI,UAAU;YAAE,IAAA,kBAAK,EAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAChE,CAAC;IACD,YAAY,GAAG,KAAK,CAAC;AACvB,CAAC;AAEM,KAAK,UAAU,WAAW;IAC/B,IAAI,OAAO,aAAa,KAAK,WAAW;QAAE,WAAW,EAAE,CAAC;IACxD,IAAI,CAAC,YAAY,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC3C,YAAY,GAAG,IAAI,CAAC;QACpB,YAAY,EAAE,CAAC;IACjB,CAAC;AACH,CAAC"}

package/dist/method/create-build-helper.mjs

@@ -1 +1,33 @@
-import{build,isDevelopment}from"zss-engine";let resolvePromise;let globalPromise;const sheetQueue=[];let isProcessing=false;function initPromise(){globalPromise=new Promise((e=>{resolvePromise=s=>{sheetQueue.push(s);e(s)}}))}function processQueue(){const e=require("path");const s=e.join(__dirname,"../styles/create.css");while(sheetQueue.length>0){const e=sheetQueue.shift();if(!isDevelopment&&e)build(e,s)}isProcessing=false}export async function buildCreate(){if(typeof globalPromise==="undefined")initPromise();if(!isProcessing&&sheetQueue.length>0){isProcessing=true;processQueue()}}export{resolvePromise,globalPromise,initPromise};
+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);
+        };
+    });
+}
+function processQueue() {
+    const path = require('path');
+    const filePath = path.join(__dirname, '../styles/create.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 };
+//# sourceMappingURL=create-build-helper.js.map

package/dist/method/create.js

@@ -1 +1,26 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.create=create;const zss_engine_1=require("zss-engine");const create_build_helper_1=require("./create-build-helper");require("../styles/create.css");function create(e){const r=(0,zss_engine_1.genBase36Hash)(e,6);const{styleSheet:s}=(0,zss_engine_1.transpiler)(e,r);const t=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)(s);Object.keys(e).forEach((n=>{Object.defineProperty(e,n,{get:()=>{const e=n+"_"+r;if(zss_engine_1.isDevAndTest)t(r,s);return e}})}));return Object.freeze(e)}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.create = create;
+const zss_engine_1 = require("zss-engine");
+const create_build_helper_1 = require("./create-build-helper");
+require("../styles/create.css");
+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);
+    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);
+}
+//# sourceMappingURL=create.js.map

package/dist/method/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../../src/method/create.ts"],"names":[],"mappings":";;AAgBA,wBAoBC;AAnCD,2CAOoB;AACpB,+DAI+B;AAC/B,gCAA8B;AAE9B,SAAgB,MAAM,CACpB,MAAsB;IAEtB,MAAM,UAAU,GAAG,IAAA,0BAAa,EAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5C,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,uBAAU,EAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,qBAAQ,CAAC,CAAC,CAAC,4BAAe,CAAC,CAAC,CAAC,4BAAe,CAAC;IAC/D,IAAI,OAAO,mCAAa,KAAK,WAAW;QAAE,IAAA,iCAAW,GAAE,CAAC;IACxD,IAAA,oCAAc,EAAC,UAAU,CAAC,CAAC;IAE3B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAClC,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,EAAE;YACjC,GAAG,EAAE,GAAG,EAAE;gBACR,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,UAAU,CAAC;gBACzC,IAAI,yBAAY;oBAAE,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;gBACpD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC,MAAM,CAAC,MAAkC,CAAC,CAAC;AAC3D,CAAC"}

package/dist/method/create.mjs

@@ -1 +1,23 @@
-import{isDevAndTest,transpiler,injectServerCSS,genBase36Hash,isServer,injectClientCSS}from"zss-engine";import{initPromise,globalPromise,resolvePromise}from"./create-build-helper";import"../styles/create.css";export function create(e){const r=genBase36Hash(e,6);const{styleSheet:t}=transpiler(e,r);const i=isServer?injectServerCSS:injectClientCSS;if(typeof globalPromise==="undefined")initPromise();resolvePromise(t);Object.keys(e).forEach((s=>{Object.defineProperty(e,s,{get:()=>{const e=s+"_"+r;if(isDevAndTest)i(r,t);return e}})}));return Object.freeze(e)}
+import { isDevAndTest, transpiler, injectServerCSS, genBase36Hash, isServer, injectClientCSS, } from 'zss-engine';
+import { initPromise, globalPromise, resolvePromise, } from './create-build-helper';
+import '../styles/create.css';
+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);
+}
+//# sourceMappingURL=create.js.map

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

@@ -1 +1,30 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.defineThemeVars=void 0;const global_1=require("./global");const defineThemeVars=e=>{const t={};const o={};Object.entries(e).forEach((([e,r])=>{o[e]=`var(--${e})`;if(typeof r==="string"){(t[":root"]||={})[`--${e}`]=r}else if(typeof r==="object"){Object.entries(r).forEach((([o,r])=>{if(o.startsWith("@media")){(t[":root"]||={})[o]||={};t[":root"][o][`--${e}`]=r}else{const s=o==="default"?":root":`:root[data-theme="${o}"]`;(t[s]||={})[`--${e}`]=r}}))}}));(0,global_1.global)(t);return o};exports.defineThemeVars=defineThemeVars;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineThemeVars = void 0;
+const global_1 = require("./global");
+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_1.global)(globalStyles);
+    return result;
+};
+exports.defineThemeVars = defineThemeVars;
+//# sourceMappingURL=define-theme-vars.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"define-theme-vars.js","sourceRoot":"","sources":["../../src/method/define-theme-vars.ts"],"names":[],"mappings":";;;AAAA,qCAAkC;AAG3B,MAAM,eAAe,GAAG,CAAiC,MAAS,EAAE,EAAE;IAC3E,MAAM,YAAY,GAGd,EAAE,CAAC;IAEP,MAAM,MAAM,GAAG,EAEd,CAAC;IAEF,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC9C,MAAM,CAAC,GAAc,CAAC,GAAG,SAAS,GAAG,GAAG,CAAC;QAEzC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC;QACrD,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACrC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,EAAE;gBACnD,IAAI,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAChC,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;oBAC7C,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,CAAqC,CAChE,KAAK,GAAG,EAAE,CACX,GAAG,QAAQ,CAAC;gBACf,CAAC;qBAAM,CAAC;oBACN,MAAM,aAAa,GACjB,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,MAAM,IAAI,CAAC;oBACnE,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,QAAQ,CAAC;gBAC9D,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAA,eAAM,EAAC,YAA+B,CAAC,CAAC;IAExC,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAlCW,QAAA,eAAe,mBAkC1B"}

package/dist/method/define-theme-vars.mjs

@@ -1 +1,26 @@
-import{global}from"./global";export const defineThemeVars=t=>{const o={};const e={};Object.entries(t).forEach((([t,r])=>{e[t]=`var(--${t})`;if(typeof r==="string"){(o[":root"]||={})[`--${t}`]=r}else if(typeof r==="object"){Object.entries(r).forEach((([e,r])=>{if(e.startsWith("@media")){(o[":root"]||={})[e]||={};o[":root"][e][`--${t}`]=r}else{const a=e==="default"?":root":`:root[data-theme="${e}"]`;(o[a]||={})[`--${t}`]=r}}))}}));global(o);return e};
+import { global } from './global';
+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;
+};
+//# sourceMappingURL=define-theme-vars.js.map

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

@@ -1 +1,37 @@
-"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((e=>{exports.resolvePromise=resolvePromise=s=>{seetQueue.push(s);e(s)}}))}function processSheets(){const e=require("path");const s=e.join(__dirname,"../styles/global.css");while(seetQueue.length>0){const[e,i]=seetQueue.shift();if(!zss_engine_1.isDevelopment&&e)(0,zss_engine_1.build)(e,s,i)}isProcessing=false}async function buildGlobal(){if(typeof globalPromise==="undefined")initPromise();if(!isProcessing&&seetQueue.length>0){isProcessing=true;processSheets()}}
+"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);
+        };
+    });
+}
+function processSheets() {
+    const path = require('path');
+    const filePath = path.join(__dirname, '../styles/global.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();
+    }
+}
+//# sourceMappingURL=global-build-helper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"global-build-helper.js","sourceRoot":"","sources":["../../src/method/global-build-helper.ts"],"names":[],"mappings":";;;AA2BA,kCAMC;AAEuC,kCAAW;AAnCnD,2CAAkD;AAElD,IAAI,cAAiD,CAAC;AACtD,IAAI,aAAwC,CAAC;AAC7C,MAAM,SAAS,GAAwB,EAAE,CAAC;AAC1C,IAAI,YAAY,GAAG,KAAK,CAAC;AAEzB,SAAS,WAAW;IAClB,wBAAA,aAAa,GAAG,IAAI,OAAO,CAAmB,CAAC,OAAO,EAAE,EAAE;QACxD,yBAAA,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE;YAC3C,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,aAAa;IACpB,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;IAE9D,OAAO,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC5B,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,KAAK,EAAsB,CAAC;QACnE,IAAI,CAAC,0BAAa,IAAI,UAAU;YAAE,IAAA,kBAAK,EAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACxE,CAAC;IACD,YAAY,GAAG,KAAK,CAAC;AACvB,CAAC;AAEM,KAAK,UAAU,WAAW;IAC/B,IAAI,OAAO,aAAa,KAAK,WAAW;QAAE,WAAW,EAAE,CAAC;IACxD,IAAI,CAAC,YAAY,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC1C,YAAY,GAAG,IAAI,CAAC;QACpB,aAAa,EAAE,CAAC;IAClB,CAAC;AACH,CAAC"}

package/dist/method/global-build-helper.mjs

@@ -1 +1,33 @@
-import{build,isDevelopment}from"zss-engine";let resolvePromise;let globalPromise;const seetQueue=[];let isProcessing=false;function initPromise(){globalPromise=new Promise((e=>{resolvePromise=s=>{seetQueue.push(s);e(s)}}))}function processSheets(){const e=require("path");const s=e.join(__dirname,"../styles/global.css");while(seetQueue.length>0){const[e,i]=seetQueue.shift();if(!isDevelopment&&e)build(e,s,i)}isProcessing=false}export async function buildGlobal(){if(typeof globalPromise==="undefined")initPromise();if(!isProcessing&&seetQueue.length>0){isProcessing=true;processSheets()}}export{resolvePromise,globalPromise,initPromise};
+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);
+        };
+    });
+}
+function processSheets() {
+    const path = require('path');
+    const filePath = path.join(__dirname, '../styles/global.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 };
+//# sourceMappingURL=global-build-helper.js.map

package/dist/method/global.js

@@ -1 +1,18 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.global=global;const zss_engine_1=require("zss-engine");const global_build_helper_1=require("./global-build-helper");require("../styles/global.css");function global(e){const l=(0,zss_engine_1.genBase36Hash)(e,8);const{styleSheet:s}=(0,zss_engine_1.transpiler)(e,undefined,"--global");if(typeof global_build_helper_1.globalPromise==="undefined")(0,global_build_helper_1.initPromise)();(0,global_build_helper_1.resolvePromise)([s,"--global"]);if(zss_engine_1.isDevAndTest)zss_engine_1.isServer?(0,zss_engine_1.injectServerCSS)(l,s):(0,zss_engine_1.injectClientGlobalCSS)(s,"global")}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.global = global;
+const zss_engine_1 = require("zss-engine");
+const global_build_helper_1 = require("./global-build-helper");
+require("../styles/global.css");
+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 (zss_engine_1.isDevAndTest)
+        zss_engine_1.isServer
+            ? (0, zss_engine_1.injectServerCSS)(base36Hash, styleSheet)
+            : (0, zss_engine_1.injectClientGlobalCSS)(styleSheet, 'global');
+}
+//# sourceMappingURL=global.js.map

package/dist/method/global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.js","sourceRoot":"","sources":["../../src/method/global.ts"],"names":[],"mappings":";;AAgBA,wBAUC;AAzBD,2CAOoB;AACpB,+DAI+B;AAC/B,gCAA8B;AAE9B,SAAgB,MAAM,CAAC,MAAuC;IAC5D,MAAM,UAAU,GAAG,IAAA,0BAAa,EAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5C,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,uBAAU,EAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IACjE,IAAI,OAAO,mCAAa,KAAK,WAAW;QAAE,IAAA,iCAAW,GAAE,CAAC;IACxD,IAAA,oCAAc,EAAC,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzC,IAAI,yBAAY;QACd,qBAAQ;YACN,CAAC,CAAC,IAAA,4BAAe,EAAC,UAAU,EAAE,UAAU,CAAC;YACzC,CAAC,CAAC,IAAA,kCAAqB,EAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACpD,CAAC"}

package/dist/method/global.mjs

@@ -1 +1,15 @@
-import{isDevAndTest,isServer,injectServerCSS,injectClientGlobalCSS,transpiler,genBase36Hash}from"zss-engine";import{resolvePromise,globalPromise,initPromise}from"./global-build-helper";import"../styles/global.css";export function global(e){const i=genBase36Hash(e,8);const{styleSheet:l}=transpiler(e,undefined,"--global");if(typeof globalPromise==="undefined")initPromise();resolvePromise([l,"--global"]);if(isDevAndTest)isServer?injectServerCSS(i,l):injectClientGlobalCSS(l,"global")}
+import { isDevAndTest, isServer, injectServerCSS, injectClientGlobalCSS, transpiler, genBase36Hash, } from 'zss-engine';
+import { resolvePromise, globalPromise, initPromise, } from './global-build-helper';
+import '../styles/global.css';
+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');
+}
+//# sourceMappingURL=global.js.map

package/dist/method/keyframes.js

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

package/dist/method/keyframes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyframes.js","sourceRoot":"","sources":["../../src/method/keyframes.ts"],"names":[],"mappings":";;;AAAA,2CAAgE;AAChE,qCAAkC;AAE3B,MAAM,SAAS,GAAG,CAAC,MAA2B,EAAE,EAAE;IACvD,MAAM,MAAM,GAAG,IAAA,0BAAa,EAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACxC,IAAA,eAAM,EAAC,EAAE,CAAC,cAAc,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAC7C,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAJW,QAAA,SAAS,aAIpB"}

package/dist/method/keyframes.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "description": "Near Zero-runtime CSS-in-JS for efficient design systems.",
   "keywords": [
     "react",
@@ -16,40 +16,41 @@
   "exports": {
     "./package.json": "./package.json",
     "./dist/method/create-build-helper": {
-      "types": "./dist/method/create-build-helper.d.ts",
+      "types": "./types/method/create-build-helper.d.ts",
       "import": "./dist/method/create-build-helper.mjs",
       "default": "./dist/method/create-build-helper.js"
     },
     "./dist/method/global-build-helper": {
-      "types": "./dist/method/global-build-helper.d.ts",
+      "types": "./types/method/global-build-helper.d.ts",
       "import": "./dist/method/global-build-helper.mjs",
       "default": "./dist/method/global-build-helper.js"
     },
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./types/index.d.ts",
       "import": "./dist/index.mjs",
       "default": "./dist/index.js"
     }
   },
   "main": "dist/index.js",
   "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "types": "types/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "types"
   ],
   "dependencies": {
-    "zss-engine": "^0.2.5",
-    "@plumeria/collection": "^0.2.0"
+    "zss-engine": "^0.2.6",
+    "@plumeria/collection": "^0.2.2"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "rm -rf dist && pnpm build:mjs && pnpm cjs && pnpm minify && cp -r src/styles dist",
-    "build:mjs": "pnpm esm && for file in $(find dist -name '*.js'); do mv \"$file\" \"${file%.*}.mjs\"; done",
-    "cjs": "npx tsc --project tsconfig.cjs.json",
-    "esm": "npx tsc --project tsconfig.esm.json",
-    "minify": "for file in $(find dist -name '*.js' -o -name '*.mjs'); do terser \"$file\" -m -o \"$file\"; done",
+    "build": "pnpm esm && pnpm cjs && pnpm dts && pnpm css",
+    "cjs": "tsc --project tsconfig.cjs.json",
+    "esm": "tsc --project tsconfig.esm.json && node build.esm.js",
+    "dts": "tsc --project tsconfig.dts.json",
+    "css": "shx cp -r src/styles dist",
     "test": "jest --config ../../jest.config.js"
   }
 }

package/{dist → types}/css.d.ts

@@ -16,9 +16,9 @@ declare class css {
         readonly max_lg: "@media (max-width: 1024px)";
         readonly max_xl: "@media (max-width: 1280px)";
         readonly max_2xl: "@media (max-width: 1536px)";
-        readonly range: (range: string) => "@media (range)";
-        readonly max: (size: string) => "@media (max-size)";
-        readonly min: (size: string) => "@media (min-size)";
+        readonly range: (range: string) => string;
+        readonly max: (size: string) => string;
+        readonly min: (size: string) => string;
         readonly scheme: {
             readonly dark: "@media (prefers-color-scheme: dark)";
             readonly light: "@media (prefers-color-scheme: light)";
@@ -31,21 +31,21 @@ declare class css {
         readonly link: ":link";
         readonly visited: ":visited";
         readonly target: ":target";
-        readonly lang: (str: string) => ":lang()";
-        readonly not: (str: string) => ":not()";
-        readonly has: (str: string) => ":has()";
-        readonly is: (str: string) => ":is()";
-        readonly where: (str: string) => ":where()";
+        readonly lang: (str: string) => string;
+        readonly not: (str: string) => string;
+        readonly has: (str: string) => string;
+        readonly is: (str: string) => string;
+        readonly where: (str: string) => string;
         readonly firstChild: ":first-child";
         readonly lastChild: ":last-child";
         readonly firstOfType: ":first-of-type";
         readonly lastOfType: ":last-of-type";
         readonly onlyOfType: ":only-of-type";
         readonly onlyChild: ":only-child";
-        readonly nthChild: (str: string) => ":nth-child()";
-        readonly nthLastChild: (str: string) => ":nth-last-child()";
-        readonly nthLastOfType: (str: string) => ":nth-last-of-type()";
-        readonly nthOfType: (str: string) => ":nth-of-type()";
+        readonly nthChild: (str: string) => string;
+        readonly nthLastChild: (str: string) => string;
+        readonly nthLastOfType: (str: string) => string;
+        readonly nthOfType: (str: string) => string;
         readonly empty: ":empty";
         readonly checked: ":checked";
         readonly disabled: ":disabled";
@@ -64,15 +64,20 @@ declare class css {
         readonly firstLine: "::first-line";
         readonly marker: "::marker";
         readonly selection: "::selection";
+        readonly viewTransition: "::view-transition";
+        readonly viewTransitionImagePair: (str: string) => string;
+        readonly viewTransitionGroup: (str: string) => string;
+        readonly viewTransitionOld: (str: string) => string;
+        readonly viewTransitionNew: (str: string) => string;
     };
     static colors: {
         darken: (color: string, amount: string | number) => string;
         lighten: (color: string, amount: string | number) => string;
     };
     static container: {
-        range: (range: string) => "@container (range)";
-        max: (size: string) => "@container (max-size)";
-        min: (size: string) => "@container (min-size)";
+        range: (range: string) => string;
+        max: (size: string) => string;
+        min: (size: string) => string;
     };
 }
 export { css, cx };