@kbach/react 0.3.3 → 0.3.4

package/dist/{chunk-7XL6VQDW.mjs → chunk-ADRZPFQC.mjs}

@@ -2082,6 +2082,28 @@ function getConfig() {
   store.resolved = buildConfig({});
   return store.resolved;
 }
+function resolveOneRef(ref, colors) {
+  const m = /^([a-z][a-z0-9]*)-(\d+)$/.exec(ref);
+  if (!m) return null;
+  const entry = colors[m[1]];
+  if (!entry || typeof entry !== "object") return null;
+  return entry[m[2]] ?? null;
+}
+function resolveColorRefs(colors) {
+  const out = {};
+  for (const [key, val] of Object.entries(colors)) {
+    if (typeof val === "string") {
+      out[key] = resolveOneRef(val, colors) ?? val;
+    } else {
+      const shades = {};
+      for (const [shade, hex] of Object.entries(val)) {
+        shades[shade] = resolveOneRef(hex, colors) ?? hex;
+      }
+      out[key] = shades;
+    }
+  }
+  return out;
+}
 function buildConfig(userConfig) {
   let theme = { ...defaultTheme };
   if (userConfig.theme) {
@@ -2100,6 +2122,7 @@ function buildConfig(userConfig) {
       }
     }
   }
+  theme = { ...theme, colors: resolveColorRefs(theme.colors) };
   const resolved = {
     darkMode: userConfig.darkMode ?? "attribute",
     theme,

package/dist/{chunk-NFPYOE5K.mjs → chunk-J322Q3UR.mjs}

@@ -5,7 +5,7 @@ import {
   isWeb,
   resolve,
   useGlobalDarkMode
-} from "./chunk-7XL6VQDW.mjs";
+} from "./chunk-ADRZPFQC.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs, Fragment } from "react/jsx-runtime";

package/dist/index.js

@@ -2210,6 +2210,28 @@ function getConfig() {
   store.resolved = buildConfig({});
   return store.resolved;
 }
+function resolveOneRef(ref, colors) {
+  const m = /^([a-z][a-z0-9]*)-(\d+)$/.exec(ref);
+  if (!m) return null;
+  const entry = colors[m[1]];
+  if (!entry || typeof entry !== "object") return null;
+  return entry[m[2]] ?? null;
+}
+function resolveColorRefs(colors) {
+  const out = {};
+  for (const [key, val] of Object.entries(colors)) {
+    if (typeof val === "string") {
+      out[key] = resolveOneRef(val, colors) ?? val;
+    } else {
+      const shades = {};
+      for (const [shade, hex] of Object.entries(val)) {
+        shades[shade] = resolveOneRef(hex, colors) ?? hex;
+      }
+      out[key] = shades;
+    }
+  }
+  return out;
+}
 function buildConfig(userConfig) {
   let theme = { ...defaultTheme };
   if (userConfig.theme) {
@@ -2228,6 +2250,7 @@ function buildConfig(userConfig) {
       }
     }
   }
+  theme = { ...theme, colors: resolveColorRefs(theme.colors) };
   const resolved = {
     darkMode: userConfig.darkMode ?? "attribute",
     theme,

package/dist/index.mjs

@@ -16,7 +16,7 @@ import {
   syncGlobalDarkMode,
   updateConfig,
   useGlobalDarkMode
-} from "./chunk-7XL6VQDW.mjs";
+} from "./chunk-ADRZPFQC.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";

package/dist/jsx-dev-runtime.js

@@ -2112,6 +2112,28 @@ function getConfig() {
   store.resolved = buildConfig({});
   return store.resolved;
 }
+function resolveOneRef(ref, colors) {
+  const m = /^([a-z][a-z0-9]*)-(\d+)$/.exec(ref);
+  if (!m) return null;
+  const entry = colors[m[1]];
+  if (!entry || typeof entry !== "object") return null;
+  return entry[m[2]] ?? null;
+}
+function resolveColorRefs(colors) {
+  const out = {};
+  for (const [key, val] of Object.entries(colors)) {
+    if (typeof val === "string") {
+      out[key] = resolveOneRef(val, colors) ?? val;
+    } else {
+      const shades = {};
+      for (const [shade, hex] of Object.entries(val)) {
+        shades[shade] = resolveOneRef(hex, colors) ?? hex;
+      }
+      out[key] = shades;
+    }
+  }
+  return out;
+}
 function buildConfig(userConfig) {
   let theme = { ...defaultTheme };
   if (userConfig.theme) {
@@ -2130,6 +2152,7 @@ function buildConfig(userConfig) {
       }
     }
   }
+  theme = { ...theme, colors: resolveColorRefs(theme.colors) };
   const resolved = {
     darkMode: userConfig.darkMode ?? "attribute",
     theme,

package/dist/jsx-dev-runtime.mjs

@@ -2,8 +2,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-NFPYOE5K.mjs";
-import "./chunk-7XL6VQDW.mjs";
+} from "./chunk-J322Q3UR.mjs";
+import "./chunk-ADRZPFQC.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, _source, _self) {

package/dist/jsx-runtime.js

@@ -2111,6 +2111,28 @@ function getConfig() {
   store.resolved = buildConfig({});
   return store.resolved;
 }
+function resolveOneRef(ref, colors) {
+  const m = /^([a-z][a-z0-9]*)-(\d+)$/.exec(ref);
+  if (!m) return null;
+  const entry = colors[m[1]];
+  if (!entry || typeof entry !== "object") return null;
+  return entry[m[2]] ?? null;
+}
+function resolveColorRefs(colors) {
+  const out = {};
+  for (const [key, val] of Object.entries(colors)) {
+    if (typeof val === "string") {
+      out[key] = resolveOneRef(val, colors) ?? val;
+    } else {
+      const shades = {};
+      for (const [shade, hex] of Object.entries(val)) {
+        shades[shade] = resolveOneRef(hex, colors) ?? hex;
+      }
+      out[key] = shades;
+    }
+  }
+  return out;
+}
 function buildConfig(userConfig) {
   let theme = { ...defaultTheme };
   if (userConfig.theme) {
@@ -2129,6 +2151,7 @@ function buildConfig(userConfig) {
       }
     }
   }
+  theme = { ...theme, colors: resolveColorRefs(theme.colors) };
   const resolved = {
     darkMode: userConfig.darkMode ?? "attribute",
     theme,

package/dist/jsx-runtime.mjs

@@ -2,8 +2,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-NFPYOE5K.mjs";
-import "./chunk-7XL6VQDW.mjs";
+} from "./chunk-J322Q3UR.mjs";
+import "./chunk-ADRZPFQC.mjs";
 export {
   Fragment,
   jsx,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "React / React Native components and hooks for the Kbach framework",
   "source": "./src/index.ts",
   "main": "./dist/index.js",