@kbach/react 0.5.9 → 0.5.11

package/dist/{chunk-QG3EWTVW.mjs → chunk-CPU4VXII.mjs}

@@ -9,7 +9,7 @@ import {
   resolve,
   useConditionalWidth,
   useGlobalDarkMode
-} from "./chunk-OBFLMVLT.mjs";
+} from "./chunk-FXDTPPTC.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs, Fragment } from "react/jsx-runtime";
@@ -187,6 +187,7 @@ function stripWebOnlyInlineProps(s) {
   }
 }
 function processElement(type, rawProps, key, isStaticChildren) {
+  if (typeof type === "symbol") return makeElement(isStaticChildren, type, rawProps ?? {}, key);
   if (!rawProps) return _jsx(type, null, key);
   const { className, kb: kbProp, __kbachStyles, __kbachClasses } = rawProps;
   const classStr = className ?? kbProp ?? __kbachClasses;

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

@@ -2988,12 +2988,12 @@ function getActiveBreakpoints(width) {
 
 // src/core/resolver.ts
 var styleCache = new LRUCache(1e4);
-var _defaultFontFamily;
+var FONT_KEY = "__kbach_default_font__";
 function setDefaultFontFamily(font) {
-  _defaultFontFamily = font;
+  globalThis[FONT_KEY] = font;
 }
 function getDefaultFontFamily() {
-  return _defaultFontFamily;
+  return globalThis[FONT_KEY];
 }
 var _styleEl = null;
 var _injectedRules = /* @__PURE__ */ new Set();
@@ -3263,7 +3263,8 @@ function resolve(classString, theme, darkMode = "attribute") {
 }
 function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new Set()) {
   const result = {};
-  if (_defaultFontFamily) result.fontFamily = _defaultFontFamily;
+  const _df = getDefaultFontFamily();
+  if (_df) result.fontFamily = _df;
   const entries = Object.entries(resolved);
   entries.sort((a, b) => {
     const pa = a[0] === "base" ? -1 : a[0].split(":").length;

package/dist/index.js

@@ -3118,9 +3118,12 @@ function getActiveBreakpoints(width) {
 
 // src/core/resolver.ts
 var styleCache = new LRUCache(1e4);
-var _defaultFontFamily;
+var FONT_KEY = "__kbach_default_font__";
 function setDefaultFontFamily(font) {
-  _defaultFontFamily = font;
+  globalThis[FONT_KEY] = font;
+}
+function getDefaultFontFamily() {
+  return globalThis[FONT_KEY];
 }
 var _styleEl = null;
 var _injectedRules = /* @__PURE__ */ new Set();
@@ -3390,7 +3393,8 @@ function resolve(classString, theme, darkMode = "attribute") {
 }
 function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new Set()) {
   const result = {};
-  if (_defaultFontFamily) result.fontFamily = _defaultFontFamily;
+  const _df = getDefaultFontFamily();
+  if (_df) result.fontFamily = _df;
   const entries = Object.entries(resolved);
   entries.sort((a, b) => {
     const pa = a[0] === "base" ? -1 : a[0].split(":").length;

package/dist/index.mjs

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

package/dist/jsx-dev-runtime.js

@@ -3009,12 +3009,12 @@ function getActiveBreakpoints(width) {
 
 // src/core/resolver.ts
 var styleCache = new LRUCache(1e4);
-var _defaultFontFamily;
+var FONT_KEY = "__kbach_default_font__";
 function setDefaultFontFamily(font) {
-  _defaultFontFamily = font;
+  globalThis[FONT_KEY] = font;
 }
 function getDefaultFontFamily() {
-  return _defaultFontFamily;
+  return globalThis[FONT_KEY];
 }
 var _styleEl = null;
 var _injectedRules = /* @__PURE__ */ new Set();
@@ -3284,7 +3284,8 @@ function resolve(classString, theme, darkMode = "attribute") {
 }
 function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new Set()) {
   const result = {};
-  if (_defaultFontFamily) result.fontFamily = _defaultFontFamily;
+  const _df = getDefaultFontFamily();
+  if (_df) result.fontFamily = _df;
   const entries = Object.entries(resolved);
   entries.sort((a, b) => {
     const pa = a[0] === "base" ? -1 : a[0].split(":").length;
@@ -3867,6 +3868,7 @@ function stripWebOnlyInlineProps(s) {
   }
 }
 function processElement(type, rawProps, key, isStaticChildren) {
+  if (typeof type === "symbol") return makeElement(isStaticChildren, type, rawProps ?? {}, key);
   if (!rawProps) return (0, import_jsx_runtime.jsx)(type, null, key);
   const { className, kb: kbProp, __kbachStyles, __kbachClasses } = rawProps;
   const classStr = className ?? kbProp ?? __kbachClasses;

package/dist/jsx-dev-runtime.mjs

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

package/dist/jsx-runtime.js

@@ -3008,12 +3008,12 @@ function getActiveBreakpoints(width) {
 
 // src/core/resolver.ts
 var styleCache = new LRUCache(1e4);
-var _defaultFontFamily;
+var FONT_KEY = "__kbach_default_font__";
 function setDefaultFontFamily(font) {
-  _defaultFontFamily = font;
+  globalThis[FONT_KEY] = font;
 }
 function getDefaultFontFamily() {
-  return _defaultFontFamily;
+  return globalThis[FONT_KEY];
 }
 var _styleEl = null;
 var _injectedRules = /* @__PURE__ */ new Set();
@@ -3283,7 +3283,8 @@ function resolve(classString, theme, darkMode = "attribute") {
 }
 function flatten(resolved, isDark, state = {}, breakpoints = /* @__PURE__ */ new Set()) {
   const result = {};
-  if (_defaultFontFamily) result.fontFamily = _defaultFontFamily;
+  const _df = getDefaultFontFamily();
+  if (_df) result.fontFamily = _df;
   const entries = Object.entries(resolved);
   entries.sort((a, b) => {
     const pa = a[0] === "base" ? -1 : a[0].split(":").length;
@@ -3866,6 +3867,7 @@ function stripWebOnlyInlineProps(s) {
   }
 }
 function processElement(type, rawProps, key, isStaticChildren) {
+  if (typeof type === "symbol") return makeElement(isStaticChildren, type, rawProps ?? {}, key);
   if (!rawProps) return (0, import_jsx_runtime.jsx)(type, null, key);
   const { className, kb: kbProp, __kbachStyles, __kbachClasses } = rawProps;
   const classStr = className ?? kbProp ?? __kbachClasses;

package/dist/jsx-runtime.mjs

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

package/package.json

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