@plumeria/core 13.0.1 → 13.1.0

package/lib/css.d.ts

@@ -19,12 +19,12 @@ declare module '@plumeria/core' {
     CSSProperties,
     CreateStyleValue,
     CreateReturnType,
-    CreateStatic,
     CreateTheme,
     CreateThemeReturnType,
+    CreateStatic,
+    Variants,
     Keyframes,
     ViewTransition,
-    Variants,
     Marker,
     Extended,
   } from '#types';

package/lib/types.d.ts

@@ -42,23 +42,39 @@ type CSSProperties =
 
 type CreateStyleValue = CSSProperties | ((...args: any[]) => CSSProperties);
 
-type CreateReturnType<T> = {
-  [K in keyof T]: T[K] extends (...args: infer A) => infer R
-    ? (...args: A) => Readonly<R>
-    : Readonly<T[K]>;
+const ClassNameTag: unique symbol;
+
+type AtomicClassNameFor<out P extends string, out V> = string & {
+  readonly _ident: typeof ClassNameTag;
+  readonly _key: P;
+  readonly _value: V;
 };
 
+type MapNamespace<T> = Readonly<{
+  [key in keyof T]: T[key] extends Record<string, unknown>
+    ? key extends `:${string}` | `@${string}` | `[${string}`
+      ? MapNamespace<T[key]>
+      : AtomicClassNameFor<key & string, T[key]>
+    : key extends string
+      ? AtomicClassNameFor<key, T[key]>
+      : never;
+}>;
+
+type CreateReturnType<T> = Readonly<{
+  [K in keyof T]: T[K] extends (...args: infer A) => infer R
+    ? (...args: A) => MapNamespace<R>
+    : MapNamespace<T[K]>;
+}>;
+
 type StyleName = CSSProperties | (false | CSSProperties | null | undefined)[];
 
 type CreateStatic = Record<string, string | number>;
 
-type ReadonlyTheme<T> = Readonly<T> & CSSVariableValue;
-
 type CreateTheme = {
   [key: string]: ThemeValue;
 };
 type CreateThemeReturnType<T> = {
-  readonly [K in keyof T]: ReadonlyTheme<T[K]>;
+  readonly [K in keyof T]: Readonly<T[K]>;
 };
 
 type KeyframesInSelector = 'from' | 'to' | `${number}%`;
@@ -89,12 +105,13 @@ export type {
   StyleName,
   CreateStyleValue,
   CreateReturnType,
-  CreateStatic,
   CreateTheme,
-  Keyframes,
-  ViewTransition,
   CreateThemeReturnType,
+  CreateStatic,
   Variants,
+  Keyframes,
+  ViewTransition,
   Marker,
   Extended,
+  AtomicClassNameFor,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "13.0.1",
+  "version": "13.1.0",
   "description": "Zero-cost abstraction layer for styling React components.",
   "author": "Refirst 11",
   "license": "MIT",