@plumeria/core 5.0.0 → 6.0.0

package/dist/css.d.mts

@@ -60,19 +60,21 @@ type ViewTransition = {
   new?: CSSProperties;
   old?: CSSProperties;
 };
+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;
+  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 css = typeof css;
 
 export { type CSSProperties, type CreateStyle, css, x };

package/dist/css.mjs

@@ -1,27 +1,13 @@
 const errorFn = () => {
-	throw new Error("Runtime execution is not supported");
-};
-const defined = new Set();
-const props = (...rules) => {
-	defined.clear();
-	let result = "";
-	for (let i = rules.length - 1; i >= 0; i--) {
-		const arg = rules[i];
-		if (!arg || typeof arg !== "object") continue;
-		let chunk = "";
-		for (const key in arg) if (arg[key] && !defined.has(key)) {
-			defined.add(key);
-			chunk += chunk ? " " + arg[key] : arg[key];
-		}
-		if (chunk) result = result ? chunk + " " + result : chunk;
-	}
-	return result;
+	throw new Error("Runtime is not supported. Configure the bundler plugin.");
 };
+const props = (..._rules) => errorFn();
 const create = (_rule) => 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
@@ -32,7 +18,8 @@ const css = {
 	createTheme,
 	createStatic,
 	keyframes,
-	viewTransition
+	viewTransition,
+	variants
 };
 
 export { css, x };

package/package.json

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