@kbach/react 0.5.7 → 0.5.9

package/dist/{chunk-YLT5TFLD.mjs → chunk-OBFLMVLT.mjs}

@@ -2988,6 +2988,13 @@ function getActiveBreakpoints(width) {
 
 // src/core/resolver.ts
 var styleCache = new LRUCache(1e4);
+var _defaultFontFamily;
+function setDefaultFontFamily(font) {
+  _defaultFontFamily = font;
+}
+function getDefaultFontFamily() {
+  return _defaultFontFamily;
+}
 var _styleEl = null;
 var _injectedRules = /* @__PURE__ */ new Set();
 function getStyleEl() {
@@ -3256,6 +3263,7 @@ function resolve(classString, theme, darkMode = "attribute") {
 }
 function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new Set()) {
   const result = {};
+  if (_defaultFontFamily) result.fontFamily = _defaultFontFamily;
   const entries = Object.entries(resolved);
   entries.sort((a, b) => {
     const pa = a[0] === "base" ? -1 : a[0].split(":").length;
@@ -3432,6 +3440,9 @@ function buildConfig(userConfig) {
   for (const plugin of resolved.plugins) {
     plugin(pluginAPI);
   }
+  const rawSans = theme.fontFamily.sans;
+  const sansFontValue = Array.isArray(rawSans) ? rawSans[0] : rawSans;
+  setDefaultFontFamily(sansFontValue && sansFontValue !== "System" ? sansFontValue : void 0);
   injectGlobalStyles(resolved.theme);
   return resolved;
 }
@@ -3716,6 +3727,7 @@ export {
   syncGlobalScreens,
   setGlobalWidth,
   getActiveBreakpoints,
+  getDefaultFontFamily,
   resolve,
   flatten,
   getConfig,

package/dist/{chunk-3SF5YHWG.mjs → chunk-QG3EWTVW.mjs}

@@ -4,11 +4,12 @@ import {
   flatten,
   getActiveBreakpoints,
   getConfig,
+  getDefaultFontFamily,
   isWeb,
   resolve,
   useConditionalWidth,
   useGlobalDarkMode
-} from "./chunk-YLT5TFLD.mjs";
+} from "./chunk-OBFLMVLT.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs, Fragment } from "react/jsx-runtime";
@@ -190,7 +191,13 @@ function processElement(type, rawProps, key, isStaticChildren) {
   const { className, kb: kbProp, __kbachStyles, __kbachClasses } = rawProps;
   const classStr = className ?? kbProp ?? __kbachClasses;
   if (!classStr && !__kbachStyles) {
-    return makeElement(isStaticChildren, type, rawProps, key);
+    const defaultFont = getDefaultFontFamily();
+    if (!defaultFont) {
+      return makeElement(isStaticChildren, type, rawProps, key);
+    }
+    const { style: userStyle2, ...passProps2 } = omitConsumed(rawProps);
+    const finalStyle2 = userStyle2 ? Array.isArray(userStyle2) ? { fontFamily: defaultFont, ...Object.assign({}, ...userStyle2) } : { fontFamily: defaultFont, ...userStyle2 } : { fontFamily: defaultFont };
+    return makeElement(isStaticChildren, type, { ...passProps2, style: finalStyle2 }, key);
   }
   const config = getConfig();
   const resolved = __kbachStyles ?? (classStr ? resolve(classStr, config.theme, config.darkMode) : {});

package/dist/index.js

@@ -3118,6 +3118,10 @@ function getActiveBreakpoints(width) {
 
 // src/core/resolver.ts
 var styleCache = new LRUCache(1e4);
+var _defaultFontFamily;
+function setDefaultFontFamily(font) {
+  _defaultFontFamily = font;
+}
 var _styleEl = null;
 var _injectedRules = /* @__PURE__ */ new Set();
 function getStyleEl() {
@@ -3386,6 +3390,7 @@ function resolve(classString, theme, darkMode = "attribute") {
 }
 function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new Set()) {
   const result = {};
+  if (_defaultFontFamily) result.fontFamily = _defaultFontFamily;
   const entries = Object.entries(resolved);
   entries.sort((a, b) => {
     const pa = a[0] === "base" ? -1 : a[0].split(":").length;
@@ -3562,6 +3567,9 @@ function buildConfig(userConfig) {
   for (const plugin of resolved.plugins) {
     plugin(pluginAPI);
   }
+  const rawSans = theme.fontFamily.sans;
+  const sansFontValue = Array.isArray(rawSans) ? rawSans[0] : rawSans;
+  setDefaultFontFamily(sansFontValue && sansFontValue !== "System" ? sansFontValue : void 0);
   injectGlobalStyles(resolved.theme);
   return resolved;
 }

package/dist/index.mjs

@@ -23,7 +23,7 @@ import {
   useConditionalWidth,
   useGlobalDarkMode,
   useGlobalWidth
-} from "./chunk-YLT5TFLD.mjs";
+} from "./chunk-OBFLMVLT.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";

package/dist/jsx-dev-runtime.js

@@ -3009,6 +3009,13 @@ function getActiveBreakpoints(width) {
 
 // src/core/resolver.ts
 var styleCache = new LRUCache(1e4);
+var _defaultFontFamily;
+function setDefaultFontFamily(font) {
+  _defaultFontFamily = font;
+}
+function getDefaultFontFamily() {
+  return _defaultFontFamily;
+}
 var _styleEl = null;
 var _injectedRules = /* @__PURE__ */ new Set();
 function getStyleEl() {
@@ -3277,6 +3284,7 @@ function resolve(classString, theme, darkMode = "attribute") {
 }
 function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new Set()) {
   const result = {};
+  if (_defaultFontFamily) result.fontFamily = _defaultFontFamily;
   const entries = Object.entries(resolved);
   entries.sort((a, b) => {
     const pa = a[0] === "base" ? -1 : a[0].split(":").length;
@@ -3445,6 +3453,9 @@ function buildConfig(userConfig) {
   for (const plugin of resolved.plugins) {
     plugin(pluginAPI);
   }
+  const rawSans = theme.fontFamily.sans;
+  const sansFontValue = Array.isArray(rawSans) ? rawSans[0] : rawSans;
+  setDefaultFontFamily(sansFontValue && sansFontValue !== "System" ? sansFontValue : void 0);
   injectGlobalStyles(resolved.theme);
   return resolved;
 }
@@ -3860,7 +3871,13 @@ function processElement(type, rawProps, key, isStaticChildren) {
   const { className, kb: kbProp, __kbachStyles, __kbachClasses } = rawProps;
   const classStr = className ?? kbProp ?? __kbachClasses;
   if (!classStr && !__kbachStyles) {
-    return makeElement(isStaticChildren, type, rawProps, key);
+    const defaultFont = getDefaultFontFamily();
+    if (!defaultFont) {
+      return makeElement(isStaticChildren, type, rawProps, key);
+    }
+    const { style: userStyle2, ...passProps2 } = omitConsumed(rawProps);
+    const finalStyle2 = userStyle2 ? Array.isArray(userStyle2) ? { fontFamily: defaultFont, ...Object.assign({}, ...userStyle2) } : { fontFamily: defaultFont, ...userStyle2 } : { fontFamily: defaultFont };
+    return makeElement(isStaticChildren, type, { ...passProps2, style: finalStyle2 }, key);
   }
   const config = getConfig();
   const resolved = __kbachStyles ?? (classStr ? resolve(classStr, config.theme, config.darkMode) : {});

package/dist/jsx-dev-runtime.mjs

@@ -2,8 +2,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-3SF5YHWG.mjs";
-import "./chunk-YLT5TFLD.mjs";
+} from "./chunk-QG3EWTVW.mjs";
+import "./chunk-OBFLMVLT.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, _source, _self) {

package/dist/jsx-runtime.js

@@ -3008,6 +3008,13 @@ function getActiveBreakpoints(width) {
 
 // src/core/resolver.ts
 var styleCache = new LRUCache(1e4);
+var _defaultFontFamily;
+function setDefaultFontFamily(font) {
+  _defaultFontFamily = font;
+}
+function getDefaultFontFamily() {
+  return _defaultFontFamily;
+}
 var _styleEl = null;
 var _injectedRules = /* @__PURE__ */ new Set();
 function getStyleEl() {
@@ -3276,6 +3283,7 @@ function resolve(classString, theme, darkMode = "attribute") {
 }
 function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new Set()) {
   const result = {};
+  if (_defaultFontFamily) result.fontFamily = _defaultFontFamily;
   const entries = Object.entries(resolved);
   entries.sort((a, b) => {
     const pa = a[0] === "base" ? -1 : a[0].split(":").length;
@@ -3444,6 +3452,9 @@ function buildConfig(userConfig) {
   for (const plugin of resolved.plugins) {
     plugin(pluginAPI);
   }
+  const rawSans = theme.fontFamily.sans;
+  const sansFontValue = Array.isArray(rawSans) ? rawSans[0] : rawSans;
+  setDefaultFontFamily(sansFontValue && sansFontValue !== "System" ? sansFontValue : void 0);
   injectGlobalStyles(resolved.theme);
   return resolved;
 }
@@ -3859,7 +3870,13 @@ function processElement(type, rawProps, key, isStaticChildren) {
   const { className, kb: kbProp, __kbachStyles, __kbachClasses } = rawProps;
   const classStr = className ?? kbProp ?? __kbachClasses;
   if (!classStr && !__kbachStyles) {
-    return makeElement(isStaticChildren, type, rawProps, key);
+    const defaultFont = getDefaultFontFamily();
+    if (!defaultFont) {
+      return makeElement(isStaticChildren, type, rawProps, key);
+    }
+    const { style: userStyle2, ...passProps2 } = omitConsumed(rawProps);
+    const finalStyle2 = userStyle2 ? Array.isArray(userStyle2) ? { fontFamily: defaultFont, ...Object.assign({}, ...userStyle2) } : { fontFamily: defaultFont, ...userStyle2 } : { fontFamily: defaultFont };
+    return makeElement(isStaticChildren, type, { ...passProps2, style: finalStyle2 }, key);
   }
   const config = getConfig();
   const resolved = __kbachStyles ?? (classStr ? resolve(classStr, config.theme, config.darkMode) : {});

package/dist/jsx-runtime.mjs

@@ -2,8 +2,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-3SF5YHWG.mjs";
-import "./chunk-YLT5TFLD.mjs";
+} from "./chunk-QG3EWTVW.mjs";
+import "./chunk-OBFLMVLT.mjs";
 export {
   Fragment,
   jsx,

package/package.json

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