@plumeria/core 7.2.4 → 7.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "7.2.4",
+  "version": "7.3.1",
   "description": "A type-only atomic CSS framework.",
   "author": "Refirst 11",
   "license": "MIT",
@@ -22,9 +22,9 @@
     "stylex",
     "react-native-web"
   ],
-  "types": "lib/css.d.ts",
+  "types": "types/css.d.ts",
   "files": [
-    "lib"
+    "types"
   ],
   "dependencies": {
     "csstype": "^3.2.3"

package/types/css.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Type definitions only. Configure the bundler plugin for extraction.
+ *```ts
+ * type create = <const T extends Record<string, CSSProperties>>(_rule: CreateStyleType<T>)=> ReturnType<T>;
+ * type props = (..._rules: (false | CSSProperties | null | undefined)[])=> string;
+ * type createTheme = <const T extends CreateTheme>(_rule: T)=> ReturnVariableType<T>;
+ * type createStatic = <const T extends CreateStatic>(_rule: T)=> T;
+ * type keyframes = (_rule: Keyframes) => string;
+ * type viewTransition = (_rule: ViewTransition) => string;
+ * type variants = <T extends Variants>(_rule: T) => (_props: { [K in keyof T]?: keyof T[K] }) => CSSProperties;
+ * type marker = (_id: string, _pseudo: string) => Marker;
+ * type extended = <I extends string, P extends string>(_id: I, _pseudo: P) => Extended<I, P>;
+ * ```
+ */
+declare module '@plumeria/core' {
+  export type CSSProperties = import('./definitions').CSSProperties;
+  export type CreateStyle = import('./definitions').CreateStyle;
+  export type CreateStyleType<T> = import('./definitions').CreateStyleType<T>;
+  export type CreateStatic = import('./definitions').CreateStatic;
+  export type CreateTheme = import('./definitions').CreateTheme;
+  export type Keyframes = import('./definitions').Keyframes;
+  export type ViewTransition = import('./definitions').ViewTransition;
+  export type ReturnType<T> = import('./definitions').ReturnType<T>;
+  export type ReturnVariableType<T> = import('./definitions').ReturnVariableType<T>;
+  export type Variants = import('./definitions').Variants;
+  export type Marker = import('./definitions').Marker;
+  export type Extended<I extends string, P extends string> = import('./definitions').Extended<I, P>;
+  export type ContainerStyleQuery = import('./definitions').ContainerStyleQuery; 
+  export type create = <const T extends Record<string, CSSProperties>>(_rule: CreateStyleType<T>)=> ReturnType<T>;
+  export type props = (..._rules: (false | CSSProperties | null | undefined)[])=> string;
+  export type createTheme = <const T extends CreateTheme>(_rule: T)=> ReturnVariableType<T>;
+  export type createStatic = <const T extends CreateStatic>(_rule: T)=> T;
+  export type keyframes = (_rule: Keyframes) => string;
+  export type viewTransition = (_rule: ViewTransition) => string;
+  export type variants = <T extends Variants>(_rule: T) => (_props: { [K in keyof T]?: keyof T[K] }) => CSSProperties;
+  export type marker = (_id: string, _pseudo: string) => Marker;
+  export type extended = <I extends string, P extends string>(_id: I, _pseudo: P) => Extended<I, P>;
+  export const create: create;
+  export const props: props;
+  export const createTheme: createTheme;
+  export const createStatic: createStatic;
+  export const keyframes: keyframes;
+  export const viewTransition: viewTransition;
+  export const variants: variants;
+  export const marker: marker;
+  export const extended: extended;
+}

package/{lib/definition.d.ts → types/definitions.d.ts}

@@ -103,19 +103,9 @@ type CreateStyle = {
   [key: string]: CSSProperties;
 };
 
-type Selector<Properties> = {
-  readonly properties: Properties;
-};
-
 type ReturnType<T> = {
   [K in keyof T]: Readonly<{
-    [P in keyof T[K]]: P extends
-      | `@media ${string}`
-      | `@container ${string}`
-      | `:${string}`
-      | `[${string}`
-      ? Selector<keyof T[K][P]>
-      : T[K][P];
+    [P in keyof T[K]]: T[K][P];
   }>;
 };
 
@@ -138,7 +128,13 @@ type ViewTransition = {
 
 type Variants = Record<string, Record<string, CSSProperties>>;
 
-type ContainerStyleQuery = `@container style(--${string}: 1)`;
+type Marker = Record<string, CSSProperties>;
+
+type StripColon<T extends string> = T extends `:${infer R}`
+  ? StripColon<R>
+  : T;
+
+type Extended<I extends string, P extends string> = `@container style(--${I}-${StripColon<P>}: 1)`;
 
 export type {
   CSSProperties,
@@ -151,5 +147,6 @@ export type {
   ReturnType,
   ReturnVariableType,
   Variants,
-  ContainerStyleQuery,
+  Marker,
+  Extended,
 };

package/lib/css.d.ts

@@ -1,36 +0,0 @@
-/**
- * ```ts
- *   function create<const T extends Record<string, CSSProperties>>(_rule: CreateStyleType<T>): ReturnType<T>;
- *   function props(..._rules: (false | CSSProperties | null | undefined)[]): string;
- *   function createTheme<const T extends CreateTheme>(_rule: T): ReturnVariableType<T>;
- *   function createStatic<const T extends CreateStatic>(_rule: T): T;
- *   function keyframes(_rule: Keyframes): string;
- *   function viewTransition(_rule: ViewTransition): string;
- *   function variants<T extends Variant>(_rule: T): (_props: { [K in keyof T]?: keyof T[K] }) => CSSProperties;
- *   function marker(_id: string, _pseudo: string): CSSProperties;
- *   function extended(_id: string, _pseudo: string): ContainerStyleQuery;
- * ```
- * Type definitions only. Configure the bundler plugin for extraction.
- */
-declare module '@plumeria/core' {
-  export type CSSProperties = import('./definition').CSSProperties;
-  export type CreateStyle = import('./definition').CreateStyle;
-  export type CreateStyleType<T> = import('./definition').CreateStyleType<T>;
-  export type CreateStatic = import('./definition').CreateStatic;
-  export type CreateTheme = import('./definition').CreateTheme;
-  export type Keyframes = import('./definition').Keyframes;
-  export type ViewTransition = import('./definition').ViewTransition;
-  export type ReturnType<T> = import('./definition').ReturnType<T>;
-  export type ReturnVariableType<T> = import('./definition').ReturnVariableType<T>;
-  export type Variants = import('./definition').Variants;
-  export type ContainerStyleQuery = import('./definition').ContainerStyleQuery;
-  export function create<const T extends Record<string, CSSProperties>>(_rule: CreateStyleType<T>): ReturnType<T>;
-  export function props(..._rules: (false | CSSProperties | null | undefined)[]): string;
-  export function createTheme<const T extends CreateTheme>(_rule: T): ReturnVariableType<T>;
-  export function createStatic<const T extends CreateStatic>(_rule: T): T;
-  export function keyframes(_rule: Keyframes): string;
-  export function viewTransition(_rule: ViewTransition): string;
-  export function variants<T extends Variants>(_rule: T): (_props: { [K in keyof T]?: keyof T[K] }) => CSSProperties;
-  export function marker(_id: string, _pseudo: string): CSSProperties;
-  export function extended(_id: string, _pseudo: string): ContainerStyleQuery;
-}