@plumeria/core 0.6.9 → 0.7.0

package/dist/css.js

@@ -1,13 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cx = exports.css = void 0;
+exports.rx = exports.cx = exports.css = void 0;
 const create_1 = require("./method/create");
 const global_1 = require("./method/global");
-const cx_1 = require("./cx");
-Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return cx_1.cx; } });
 const define_theme_vars_1 = require("./method/define-theme-vars");
 const keyframes_1 = require("./method/keyframes");
 const collection_1 = require("@plumeria/collection");
+const cx_1 = require("./cx");
+Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return cx_1.cx; } });
+const rx_1 = require("./rx");
+Object.defineProperty(exports, "rx", { enumerable: true, get: function () { return rx_1.rx; } });
 class css {
     static create(object) {
         return (0, create_1.create)(object);

package/dist/css.mjs

@@ -1,9 +1,10 @@
 import { create } from './method/create';
 import { global } from './method/global';
-import { cx } from './cx';
 import { defineThemeVars } from './method/define-theme-vars';
 import { keyframes } from './method/keyframes';
 import { media, pseudo, colors, container } from '@plumeria/collection';
+import { cx } from './cx';
+import { rx } from './rx';
 class css {
     static create(object) {
         return create(object);
@@ -22,4 +23,4 @@ class css {
     static colors = colors;
     static container = container;
 }
-export { css, cx };
+export { css, cx, rx };

package/dist/cx.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cx = cx;
-function cx(...strings) {
+exports.cx = void 0;
+const cx = (...strings) => {
     let result = '';
     let isFirst = true;
     strings.filter(Boolean).forEach((str) => {
@@ -19,4 +19,5 @@ function cx(...strings) {
         }
     });
     return result;
-}
+};
+exports.cx = cx;

package/dist/cx.mjs

@@ -1,4 +1,4 @@
-export function cx(...strings) {
+export const cx = (...strings) => {
     let result = '';
     let isFirst = true;
     strings.filter(Boolean).forEach((str) => {
@@ -16,4 +16,4 @@ export function cx(...strings) {
         }
     });
     return result;
-}
+};

package/dist/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cx = exports.css = void 0;
+exports.rx = exports.cx = exports.css = void 0;
 var css_1 = require("./css");
 Object.defineProperty(exports, "css", { enumerable: true, get: function () { return css_1.css; } });
 Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return css_1.cx; } });
+Object.defineProperty(exports, "rx", { enumerable: true, get: function () { return css_1.rx; } });

package/dist/index.mjs

@@ -1 +1 @@
-export { css, cx } from './css';
+export { css, cx, rx } from './css';

package/dist/rx.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rx = void 0;
+const rx = (className, varSet) => ({
+    className,
+    style: Object.fromEntries(Object.entries(varSet).map(([key, value]) => [key, value])),
+});
+exports.rx = rx;

package/dist/rx.mjs

@@ -0,0 +1,4 @@
+export const rx = (className, varSet) => ({
+    className,
+    style: Object.fromEntries(Object.entries(varSet).map(([key, value]) => [key, value])),
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "0.6.9",
+  "version": "0.7.0",
   "description": "Near Zero-runtime CSS-in-JS for efficient design systems.",
   "keywords": [
     "react",

package/types/css.d.ts

@@ -1,5 +1,6 @@
 import type { CreateStyle, CustomHTMLType, CustomProperties, KeyframesDefinition, ReturnType, VarsDefinition } from 'zss-engine';
 import { cx } from './cx';
+import { rx } from './rx';
 declare class css {
     static create<T extends Record<string, CustomProperties>>(object: CreateStyle<T>): ReturnType<T>;
     static global(object: CustomHTMLType): void;
@@ -80,4 +81,4 @@ declare class css {
         min: (str: string) => "@container (min-)";
     };
 }
-export { css, cx };
+export { css, cx, rx };

package/types/cx.d.ts

@@ -1 +1 @@
-export declare function cx(...strings: Array<string | undefined | false>): string & ':';
+export declare const cx: (...strings: Array<string | null | undefined | false>) => string & ":";

package/types/index.d.ts

@@ -1 +1 @@
-export { css, cx } from './css';
+export { css, cx, rx } from './css';

package/types/rx.d.ts

@@ -0,0 +1,8 @@
+export declare const rx: (className: string, varSet: {
+    [key: `--${string}`]: string;
+}) => {
+    className: string;
+    style: {
+        [k: string]: string;
+    };
+};