zss-engine 0.2.44 → 0.2.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "0.2.44",
+  "version": "0.2.46",
   "description": "Zero-runtime StyleSheet Engine",
   "keywords": [
     "zero-runtime",

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

@@ -38,9 +38,9 @@ type ColonString = `:${string}`;
 type ColonSelector = {
     [key in ColonString]: CommonProperties;
 };
-export type MediaQuery = `@media ${string}`;
-type MediaQuerySelector = {
-    [K in MediaQuery]: CommonProperties | ColonSelector | AndSelector;
+export type Query = `@media ${string}` | `@container ${string}`;
+type QuerySelector = {
+    [K in Query]: CommonProperties | ColonSelector | AndSelector;
 };
-export type CSSProperties = CommonProperties | AndSelector | ColonSelector | MediaQuerySelector | CSSVariableProperty;
+export type CSSProperties = CommonProperties | AndSelector | ColonSelector | QuerySelector | CSSVariableProperty;
 export {};

package/types/types/common/properties.d.ts

@@ -0,0 +1,5 @@
+type PropertyValue = string | number | Properties;
+export type Properties = {
+    [key: string]: PropertyValue;
+};
+export {};

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

@@ -5,6 +5,12 @@ export type CreateStyleType<T> = {
 export type CreateStyle = {
     [key: string]: CSSProperties;
 };
+type Selector<Properties> = {
+    readonly properties: Properties;
+};
 export type ReturnType<T> = {
-    [K in keyof T]: Readonly<T[K]>;
+    [K in keyof T]: Readonly<{
+        [P in keyof T[K]]: P extends `@media ${string}` | `@container ${string}` | `:${string}` | `&${string}` ? Selector<keyof T[K][P]> : Readonly<T[K][P]>;
+    }>;
 };
+export {};

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

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

package/types/types/common/css-property.d.ts

@@ -1,5 +0,0 @@
-type PropertyValue = string | number | PropertyType;
-export type PropertyType = {
-    [key: string]: PropertyValue;
-};
-export {};