zss-engine 0.2.2 → 0.2.4

package/dist/index.js

@@ -1,8 +1 @@
-export * from './types';
-export * from './utils/helper';
-export { genBase36Hash } from './utils/hash';
-export { injectClientCSS } from './utils/inject-client-css';
-export { injectClientGlobalCSS } from './utils/inject-client-global-css';
-export { injectServerCSS, getServerCSS } from './utils/inject-server-css';
-export { build } from './utils/build';
-export { transpiler } from './utils/transpiler';
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,n){void 0===n&&(n=t);var i=Object.getOwnPropertyDescriptor(r,t);i&&!("get"in i?!r.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,n,i)}:function(e,r,t,n){void 0===n&&(n=t),e[n]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.transpiler=exports.build=exports.getServerCSS=exports.injectServerCSS=exports.injectClientGlobalCSS=exports.injectClientCSS=exports.genBase36Hash=void 0,__exportStar(require("./types"),exports),__exportStar(require("./utils/helper"),exports);var hash_1=require("./utils/hash");Object.defineProperty(exports,"genBase36Hash",{enumerable:!0,get:function(){return hash_1.genBase36Hash}});var inject_client_css_1=require("./utils/inject-client-css");Object.defineProperty(exports,"injectClientCSS",{enumerable:!0,get:function(){return inject_client_css_1.injectClientCSS}});var inject_client_global_css_1=require("./utils/inject-client-global-css");Object.defineProperty(exports,"injectClientGlobalCSS",{enumerable:!0,get:function(){return inject_client_global_css_1.injectClientGlobalCSS}});var inject_server_css_1=require("./utils/inject-server-css");Object.defineProperty(exports,"injectServerCSS",{enumerable:!0,get:function(){return inject_server_css_1.injectServerCSS}}),Object.defineProperty(exports,"getServerCSS",{enumerable:!0,get:function(){return inject_server_css_1.getServerCSS}});var build_1=require("./utils/build");Object.defineProperty(exports,"build",{enumerable:!0,get:function(){return build_1.build}});var transpiler_1=require("./utils/transpiler");Object.defineProperty(exports,"transpiler",{enumerable:!0,get:function(){return transpiler_1.transpiler}});

package/dist/index.mjs

@@ -0,0 +1 @@
+export*from"./types";export*from"./utils/helper";export{genBase36Hash}from"./utils/hash";export{injectClientCSS}from"./utils/inject-client-css";export{injectClientGlobalCSS}from"./utils/inject-client-global-css";export{injectServerCSS,getServerCSS}from"./utils/inject-server-css";export{build}from"./utils/build";export{transpiler}from"./utils/transpiler";

package/dist/types/common/css-properties.d.ts

@@ -40,7 +40,7 @@ type ColonType = {
 };
 export type MediaQuery = `@media ${string}`;
 type MediaQueryType = {
-    [K in MediaQuery]: CommonProperties | ColonType;
+    [K in MediaQuery]: CommonProperties | ColonType | AndStringType;
 };
 export type CustomProperties = CommonProperties | ColonType | AndStringType | MediaQueryType;
 export {};

package/dist/types/common/css-properties.js

@@ -1 +1 @@
-export {};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/types/common/css-properties.mjs

@@ -0,0 +1 @@
+export{};

package/dist/types/common/css-property.js

@@ -1 +1 @@
-export {};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/types/common/css-property.mjs

@@ -0,0 +1 @@
+export{};

package/dist/types/index.js

@@ -1,5 +1 @@
-export * from './common/css-properties';
-export * from './common/css-property';
-export * from './main/create';
-export * from './main/global';
-export * from './main/vars';
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var i=Object.getOwnPropertyDescriptor(r,t);i&&!("get"in i?!r.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,i)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./common/css-properties"),exports),__exportStar(require("./common/css-property"),exports),__exportStar(require("./main/create"),exports),__exportStar(require("./main/global"),exports),__exportStar(require("./main/vars"),exports);

package/dist/types/index.mjs

@@ -0,0 +1 @@
+export*from"./common/css-properties";export*from"./common/css-property";export*from"./main/create";export*from"./main/global";export*from"./main/vars";

package/dist/types/main/create.js

@@ -1 +1 @@
-export {};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/types/main/create.mjs

@@ -0,0 +1 @@
+export{};

package/dist/types/main/global.js

@@ -1 +1 @@
-export {};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/types/main/global.mjs

@@ -0,0 +1 @@
+export{};

package/dist/types/main/vars.js

@@ -1 +1 @@
-export {};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/types/main/vars.mjs

@@ -0,0 +1 @@
+export{};

package/dist/utils/build.js

@@ -1,23 +1 @@
-'use server';
-import { isServer } from './helper';
-export const build = async (styleSheet, filePath, global) => {
-    if (!isServer)
-        return;
-    const fs = require('fs');
-    const { styleText } = require('util');
-    const message = global === '--global' ? styleText('underline', `✅Generated global CSS\n\n`) : styleText('underline', `✅Generated create CSS\n\n`);
-    try {
-        if (fs.existsSync(filePath)) {
-            const cssData = fs.readFileSync(filePath, 'utf-8');
-            if (!cssData.includes(styleSheet)) {
-                fs.appendFileSync(filePath, styleSheet, 'utf-8');
-                if (process.argv.includes('--log'))
-                    console.log(message + styleSheet);
-            }
-        }
-        return;
-    }
-    catch (error) {
-        console.error('Error writing to file:', error);
-    }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.build=void 0;const helper_1=require("./helper"),build=async(e,r,l)=>{if(!helper_1.isServer)return;const t=require("fs"),{styleText:i}=require("util"),n=i("underline","--global"===l?"✅Generated global CSS\n\n":"✅Generated create CSS\n\n");try{if(t.existsSync(r)){t.readFileSync(r,"utf-8").includes(e)||(t.appendFileSync(r,e,"utf-8"),process.argv.includes("--log")&&console.log(n+e))}return}catch(e){console.error("Error writing to file:",e)}};exports.build=build;

package/dist/utils/build.mjs

@@ -0,0 +1 @@
+import{isServer}from"./helper";export const build=async(e,r,n)=>{if(!isServer)return;const t=require("fs"),{styleText:i}=require("util"),l=i("underline","--global"===n?"✅Generated global CSS\n\n":"✅Generated create CSS\n\n");try{if(t.existsSync(r)){t.readFileSync(r,"utf-8").includes(e)||(t.appendFileSync(r,e,"utf-8"),process.argv.includes("--log")&&console.log(l+e))}return}catch(e){console.error("Error writing to file:",e)}};

package/dist/utils/hash.js

@@ -1,31 +1 @@
-const chars = 'abcdefghijklmnopqrstuvwxyz0123456789';
-function simpleHash(str) {
-    let hash = 0;
-    for (let i = 0; i < str.length; i++) {
-        const char = str.charCodeAt(i);
-        hash = (hash << 5) - hash + char;
-    }
-    return Math.abs(hash);
-}
-function encodeBase36(num) {
-    let result = '';
-    do {
-        result = chars[num % 36] + result;
-        num = Math.floor(num / 36);
-    } while (num > 0);
-    return result;
-}
-function getStartingChar(hash) {
-    const chars = 'abcdefghijklmnopqrstuvwxyz';
-    return chars[hash % chars.length];
-}
-export function genBase36Hash(object, n) {
-    const serialized = JSON.stringify(object);
-    const hash = simpleHash(serialized);
-    let base36Hash = encodeBase36(hash);
-    const startingChar = getStartingChar(hash);
-    while (base36Hash.length < n - 1) {
-        base36Hash = chars[hash % chars.length] + base36Hash;
-    }
-    return startingChar + base36Hash.slice(0, n - 1);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.genBase36Hash=genBase36Hash;const chars="abcdefghijklmnopqrstuvwxyz0123456789";function simpleHash(e){let t=0;for(let n=0;n<e.length;n++){t=(t<<5)-t+e.charCodeAt(n)}return Math.abs(t)}function encodeBase36(e){let t="";do{t=chars[e%36]+t,e=Math.floor(e/36)}while(e>0);return t}function getStartingChar(e){const t="abcdefghijklmnopqrstuvwxyz";return t[e%26]}function genBase36Hash(e,t){const n=simpleHash(JSON.stringify(e));let s=encodeBase36(n);const r=getStartingChar(n);for(;s.length<t-1;)s=chars[n%chars.length]+s;return r+s.slice(0,t-1)}

package/dist/utils/hash.mjs

@@ -0,0 +1 @@
+const chars="abcdefghijklmnopqrstuvwxyz0123456789";function simpleHash(t){let e=0;for(let n=0;n<t.length;n++){e=(e<<5)-e+t.charCodeAt(n)}return Math.abs(e)}function encodeBase36(t){let e="";do{e=chars[t%36]+e,t=Math.floor(t/36)}while(t>0);return e}function getStartingChar(t){const e="abcdefghijklmnopqrstuvwxyz";return e[t%26]}export function genBase36Hash(t,e){const n=simpleHash(JSON.stringify(t));let r=encodeBase36(n);const s=getStartingChar(n);for(;r.length<e-1;)r=chars[n%36]+r;return s+r.slice(0,e-1)}

package/dist/utils/helper.js

@@ -1,16 +1 @@
-const isWindowDefined = typeof window !== 'undefined';
-const isDocumentDefined = typeof document !== 'undefined';
-export const isServer = !isWindowDefined || !isDocumentDefined;
-export const isDevelopment = process.env.NODE_ENV === 'development';
-export const isDevAndTest = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';
-export const isDevServer = isDevelopment && isServer;
-const exception = ['line-height', 'font-weight', 'opacity', 'scale', 'z-index', 'column-count', 'order', 'orphans', 'widows'];
-export const applyCssValue = (value, cssProp) => {
-    if (typeof value === 'number') {
-        return exception.includes(cssProp) ? value.toString() : value + 'px';
-    }
-    return value;
-};
-export const camelToKebabCase = (property) => {
-    return property.replace(/([A-Z])/g, '-$1').toLowerCase();
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.camelToKebabCase=exports.applyCssValue=exports.isDevServer=exports.isDevAndTest=exports.isDevelopment=exports.isServer=void 0;const isWindowDefined="undefined"!=typeof window,isDocumentDefined="undefined"!=typeof document;exports.isServer=!isWindowDefined||!isDocumentDefined,exports.isDevelopment="development"===process.env.NODE_ENV,exports.isDevAndTest="development"===process.env.NODE_ENV||"test"===process.env.NODE_ENV,exports.isDevServer=exports.isDevelopment&&exports.isServer;const exception=["line-height","font-weight","opacity","scale","z-index","column-count","order","orphans","widows"],applyCssValue=(e,s)=>"number"==typeof e?exception.includes(s)?e.toString():e+"px":e;exports.applyCssValue=applyCssValue;const camelToKebabCase=e=>e.replace(/([A-Z])/g,"-$1").toLowerCase();exports.camelToKebabCase=camelToKebabCase;

package/dist/utils/helper.mjs

@@ -0,0 +1 @@
+const isWindowDefined="undefined"!=typeof window,isDocumentDefined="undefined"!=typeof document;export const isServer=!isWindowDefined||!isDocumentDefined;export const isDevelopment="development"===process.env.NODE_ENV;export const isDevAndTest="development"===process.env.NODE_ENV||"test"===process.env.NODE_ENV;export const isDevServer=isDevelopment&&isServer;const exception=["line-height","font-weight","opacity","scale","z-index","column-count","order","orphans","widows"];export const applyCssValue=(e,o)=>"number"==typeof e?exception.includes(o)?e.toString():e+"px":e;export const camelToKebabCase=e=>e.replace(/([A-Z])/g,"-$1").toLowerCase();

package/dist/utils/inject-client-css.js

@@ -1,47 +1 @@
-import { isServer } from '..';
-const styleSheets = {};
-const hashCache = {};
-export function createStyleElement(hash) {
-    if (document.getElementById(hash))
-        return null;
-    const styleElement = document.createElement('style');
-    styleElement.setAttribute('id', hash);
-    styleElement.setAttribute('type', 'text/css');
-    styleSheets[hash] = styleElement;
-    document.head.appendChild(styleElement);
-    return styleSheets[hash];
-}
-export function injectClientCSS(hash, sheet) {
-    if (isServer)
-        return;
-    requestAnimationFrame(() => {
-        styleCleanUp();
-    });
-    hashCache[hash] = hash;
-    const styleElement = createStyleElement(hash);
-    if (styleElement == null)
-        return;
-    styleElement.textContent = sheet;
-}
-function styleCleanUp() {
-    requestAnimationFrame(() => {
-        for (const hash in hashCache) {
-            const classElements = document.querySelectorAll(`[class*="${hash}"]`);
-            if (classElements.length === 0) {
-                removeStyleElement(hashCache[hash]);
-            }
-        }
-    });
-}
-function removeStyleElement(hash) {
-    if (styleSheets[hash]) {
-        delete styleSheets[hash];
-        if (hashCache.hasOwnProperty.call(hashCache, hash)) {
-            delete hashCache[hash];
-        }
-        const styleElement = document.getElementById(hash);
-        if (styleElement) {
-            document.head.removeChild(styleElement);
-        }
-    }
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createStyleElement=createStyleElement,exports.injectClientCSS=injectClientCSS;const __1=require(".."),styleSheets={},hashCache={};function createStyleElement(e){if(document.getElementById(e))return null;const t=document.createElement("style");return t.setAttribute("id",e),t.setAttribute("type","text/css"),styleSheets[e]=t,document.head.appendChild(t),styleSheets[e]}function injectClientCSS(e,t){if(__1.isServer)return;requestAnimationFrame((()=>{styleCleanUp()})),hashCache[e]=e;const n=createStyleElement(e);null!=n&&(n.textContent=t)}function styleCleanUp(){requestAnimationFrame((()=>{for(const e in hashCache){0===document.querySelectorAll(`[class*="${e}"]`).length&&removeStyleElement(hashCache[e])}}))}function removeStyleElement(e){if(styleSheets[e]){delete styleSheets[e],hashCache.hasOwnProperty.call(hashCache,e)&&delete hashCache[e];const t=document.getElementById(e);t&&document.head.removeChild(t)}}

package/dist/utils/inject-client-css.mjs

@@ -0,0 +1 @@
+import{isServer}from"..";const styleSheets={},hashCache={};export function createStyleElement(e){if(document.getElementById(e))return null;const t=document.createElement("style");return t.setAttribute("id",e),t.setAttribute("type","text/css"),styleSheets[e]=t,document.head.appendChild(t),styleSheets[e]}export function injectClientCSS(e,t){if(isServer)return;requestAnimationFrame((()=>{styleCleanUp()})),hashCache[e]=e;const n=createStyleElement(e);null!=n&&(n.textContent=t)}function styleCleanUp(){requestAnimationFrame((()=>{for(const e in hashCache){0===document.querySelectorAll(`[class*="${e}"]`).length&&removeStyleElement(hashCache[e])}}))}function removeStyleElement(e){if(styleSheets[e]){delete styleSheets[e],hashCache.hasOwnProperty.call(hashCache,e)&&delete hashCache[e];const t=document.getElementById(e);t&&document.head.removeChild(t)}}

package/dist/utils/inject-client-global-css.js

@@ -1,15 +1 @@
-import { isServer } from '..';
-export function injectClientGlobalCSS(sheet, scoped) {
-    if (isServer)
-        return;
-    const existingStyleElement = document.querySelector(`[data-scope="${scoped}"]`);
-    if (existingStyleElement instanceof HTMLStyleElement) {
-        existingStyleElement.textContent += sheet;
-        return;
-    }
-    const styleElement = document.createElement('style');
-    styleElement.setAttribute('data-scope', scoped);
-    styleElement.setAttribute('type', 'text/css');
-    styleElement.textContent = sheet;
-    document.head.appendChild(styleElement);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.injectClientGlobalCSS=injectClientGlobalCSS;const __1=require("..");function injectClientGlobalCSS(e,t){if(__1.isServer)return;const n=document.querySelector(`[data-scope="${t}"]`);if(n instanceof HTMLStyleElement)return void(n.textContent+=e);const o=document.createElement("style");o.setAttribute("data-scope",t),o.setAttribute("type","text/css"),o.textContent=e,document.head.appendChild(o)}

package/dist/utils/inject-client-global-css.mjs

@@ -0,0 +1 @@
+import{isServer}from"..";export function injectClientGlobalCSS(t,e){if(isServer)return;const n=document.querySelector(`[data-scope="${e}"]`);if(n instanceof HTMLStyleElement)return void(n.textContent+=t);const o=document.createElement("style");o.setAttribute("data-scope",e),o.setAttribute("type","text/css"),o.textContent=t,document.head.appendChild(o)}

package/dist/utils/inject-server-css.js

@@ -1,7 +1 @@
-const styleSheets = {};
-export function injectServerCSS(hash, sheet) {
-    styleSheets[hash] = sheet;
-}
-export function getServerCSS() {
-    return Object.values(styleSheets).join('\n');
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.injectServerCSS=injectServerCSS,exports.getServerCSS=getServerCSS;const styleSheets={};function injectServerCSS(e,t){styleSheets[e]=t}function getServerCSS(){return Object.values(styleSheets).join("\n")}

package/dist/utils/inject-server-css.mjs

@@ -0,0 +1 @@
+const styleSheets={};export function injectServerCSS(e,t){styleSheets[e]=t}export function getServerCSS(){return Object.values(styleSheets).join("\n")}

package/dist/utils/transpiler.js

@@ -1,122 +1 @@
-import { camelToKebabCase, applyCssValue } from '..';
-const createKeyframes = (property, content) => {
-    let keyframesRules = `${property} {\n`;
-    for (const key in content) {
-        if (Object.prototype.hasOwnProperty.call(content, key)) {
-            const keyframeValue = content[key];
-            keyframesRules += `  ${key} {\n`;
-            for (const prop in keyframeValue) {
-                if (Object.prototype.hasOwnProperty.call(keyframeValue, prop)) {
-                    const CSSProp = camelToKebabCase(prop);
-                    const value = keyframeValue[prop];
-                    if (typeof value === 'string' || typeof value === 'number') {
-                        const applyValue = applyCssValue(value, CSSProp);
-                        keyframesRules += `    ${CSSProp}: ${applyValue};\n`;
-                    }
-                }
-            }
-            keyframesRules += `  }\n`;
-        }
-    }
-    keyframesRules += `}\n`;
-    return keyframesRules;
-};
-export function transpiler(object, base36Hash, core) {
-    let styleSheet = '';
-    const mediaQueries = [];
-    const classNameType = (property) => {
-        return core === '--global' ? property : `.${property}_${base36Hash}`;
-    };
-    const rules = (indent, rulesValue, property) => {
-        if (typeof property !== 'string')
-            return '';
-        const value = rulesValue[property];
-        const cssProp = camelToKebabCase(property);
-        return `${indent}${cssProp}: ${value};\n`;
-    };
-    const stringConverter = (className, properties, indentLevel = 0) => {
-        const classSelector = {};
-        const indent = ''.repeat(indentLevel);
-        const innerIndent = ' '.repeat(indentLevel + 1);
-        let cssRule = '';
-        for (const property in properties) {
-            if (Object.prototype.hasOwnProperty.call(properties, property)) {
-                const value = properties[property];
-                if (typeof value === 'string' || typeof value === 'number') {
-                    let CSSProp = camelToKebabCase(property);
-                    if (property.startsWith('ms')) {
-                        CSSProp = `-${CSSProp}`;
-                    }
-                    const applyValue = applyCssValue(value, CSSProp);
-                    cssRule += `  ${CSSProp}: ${applyValue};\n`;
-                }
-                else if (!property.startsWith('@')) {
-                    const kebabPseudoSelector = camelToKebabCase(property.replace('&', ''));
-                    const styles = stringConverter(className + kebabPseudoSelector, value, indentLevel);
-                    Object.assign(classSelector, styles);
-                }
-                else if (property.startsWith('@media') || property.startsWith('@container')) {
-                    const mediaRule = property;
-                    let nestedRules = '';
-                    let regularRules = '';
-                    for (const mediaProp in value) {
-                        if (Object.prototype.hasOwnProperty.call(value, mediaProp)) {
-                            const mediaValue = value[mediaProp];
-                            const isColon = mediaProp.startsWith(':');
-                            const isAnd = mediaProp.startsWith('&');
-                            if (isColon || isAnd) {
-                                const kebabMediaProp = camelToKebabCase(mediaProp.replace('&', ''));
-                                let pseudoClassRule = '';
-                                if (typeof mediaValue === 'object' && mediaValue !== null) {
-                                    for (const pseudoProp in mediaValue) {
-                                        if (Object.prototype.hasOwnProperty.call(mediaValue, pseudoProp)) {
-                                            const CSSProp = camelToKebabCase(pseudoProp);
-                                            const applyValue = applyCssValue(mediaValue[pseudoProp], CSSProp);
-                                            pseudoClassRule += rules(innerIndent + '  ', { [pseudoProp]: applyValue }, pseudoProp);
-                                        }
-                                    }
-                                }
-                                nestedRules += `${innerIndent}${className}${kebabMediaProp} {\n${pseudoClassRule}${innerIndent}}\n`;
-                            }
-                            else {
-                                const CSSProp = camelToKebabCase(mediaProp);
-                                const applyValue = applyCssValue(mediaValue, CSSProp);
-                                regularRules += rules(innerIndent + '  ', { [mediaProp]: applyValue }, mediaProp);
-                            }
-                        }
-                    }
-                    if (regularRules) {
-                        mediaQueries.push({
-                            media: mediaRule,
-                            css: `${mediaRule} {\n${innerIndent}${className} {\n${regularRules}  }\n${nestedRules}${indent}}${indent}\n`,
-                        });
-                    }
-                    else {
-                        mediaQueries.push({
-                            media: mediaRule,
-                            css: `${mediaRule} {\n${nestedRules}${indent}}\n`,
-                        });
-                    }
-                }
-            }
-        }
-        classSelector[className] = cssRule;
-        return classSelector;
-    };
-    for (const property in object) {
-        if (property.startsWith('@keyframes')) {
-            const keyframesContent = object[property];
-            styleSheet += createKeyframes(property, keyframesContent);
-        }
-        const classSelectors = stringConverter(classNameType(property), object[property], 1);
-        for (const selector in classSelectors) {
-            if (!selector.startsWith('@keyframes') && classSelectors[selector]) {
-                styleSheet += selector + ' {\n' + classSelectors[selector] + '}\n';
-            }
-        }
-    }
-    mediaQueries.forEach(({ css }) => {
-        styleSheet += css;
-    });
-    return { styleSheet };
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.transpiler=transpiler;const __1=require(".."),createKeyframes=(e,t)=>{let s=`${e} {\n`;for(const e in t)if(Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];s+=`  ${e} {\n`;for(const e in n)if(Object.prototype.hasOwnProperty.call(n,e)){const t=(0,__1.camelToKebabCase)(e),r=n[e];if("string"==typeof r||"number"==typeof r){s+=`    ${t}: ${(0,__1.applyCssValue)(r,t)};\n`}}s+="  }\n"}return s+="}\n",s};function transpiler(e,t,s){let n="";const r=[],a=e=>"--global"===s?e:`.${e}_${t}`,o=(e,t,s)=>{if("string"!=typeof s)return"";const n=t[s];return`${e}${(0,__1.camelToKebabCase)(s)}: ${n};\n`},c=(e,t,s=0)=>{const n={},a="".repeat(s),l=" ".repeat(s+1);let i="";for(const p in t)if(Object.prototype.hasOwnProperty.call(t,p)){const f=t[p];if("string"==typeof f||"number"==typeof f){let e=(0,__1.camelToKebabCase)(p);p.startsWith("ms")&&(e=`-${e}`);i+=`  ${e}: ${(0,__1.applyCssValue)(f,e)};\n`}else if(p.startsWith("@")){if(p.startsWith("@media")||p.startsWith("@container")){const t=p;let s="",n="";for(const t in f)if(Object.prototype.hasOwnProperty.call(f,t)){const r=f[t],a=t.startsWith(":"),c=t.startsWith("&");if(a||c){const n=(0,__1.camelToKebabCase)(t.replace("&",""));let a="";if("object"==typeof r&&null!==r)for(const e in r)if(Object.prototype.hasOwnProperty.call(r,e)){const t=(0,__1.camelToKebabCase)(e),s=(0,__1.applyCssValue)(r[e],t);a+=o(l+"  ",{[e]:s},e)}s+=`${l}${e}${n} {\n${a}${l}}\n`}else{const e=(0,__1.camelToKebabCase)(t),s=(0,__1.applyCssValue)(r,e);n+=o(l+"  ",{[t]:s},t)}}n?r.push({media:t,css:`${t} {\n${l}${e} {\n${n}  }\n${s}${a}}${a}\n`}):r.push({media:t,css:`${t} {\n${s}${a}}\n`})}}else{const t=(0,__1.camelToKebabCase)(p.replace("&","")),r=c(e+t,f,s);Object.assign(n,r)}}return n[e]=i,n};for(const t in e){if(t.startsWith("@keyframes")){const s=e[t];n+=createKeyframes(t,s)}const s=c(a(t),e[t],1);for(const e in s)!e.startsWith("@keyframes")&&s[e]&&(n+=e+" {\n"+s[e]+"}\n")}return r.forEach((({css:e})=>{n+=e})),{styleSheet:n}}

package/dist/utils/transpiler.mjs

@@ -0,0 +1 @@
+import{camelToKebabCase,applyCssValue}from"..";const createKeyframes=(e,t)=>{let s=`${e} {\n`;for(const e in t)if(Object.prototype.hasOwnProperty.call(t,e)){const a=t[e];s+=`  ${e} {\n`;for(const e in a)if(Object.prototype.hasOwnProperty.call(a,e)){const t=camelToKebabCase(e),n=a[e];if("string"==typeof n||"number"==typeof n){s+=`    ${t}: ${applyCssValue(n,t)};\n`}}s+="  }\n"}return s+="}\n",s};export function transpiler(e,t,s){let a="";const n=[],o=e=>"--global"===s?e:`.${e}_${t}`,r=(e,t,s)=>{if("string"!=typeof s)return"";const a=t[s];return`${e}${camelToKebabCase(s)}: ${a};\n`},c=(e,t,s=0)=>{const a={},o="".repeat(s),l=" ".repeat(s+1);let p="";for(const i in t)if(Object.prototype.hasOwnProperty.call(t,i)){const f=t[i];if("string"==typeof f||"number"==typeof f){let e=camelToKebabCase(i);i.startsWith("ms")&&(e=`-${e}`);p+=`  ${e}: ${applyCssValue(f,e)};\n`}else if(i.startsWith("@")){if(i.startsWith("@media")||i.startsWith("@container")){const t=i;let s="",a="";for(const t in f)if(Object.prototype.hasOwnProperty.call(f,t)){const n=f[t],o=t.startsWith(":"),c=t.startsWith("&");if(o||c){const a=camelToKebabCase(t.replace("&",""));let o="";if("object"==typeof n&&null!==n)for(const e in n)if(Object.prototype.hasOwnProperty.call(n,e)){const t=camelToKebabCase(e),s=applyCssValue(n[e],t);o+=r(l+"  ",{[e]:s},e)}s+=`${l}${e}${a} {\n${o}${l}}\n`}else{const e=camelToKebabCase(t),s=applyCssValue(n,e);a+=r(l+"  ",{[t]:s},t)}}a?n.push({media:t,css:`${t} {\n${l}${e} {\n${a}  }\n${s}${o}}${o}\n`}):n.push({media:t,css:`${t} {\n${s}${o}}\n`})}}else{const t=camelToKebabCase(i.replace("&","")),n=c(e+t,f,s);Object.assign(a,n)}}return a[e]=p,a};for(const t in e){if(t.startsWith("@keyframes")){const s=e[t];a+=createKeyframes(t,s)}const s=c(o(t),e[t],1);for(const e in s)!e.startsWith("@keyframes")&&s[e]&&(a+=e+" {\n"+s[e]+"}\n")}return n.forEach((({css:e})=>{a+=e})),{styleSheet:a}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Zero-runtime Style Sheet Engine",
   "keywords": [
     "zero-runtime",
@@ -11,13 +11,37 @@
   "author": "Refirst",
   "repository": "github:zss-in-js/zss-engine",
   "license": "MIT",
+  "sideEffects": false,
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.js"
+    }
+  },
   "main": "dist/index.js",
-  "typings": "dist/index.d.ts",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "pnpm build:mjs && pnpm cjs && pnpm minify",
+    "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\" -c -m -o \"$file\"; done",
+    "test": "jest"
+  },
   "dependencies": {
     "csstype": "^3.1.3"
   },
   "devDependencies": {
+    "@swc/core": "^1.7.42",
+    "@swc/jest": "^0.2.37",
+    "@types/jest": "^29.5.14",
     "@types/node": "^22.8.5",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "terser": "^5.39.0",
     "typescript": "^5.6.3"
   }
 }