@kbach/react 1.0.0-beta.2 → 1.0.0-beta.21

package/package.json

@@ -1,8 +1,15 @@
 {
   "name": "@kbach/react",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.21",
   "description": "A utility-first styling engine for React, powered by a real Rust/WASM core — Tailwind CSS v4 feature parity with Kbach's own color palette.",
-  "keywords": ["css", "react", "tailwind", "utility-first", "wasm", "styling"],
+  "keywords": [
+    "css",
+    "react",
+    "tailwind",
+    "utility-first",
+    "wasm",
+    "styling"
+  ],
   "license": "MIT",
   "author": "semsakadanupol",
   "repository": {
@@ -17,7 +24,9 @@
   "publishConfig": {
     "access": "public"
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "source": "./src/index.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -46,31 +55,44 @@
       "source": "./src/vite-plugin/index.ts",
       "import": "./dist/vite-plugin.mjs",
       "require": "./dist/vite-plugin.js"
+    },
+    "./postcss": {
+      "types": "./dist/postcss-plugin.d.ts",
+      "source": "./src/postcss-plugin/index.ts",
+      "import": "./dist/postcss-plugin.mjs",
+      "require": "./dist/postcss-plugin.js"
     }
   },
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
     "test": "vitest run --passWithNoTests",
+    "test:coverage": "vitest run --coverage --passWithNoTests",
     "lint": "tsc --noEmit",
     "generate:colors": "node ../core-engine/scripts/generate-palette.mjs src/generatedPalette.ts"
   },
   "dependencies": {
-    "@kbach/core-engine": "1.0.0-beta.3"
+    "@kbach/core-engine": "1.0.0-beta.12"
   },
   "devDependencies": {
     "@types/react": "^19.2.0",
+    "@vitest/coverage-v8": "^1.6.1",
     "jsdom": "^30.0.1",
+    "postcss": "^8.4.0",
     "tsup": "^8.0.0",
     "typescript": "^6.0.0",
     "vite": "^5.4.21",
     "vitest": "^1.0.0"
   },
   "peerDependencies": {
+    "postcss": "^8.0.0",
     "react": ">=18.0.0",
     "vite": ">=4.0.0"
   },
   "peerDependenciesMeta": {
+    "postcss": {
+      "optional": true
+    },
     "vite": {
       "optional": true
     }

package/dist/chunk-NKR3PSWO.mjs

@@ -1,115 +0,0 @@
-import {
-  defaultTheme,
-  setTheme
-} from "./chunk-N5HCQIBB.mjs";
-
-// src/colorVariables.ts
-function parseHexRgb(hex) {
-  const m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
-  if (!m) return null;
-  let h = m[1];
-  if (h.length === 3) h = h.split("").map((c) => c + c).join("");
-  const n = parseInt(h, 16);
-  return [n >> 16 & 255, n >> 8 & 255, n & 255];
-}
-function wrapDarkDecls(strategy, decls) {
-  switch (strategy) {
-    case "class":
-      return `.dark { ${decls} }`;
-    case "media":
-      return `@media (prefers-color-scheme: dark) { :root { ${decls} } }`;
-    case "attribute":
-    default:
-      return `[data-theme="dark"] { ${decls} }`;
-  }
-}
-var STYLE_ID = "kbach-colors";
-var injectedForTheme = null;
-function ensureColorVariablesInjected(theme) {
-  if (typeof document === "undefined") return;
-  if (injectedForTheme === theme) return;
-  injectedForTheme = theme;
-  const lightDecls = [];
-  const darkDecls = [];
-  for (const [name, value] of Object.entries(theme.colors)) {
-    if (typeof value === "string") continue;
-    const light = parseHexRgb(value.light);
-    const dark = parseHexRgb(value.dark);
-    if (!light || !dark) continue;
-    lightDecls.push(`--kb-color-${name}: ${light.join(",")};`);
-    darkDecls.push(`--kb-color-${name}: ${dark.join(",")};`);
-  }
-  let el = document.getElementById(STYLE_ID);
-  if (lightDecls.length === 0) {
-    el?.remove();
-    return;
-  }
-  if (!el) {
-    el = document.createElement("style");
-    el.id = STYLE_ID;
-    document.head.insertBefore(el, document.head.firstChild);
-  }
-  el.textContent = `:root { ${lightDecls.join(" ")} }
-${wrapDarkDecls(theme.darkMode, darkDecls.join(" "))}`;
-}
-
-// src/config.ts
-function applyOpacityToHex(hex, opacityText) {
-  const rgb = parseHexRgb(hex);
-  if (!rgb) return hex;
-  const a = Number(opacityText) / 100;
-  const clamped = Number.isFinite(a) ? Math.min(1, Math.max(0, a)) : 1;
-  return `rgba(${rgb.join(",")},${clamped})`;
-}
-function resolveColorEntry(value, lookup) {
-  if (typeof value !== "string") return value;
-  const slash = value.indexOf("/");
-  const name = slash === -1 ? value : value.slice(0, slash);
-  const opacity = slash === -1 ? void 0 : value.slice(slash + 1);
-  const base = lookup(name);
-  if (base === void 0) return value;
-  if (opacity === void 0) return base;
-  return typeof base === "string" ? applyOpacityToHex(base, opacity) : { light: applyOpacityToHex(base.light, opacity), dark: applyOpacityToHex(base.dark, opacity) };
-}
-function resolveColors(extend, existing) {
-  const resolved = {};
-  const lookup = (name) => resolved[name] ?? existing[name];
-  for (const [name, value] of Object.entries(extend)) {
-    resolved[name] = resolveColorEntry(value, lookup);
-  }
-  return resolved;
-}
-function resolveKbachConfig(config) {
-  let theme = { ...defaultTheme, ...config.theme };
-  if (config.extend?.colors) {
-    theme = { ...theme, colors: { ...theme.colors, ...resolveColors(config.extend.colors, theme.colors) } };
-  }
-  if (config.extend?.spacing) {
-    theme = { ...theme, spacing: { ...theme.spacing, ...config.extend.spacing } };
-  }
-  if (config.extend?.screens) {
-    theme = { ...theme, screens: { ...theme.screens, ...config.extend.screens } };
-  }
-  if (config.extend?.fontFamily) {
-    theme = { ...theme, fontFamily: { ...theme.fontFamily, ...config.extend.fontFamily } };
-  }
-  if (config.extend?.container) {
-    theme = { ...theme, container: { ...theme.container, ...config.extend.container } };
-  }
-  if (config.darkMode) {
-    theme = { ...theme, darkMode: config.darkMode };
-  }
-  return theme;
-}
-function applyKbachConfig(config) {
-  const theme = resolveKbachConfig(config);
-  setTheme(theme);
-  return theme;
-}
-
-export {
-  parseHexRgb,
-  ensureColorVariablesInjected,
-  resolveKbachConfig,
-  applyKbachConfig
-};