zss-engine 2.2.5 → 2.2.7

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyCssValue = exports.camelToKebabCase = exports.overrideLonghand = exports.processAtomicProps = exports.splitAtomicAndNested = exports.transpileAtomic = exports.transpile = exports.genBase36Hash = exports.isTestingDevelopment = exports.isDevelopment = exports.isServer = void 0;
+exports.exceptionCamelCase = exports.applyCssValue = exports.camelToKebabCase = 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; } });
@@ -19,3 +19,4 @@ Object.defineProperty(exports, "overrideLonghand", { enumerable: true, get: func
 var helper_js_2 = require("./utils/helper.js");
 Object.defineProperty(exports, "camelToKebabCase", { enumerable: true, get: function () { return helper_js_2.camelToKebabCase; } });
 Object.defineProperty(exports, "applyCssValue", { enumerable: true, get: function () { return helper_js_2.applyCssValue; } });
+Object.defineProperty(exports, "exceptionCamelCase", { enumerable: true, get: function () { return helper_js_2.exceptionCamelCase; } });

package/dist/cjs/utils/helper.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.camelToKebabCase = exports.applyCssValue = exports.isTestingDevelopment = exports.isDevelopment = exports.isServer = void 0;
+exports.camelToKebabCase = exports.applyCssValue = exports.exceptionCamelCase = exports.isTestingDevelopment = exports.isDevelopment = exports.isServer = void 0;
 const hex_to_color_name_js_1 = require("./hex-to-color-name.js");
 const isWindowDefined = typeof window !== 'undefined';
 const isDocumentDefined = typeof document !== 'undefined';
@@ -42,6 +42,7 @@ const exception = [
     'z-index',
     'zoom',
 ];
+exports.exceptionCamelCase = exception.map(prop => prop.replace(/-([a-z])/g, (_, char) => char.toUpperCase()));
 const convertHexToColorName = (value) => {
     return value.replace(/#[0-9a-fA-F]{3,6}\b/g, match => {
         return hex_to_color_name_js_1.hexToColorName[match.toLowerCase()] || match;

package/dist/cjs/utils/override-longhand.js

@@ -32,15 +32,16 @@ const overrideLonghand = (style) => {
         }
     }
     const finalStyle = {};
+    const queryStyle = style;
     for (const prop of props) {
         if (propsToRemove.has(prop)) {
             continue;
         }
         if (prop.startsWith('@')) {
-            finalStyle[prop] = (0, exports.overrideLonghand)(style[prop]);
+            finalStyle[prop] = (0, exports.overrideLonghand)(queryStyle[prop]);
         }
         else {
-            finalStyle[prop] = style[prop];
+            finalStyle[prop] = queryStyle[prop];
         }
     }
     return finalStyle;

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

@@ -5,21 +5,23 @@ exports.processAtomicProps = processAtomicProps;
 const index_js_1 = require("../index.js");
 const shorthand_js_1 = require("./shorthand.js");
 function splitAtomicAndNested(obj, flat, nonFlat) {
+    const queryFlat = flat;
+    const queryNonFlat = nonFlat;
     Object.entries(obj).forEach(([property, value]) => {
         if (property.startsWith(':') || property.startsWith('[')) {
-            nonFlat[property] = value;
+            queryNonFlat[property] = value;
         }
         else if (property.startsWith('@media') || property.startsWith('@container')) {
             const innerFlat = {};
             const innerNonFlat = {};
             splitAtomicAndNested(value, innerFlat, innerNonFlat);
             if (Object.keys(innerFlat).length)
-                flat[property] = innerFlat;
+                queryFlat[property] = innerFlat;
             if (Object.keys(innerNonFlat).length)
-                nonFlat[property] = innerNonFlat;
+                queryNonFlat[property] = innerNonFlat;
         }
         else {
-            flat[property] = value;
+            queryFlat[property] = value;
         }
     });
 }
@@ -31,12 +33,12 @@ Object.entries(shorthand_js_1.SHORTHAND_PROPERTIES).forEach(([shorthand, longhan
 });
 function processAtomicProps(flatProps, atomicMap, parentAtRule) {
     const resultQueue = [];
-    for (const [property, value] of Object.entries(flatProps)) {
-        if (property.startsWith('@media') || property.startsWith('@container')) {
-            processAtomicProps(value, atomicMap, property);
+    for (const [key, style] of Object.entries(flatProps)) {
+        if (key.startsWith('@media') || key.startsWith('@container')) {
+            processAtomicProps(style, atomicMap, key);
             continue;
         }
-        resultQueue.push([property, value]);
+        resultQueue.push([key, style]);
     }
     for (const [property, value] of resultQueue) {
         const CSSProp = (0, index_js_1.camelToKebabCase)(property);

package/dist/esm/index.js

@@ -4,4 +4,4 @@ export { transpile } from './utils/transpile.js';
 export { transpileAtomic } from './utils/transpile-atomic.js';
 export { splitAtomicAndNested, processAtomicProps } from './utils/processor-atomic.js';
 export { overrideLonghand } from './utils/override-longhand.js';
-export { camelToKebabCase, applyCssValue } from './utils/helper.js';
+export { camelToKebabCase, applyCssValue, exceptionCamelCase } from './utils/helper.js';

package/dist/esm/utils/helper.js

@@ -39,6 +39,7 @@ const exception = [
     'z-index',
     'zoom',
 ];
+export const exceptionCamelCase = exception.map(prop => prop.replace(/-([a-z])/g, (_, char) => char.toUpperCase()));
 const convertHexToColorName = (value) => {
     return value.replace(/#[0-9a-fA-F]{3,6}\b/g, match => {
         return hexToColorName[match.toLowerCase()] || match;

package/dist/esm/utils/override-longhand.js

@@ -29,15 +29,16 @@ export const overrideLonghand = (style) => {
         }
     }
     const finalStyle = {};
+    const queryStyle = style;
     for (const prop of props) {
         if (propsToRemove.has(prop)) {
             continue;
         }
         if (prop.startsWith('@')) {
-            finalStyle[prop] = overrideLonghand(style[prop]);
+            finalStyle[prop] = overrideLonghand(queryStyle[prop]);
         }
         else {
-            finalStyle[prop] = style[prop];
+            finalStyle[prop] = queryStyle[prop];
         }
     }
     return finalStyle;

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

@@ -1,21 +1,23 @@
 import { camelToKebabCase, genBase36Hash, applyCssValue, transpileAtomic } from '../index.js';
 import { SHORTHAND_PROPERTIES } from './shorthand.js';
 function splitAtomicAndNested(obj, flat, nonFlat) {
+    const queryFlat = flat;
+    const queryNonFlat = nonFlat;
     Object.entries(obj).forEach(([property, value]) => {
         if (property.startsWith(':') || property.startsWith('[')) {
-            nonFlat[property] = value;
+            queryNonFlat[property] = value;
         }
         else if (property.startsWith('@media') || property.startsWith('@container')) {
             const innerFlat = {};
             const innerNonFlat = {};
             splitAtomicAndNested(value, innerFlat, innerNonFlat);
             if (Object.keys(innerFlat).length)
-                flat[property] = innerFlat;
+                queryFlat[property] = innerFlat;
             if (Object.keys(innerNonFlat).length)
-                nonFlat[property] = innerNonFlat;
+                queryNonFlat[property] = innerNonFlat;
         }
         else {
-            flat[property] = value;
+            queryFlat[property] = value;
         }
     });
 }
@@ -27,12 +29,12 @@ Object.entries(SHORTHAND_PROPERTIES).forEach(([shorthand, longhands]) => {
 });
 function processAtomicProps(flatProps, atomicMap, parentAtRule) {
     const resultQueue = [];
-    for (const [property, value] of Object.entries(flatProps)) {
-        if (property.startsWith('@media') || property.startsWith('@container')) {
-            processAtomicProps(value, atomicMap, property);
+    for (const [key, style] of Object.entries(flatProps)) {
+        if (key.startsWith('@media') || key.startsWith('@container')) {
+            processAtomicProps(style, atomicMap, key);
             continue;
         }
-        resultQueue.push([property, value]);
+        resultQueue.push([key, style]);
     }
     for (const [property, value] of resultQueue) {
         const CSSProp = camelToKebabCase(property);

package/dist/types/index.d.ts

@@ -1,5 +1,4 @@
 export type { CSSProperties } from './types/common/css-properties';
-export type { CreateStyle } from './types/main/create';
 export type { CreateTheme } from './types/main/variableTypes';
 export type { ViewTransition } from './types/main/viewTransition';
 export { isServer, isDevelopment, isTestingDevelopment } from './utils/helper.js';
@@ -8,4 +7,4 @@ export { transpile } from './utils/transpile.js';
 export { transpileAtomic } from './utils/transpile-atomic.js';
 export { splitAtomicAndNested, processAtomicProps } from './utils/processor-atomic.js';
 export { overrideLonghand } from './utils/override-longhand.js';
-export { camelToKebabCase, applyCssValue } from './utils/helper.js';
+export { camelToKebabCase, applyCssValue, exceptionCamelCase } from './utils/helper.js';

package/dist/types/utils/helper.d.ts

@@ -1,5 +1,6 @@
 export declare const isServer: boolean;
 export declare const isDevelopment: boolean;
 export declare const isTestingDevelopment: boolean;
+export declare const exceptionCamelCase: string[];
 export declare const applyCssValue: (value: string | number, cssProp: string) => string;
 export declare const camelToKebabCase: (property: string) => string;

package/dist/types/utils/override-longhand.d.ts

@@ -1,2 +1,2 @@
-import type { CreateStyle } from '../types/main/create.js';
-export declare const overrideLonghand: (style: CreateStyle) => CreateStyle;
+import { CSSProperties } from '../types/common/css-properties.js';
+export declare const overrideLonghand: (style: CSSProperties) => CSSProperties;

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;
+import type { CSSProperties } from '../index.js';
+declare function splitAtomicAndNested(obj: CSSProperties, flat: CSSProperties, nonFlat: CSSProperties): 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": "2.2.5",
+  "version": "2.2.7",
   "description": "A CSS-in-JS transpiler engine for building zero-runtime stylesheets at build time.",
   "funding": "https://github.com/sponsors/refirst11",
   "author": "Refirst 11",
@@ -51,13 +51,13 @@
     "csstype": "3.2.3"
   },
   "devDependencies": {
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.18.10",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^25.6.0",
+    "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.3.0",
     "rimraf": "^6.1.2",
-    "ts-jest": "^29.4.5",
-    "typescript": "^5.9.3"
+    "ts-jest": "^29.4.9",
+    "typescript": "^6.0.2"
   },
   "publishConfig": {
     "access": "public",

package/dist/cjs/types/main/create.js

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

package/dist/esm/types/main/create.js

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

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

@@ -1,4 +0,0 @@
-import type { CSSProperties } from '../common/css-properties';
-export type CreateStyle = {
-    [key: string]: CSSProperties;
-};