fix(types): fix Pick<T, K> to T[K] and create Type name is changed.

Author: refirst11

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

@@ -0,0 +1,10 @@
+import type { CustomCSSProperties } from './custom-css-properties';
+import { MediaQuery } from './custom-html-type';
+
+export type CSSXStyleDefinition = Record<MediaQuery, Record<string, CustomCSSProperties>>;
+
+export type CSSXTypedStyle<T> = {
+  readonly [K in keyof T | string]: K extends keyof T ? T[K] : CustomCSSProperties;
+};
+
+export type CSSXReturnStyle<T> = { [key in keyof T]: string };

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

@@ -4,7 +4,7 @@ export * from './common/css-values';
 export * from './common/css-variables';
 export * from './common/nth-selectors';
 export * from './common/pseudo-selectors';
-export * from './custom/classes-object-type';
+export * from './custom/create-type';
 export * from './custom/custom-css-properties';
 export * from './custom/custom-html-type';
 export * from './custom/property-type';

src/_internal/types/index.ts

@@ -1,7 +1,7 @@
 import { pseudo, camelToKebabCase, isClassesObjectType, applyCssValue } from '..';
-import type { PropertyType, ClassesObjectType, CustomCSSProperties, CustomHTMLType } from '..';
+import type { PropertyType, CSSXStyleDefinition, CustomCSSProperties, CustomHTMLType } from '..';
 
-export function sheetCompiler(object: ClassesObjectType | CustomHTMLType, base36Hash?: string, core?: string) {
+export function sheetCompiler(object: CSSXStyleDefinition | CustomCSSProperties | CustomHTMLType, base36Hash?: string, core?: string) {
   let styleSheet = '';
   let bigIndent = false;
   const mediaQueries: { media: string; css: string }[] = [];
@@ -121,10 +121,10 @@ export function sheetCompiler(object: ClassesObjectType | CustomHTMLType, base36
     return classSelector;
   };
 
-  const createStyles = (styleObject: PropertyType | CustomCSSProperties | ClassesObjectType, indentLevel = 0): string => {
+  const createStyles = (styleObject: PropertyType | CustomCSSProperties | CSSXStyleDefinition, indentLevel = 0): string => {
     let styleSheet = '';
 
-    const processStyles = (styles: PropertyType | CustomCSSProperties | ClassesObjectType, currentIndentLevel = 0): void => {
+    const processStyles = (styles: PropertyType | CustomCSSProperties | CSSXStyleDefinition, currentIndentLevel = 0): void => {
       const indent = '  '.repeat(currentIndentLevel);
       for (const property in styles) {
         if (Object.prototype.hasOwnProperty.call(styles, property)) {

src/_internal/utils/sheet-compiler.ts

@@ -1,12 +1,12 @@
-import type { ClassesObjectType, ExactClassesObjectType, ReturnStyleType, CustomHTMLType, ExtendedCSSProperties } from '../_internal';
+import type { CSSXStyleDefinition, CSSXTypedStyle, CSSXReturnStyle, CustomHTMLType, ExtendedCSSProperties } from '../_internal';
 import { create } from './method/create';
 import { set } from './method/set';
 import { global } from './method/global';
 import { root } from './method/root';
 import { union } from './method/union';
 
 class cssx {
-  static create<T extends ClassesObjectType>(object: ExactClassesObjectType<T> | ClassesObjectType): ReturnStyleType<T> {
+  static create<T extends CSSXStyleDefinition>(object: CSSXTypedStyle<T> | CSSXStyleDefinition): CSSXReturnStyle<T> {
     return create(object);
   }
 

src/core/cssx.ts

@@ -1,9 +1,9 @@
-import type { ReturnStyleType, ClassesObjectType, ExactClassesObjectType } from '../../_internal';
+import type { CSSXReturnStyle, CSSXTypedStyle, CSSXStyleDefinition } from '../../_internal';
 import { isDevAndTest, sheetCompiler, injectServerCSS, genBase36Hash, isServer, injectClientCSS } from '../../_internal';
 import { createGlobalStyleSheetPromise, globalStyleSheetPromise, resolveGlobalStyleSheet } from './create-build-in-helper';
 import styles from '../styles/style.module.css';
 
-export function create<T extends ClassesObjectType>(object: ExactClassesObjectType<T> | ClassesObjectType): ReturnStyleType<T> {
+export function create<T extends CSSXStyleDefinition>(object: CSSXTypedStyle<T> | CSSXStyleDefinition): CSSXReturnStyle<T> {
   const base36Hash = genBase36Hash(object, 6);
   const { styleSheet } = sheetCompiler(object, base36Hash);
   if (typeof globalStyleSheetPromise === 'undefined') createGlobalStyleSheetPromise();
@@ -19,5 +19,5 @@ export function create<T extends ClassesObjectType>(object: ExactClassesObjectTy
       },
     });
   });
-  return object as ReturnStyleType<T>;
+  return object as CSSXReturnStyle<T>;
 }