@plumeria/core 13.1.5 → 13.2.1

package/lib/css.d.ts

@@ -4,7 +4,7 @@
  * ```ts
  * type create = <const T extends Record<string, CreateStyleValue>>(rule: T)=> CreateReturnType<T>;
  * type variants = <T extends Variants>(rule: T) => (props: { [K in keyof T]?: keyof T[K] }) => VariantStyles<T>;
- * type createTheme = <const T extends CreateTheme>(themeSelector: string, rule: T) => CreateThemeReturnType<T>;
+ * type createTheme = <const T extends CreateTheme>(themeSelector: CreateThemeSelector, rule: T) => CreateThemeReturnType<T>;
  * type createStatic = <const T extends CreateStatic>(rule: T)=> T;
  * type keyframes = <const T extends Keyframes>(rule: T) => string;
  * type viewTransition = <const T extends ViewTransition>(rule: T) => string;
@@ -20,6 +20,7 @@ declare module '@plumeria/core' {
     CreateStyleValue,
     CreateReturnType,
     CreateTheme,
+    CreateThemeSelector,
     CreateThemeReturnType,
     CreateStatic,
     Variants,
@@ -52,7 +53,7 @@ declare module '@plumeria/core' {
 
   export const createTheme: createTheme;
   export type createTheme = <const T extends CreateTheme>(
-    themeSelector: string,
+    themeSelector: CreateThemeSelector,
     rule: T,
   ) => CreateThemeReturnType<T>;
 

package/lib/types.d.ts

@@ -24,9 +24,15 @@ type ColonSelector = {
   [key in ColonString]: CommonProperties | CSSVariableProperty;
 };
 
-type Query = `@media ${string}` | `@container ${string}`;
-type QuerySelector = {
-  [K in Query]:
+type AtRule =
+  | `@media ${string}`
+  | `@container ${string}`
+  | `@supports ${string}`
+  | `@layer ${string}`
+  | `@scope ${string}`;
+
+type AtRuleSelector = {
+  [K in AtRule]:
     | CommonProperties
     | ColonSelector
     | ArraySelector
@@ -35,9 +41,9 @@ type QuerySelector = {
 
 type CSSProperties =
   | CommonProperties
-  | ArraySelector
   | ColonSelector
-  | QuerySelector
+  | ArraySelector
+  | AtRuleSelector
   | CSSVariableProperty;
 
 type CreateStyleValue = CSSProperties | ((...args: any[]) => CSSProperties);
@@ -50,9 +56,10 @@ type AtomicClassNameFor<out P extends string, out V> = string & {
   readonly _value: V;
 };
 
+type AtString = `@${string}`;
 type MapNamespace<T> = Readonly<{
   [key in keyof T]: T[key] extends Record<string, unknown>
-    ? key extends `:${string}` | `@${string}` | `[${string}`
+    ? key extends ColonString | ArrayString | AtString
       ? MapNamespace<T[key]>
       : AtomicClassNameFor<key & string, T[key]>
     : key extends string
@@ -73,6 +80,9 @@ type CreateStatic = Record<string, string | number>;
 type CreateTheme = {
   [key: string]: ThemeValue;
 };
+
+type DotString = `.${string}`;
+type CreateThemeSelector = DotString | ArrayString | AtRule;
 type CreateThemeReturnType<T> = {
   readonly [K in keyof T]: Readonly<T[K]>;
 };
@@ -123,6 +133,7 @@ export type {
   CreateStyleValue,
   CreateReturnType,
   CreateTheme,
+  CreateThemeSelector,
   CreateThemeReturnType,
   CreateStatic,
   Variants,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "13.1.5",
+  "version": "13.2.1",
   "description": "Zero-cost abstraction layer for styling React components.",
   "author": "Refirst 11",
   "license": "MIT",
@@ -21,7 +21,8 @@
     "plumeria",
     "type",
     "typed",
-    "types"
+    "types",
+    "stylex"
   ],
   "exports": {
     ".": {