fix(types*): Made the property throw an error

Author: refirst11

src/_internal/types/custom/classes-object-type.ts

@@ -1,13 +1,20 @@
 import type { CustomCSSProperties } from './custom-css-properties';
+import { MediaQuery } from './custom-html-type';
 
-export type ClassesObjectType = {
-  [key: string]:
-    | CustomCSSProperties
-    | {
-        [className: string]: CustomCSSProperties | ClassesObjectType;
-      };
-};
+export type ClassesObjectType =
+  | {
+      [key in MediaQuery]:
+        | CustomCSSProperties
+        | {
+            [className: string]: CustomCSSProperties;
+          };
+    }
+  | {
+      [className: string]: CustomCSSProperties;
+    };
+
+type Exact<T, U> = T extends U ? T : never;
 
 export type ExactClassesObjectType<T> = {
-  [K in keyof T | string]: K extends keyof T ? T[K] : CustomCSSProperties | ClassesObjectType;
+  [K in keyof T | string]: K extends keyof T ? Exact<T[K], CustomCSSProperties> : CustomCSSProperties;
 };

src/_internal/types/custom/custom-html-type.ts

@@ -35,7 +35,7 @@ type AtKeyframes = {
   [K in `@keyframes ${string}`]: KeyframesDefinition;
 };
 
-type MediaQuery = `@media ${string}`;
+export type MediaQuery = `@media ${string}`;
 export type MediaQueryType = {
   [key in MediaQuery]?: CustomCSSProperties | AtKeyframes;
 };

src/core/method/create.ts

@@ -3,7 +3,7 @@ import { sheetCompiler, isInDevelopment, injectCSS, genBase62Hash } from '../../
 import styles from '../styles/style.module.css';
 import { createGlobalStyleSheetPromise, globalStyleSheetPromise, resolveGlobalStyleSheet } from './create-build-in-helper';
 
-export function create<T extends ClassesObjectType>(object: ExactClassesObjectType<T>): ReturnStyleType<T> {
+export function create<T extends ClassesObjectType>(object: ExactClassesObjectType<T> | ClassesObjectType): ReturnStyleType<T> {
   const base62Hash = genBase62Hash(object, 5);
   const { styleSheet } = sheetCompiler(object, base62Hash);
   if (typeof globalStyleSheetPromise === 'undefined') createGlobalStyleSheetPromise();

src/core/style.ts

@@ -5,7 +5,7 @@ import { global } from './method/global';
 import { root } from './method/root';
 
 class Style {
-  static create<T extends ClassesObjectType>(object: ExactClassesObjectType<T>): ReturnStyleType<T> {
+  static create<T extends ClassesObjectType>(object: ExactClassesObjectType<T> | ClassesObjectType): ReturnStyleType<T> {
     return create(object);
   }
   static set(object: CustomCSSProperties): string {