zss-engine 1.0.0 → 1.2.0

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyCssValue = exports.camelToKebabCase = exports.build = exports.overrideLonghand = exports.processAtomicProps = exports.splitAtomicAndNested = exports.transformNestedSelectors = exports.transpileAtomic = exports.transpile = exports.genBase36Hash = exports.isTestingDevelopment = exports.isDevelopment = exports.isServer = void 0;
+exports.applyCssValue = exports.camelToKebabCase = exports.build = exports.overrideLonghand = exports.processAtomicProps = exports.splitAtomicAndNested = exports.transpileAtomic = exports.transpile = exports.genBase36Hash = exports.isTestingDevelopment = exports.isDevelopment = exports.isServer = void 0;
 var helper_js_1 = require("./utils/helper.js");
 Object.defineProperty(exports, "isServer", { enumerable: true, get: function () { return helper_js_1.isServer; } });
 Object.defineProperty(exports, "isDevelopment", { enumerable: true, get: function () { return helper_js_1.isDevelopment; } });
@@ -11,8 +11,6 @@ var transpile_js_1 = require("./utils/transpile.js");
 Object.defineProperty(exports, "transpile", { enumerable: true, get: function () { return transpile_js_1.transpile; } });
 var transpile_atomic_js_1 = require("./utils/transpile-atomic.js");
 Object.defineProperty(exports, "transpileAtomic", { enumerable: true, get: function () { return transpile_atomic_js_1.transpileAtomic; } });
-var transform_nested_selectors_js_1 = require("./utils/transform-nested-selectors.js");
-Object.defineProperty(exports, "transformNestedSelectors", { enumerable: true, get: function () { return transform_nested_selectors_js_1.transformNestedSelectors; } });
 var processor_atomic_js_1 = require("./utils/processor-atomic.js");
 Object.defineProperty(exports, "splitAtomicAndNested", { enumerable: true, get: function () { return processor_atomic_js_1.splitAtomicAndNested; } });
 Object.defineProperty(exports, "processAtomicProps", { enumerable: true, get: function () { return processor_atomic_js_1.processAtomicProps; } });

package/dist/cjs/utils/processor-atomic.js

@@ -29,11 +29,11 @@ Object.entries(shorthand_js_1.SHORTHAND_PROPERTIES).forEach(([shorthand, longhan
         LONG_TO_SHORT[long] = shorthand;
     });
 });
-function processAtomicProps(flatProps, atomicHashes, allStyleSheets, parentAtRule) {
+function processAtomicProps(flatProps, atomicMap, parentAtRule) {
     const resultQueue = [];
     for (const [property, value] of Object.entries(flatProps)) {
         if (property.startsWith('@media') || property.startsWith('@container')) {
-            processAtomicProps(value, atomicHashes, allStyleSheets, property);
+            processAtomicProps(value, atomicMap, property);
             continue;
         }
         resultQueue.push([property, value]);
@@ -44,13 +44,12 @@ function processAtomicProps(flatProps, atomicHashes, allStyleSheets, parentAtRul
         const singlePropObj = { [property]: normalizedValue };
         const styleObj = parentAtRule ? { [parentAtRule]: singlePropObj } : singlePropObj;
         const atomicHash = (0, index_js_1.genBase36Hash)(styleObj, 1, 8);
-        if (atomicHashes.has(atomicHash))
+        if (atomicMap.has(atomicHash))
             continue;
-        atomicHashes.add(atomicHash);
         let styleSheet = (0, index_js_1.transpileAtomic)(property, value, atomicHash);
         if (parentAtRule) {
             styleSheet = `${parentAtRule} { ${styleSheet} }`;
         }
-        allStyleSheets.add(styleSheet + '\n');
+        atomicMap.set(atomicHash, styleSheet + '\n');
     }
 }

package/dist/esm/index.js

@@ -2,7 +2,6 @@ export { isServer, isDevelopment, isTestingDevelopment } from './utils/helper.js
 export { genBase36Hash } from './utils/hash.js';
 export { transpile } from './utils/transpile.js';
 export { transpileAtomic } from './utils/transpile-atomic.js';
-export { transformNestedSelectors } from './utils/transform-nested-selectors.js';
 export { splitAtomicAndNested, processAtomicProps } from './utils/processor-atomic.js';
 export { overrideLonghand } from './utils/override-longhand.js';
 export { build } from './utils/build.js';

package/dist/esm/utils/processor-atomic.js

@@ -25,11 +25,11 @@ Object.entries(SHORTHAND_PROPERTIES).forEach(([shorthand, longhands]) => {
         LONG_TO_SHORT[long] = shorthand;
     });
 });
-function processAtomicProps(flatProps, atomicHashes, allStyleSheets, parentAtRule) {
+function processAtomicProps(flatProps, atomicMap, parentAtRule) {
     const resultQueue = [];
     for (const [property, value] of Object.entries(flatProps)) {
         if (property.startsWith('@media') || property.startsWith('@container')) {
-            processAtomicProps(value, atomicHashes, allStyleSheets, property);
+            processAtomicProps(value, atomicMap, property);
             continue;
         }
         resultQueue.push([property, value]);
@@ -40,14 +40,13 @@ function processAtomicProps(flatProps, atomicHashes, allStyleSheets, parentAtRul
         const singlePropObj = { [property]: normalizedValue };
         const styleObj = parentAtRule ? { [parentAtRule]: singlePropObj } : singlePropObj;
         const atomicHash = genBase36Hash(styleObj, 1, 8);
-        if (atomicHashes.has(atomicHash))
+        if (atomicMap.has(atomicHash))
             continue;
-        atomicHashes.add(atomicHash);
         let styleSheet = transpileAtomic(property, value, atomicHash);
         if (parentAtRule) {
             styleSheet = `${parentAtRule} { ${styleSheet} }`;
         }
-        allStyleSheets.add(styleSheet + '\n');
+        atomicMap.set(atomicHash, styleSheet + '\n');
     }
 }
 export { splitAtomicAndNested, processAtomicProps };

package/dist/types/index.d.ts

@@ -1,13 +1,12 @@
 export type { CSSProperties } from './types/common/css-properties';
 export type { CreateStyleType, ReturnType, CreateStyle } from './types/main/create';
 export type { CSSHTML, CreateKeyframes } from './types/main/global';
-export type { CreateValues, CreateTokens, ReturnVariableType, RxVariableSet, ReturnRx } from './types/main/variableTypes';
+export type { CreateTheme, CreateValues, ReturnVariableType, XVariableSet, ReturnX } from './types/main/variableTypes';
 export type { ViewTransitionOptions } from './types/main/viewTransitionOptions';
 export { isServer, isDevelopment, isTestingDevelopment } from './utils/helper.js';
 export { genBase36Hash } from './utils/hash.js';
 export { transpile } from './utils/transpile.js';
 export { transpileAtomic } from './utils/transpile-atomic.js';
-export { transformNestedSelectors } from './utils/transform-nested-selectors.js';
 export { splitAtomicAndNested, processAtomicProps } from './utils/processor-atomic.js';
 export { overrideLonghand } from './utils/override-longhand.js';
 export { build } from './utils/build.js';

package/dist/types/types/main/variableTypes.d.ts

@@ -4,14 +4,14 @@ export type CSSVariableProperty = {
     [key: CSSVariableKey]: string | number;
 };
 export type CreateValues = Record<string, string | number>;
-export type CreateTokens = Record<string, Record<string, string | number>>;
+export type CreateTheme = Record<string, Record<string, string | number>>;
 export type ReturnVariableType<T> = {
     [K in keyof T]: CSSVariableValue;
 };
-export type RxVariableSet = {
+export type XVariableSet = {
     [key: CSSVariableKey]: string;
 };
-export type ReturnRx = {
+export type ReturnX = {
     className: string;
     style: {
         [k: string]: string;

package/dist/types/utils/processor-atomic.d.ts

@@ -1,4 +1,4 @@
 import type { CSSProperties, CreateStyle } from '../index.js';
 declare function splitAtomicAndNested(obj: CSSProperties, flat: CreateStyle, nonFlat: CreateStyle): void;
-declare function processAtomicProps(flatProps: CSSProperties, atomicHashes: Set<string>, allStyleSheets: Set<string>, parentAtRule?: string): void;
+declare function processAtomicProps(flatProps: CSSProperties, atomicMap: Map<string, string>, parentAtRule?: string): void;
 export { splitAtomicAndNested, processAtomicProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "Zero-runtime StyleSheet Engine",
   "funding": "https://github.com/sponsors/refirst11",
   "author": "Refirst 11",

package/dist/cjs/utils/transform-nested-selectors.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transformNestedSelectors = transformNestedSelectors;
-function transformNestedSelectors(nonFlat) {
-    const modNonFlat = {};
-    Object.entries(nonFlat).forEach(([atRule, nestedObj]) => {
-        if (atRule.startsWith(':') || atRule.startsWith('&')) {
-            modNonFlat[`:not(#\\#)${atRule}`] = nestedObj;
-        }
-        else {
-            modNonFlat[atRule] = nestedObj;
-        }
-    });
-    return modNonFlat;
-}

package/dist/esm/utils/transform-nested-selectors.js

@@ -1,12 +0,0 @@
-export function transformNestedSelectors(nonFlat) {
-    const modNonFlat = {};
-    Object.entries(nonFlat).forEach(([atRule, nestedObj]) => {
-        if (atRule.startsWith(':') || atRule.startsWith('&')) {
-            modNonFlat[`:not(#\\#)${atRule}`] = nestedObj;
-        }
-        else {
-            modNonFlat[atRule] = nestedObj;
-        }
-    });
-    return modNonFlat;
-}

package/dist/types/utils/transform-nested-selectors.d.ts

@@ -1,2 +0,0 @@
-import { CreateStyle } from '../types/main/create.js';
-export declare function transformNestedSelectors(nonFlat: CreateStyle): CreateStyle;