@plumeria/core 6.0.2 → 6.1.0

package/README.md

@@ -3,7 +3,7 @@
 An atomic CSS runtime designed to disappear.
 
 ```ts
-import { css } from '@plumeria/core';
+import * as css from '@plumeria/core';
 
 const styles = css.create({
   text: {
@@ -18,6 +18,12 @@ const styles = css.create({
 const className = css.props(styles.text, styles.size);
 ```
 
+**Compiled:**
+
+```tsx
+className="xhrr6ses xvbwmxqp xhk51flp"
+```
+
 **Generated CSS:**
 
 ```css
@@ -32,10 +38,6 @@ const className = css.props(styles.text, styles.size);
 }
 ```
 
-```
-"xhrr6ses xvbwmxqp xhk51flp"
-```
-
 ## Documentation
 
 Read the [documentation](https://plumeria.dev/) for more details.

package/dist/css.d.mts

@@ -49,9 +49,6 @@ type ReturnType<T> = { [K in keyof T]: Readonly<{ [P in keyof T[K]]: P extends `
 type CreateStatic = Record<string, string | number>;
 type CreateTheme = Record<string, Record<string, string | number>>;
 type ReturnVariableType<T> = { [K in keyof T]: CSSVariableValue };
-type Style = {
-  [key: CSSVariableKey]: string;
-};
 type KeyframesInSelector = 'from' | 'to' | `${number}%`;
 type Keyframes = { [K in KeyframesInSelector]?: CSSProperties };
 type ViewTransition = {
@@ -62,19 +59,19 @@ type ViewTransition = {
 };
 type Variant = Record<string, Record<string, CSSProperties>>;
 
-type css = typeof css;
-declare const x: (className: string, style: Style) => {
-  className: string;
-  style: Style;
-};
-declare const css: {
-  create: <const T extends Record<string, CSSProperties>>(_rule: CreateStyleType<T>) => ReturnType<T>;
-  props: (..._rules: (false | CSSProperties | null | undefined)[]) => string;
-  createTheme: <const T extends CreateTheme>(_rule: T) => ReturnVariableType<T>;
-  createStatic: <const T extends CreateStatic>(_rule: T) => T;
-  keyframes: (_rule: Keyframes) => string;
-  viewTransition: (_rule: ViewTransition) => string;
-  variants: <T extends Variant>(_rule: T) => (_props: { [K in keyof T]?: keyof T[K] }) => CSSProperties;
-};
+type create = typeof create;
+type props = typeof props;
+type createTheme = typeof createTheme;
+type createStatic = typeof createStatic;
+type keyframes = typeof keyframes;
+type viewTransition = typeof viewTransition;
+type variants = typeof variants;
+declare const create: <const T extends Record<string, CSSProperties>>(_rule: CreateStyleType<T>) => ReturnType<T>;
+declare const props: (..._rules: (false | CSSProperties | null | undefined)[]) => string;
+declare const createTheme: <const T extends CreateTheme>(_rule: T) => ReturnVariableType<T>;
+declare const createStatic: <const T extends CreateStatic>(_rule: T) => T;
+declare const keyframes: (_rule: Keyframes) => string;
+declare const viewTransition: (_rule: ViewTransition) => string;
+declare const variants: <T extends Variant>(_rule: T) => (_props: { [K in keyof T]?: keyof T[K] }) => CSSProperties;
 
-export { type CSSProperties, type CreateStyle, css, x };
+export { type CSSProperties, type CreateStyle, create, createStatic, createTheme, keyframes, props, variants, viewTransition };

package/dist/css.mjs

@@ -1,25 +1,12 @@
 const errorFn = () => {
 	throw new Error("Runtime is not supported. Configure the bundler plugin.");
 };
-const props = (..._rules) => errorFn();
 const create = (_rule) => errorFn();
+const props = (..._rules) => errorFn();
 const createTheme = (_rule) => errorFn();
 const createStatic = (_rule) => errorFn();
 const keyframes = (_rule) => errorFn();
 const viewTransition = (_rule) => errorFn();
 const variants = (_rule) => (_props) => errorFn();
-const x = (className, style) => ({
-	className,
-	style
-});
-const css = {
-	create,
-	props,
-	createTheme,
-	createStatic,
-	keyframes,
-	viewTransition,
-	variants
-};
 
-export { css, x };
+export { create, createStatic, createTheme, keyframes, props, variants, viewTransition };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "6.0.2",
+  "version": "6.1.0",
   "description": "An atomic CSS runtime designed to disappear.",
   "author": "Refirst 11",
   "license": "MIT",