@plumeria/core 0.9.1 → 0.9.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js ADDED
@@ -0,0 +1,116 @@
1
+ "use strict";
2
+ const require_css = require('./css.js');
3
+ const zss_engine = require_css.__toESM(require("zss-engine"));
4
+ const zss_utils = require_css.__toESM(require("zss-utils"));
5
+
6
+ //#region src/css.ts
7
+ function create(object) {
8
+ const base36Hash = (0, zss_engine.genBase36Hash)(object, 6);
9
+ const { styleSheet } = (0, zss_engine.transpiler)(object, base36Hash);
10
+ const injectCSS = zss_engine.isServer ? zss_engine.injectServerCSS : zss_engine.injectClientCSS;
11
+ if (typeof require_css.globalPromise_1 === "undefined") require_css.initPromise_1();
12
+ require_css.resolvePromise_1(styleSheet);
13
+ Object.keys(object).forEach((key) => {
14
+ Object.defineProperty(object, key, { get: () => {
15
+ const className = key + "_" + base36Hash;
16
+ if (zss_engine.isDevAndTest) injectCSS(base36Hash, styleSheet);
17
+ return className;
18
+ } });
19
+ });
20
+ return Object.freeze(object);
21
+ }
22
+ function global(object) {
23
+ const base36Hash = (0, zss_engine.genBase36Hash)(object, 8);
24
+ const { styleSheet } = (0, zss_engine.transpiler)(object, void 0, "--global");
25
+ if (typeof require_css.globalPromise_2 === "undefined") require_css.initPromise_2();
26
+ require_css.resolvePromise_2(styleSheet);
27
+ if (zss_engine.isDevAndTest) zss_engine.isServer ? (0, zss_engine.injectServerCSS)(base36Hash, styleSheet) : (0, zss_engine.injectClientGlobalCSS)(styleSheet);
28
+ }
29
+ const defineVars = (object) => {
30
+ const styles = { ":root": {} };
31
+ const result = {};
32
+ Object.entries(object).forEach(([key, value]) => {
33
+ const kebabKey = (0, zss_engine.camelToKebabCase)(key);
34
+ result[key] = `var(--${kebabKey})`;
35
+ styles[":root"][`--${key}`] = value;
36
+ });
37
+ global(styles);
38
+ return result;
39
+ };
40
+ const defineTheme = (object) => {
41
+ const styles = {};
42
+ const result = {};
43
+ Object.entries(object).forEach(([key, value]) => {
44
+ const kebabKey = (0, zss_engine.camelToKebabCase)(key);
45
+ result[key] = `var(--${kebabKey})`;
46
+ Object.entries(value).forEach(([subKey, subValue]) => {
47
+ if (subKey.startsWith("@media")) {
48
+ styles[":root"] ||= {};
49
+ styles[":root"][subKey] ||= {};
50
+ styles[":root"][subKey][`--${key}`] = subValue;
51
+ } else {
52
+ const themeSelector = subKey === "default" ? ":root" : `:root[data-theme="${subKey}"]`;
53
+ styles[themeSelector] ||= {};
54
+ styles[themeSelector][`--${key}`] = subValue;
55
+ }
56
+ });
57
+ });
58
+ global(styles);
59
+ return result;
60
+ };
61
+ const keyframes = (object) => {
62
+ const prefix = (0, zss_engine.genBase36Hash)(object, 8);
63
+ global({ [`@keyframes ${prefix}`]: object });
64
+ return prefix;
65
+ };
66
+ var css = class {
67
+ static create(object) {
68
+ return create(object);
69
+ }
70
+ static global(object) {
71
+ return global(object);
72
+ }
73
+ static defineVars(object) {
74
+ return defineVars(object);
75
+ }
76
+ static defineTheme(object) {
77
+ return defineTheme(object);
78
+ }
79
+ static keyframes(object) {
80
+ return keyframes(object);
81
+ }
82
+ static media = zss_utils.media;
83
+ static container = zss_utils.container;
84
+ static pseudo = zss_utils.pseudo;
85
+ static color = zss_utils.color;
86
+ };
87
+ var css_default = css;
88
+
89
+ //#endregion
90
+ //#region src/cx.ts
91
+ const cx = (...strings) => {
92
+ let result = "";
93
+ let isFirst = true;
94
+ strings.filter(Boolean).forEach((str) => {
95
+ if (str?.toString().startsWith(":")) result += str.toString();
96
+ else if (typeof str === "string") if (isFirst) {
97
+ result += str;
98
+ isFirst = false;
99
+ } else result += ` ${str}`;
100
+ });
101
+ return result;
102
+ };
103
+ var cx_default = cx;
104
+
105
+ //#endregion
106
+ //#region src/rx.ts
107
+ const rx = (className, varSet) => ({
108
+ className,
109
+ style: Object.fromEntries(Object.entries(varSet).map(([key, value]) => [key, value]))
110
+ });
111
+ var rx_default = rx;
112
+
113
+ //#endregion
114
+ exports.css = css_default;
115
+ exports.cx = cx_default;
116
+ exports.rx = rx_default;
package/dist/index.mjs ADDED
@@ -0,0 +1,113 @@
1
+ import { globalPromise_1, globalPromise_2, initPromise_1, initPromise_2, resolvePromise_1, resolvePromise_2 } from "./css.mjs";
2
+ import { camelToKebabCase, genBase36Hash, injectClientCSS, injectClientGlobalCSS, injectServerCSS, isDevAndTest, isServer, transpiler } from "zss-engine";
3
+ import { color, container, media, pseudo } from "zss-utils";
4
+
5
+ //#region src/css.ts
6
+ function create(object) {
7
+ const base36Hash = genBase36Hash(object, 6);
8
+ const { styleSheet } = transpiler(object, base36Hash);
9
+ const injectCSS = isServer ? injectServerCSS : injectClientCSS;
10
+ if (typeof globalPromise_1 === "undefined") initPromise_1();
11
+ resolvePromise_1(styleSheet);
12
+ Object.keys(object).forEach((key) => {
13
+ Object.defineProperty(object, key, { get: () => {
14
+ const className = key + "_" + base36Hash;
15
+ if (isDevAndTest) injectCSS(base36Hash, styleSheet);
16
+ return className;
17
+ } });
18
+ });
19
+ return Object.freeze(object);
20
+ }
21
+ function global(object) {
22
+ const base36Hash = genBase36Hash(object, 8);
23
+ const { styleSheet } = transpiler(object, void 0, "--global");
24
+ if (typeof globalPromise_2 === "undefined") initPromise_2();
25
+ resolvePromise_2(styleSheet);
26
+ if (isDevAndTest) isServer ? injectServerCSS(base36Hash, styleSheet) : injectClientGlobalCSS(styleSheet);
27
+ }
28
+ const defineVars = (object) => {
29
+ const styles = { ":root": {} };
30
+ const result = {};
31
+ Object.entries(object).forEach(([key, value]) => {
32
+ const kebabKey = camelToKebabCase(key);
33
+ result[key] = `var(--${kebabKey})`;
34
+ styles[":root"][`--${key}`] = value;
35
+ });
36
+ global(styles);
37
+ return result;
38
+ };
39
+ const defineTheme = (object) => {
40
+ const styles = {};
41
+ const result = {};
42
+ Object.entries(object).forEach(([key, value]) => {
43
+ const kebabKey = camelToKebabCase(key);
44
+ result[key] = `var(--${kebabKey})`;
45
+ Object.entries(value).forEach(([subKey, subValue]) => {
46
+ if (subKey.startsWith("@media")) {
47
+ styles[":root"] ||= {};
48
+ styles[":root"][subKey] ||= {};
49
+ styles[":root"][subKey][`--${key}`] = subValue;
50
+ } else {
51
+ const themeSelector = subKey === "default" ? ":root" : `:root[data-theme="${subKey}"]`;
52
+ styles[themeSelector] ||= {};
53
+ styles[themeSelector][`--${key}`] = subValue;
54
+ }
55
+ });
56
+ });
57
+ global(styles);
58
+ return result;
59
+ };
60
+ const keyframes = (object) => {
61
+ const prefix = genBase36Hash(object, 8);
62
+ global({ [`@keyframes ${prefix}`]: object });
63
+ return prefix;
64
+ };
65
+ var css = class {
66
+ static create(object) {
67
+ return create(object);
68
+ }
69
+ static global(object) {
70
+ return global(object);
71
+ }
72
+ static defineVars(object) {
73
+ return defineVars(object);
74
+ }
75
+ static defineTheme(object) {
76
+ return defineTheme(object);
77
+ }
78
+ static keyframes(object) {
79
+ return keyframes(object);
80
+ }
81
+ static media = media;
82
+ static container = container;
83
+ static pseudo = pseudo;
84
+ static color = color;
85
+ };
86
+ var css_default = css;
87
+
88
+ //#endregion
89
+ //#region src/cx.ts
90
+ const cx = (...strings) => {
91
+ let result = "";
92
+ let isFirst = true;
93
+ strings.filter(Boolean).forEach((str) => {
94
+ if (str?.toString().startsWith(":")) result += str.toString();
95
+ else if (typeof str === "string") if (isFirst) {
96
+ result += str;
97
+ isFirst = false;
98
+ } else result += ` ${str}`;
99
+ });
100
+ return result;
101
+ };
102
+ var cx_default = cx;
103
+
104
+ //#endregion
105
+ //#region src/rx.ts
106
+ const rx = (className, varSet) => ({
107
+ className,
108
+ style: Object.fromEntries(Object.entries(varSet).map(([key, value]) => [key, value]))
109
+ });
110
+ var rx_default = rx;
111
+
112
+ //#endregion
113
+ export { css_default as css, cx_default as cx, rx_default as rx };
@@ -0,0 +1,12 @@
1
+ //#region src/processors/css.d.ts
2
+ declare let resolvePromise_1: (value: string) => void;
3
+ declare let globalPromise_1: Promise<string>;
4
+ declare function initPromise_1(): void;
5
+ declare function buildCreate(filePath: string): Promise<void>;
6
+ declare let resolvePromise_2: (value: string) => void;
7
+ declare let globalPromise_2: Promise<string>;
8
+ declare function initPromise_2(): void;
9
+ declare function buildGlobal(filePath: string): Promise<void>;
10
+
11
+ //#endregion
12
+ export { buildCreate, buildGlobal, globalPromise_1, globalPromise_2, initPromise_1, initPromise_2, resolvePromise_1, resolvePromise_2 };
@@ -0,0 +1,30 @@
1
+ const require_css = require('../css.js');
2
+
3
+ exports.buildCreate = require_css.buildCreate;
4
+ exports.buildGlobal = require_css.buildGlobal;
5
+ Object.defineProperty(exports, 'globalPromise_1', {
6
+ enumerable: true,
7
+ get: function () {
8
+ return require_css.globalPromise_1;
9
+ }
10
+ });
11
+ Object.defineProperty(exports, 'globalPromise_2', {
12
+ enumerable: true,
13
+ get: function () {
14
+ return require_css.globalPromise_2;
15
+ }
16
+ });
17
+ exports.initPromise_1 = require_css.initPromise_1;
18
+ exports.initPromise_2 = require_css.initPromise_2;
19
+ Object.defineProperty(exports, 'resolvePromise_1', {
20
+ enumerable: true,
21
+ get: function () {
22
+ return require_css.resolvePromise_1;
23
+ }
24
+ });
25
+ Object.defineProperty(exports, 'resolvePromise_2', {
26
+ enumerable: true,
27
+ get: function () {
28
+ return require_css.resolvePromise_2;
29
+ }
30
+ });
@@ -0,0 +1,3 @@
1
+ import { buildCreate, buildGlobal, globalPromise_1, globalPromise_2, initPromise_1, initPromise_2, resolvePromise_1, resolvePromise_2 } from "../css.mjs";
2
+
3
+ export { buildCreate, buildGlobal, globalPromise_1, globalPromise_2, initPromise_1, initPromise_2, resolvePromise_1, resolvePromise_2 };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@plumeria/core",
3
- "version": "0.9.1",
4
- "description": "Near Zero-runtime CSS-in-JS for efficient design systems.",
3
+ "version": "0.9.3",
4
+ "description": "Zero-runtime CSS in JS library in TypeScript.",
5
5
  "keywords": [
6
6
  "css",
7
7
  "css-in-js",
@@ -21,33 +21,32 @@
21
21
  "./package.json": "./package.json",
22
22
  "./stylesheet.css": "./stylesheet.css",
23
23
  ".": {
24
- "types": "./types/index.d.ts",
25
- "import": "./dist/esm/index.js",
26
- "default": "./dist/cjs/index.js"
24
+ "types": "./dist/index.d.ts",
25
+ "import": "./dist/index.mjs",
26
+ "default": "./dist/index.js"
27
27
  },
28
28
  "./processors": {
29
- "types": "./types/processors/css.d.ts",
30
- "import": "./dist/esm/processors/css.js",
31
- "default": "./dist/cjs/processors/css.js"
29
+ "types": "./dist/processors/css.d.ts",
30
+ "import": "./dist/procesmsors/css.mjs",
31
+ "default": "./dist/processors/css.js"
32
32
  }
33
33
  },
34
- "main": "dist/cjs/index.js",
35
- "module": "dist/esm/index.js",
36
- "types": "types/index.d.ts",
34
+ "main": "dist/index.js",
35
+ "module": "dist/index.mjs",
36
+ "types": "dist/index.d.ts",
37
37
  "files": [
38
38
  "dist/",
39
- "types/",
40
39
  "stylesheet.css"
41
40
  ],
42
41
  "dependencies": {
43
- "zss-engine": "0.2.32",
42
+ "zss-engine": "0.2.35",
44
43
  "zss-utils": "0.2.2"
45
44
  },
46
45
  "publishConfig": {
47
46
  "access": "public"
48
47
  },
49
48
  "scripts": {
50
- "build": "rimraf dist types && pnpm esm && pnpm cjs",
49
+ "build": "tsdown",
51
50
  "cjs": "tsc --project tsconfig.cjs.json",
52
51
  "esm": "tsc --project tsconfig.esm.json"
53
52
  }
package/dist/cjs/css.js DELETED
@@ -1,96 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const zss_engine_1 = require("zss-engine");
4
- const css_js_1 = require("./processors/css.js");
5
- const zss_utils_1 = require("zss-utils");
6
- function create(object) {
7
- const base36Hash = (0, zss_engine_1.genBase36Hash)(object, 6);
8
- const { styleSheet } = (0, zss_engine_1.transpiler)(object, base36Hash);
9
- const injectCSS = zss_engine_1.isServer ? zss_engine_1.injectServerCSS : zss_engine_1.injectClientCSS;
10
- if (typeof css_js_1.globalPromise_1 === 'undefined')
11
- (0, css_js_1.initPromise_1)();
12
- (0, css_js_1.resolvePromise_1)(styleSheet);
13
- Object.keys(object).forEach((key) => {
14
- Object.defineProperty(object, key, {
15
- get: () => {
16
- const className = key + '_' + base36Hash;
17
- if (zss_engine_1.isDevAndTest)
18
- injectCSS(base36Hash, styleSheet);
19
- return className;
20
- },
21
- });
22
- });
23
- return Object.freeze(object);
24
- }
25
- function global(object) {
26
- const base36Hash = (0, zss_engine_1.genBase36Hash)(object, 8);
27
- const { styleSheet } = (0, zss_engine_1.transpiler)(object, undefined, '--global');
28
- if (typeof css_js_1.globalPromise_2 === 'undefined')
29
- (0, css_js_1.initPromise_2)();
30
- (0, css_js_1.resolvePromise_2)(styleSheet);
31
- if (zss_engine_1.isDevAndTest)
32
- zss_engine_1.isServer
33
- ? (0, zss_engine_1.injectServerCSS)(base36Hash, styleSheet)
34
- : (0, zss_engine_1.injectClientGlobalCSS)(styleSheet);
35
- }
36
- const defineVars = (object) => {
37
- const styles = {
38
- ':root': {},
39
- };
40
- const result = {};
41
- Object.entries(object).forEach(([key, value]) => {
42
- result[key] = `var(--${key})`;
43
- styles[':root'][`--${key}`] = value;
44
- });
45
- global(styles);
46
- return result;
47
- };
48
- const defineTheme = (object) => {
49
- const styles = {};
50
- const result = {};
51
- Object.entries(object).forEach(([key, value]) => {
52
- result[key] = `var(--${key})`;
53
- Object.entries(value).forEach(([subKey, subValue]) => {
54
- if (subKey.startsWith('@media')) {
55
- styles[':root'] ||= {};
56
- styles[':root'][subKey] ||= {};
57
- styles[':root'][subKey][`--${key}`] = subValue;
58
- }
59
- else {
60
- const themeSelector = subKey === 'default' ? ':root' : `:root[data-theme="${subKey}"]`;
61
- styles[themeSelector] ||= {};
62
- styles[themeSelector][`--${key}`] = subValue;
63
- }
64
- });
65
- });
66
- global(styles);
67
- return result;
68
- };
69
- const keyframes = (object) => {
70
- const prefix = (0, zss_engine_1.genBase36Hash)(object, 8);
71
- global({ [`@keyframes ${prefix}`]: object });
72
- return prefix;
73
- };
74
- class css {
75
- static create(object) {
76
- return create(object);
77
- }
78
- static global(object) {
79
- return global(object);
80
- }
81
- static defineVars(object) {
82
- return defineVars(object);
83
- }
84
- static defineTheme(object) {
85
- return defineTheme(object);
86
- }
87
- static keyframes(object) {
88
- return keyframes(object);
89
- }
90
- static media = zss_utils_1.media;
91
- static container = zss_utils_1.container;
92
- static pseudo = zss_utils_1.pseudo;
93
- static color = zss_utils_1.color;
94
- }
95
- exports.default = css;
96
- //# sourceMappingURL=css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css.js","sourceRoot":"","sources":["../../src/css.ts"],"names":[],"mappings":"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"}
package/dist/cjs/cx.js DELETED
@@ -1,23 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const cx = (...strings) => {
4
- let result = '';
5
- let isFirst = true;
6
- strings.filter(Boolean).forEach((str) => {
7
- if (str?.toString().startsWith(':')) {
8
- result += str.toString();
9
- }
10
- else if (typeof str === 'string') {
11
- if (isFirst) {
12
- result += str;
13
- isFirst = false;
14
- }
15
- else {
16
- result += ` ${str}`;
17
- }
18
- }
19
- });
20
- return result;
21
- };
22
- exports.default = cx;
23
- //# sourceMappingURL=cx.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cx.js","sourceRoot":"","sources":["../../src/cx.ts"],"names":[],"mappings":";;AAAA,MAAM,EAAE,GAAG,CACT,GAAG,OAAiD,EACtC,EAAE;IAChB,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,OAAO,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACtC,IAAI,GAAG,EAAE,QAAQ,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACpC,MAAM,IAAI,GAAG,CAAC,QAAQ,EAAkB,CAAC;QAC3C,CAAC;aAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YACnC,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,IAAI,GAAG,CAAC;gBACd,OAAO,GAAG,KAAK,CAAC;YAClB,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,IAAI,GAAG,EAAE,CAAC;YACtB,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,MAAsB,CAAC;AAChC,CAAC,CAAC;AAEF,kBAAe,EAAE,CAAC"}
package/dist/cjs/index.js DELETED
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.rx = exports.cx = exports.css = void 0;
7
- var css_1 = require("./css");
8
- Object.defineProperty(exports, "css", { enumerable: true, get: function () { return __importDefault(css_1).default; } });
9
- var cx_1 = require("./cx");
10
- Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return __importDefault(cx_1).default; } });
11
- var rx_1 = require("./rx");
12
- Object.defineProperty(exports, "rx", { enumerable: true, get: function () { return __importDefault(rx_1).default; } });
13
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,6BAAuC;AAA9B,2GAAA,OAAO,OAAO;AACvB,2BAAqC;AAA5B,yGAAA,OAAO,OAAM;AACtB,2BAAqC;AAA5B,yGAAA,OAAO,OAAM"}
@@ -1,65 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.globalPromise_2 = exports.resolvePromise_2 = exports.globalPromise_1 = exports.resolvePromise_1 = void 0;
4
- exports.buildCreate = buildCreate;
5
- exports.initPromise_1 = initPromise_1;
6
- exports.buildGlobal = buildGlobal;
7
- exports.initPromise_2 = initPromise_2;
8
- const zss_engine_1 = require("zss-engine");
9
- let resolvePromise_1;
10
- let globalPromise_1;
11
- const sheetQueue_1 = [];
12
- let isProcessing_1 = false;
13
- function initPromise_1() {
14
- exports.globalPromise_1 = globalPromise_1 = new Promise((resolve) => {
15
- exports.resolvePromise_1 = resolvePromise_1 = (value) => {
16
- sheetQueue_1.push(value);
17
- resolve(value);
18
- };
19
- });
20
- }
21
- async function processQueue_1(filePath) {
22
- while (sheetQueue_1.length > 0) {
23
- const styleSheet = sheetQueue_1.shift();
24
- if (!zss_engine_1.isDevelopment && styleSheet)
25
- (0, zss_engine_1.build)(styleSheet, filePath);
26
- }
27
- isProcessing_1 = false;
28
- }
29
- async function buildCreate(filePath) {
30
- if (typeof globalPromise_1 === 'undefined')
31
- initPromise_1();
32
- if (!isProcessing_1 && sheetQueue_1.length > 0) {
33
- isProcessing_1 = true;
34
- processQueue_1(filePath);
35
- }
36
- }
37
- let resolvePromise_2;
38
- let globalPromise_2;
39
- const sheetQueue_2 = [];
40
- let isProcessing_2 = false;
41
- function initPromise_2() {
42
- exports.globalPromise_2 = globalPromise_2 = new Promise((resolve) => {
43
- exports.resolvePromise_2 = resolvePromise_2 = (value) => {
44
- sheetQueue_2.push(value);
45
- resolve(value);
46
- };
47
- });
48
- }
49
- async function processQueue_2(filePath) {
50
- while (sheetQueue_2.length > 0) {
51
- const styleSheet = sheetQueue_2.shift();
52
- if (!zss_engine_1.isDevelopment && styleSheet)
53
- (0, zss_engine_1.build)(styleSheet, filePath, '--global');
54
- }
55
- isProcessing_2 = false;
56
- }
57
- async function buildGlobal(filePath) {
58
- if (typeof globalPromise_2 === 'undefined')
59
- initPromise_2();
60
- if (!isProcessing_2 && sheetQueue_2.length > 0) {
61
- isProcessing_2 = true;
62
- processQueue_2(filePath);
63
- }
64
- }
65
- //# sourceMappingURL=css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/processors/css.ts"],"names":[],"mappings":";;;AAwBA,kCAMC;AAE2C,sCAAa;AAwBzD,kCAMC;AAE2C,sCAAa;AAhEzD,2CAAkD;AAElD,IAAI,gBAAyC,CAAC;AAC9C,IAAI,eAAgC,CAAC;AACrC,MAAM,YAAY,GAAa,EAAE,CAAC;AAClC,IAAI,cAAc,GAAG,KAAK,CAAC;AAE3B,SAAS,aAAa;IACpB,0BAAA,eAAe,GAAG,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,EAAE;QAChD,2BAAA,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE;YACnC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACzB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,KAAK,UAAU,cAAc,CAAC,QAAgB;IAC5C,OAAO,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC/B,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC;QACxC,IAAI,CAAC,0BAAa,IAAI,UAAU;YAAE,IAAA,kBAAK,EAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAChE,CAAC;IACD,cAAc,GAAG,KAAK,CAAC;AACzB,CAAC;AAEM,KAAK,UAAU,WAAW,CAAC,QAAgB;IAChD,IAAI,OAAO,eAAe,KAAK,WAAW;QAAE,aAAa,EAAE,CAAC;IAC5D,IAAI,CAAC,cAAc,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC/C,cAAc,GAAG,IAAI,CAAC;QACtB,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC;AACH,CAAC;AAID,IAAI,gBAAyC,CAAC;AAC9C,IAAI,eAAgC,CAAC;AACrC,MAAM,YAAY,GAAa,EAAE,CAAC;AAClC,IAAI,cAAc,GAAG,KAAK,CAAC;AAE3B,SAAS,aAAa;IACpB,0BAAA,eAAe,GAAG,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,EAAE;QAChD,2BAAA,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE;YACnC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACzB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,KAAK,UAAU,cAAc,CAAC,QAAgB;IAC5C,OAAO,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC/B,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC;QACxC,IAAI,CAAC,0BAAa,IAAI,UAAU;YAAE,IAAA,kBAAK,EAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;IAC5E,CAAC;IACD,cAAc,GAAG,KAAK,CAAC;AACzB,CAAC;AAEM,KAAK,UAAU,WAAW,CAAC,QAAgB;IAChD,IAAI,OAAO,eAAe,KAAK,WAAW;QAAE,aAAa,EAAE,CAAC;IAC5D,IAAI,CAAC,cAAc,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC/C,cAAc,GAAG,IAAI,CAAC;QACtB,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC;AACH,CAAC"}
package/dist/cjs/rx.js DELETED
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const rx = (className, varSet) => ({
4
- className,
5
- style: Object.fromEntries(Object.entries(varSet).map(([key, value]) => [key, value])),
6
- });
7
- exports.default = rx;
8
- //# sourceMappingURL=rx.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"rx.js","sourceRoot":"","sources":["../../src/rx.ts"],"names":[],"mappings":";;AAAA,MAAM,EAAE,GAAG,CAAC,SAAiB,EAAE,MAAwC,EAAE,EAAE,CAAC,CAAC;IAC3E,SAAS;IACT,KAAK,EAAE,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAC3D;CACF,CAAC,CAAC;AAEH,kBAAe,EAAE,CAAC"}
package/dist/esm/css.js DELETED
@@ -1,94 +0,0 @@
1
- import { transpiler, isServer, isDevAndTest, injectServerCSS, injectClientCSS, injectClientGlobalCSS, genBase36Hash, } from 'zss-engine';
2
- import { initPromise_1, globalPromise_1, resolvePromise_1, initPromise_2, globalPromise_2, resolvePromise_2, } from './processors/css.js';
3
- import { media, container, pseudo, color } from 'zss-utils';
4
- function create(object) {
5
- const base36Hash = genBase36Hash(object, 6);
6
- const { styleSheet } = transpiler(object, base36Hash);
7
- const injectCSS = isServer ? injectServerCSS : injectClientCSS;
8
- if (typeof globalPromise_1 === 'undefined')
9
- initPromise_1();
10
- resolvePromise_1(styleSheet);
11
- Object.keys(object).forEach((key) => {
12
- Object.defineProperty(object, key, {
13
- get: () => {
14
- const className = key + '_' + base36Hash;
15
- if (isDevAndTest)
16
- injectCSS(base36Hash, styleSheet);
17
- return className;
18
- },
19
- });
20
- });
21
- return Object.freeze(object);
22
- }
23
- function global(object) {
24
- const base36Hash = genBase36Hash(object, 8);
25
- const { styleSheet } = transpiler(object, undefined, '--global');
26
- if (typeof globalPromise_2 === 'undefined')
27
- initPromise_2();
28
- resolvePromise_2(styleSheet);
29
- if (isDevAndTest)
30
- isServer
31
- ? injectServerCSS(base36Hash, styleSheet)
32
- : injectClientGlobalCSS(styleSheet);
33
- }
34
- const defineVars = (object) => {
35
- const styles = {
36
- ':root': {},
37
- };
38
- const result = {};
39
- Object.entries(object).forEach(([key, value]) => {
40
- result[key] = `var(--${key})`;
41
- styles[':root'][`--${key}`] = value;
42
- });
43
- global(styles);
44
- return result;
45
- };
46
- const defineTheme = (object) => {
47
- const styles = {};
48
- const result = {};
49
- Object.entries(object).forEach(([key, value]) => {
50
- result[key] = `var(--${key})`;
51
- Object.entries(value).forEach(([subKey, subValue]) => {
52
- if (subKey.startsWith('@media')) {
53
- styles[':root'] ||= {};
54
- styles[':root'][subKey] ||= {};
55
- styles[':root'][subKey][`--${key}`] = subValue;
56
- }
57
- else {
58
- const themeSelector = subKey === 'default' ? ':root' : `:root[data-theme="${subKey}"]`;
59
- styles[themeSelector] ||= {};
60
- styles[themeSelector][`--${key}`] = subValue;
61
- }
62
- });
63
- });
64
- global(styles);
65
- return result;
66
- };
67
- const keyframes = (object) => {
68
- const prefix = genBase36Hash(object, 8);
69
- global({ [`@keyframes ${prefix}`]: object });
70
- return prefix;
71
- };
72
- class css {
73
- static create(object) {
74
- return create(object);
75
- }
76
- static global(object) {
77
- return global(object);
78
- }
79
- static defineVars(object) {
80
- return defineVars(object);
81
- }
82
- static defineTheme(object) {
83
- return defineTheme(object);
84
- }
85
- static keyframes(object) {
86
- return keyframes(object);
87
- }
88
- static media = media;
89
- static container = container;
90
- static pseudo = pseudo;
91
- static color = color;
92
- }
93
- export default css;
94
- //# sourceMappingURL=css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css.js","sourceRoot":"","sources":["../../src/css.ts"],"names":[],"mappings":"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"}