@flairjs/client 0.0.1-beta.1 → 0.0.1-beta.3

package/dist/cjs/index.js

@@ -9,7 +9,40 @@ const cn = c;
 const css = String.raw;
 
 //#endregion
+//#region src/theme.ts
+function defineConfig(config) {
+	return config;
+}
+const buildThemeTokens = (theme, themeName) => {
+	let css$1 = "";
+	const { tokens, selector } = theme;
+	if (typeof selector === "string") css$1 += `${selector} {\n`;
+	css$1 += tokensToCSSVars(tokens, theme.prefix ? [theme.prefix] : []);
+	if (typeof selector === "string") css$1 += `}\n`;
+	else css$1 = selector(css$1, themeName);
+	Object.entries(theme.themes ?? {}).forEach(([name, themeConfig]) => {
+		css$1 += buildThemeTokens({
+			prefix: theme.prefix,
+			selector: theme.selector,
+			...themeConfig
+		}, name);
+	});
+	return css$1;
+};
+function tokensToCSSVars(tokens, prefix = []) {
+	let css$1 = "";
+	for (const [key, value] of Object.entries(tokens)) {
+		const newPrefix = [...prefix, key];
+		if (typeof value === "string" || typeof value === "number") css$1 += `--${newPrefix.join("-")}: ${value};\n`;
+		else if (typeof value === "object" && value !== null) css$1 += tokensToCSSVars(value, newPrefix);
+	}
+	return css$1;
+}
+
+//#endregion
+exports.buildThemeTokens = buildThemeTokens;
 exports.c = c;
 exports.cn = cn;
 exports.css = css;
+exports.defineConfig = defineConfig;
 exports.flair = flair;

package/dist/esm/index.js

@@ -7,4 +7,35 @@ const cn = c;
 const css = String.raw;
 
 //#endregion
-export { c, cn, css, flair };
+//#region src/theme.ts
+function defineConfig(config) {
+	return config;
+}
+const buildThemeTokens = (theme, themeName) => {
+	let css$1 = "";
+	const { tokens, selector } = theme;
+	if (typeof selector === "string") css$1 += `${selector} {\n`;
+	css$1 += tokensToCSSVars(tokens, theme.prefix ? [theme.prefix] : []);
+	if (typeof selector === "string") css$1 += `}\n`;
+	else css$1 = selector(css$1, themeName);
+	Object.entries(theme.themes ?? {}).forEach(([name, themeConfig]) => {
+		css$1 += buildThemeTokens({
+			prefix: theme.prefix,
+			selector: theme.selector,
+			...themeConfig
+		}, name);
+	});
+	return css$1;
+};
+function tokensToCSSVars(tokens, prefix = []) {
+	let css$1 = "";
+	for (const [key, value] of Object.entries(tokens)) {
+		const newPrefix = [...prefix, key];
+		if (typeof value === "string" || typeof value === "number") css$1 += `--${newPrefix.join("-")}: ${value};\n`;
+		else if (typeof value === "object" && value !== null) css$1 += tokensToCSSVars(value, newPrefix);
+	}
+	return css$1;
+}
+
+//#endregion
+export { buildThemeTokens, c, cn, css, defineConfig, flair };

package/dist/types/index.d.ts

@@ -1 +1,2 @@
 export * from "./utils";
+export * from "./theme";

package/dist/types/index.js

@@ -1,3 +1,4 @@
-import { c, cn, css, flair } from "./utils.js";
+import { c, cn, css, flair } from "./packages/client/src/utils.js";
+import { buildThemeTokens, defineConfig } from "./packages/client/src/theme.js";
 
-export { c, cn, css, flair };
+export { buildThemeTokens, c, cn, css, defineConfig, flair };

package/dist/types/node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.50.0_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js

@@ -0,0 +1,23 @@
+//#region ../../node_modules/.pnpm/@rollup+plugin-typescript@12.1.4_rollup@4.50.0_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js
+var __assign = function() {
+	__assign = Object.assign || function __assign$1(t) {
+		for (var s, i = 1, n = arguments.length; i < n; i++) {
+			s = arguments[i];
+			for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+		}
+		return t;
+	};
+	return __assign.apply(this, arguments);
+};
+function __spreadArray(to, from, pack) {
+	if (pack || arguments.length === 2) {
+		for (var i = 0, l = from.length, ar; i < l; i++) if (ar || !(i in from)) {
+			if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+			ar[i] = from[i];
+		}
+	}
+	return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+//#endregion
+export { __assign, __spreadArray };

package/dist/types/packages/client/src/theme.js

@@ -0,0 +1,37 @@
+import { __assign, __spreadArray } from "../../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.50.0_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js";
+
+//#region src/theme.ts
+function defineConfig(config) {
+	return config;
+}
+var buildThemeTokens = function(theme, themeName) {
+	var _a;
+	var css = "";
+	var tokens = theme.tokens, selector = theme.selector;
+	if (typeof selector === "string") css += "".concat(selector, " {\n");
+	css += tokensToCSSVars(tokens, theme.prefix ? [theme.prefix] : []);
+	if (typeof selector === "string") css += "}\n";
+	else css = selector(css, themeName);
+	Object.entries((_a = theme.themes) !== null && _a !== void 0 ? _a : {}).forEach(function(_a$1) {
+		var name = _a$1[0], themeConfig = _a$1[1];
+		css += buildThemeTokens(__assign({
+			prefix: theme.prefix,
+			selector: theme.selector
+		}, themeConfig), name);
+	});
+	return css;
+};
+function tokensToCSSVars(tokens, prefix) {
+	if (prefix === void 0) prefix = [];
+	var css = "";
+	for (var _i = 0, _a = Object.entries(tokens); _i < _a.length; _i++) {
+		var _b = _a[_i], key = _b[0], value = _b[1];
+		var newPrefix = __spreadArray(__spreadArray([], prefix, true), [key], false);
+		if (typeof value === "string" || typeof value === "number") css += "--".concat(newPrefix.join("-"), ": ").concat(value, ";\n");
+		else if (typeof value === "object" && value !== null) css += tokensToCSSVars(value, newPrefix);
+	}
+	return css;
+}
+
+//#endregion
+export { buildThemeTokens, defineConfig };

package/dist/types/preact/index.js

@@ -1,3 +1,3 @@
-import { Style } from "./style.js";
+import { Style } from "../packages/client/src/preact/style.js";
 
 export { Style };

package/dist/types/react/index.js

@@ -1,3 +1,3 @@
-import { Style } from "./style.js";
+import { Style } from "../packages/client/src/react/style.js";
 
 export { Style };

package/dist/types/solidjs/index.js

@@ -1,3 +1,3 @@
-import { Style } from "./style.js";
+import { Style } from "../packages/client/src/solidjs/style.js";
 
 export { Style };

package/dist/types/theme.d.ts

@@ -0,0 +1,32 @@
+interface ThemeObjItem {
+    [key: string | number]: string | ThemeObjItem;
+}
+export interface FlairThemeObject {
+    colors?: Record<string | number, string | ThemeObjItem>;
+    space?: Record<string | number, string | ThemeObjItem>;
+    fontSizes?: Record<string | number, string | ThemeObjItem>;
+    fonts?: Record<string | number, string | ThemeObjItem>;
+    fontWeights?: Record<string | number, string | ThemeObjItem>;
+    lineHeights?: Record<string | number, string | ThemeObjItem>;
+    letterSpacings?: Record<string | number, string | ThemeObjItem>;
+    sizes?: Record<string | number, string | ThemeObjItem>;
+    borderWidths?: Record<string | number, string | ThemeObjItem>;
+    borderStyles?: Record<string | number, string | ThemeObjItem>;
+    radii?: Record<string | number, string | ThemeObjItem>;
+    shadows?: Record<string | number, string | ThemeObjItem>;
+    zIndices?: Record<string | number, string | ThemeObjItem>;
+    transitions?: Record<string | number, string | ThemeObjItem>;
+}
+export type FlairThemeConfig = {
+    tokens: FlairThemeObject;
+    breakpoints?: Record<string, string | number>;
+    prefix?: string;
+    selector: string | ((content: string, themeName?: string) => string);
+    themes?: Record<string, {
+        tokens: FlairThemeObject;
+        selector?: string | ((content: string, themeName?: string) => string);
+    }>;
+};
+export declare function defineConfig<T extends FlairThemeConfig>(config: T): T;
+export declare const buildThemeTokens: (theme: FlairThemeConfig, themeName?: string) => string;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flairjs/client",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.3",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",
   "types": "./dist/types/index.d.ts",
@@ -67,7 +67,7 @@
     "csstype": "^3.1.3",
     "rolldown": "1.0.0-beta.37",
     "typescript": "^5.8.3",
-    "@flairjs/core": "0.0.1-beta.1"
+    "@flairjs/core": "0.0.1-beta.3"
   },
   "scripts": {
     "build": "rolldown -c",