@kbach/react-native 1.0.0-beta.8 → 1.0.0-beta.9

package/dist/index.web.mjs

@@ -1,8 +1,10 @@
 import {
   ThemeProvider,
-  useGlobalDarkMode,
+  applyKbachConfig,
+  resolveKbachConfig,
+  useColors,
   useTheme
-} from "./chunk-CGU7UM2F.mjs";
+} from "./chunk-X4UQCEOE.mjs";
 import {
   getGlobalDarkMode,
   getGlobalThemeMode,
@@ -12,23 +14,25 @@ import {
 } from "./chunk-Z664AKW7.mjs";
 import {
   resolveClassName
-} from "./chunk-JS5KIGAB.mjs";
+} from "./chunk-H5Z24XX5.mjs";
 import {
   defaultTheme,
   getTheme,
   setTheme
-} from "./chunk-4BXM3QUV.mjs";
+} from "./chunk-HK6PDJJK.mjs";
 export {
   ThemeProvider,
+  applyKbachConfig,
   defaultTheme,
   getGlobalDarkMode,
   getGlobalThemeMode,
   getTheme,
   resolveClassName,
+  resolveKbachConfig,
   setGlobalThemeMode,
   setTheme,
   subscribeGlobalDarkMode,
   toggleGlobalDarkMode,
-  useGlobalDarkMode,
+  useColors,
   useTheme
 };

package/dist/jsx-dev-runtime.js

@@ -358,11 +358,13 @@ var defaultTheme = {
   colors: PALETTE,
   // Real Tailwind's default spacing scale in full — every step is exactly
   // `n * 4px`, including the fractional `.5` steps (`1.5` -> 6px, `2.5` ->
-  // 10px, `3.5` -> 14px) and the "px" literal (a bare 1px). Previously
-  // this only had {0,1,2,4,6,8} — a handful of spot-checked values, not
-  // the real scale — so anything else (`p-3`, `w-5`, `border-2`,
-  // `gap-10`, ...) silently failed to resolve. Mirrors @kbach/react's
-  // theme.ts exactly.
+  // 10px, `3.5` -> 14px) and the "px" literal (a bare 1px). Only the
+  // "usual stops", though — `jsEngine/shared.ts`'s `spacingPx` (and the
+  // native Rust dispatcher's own `spacing_px`) falls back to Tailwind v4's
+  // live `n * 4px` formula for any bare numeric step not listed here
+  // (`p-0.25`, `w-13`, ...), so this table names the common values and
+  // gives a theme override something to target, not the full resolvable
+  // set. Mirrors @kbach/react's theme.ts exactly.
   spacing: {
     "0": 0,
     "px": 1,
@@ -407,7 +409,20 @@ var defaultTheme = {
     xl: 1280,
     "2xl": 1536
   },
-  darkMode: "attribute"
+  // Byte-for-byte the same three stacks
+  // packages/core-engine/src/resolvers/typography.rs's `font_family_value`
+  // falls back to. On native these three still effectively no-op (see
+  // `first_font_name`'s own doc comment for why a generic CSS keyword
+  // isn't a real loadable font) — only a caller-configured custom name
+  // changes native rendering; Expo Web uses the full stack as-is.
+  fontFamily: {
+    sans: 'ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+    serif: 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
+    mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
+  },
+  darkMode: "attribute",
+  // Empty by default, matching real Tailwind's own defaults.
+  container: {}
 };
 var activeTheme = defaultTheme;
 var activeThemeJson = JSON.stringify(defaultTheme);
@@ -691,6 +706,12 @@ function parseClass(token) {
 function decl(property, value) {
   return { property, value };
 }
+function spacingPx(theme, value) {
+  const fromTable = theme.spacing[value];
+  if (fromTable !== void 0) return fromTable;
+  const n = Number(value);
+  return Number.isFinite(n) && value.trim() !== "" ? n * 4 : void 0;
+}
 function resolveLength(theme, parsed) {
   if (parsed.negative) return null;
   const value = parsed.value;
@@ -698,7 +719,7 @@ function resolveLength(theme, parsed) {
   if (parsed.isArbitrary) return value;
   if (value === "full") return "100%";
   if (value === "auto") return "auto";
-  const px = theme.spacing[value];
+  const px = spacingPx(theme, value);
   return px === void 0 ? null : `${px}px`;
 }
 function resolveNegatableLength(theme, parsed) {
@@ -706,7 +727,7 @@ function resolveNegatableLength(theme, parsed) {
   if (parsed.isArbitrary) return null;
   const value = parsed.value;
   if (value === null) return null;
-  const px = theme.spacing[value];
+  const px = spacingPx(theme, value);
   if (px === void 0) return null;
   if (px === 0) return "0px";
   return `-${px}px`;
@@ -1065,7 +1086,8 @@ function resolve2(parsed, theme) {
 
 // src/jsEngine/resolvers/color.ts
 function lookupHex(theme, key) {
-  return theme.colors[key] ?? null;
+  const entry = theme.colors[key];
+  return typeof entry === "string" ? entry : null;
 }
 
 // src/jsEngine/resolvers/border.ts

package/dist/jsx-dev-runtime.mjs

@@ -1,14 +1,14 @@
 import {
   jsx,
   jsxs
-} from "./chunk-KV3ZIXSH.mjs";
-import "./chunk-JR3BLUAV.mjs";
+} from "./chunk-DOWW44F7.mjs";
+import "./chunk-SY5OAY2C.mjs";
 import "./chunk-Z664AKW7.mjs";
 import {
   Fragment,
   createJsxDEV
 } from "./chunk-DLIXI5OW.mjs";
-import "./chunk-4BXM3QUV.mjs";
+import "./chunk-HK6PDJJK.mjs";
 
 // src/jsx-dev-runtime.tsx
 var jsxDEV = createJsxDEV(jsx, jsxs);