feat(*): HTMLType to CustomHTMLType and Scoped Class to Style Class

Author: refirst11

src/_internal/utils/css-codegen-sheet.ts

@@ -1,7 +1,7 @@
 import { pseudo, camelToKebabCase, isClassesObjectType } from '..';
-import type { PropertyType, ClassesObjectType, CustomCSSProperties, HTMLType } from '../types';
+import type { PropertyType, ClassesObjectType, CustomCSSProperties, CustomHTMLType } from '../types';
 
-export function cssCodeGenSheet(object: ClassesObjectType | HTMLType, base62Hash?: string, core?: string) {
+export function cssCodeGenSheet(object: ClassesObjectType | CustomHTMLType, base62Hash?: string, core?: string) {
   let styleSheet = '';
   let bigIndent = false;
   const mediaQueries: Record<string, string> = {};

src/core/index.ts

@@ -1,2 +1,2 @@
-export { Scoped } from './scoped';
+export { Style } from './style';
 export { media } from './media-query';

src/core/method/global.ts

@@ -1,8 +1,8 @@
-import type { HTMLType } from '../../_internal';
+import type { CustomHTMLType } from '../../_internal';
 import { isInDevelopment, injectCSSGlobal, cssCodeGenSheet } from '../../_internal';
 import { resolveGlobalStyleSheet, globalStyleSheetPromise, createGlobalStyleSheetPromise } from './global-build-in-helper';
 
-export function global(object: HTMLType): void {
+export function global(object: CustomHTMLType): void {
   const { styleSheet } = cssCodeGenSheet(object, undefined, '--global');
   if (typeof globalStyleSheetPromise === 'undefined') createGlobalStyleSheetPromise();
   resolveGlobalStyleSheet([styleSheet, '--global']);

src/core/scoped.ts

@@ -0,0 +1,20 @@
+import type { ClassesObjectType, ReturnStyleType, CustomHTMLType, CustomCSSProperties, ExactClassesObjectType } from '../_internal';
+import { create } from './method/create';
+import { set } from './method/set';
+import { global } from './method/global';
+import { root } from './method/root';
+
+export class Style {
+  static create<T extends ClassesObjectType>(object: ExactClassesObjectType<T> | ClassesObjectType): ReturnStyleType<T> {
+    return create(object);
+  }
+  static set(object: CustomCSSProperties): string {
+    return set(object);
+  }
+  static global(object: CustomHTMLType): void {
+    return global(object);
+  }
+  static root(object: CustomCSSProperties): void {
+    return root(object);
+  }
+}