zss-engine 2.2.6 → 2.2.8

package/dist/cjs/index.js

@@ -1,10 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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; } });
-Object.defineProperty(exports, "isTestingDevelopment", { enumerable: true, get: function () { return helper_js_1.isTestingDevelopment; } });
+exports.exceptionCamelCase = exports.applyCssValue = exports.camelToKebabCase = exports.overrideLonghand = exports.processAtomicProps = exports.splitAtomicAndNested = exports.transpileAtomic = exports.transpile = exports.genBase36Hash = void 0;
 var hash_js_1 = require("./utils/hash.js");
 Object.defineProperty(exports, "genBase36Hash", { enumerable: true, get: function () { return hash_js_1.genBase36Hash; } });
 var transpile_js_1 = require("./utils/transpile.js");
@@ -16,7 +12,7 @@ Object.defineProperty(exports, "splitAtomicAndNested", { enumerable: true, get:
 Object.defineProperty(exports, "processAtomicProps", { enumerable: true, get: function () { return processor_atomic_js_1.processAtomicProps; } });
 var override_longhand_js_1 = require("./utils/override-longhand.js");
 Object.defineProperty(exports, "overrideLonghand", { enumerable: true, get: function () { return override_longhand_js_1.overrideLonghand; } });
-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; } });
+var helper_js_1 = require("./utils/helper.js");
+Object.defineProperty(exports, "camelToKebabCase", { enumerable: true, get: function () { return helper_js_1.camelToKebabCase; } });
+Object.defineProperty(exports, "applyCssValue", { enumerable: true, get: function () { return helper_js_1.applyCssValue; } });
+Object.defineProperty(exports, "exceptionCamelCase", { enumerable: true, get: function () { return helper_js_1.exceptionCamelCase; } });

package/dist/cjs/utils/helper.js

@@ -1,12 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.camelToKebabCase = exports.applyCssValue = exports.exceptionCamelCase = exports.isTestingDevelopment = exports.isDevelopment = exports.isServer = void 0;
+exports.camelToKebabCase = exports.applyCssValue = exports.exceptionCamelCase = 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';
-exports.isServer = !isWindowDefined || !isDocumentDefined;
-exports.isDevelopment = process.env.NODE_ENV === 'development';
-exports.isTestingDevelopment = process.env.NODE_ENV === 'test' || exports.isDevelopment;
 const exception = [
     'animation-iteration-count',
     'aspect-ratio',

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

@@ -1,4 +1,3 @@
-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';

package/dist/esm/utils/helper.js

@@ -1,9 +1,4 @@
 import { hexToColorName } from './hex-to-color-name.js';
-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 isTestingDevelopment = process.env.NODE_ENV === 'test' || isDevelopment;
 const exception = [
     'animation-iteration-count',
     'aspect-ratio',

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,8 +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';
+export type { CSSProperties } from './types/css-properties.js';
 export { genBase36Hash } from './utils/hash.js';
 export { transpile } from './utils/transpile.js';
 export { transpileAtomic } from './utils/transpile-atomic.js';

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

@@ -0,0 +1,23 @@
+import type { Properties } from 'csstype';
+type CSSVariableKey = `--${string}`;
+type CSSVariableValue = `var(${CSSVariableKey})`;
+type CSSVariableProperty = {
+    [key: CSSVariableKey]: string | number;
+};
+type BaseCSSProperties = {
+    [K in keyof Properties]: Properties[K] | CSSVariableValue;
+};
+type ArrayString = `[${string}`;
+type ArraySelector = {
+    [key in ArrayString]: BaseCSSProperties | CSSVariableProperty;
+};
+type ColonString = `:${string}`;
+type ColonSelector = {
+    [key in ColonString]: BaseCSSProperties | CSSVariableProperty;
+};
+type Query = `@media ${string}` | `@container ${string}`;
+type QuerySelector = {
+    [K in Query]: BaseCSSProperties | ColonSelector | ArraySelector | CSSVariableProperty;
+};
+export type CSSProperties = BaseCSSProperties | ArraySelector | ColonSelector | QuerySelector | CSSVariableProperty;
+export {};

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

@@ -1,6 +1,3 @@
-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/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/dist/types/utils/transpile.d.ts

@@ -1,4 +1,4 @@
-import type { CSSHTML } from '../types/main/global.js';
-export declare function transpile(object: CSSHTML, base36Hash?: string, core?: string): {
+import type { CSSProperties } from '../types/css-properties.js';
+export declare function transpile(object: Record<string, CSSProperties>, base36Hash?: string, core?: string): {
     styleSheet: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "2.2.6",
+  "version": "2.2.8",
   "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/cjs/types/main/global.js

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

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

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

package/dist/cjs/types/main/viewTransition.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/esm/types/main/global.js

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

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

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

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

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

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

@@ -1,46 +0,0 @@
-import type { CSSVariableValue, CSSVariableProperty } from '../main/variableTypes';
-import type { Properties, Property } from 'csstype';
-type ColorValue = Exclude<Property.Color, '-moz-initial'> | (string & {});
-type CSSColorProperty = Exclude<ColorValue, SystemColorKeyword>;
-type SystemColorKeyword = 'ActiveBorder' | 'ActiveCaption' | 'AppWorkspace' | 'Background' | 'ButtonFace' | 'ButtonHighlight' | 'ButtonShadow' | 'ButtonText' | 'CaptionText' | 'GrayText' | 'Highlight' | 'HighlightText' | 'InactiveBorder' | 'InactiveCaption' | 'InactiveCaptionText' | 'InfoBackground' | 'InfoText' | 'Menu' | 'MenuText' | 'Scrollbar' | 'ThreeDDarkShadow' | 'ThreeDFace' | 'ThreeDHighlight' | 'ThreeDLightShadow' | 'ThreeDShadow' | 'Window' | 'WindowFrame' | 'WindowText';
-type ExcludeMozInitial<T> = Exclude<T, '-moz-initial'>;
-type CSSTypeProperties = Properties<number | (string & {})>;
-type CustomProperties = {
-    [K in keyof CSSTypeProperties]: ExcludeMozInitial<CSSTypeProperties[K]>;
-};
-type BaseCSSProperties = {
-    [K in keyof CustomProperties]: CustomProperties[K] | CSSVariableValue;
-};
-interface CommonProperties extends BaseCSSProperties {
-    accentColor?: CSSColorProperty;
-    color?: CSSColorProperty;
-    borderLeftColor?: CSSColorProperty;
-    borderRightColor?: CSSColorProperty;
-    borderTopColor?: CSSColorProperty;
-    borderBottomColor?: CSSColorProperty;
-    borderBlockColor?: CSSColorProperty;
-    borderBlockStartColor?: CSSColorProperty;
-    borderBlockEndColor?: CSSColorProperty;
-    borderInlineColor?: CSSColorProperty;
-    borderInlineStartColor?: CSSColorProperty;
-    borderInlineEndColor?: CSSColorProperty;
-    backgroundColor?: CSSColorProperty;
-    outlineColor?: CSSColorProperty;
-    textDecorationColor?: CSSColorProperty;
-    caretColor?: CSSColorProperty;
-    columnRuleColor?: CSSColorProperty;
-}
-type ArrayString = `[${string}`;
-type ArraySelector = {
-    [key in ArrayString]: CommonProperties | CSSVariableProperty;
-};
-type ColonString = `:${string}`;
-type ColonSelector = {
-    [key in ColonString]: CommonProperties | CSSVariableProperty;
-};
-export type Query = `@media ${string}` | `@container ${string}`;
-type QuerySelector = {
-    [K in Query]: CommonProperties | ColonSelector | ArraySelector | CSSVariableProperty;
-};
-export type CSSProperties = CommonProperties | ArraySelector | ColonSelector | QuerySelector | CSSVariableProperty;
-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;
-};

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

@@ -1,37 +0,0 @@
-import type { CSSProperties, Query } from '../common/css-properties';
-type JSXType = keyof HTMLElementTagNameMap | '*' | ':root';
-type HTMLSelector = {
-    [K in JSXType]: CSSProperties;
-};
-type ClassName = `.${string}`;
-type ClassNameSelector = {
-    [K in ClassName]: CSSProperties;
-};
-type Attribute = `${string}[${string}]${string}`;
-type AttributeSelector = {
-    [K in Attribute]: CSSProperties;
-};
-type Consecutive = `${JSXType} ${string}`;
-type ConsecutiveSelector = {
-    [K in Consecutive]: CSSProperties;
-};
-type PseudoClass = `${JSXType}:${string}`;
-type PseudoClassSelector = {
-    [K in PseudoClass]: CSSProperties;
-};
-type PseudoElement = `::${string}`;
-type PseudoElementSelector = {
-    [K in PseudoElement]: CSSProperties;
-};
-type KeyframesInSelector = 'from' | 'to' | `${number}%`;
-export type Keyframes = {
-    [K in KeyframesInSelector]?: CSSProperties;
-};
-type KeyframesSelector = {
-    [K in `@keyframes ${string}`]: Keyframes;
-};
-type QuerySelectorHTML = {
-    [K in Query]: CSSHTML;
-};
-export type CSSHTML = HTMLSelector | ClassNameSelector | AttributeSelector | ConsecutiveSelector | PseudoClassSelector | PseudoElementSelector | KeyframesSelector | QuerySelectorHTML;
-export {};

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

@@ -1,7 +0,0 @@
-type CSSVariableKey = `--${string}`;
-export type CSSVariableValue = `var(${CSSVariableKey})`;
-export type CSSVariableProperty = {
-    [key: CSSVariableKey]: string | number;
-};
-export type CreateTheme = Record<string, Record<string, string | number>>;
-export {};

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

@@ -1,7 +0,0 @@
-import { CSSProperties } from '../common/css-properties';
-export type ViewTransition = {
-    group?: CSSProperties;
-    imagePair?: CSSProperties;
-    new?: CSSProperties;
-    old?: CSSProperties;
-};