@kbach/react 0.5.48 → 0.5.49

package/dist/{chunk-YZNSWFJT.mjs → chunk-3UUTNNWV.mjs}

@@ -1,24 +1,14 @@
 import {
   flatten,
   getActiveBreakpoints,
-  getConfig,
-  getDefaultFontFamily,
   getGlobalWidth,
   getInteractiveModifiers,
-  getModeModifiers,
   getResponsiveModifiers,
   isNative,
-  isRuntimeCSSDisabled,
   isWeb,
-  normalizeClassString,
-  resolve,
   subscribeGlobalWidth
 } from "./chunk-BKSXIWL7.mjs";
 
-// src/jsx-runtime.tsx
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from "react";
-
 // src/core/darkModeStore.ts
 var KEY = "__kbach_dark_store__";
 function getStore() {
@@ -47,8 +37,90 @@ function subscribeGlobalDarkMode(callback) {
   return () => store.subscribers.delete(callback);
 }
 
-// src/InteractiveWrapper.tsx
-import React3, { forwardRef, useState, useCallback, useMemo } from "react";
+// src/web-substitute.ts
+var _rnToHtml = {
+  View: "div",
+  SafeAreaView: "div",
+  KeyboardAvoidingView: "div",
+  ScrollView: "div",
+  VirtualizedList: "div",
+  Text: "span",
+  Pressable: "div",
+  TouchableOpacity: "div",
+  TouchableHighlight: "div",
+  TouchableWithoutFeedback: "div",
+  TouchableNativeFeedback: "div"
+};
+var _userMap = /* @__PURE__ */ new Map();
+var _cache = /* @__PURE__ */ new WeakMap();
+function registerWebElement(rnComponent, htmlTag) {
+  if (typeof rnComponent !== "object" && typeof rnComponent !== "function") return;
+  _userMap.set(rnComponent, htmlTag);
+  _cache.delete(rnComponent);
+}
+function getWebTag(type) {
+  if (typeof type === "string") return null;
+  if (type === null || typeof type !== "function" && typeof type !== "object") return null;
+  const obj = type;
+  if (_userMap.has(obj)) return _userMap.get(obj);
+  if (_cache.has(obj)) return _cache.get(obj);
+  const name = obj.displayName ?? obj.name;
+  const tag = name ? _rnToHtml[name] ?? null : null;
+  _cache.set(obj, tag);
+  return tag;
+}
+var _rnOnlyProps = /* @__PURE__ */ new Set([
+  "onLongPress",
+  "delayLongPress",
+  "activeOpacity",
+  "underlayColor",
+  "hitSlop",
+  "pressRetentionOffset",
+  "accessible",
+  "accessibilityState",
+  "accessibilityLiveRegion",
+  "importantForAccessibility",
+  "nativeID",
+  "collapsable",
+  "needsOffscreenAlphaCompositing",
+  "renderToHardwareTextureAndroid",
+  "shouldRasterizeIOS",
+  "pointerEvents"
+  // RN and HTML values differ
+]);
+var _pressableNames = /* @__PURE__ */ new Set([
+  "Pressable",
+  "TouchableOpacity",
+  "TouchableHighlight",
+  "TouchableWithoutFeedback",
+  "TouchableNativeFeedback"
+]);
+function transformToWebProps(originalName, props) {
+  const out = {};
+  const isPressable = _pressableNames.has(originalName);
+  for (const [k, v] of Object.entries(props)) {
+    if (_rnOnlyProps.has(k)) continue;
+    if (k === "onPress") {
+      if (!("onClick" in props)) out.onClick = v;
+      continue;
+    }
+    if (k === "accessibilityLabel") {
+      if (out["aria-label"] == null) out["aria-label"] = v;
+      continue;
+    }
+    if (k === "accessibilityRole") {
+      if (out.role == null) out.role = v;
+      continue;
+    }
+    if (k === "testID") {
+      if (out["data-testid"] == null) out["data-testid"] = v;
+      continue;
+    }
+    out[k] = v;
+  }
+  if (isPressable && !out.role) out.role = "button";
+  return out;
+}
 
 // src/useGlobalDarkMode.ts
 import React from "react";
@@ -66,6 +138,9 @@ function useGlobalDarkMode() {
   );
 }
 
+// src/InteractiveWrapper.tsx
+import React3, { forwardRef, useState, useCallback, useMemo } from "react";
+
 // src/useGlobalWidth.ts
 import React2 from "react";
 var useSyncExternalStore2 = React2.useSyncExternalStore ?? function useSyncExternalStoreFallback2(subscribe, getSnapshot, _getServerSnapshot) {
@@ -240,292 +315,6 @@ var InteractiveWrapper = forwardRef(
 );
 InteractiveWrapper.displayName = "Kbach.InteractiveWrapper";
 
-// src/DarkWrapper.tsx
-import React4, { useMemo as useMemo2 } from "react";
-var DarkWrapper = React4.forwardRef(
-  function DarkWrapper2({ Component, resolvedStyle, style: styleProp, children, ...rest }, ref) {
-    const isDark = useGlobalDarkMode();
-    const needsWidth = hasResponsiveBuckets(resolvedStyle);
-    const width = useConditionalWidth(needsWidth);
-    const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS2;
-    const isNonStringComponent = typeof Component !== "string";
-    const computedStyle = useMemo2(() => {
-      const s = flatten(resolvedStyle, isDark, {}, breakpoints);
-      stripInternalMarkers(s);
-      if (isNonStringComponent) stripWebOnlyProps(s);
-      return s;
-    }, [resolvedStyle, isDark, width, isNonStringComponent]);
-    const skipComputedInline = isWeb || !isNative && typeof Component === "string";
-    const finalStyle = skipComputedInline ? styleProp ?? void 0 : styleProp ? Array.isArray(styleProp) ? Object.assign({}, computedStyle, ...styleProp) : { ...computedStyle, ...styleProp } : computedStyle;
-    const props = { ref, ...rest, style: finalStyle };
-    return Array.isArray(children) ? React4.createElement(Component, props, ...children) : React4.createElement(Component, props, children);
-  }
-);
-DarkWrapper.displayName = "Kbach.DarkWrapper";
-function stripInternalMarkers(s) {
-  delete s.__divideX;
-  delete s.__divideY;
-  delete s.__divideColor;
-  delete s.__divideStyle;
-  delete s.__keyframe;
-}
-function stripWebOnlyProps(s) {
-  if (s.display === "grid" || s.display === "inline-grid") delete s.display;
-  delete s.gridTemplateColumns;
-  delete s.gridTemplateRows;
-  delete s.gridColumn;
-  delete s.gridRow;
-  delete s.gridArea;
-  delete s.gridColumnStart;
-  delete s.gridColumnEnd;
-  delete s.gridRowStart;
-  delete s.gridRowEnd;
-  delete s.gridAutoFlow;
-  delete s.gridAutoColumns;
-  delete s.gridAutoRows;
-  delete s.placeItems;
-  delete s.placeContent;
-  delete s.justifyItems;
-  delete s.placeSelf;
-  delete s.justifySelf;
-  if (s.position === "sticky" || s.position === "fixed" || s.position === "static") {
-    delete s.position;
-  }
-}
-
-// src/jsx-runtime.tsx
-var _cachedDefaultFont = void 0;
-var _defaultFontVersion = 0;
-var _lastFontVersion = -1;
-function _invalidateDefaultFontCache() {
-  _defaultFontVersion++;
-}
-function getCachedDefaultFont() {
-  if (_lastFontVersion !== _defaultFontVersion) {
-    _cachedDefaultFont = getDefaultFontFamily();
-    _lastFontVersion = _defaultFontVersion;
-  }
-  return _cachedDefaultFont;
-}
-var _bucketModsCache = /* @__PURE__ */ new WeakMap();
-function bucketMods(resolved) {
-  const cached = _bucketModsCache.get(resolved);
-  if (cached) return cached;
-  const interactiveMods = getInteractiveModifiers();
-  const modeMods = getModeModifiers();
-  const responsiveMods = getResponsiveModifiers();
-  let interactive = false;
-  let modeOrResponsive = false;
-  for (const key of Object.keys(resolved)) {
-    if (key === "base") continue;
-    for (const mod of key.split(":")) {
-      if (!interactive && interactiveMods.has(mod)) interactive = true;
-      if (!modeOrResponsive && (modeMods.has(mod) || responsiveMods.has(mod))) modeOrResponsive = true;
-    }
-    if (interactive && modeOrResponsive) break;
-  }
-  const result = { interactive, modeOrResponsive };
-  _bucketModsCache.set(resolved, result);
-  return result;
-}
-var CONSUMED_PROPS = /* @__PURE__ */ new Set(["className", "kb", "__kbachStyles", "__kbachClasses"]);
-function omitConsumed(props) {
-  const out = {};
-  for (const key of Object.keys(props)) {
-    if (!CONSUMED_PROPS.has(key)) out[key] = props[key];
-  }
-  return out;
-}
-function mergeStyle(computed, userStyle) {
-  if (!userStyle) return computed;
-  if (Array.isArray(userStyle)) return Object.assign({}, computed, ...userStyle);
-  return { ...computed, ...userStyle };
-}
-function makeElement(isStaticChildren, type, props, key) {
-  return (isStaticChildren ? _jsxs : _jsx)(type, props, key);
-}
-function stripInternalMarkers2(s) {
-  delete s.__divideX;
-  delete s.__divideY;
-  delete s.__divideColor;
-  delete s.__divideStyle;
-  delete s.__keyframe;
-}
-function stripWebOnlyInlineProps(s) {
-  if (s.display === "grid" || s.display === "inline-grid") delete s.display;
-  delete s.gridTemplateColumns;
-  delete s.gridTemplateRows;
-  delete s.gridColumn;
-  delete s.gridRow;
-  delete s.gridArea;
-  delete s.gridColumnStart;
-  delete s.gridColumnEnd;
-  delete s.gridRowStart;
-  delete s.gridRowEnd;
-  delete s.gridAutoFlow;
-  delete s.gridAutoColumns;
-  delete s.gridAutoRows;
-  delete s.placeItems;
-  delete s.placeContent;
-  delete s.justifyItems;
-  delete s.placeSelf;
-  delete s.justifySelf;
-  if (s.position === "sticky" || s.position === "fixed" || s.position === "static") {
-    delete s.position;
-  }
-}
-var _rnToHtml = {
-  View: "div",
-  SafeAreaView: "div",
-  KeyboardAvoidingView: "div",
-  ScrollView: "div",
-  VirtualizedList: "div",
-  Text: "span",
-  Pressable: "div",
-  TouchableOpacity: "div",
-  TouchableHighlight: "div",
-  TouchableWithoutFeedback: "div",
-  TouchableNativeFeedback: "div"
-};
-var _userWebTypeMap = /* @__PURE__ */ new Map();
-var _webTypeCache = /* @__PURE__ */ new WeakMap();
-function registerWebElement(rnComponent, htmlTag) {
-  if (typeof rnComponent !== "object" && typeof rnComponent !== "function") return;
-  _userWebTypeMap.set(rnComponent, htmlTag);
-  _webTypeCache.delete(rnComponent);
-}
-function getWebTag(type) {
-  if (typeof type === "string") return null;
-  if (type === null || typeof type !== "function" && typeof type !== "object") return null;
-  const obj = type;
-  if (_userWebTypeMap.has(obj)) return _userWebTypeMap.get(obj);
-  if (_webTypeCache.has(obj)) return _webTypeCache.get(obj);
-  const name = obj.displayName ?? obj.name;
-  const tag = name ? _rnToHtml[name] ?? null : null;
-  _webTypeCache.set(obj, tag);
-  return tag;
-}
-var _rnOnlyProps = /* @__PURE__ */ new Set([
-  "onLongPress",
-  "delayLongPress",
-  "activeOpacity",
-  "underlayColor",
-  "hitSlop",
-  "pressRetentionOffset",
-  "accessible",
-  "accessibilityState",
-  "accessibilityLiveRegion",
-  "importantForAccessibility",
-  "nativeID",
-  "collapsable",
-  "needsOffscreenAlphaCompositing",
-  "renderToHardwareTextureAndroid",
-  "shouldRasterizeIOS",
-  "pointerEvents"
-  // RN prop — values differ from HTML pointer-events CSS
-]);
-var _pressableDisplayNames = /* @__PURE__ */ new Set([
-  "Pressable",
-  "TouchableOpacity",
-  "TouchableHighlight",
-  "TouchableWithoutFeedback",
-  "TouchableNativeFeedback"
-]);
-function transformToWebProps(originalName, props) {
-  const out = {};
-  const isPressable = _pressableDisplayNames.has(originalName);
-  for (const [k, v] of Object.entries(props)) {
-    if (_rnOnlyProps.has(k)) continue;
-    if (k === "onPress") {
-      if (!("onClick" in props)) out.onClick = v;
-      continue;
-    }
-    if (k === "accessibilityLabel") {
-      if (out["aria-label"] == null) out["aria-label"] = v;
-      continue;
-    }
-    if (k === "accessibilityRole") {
-      if (out.role == null) out.role = v;
-      continue;
-    }
-    if (k === "testID") {
-      if (out["data-testid"] == null) out["data-testid"] = v;
-      continue;
-    }
-    out[k] = v;
-  }
-  if (isPressable && !out.role) out.role = "button";
-  return out;
-}
-function processElement(type, rawProps, key, isStaticChildren) {
-  if (typeof type === "symbol") return makeElement(isStaticChildren, type, rawProps ?? {}, key);
-  const webTag = isWeb ? getWebTag(type) : null;
-  const effectiveType = webTag ?? type;
-  const originalName = webTag ? type?.displayName ?? type?.name : void 0;
-  if (!rawProps) return _jsx(effectiveType, null, key);
-  const workingProps = webTag && originalName ? transformToWebProps(originalName, rawProps) : rawProps;
-  const { className, kb: kbProp, __kbachStyles, __kbachClasses } = workingProps;
-  const classStr = className ?? kbProp ?? __kbachClasses;
-  if (!isNative && isRuntimeCSSDisabled() && classStr && !__kbachStyles) {
-    const { style: userStyle2, ...passProps2 } = omitConsumed(workingProps);
-    return makeElement(isStaticChildren, effectiveType, {
-      ...passProps2,
-      className: normalizeClassString(classStr),
-      ...userStyle2 !== void 0 ? { style: userStyle2 } : {}
-    }, key);
-  }
-  if (!classStr && !__kbachStyles) {
-    const defaultFont = getCachedDefaultFont();
-    if (!defaultFont) return makeElement(isStaticChildren, effectiveType, workingProps, key);
-    const { style: userStyle2, ...passProps2 } = omitConsumed(workingProps);
-    const finalStyle2 = userStyle2 ? Array.isArray(userStyle2) ? { fontFamily: defaultFont, ...Object.assign({}, ...userStyle2) } : { fontFamily: defaultFont, ...userStyle2 } : { fontFamily: defaultFont };
-    return makeElement(isStaticChildren, effectiveType, { ...passProps2, style: finalStyle2 }, key);
-  }
-  const config = getConfig();
-  const resolved = __kbachStyles ?? (classStr ? resolve(classStr, config.theme, config.darkMode) : {});
-  const { style: userStyle, ...passProps } = omitConsumed(workingProps);
-  const { interactive, modeOrResponsive } = bucketMods(resolved);
-  if (interactive) {
-    return _jsx(InteractiveWrapper, {
-      Component: effectiveType,
-      resolvedStyle: resolved,
-      ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {},
-      style: userStyle,
-      ...passProps
-    }, key);
-  }
-  if (modeOrResponsive) {
-    return _jsx(DarkWrapper, {
-      Component: effectiveType,
-      resolvedStyle: resolved,
-      ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {},
-      style: userStyle,
-      ...passProps
-    }, key);
-  }
-  const skipComputedInline = isWeb || !isNative && typeof effectiveType === "string";
-  let finalStyle;
-  if (!skipComputedInline) {
-    const computedStyle = flatten(resolved, false);
-    stripInternalMarkers2(computedStyle);
-    if (typeof effectiveType !== "string") stripWebOnlyInlineProps(computedStyle);
-    finalStyle = mergeStyle(computedStyle, userStyle);
-  } else {
-    finalStyle = userStyle ?? void 0;
-  }
-  return makeElement(isStaticChildren, effectiveType, {
-    ...passProps,
-    style: finalStyle,
-    ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {}
-  }, key);
-}
-function jsx(type, props, key) {
-  return processElement(type, props, key, false);
-}
-function jsxs(type, props, key) {
-  return processElement(type, props, key, true);
-}
-
 export {
   syncGlobalDarkMode,
   setGlobalDarkMode,
@@ -534,11 +323,10 @@ export {
   useConditionalWidth,
   hasResponsiveBuckets,
   hasInteractiveBuckets,
-  useGlobalDarkMode,
-  InteractiveWrapper,
-  Fragment,
-  _invalidateDefaultFontCache,
+  EMPTY_BREAKPOINTS2,
   registerWebElement,
-  jsx,
-  jsxs
+  getWebTag,
+  transformToWebProps,
+  useGlobalDarkMode,
+  InteractiveWrapper
 };

package/dist/chunk-KWB2XQSF.mjs

@@ -0,0 +1,238 @@
+import {
+  EMPTY_BREAKPOINTS2 as EMPTY_BREAKPOINTS,
+  InteractiveWrapper,
+  getWebTag,
+  hasResponsiveBuckets,
+  transformToWebProps,
+  useConditionalWidth,
+  useGlobalDarkMode
+} from "./chunk-3UUTNNWV.mjs";
+import {
+  flatten,
+  getActiveBreakpoints,
+  getConfig,
+  getDefaultFontFamily,
+  getInteractiveModifiers,
+  getModeModifiers,
+  getResponsiveModifiers,
+  isNative,
+  isRuntimeCSSDisabled,
+  isWeb,
+  normalizeClassString,
+  resolve
+} from "./chunk-BKSXIWL7.mjs";
+
+// src/jsx-runtime.tsx
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+
+// src/DarkWrapper.tsx
+import React, { useMemo } from "react";
+var DarkWrapper = React.forwardRef(
+  function DarkWrapper2({ Component, resolvedStyle, style: styleProp, children, ...rest }, ref) {
+    const isDark = useGlobalDarkMode();
+    const needsWidth = hasResponsiveBuckets(resolvedStyle);
+    const width = useConditionalWidth(needsWidth);
+    const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS;
+    const isNonStringComponent = typeof Component !== "string";
+    const computedStyle = useMemo(() => {
+      const s = flatten(resolvedStyle, isDark, {}, breakpoints);
+      stripInternalMarkers(s);
+      if (isNonStringComponent) stripWebOnlyProps(s);
+      return s;
+    }, [resolvedStyle, isDark, width, isNonStringComponent]);
+    const skipComputedInline = isWeb || !isNative && typeof Component === "string";
+    const finalStyle = skipComputedInline ? styleProp ?? void 0 : styleProp ? Array.isArray(styleProp) ? Object.assign({}, computedStyle, ...styleProp) : { ...computedStyle, ...styleProp } : computedStyle;
+    const props = { ref, ...rest, style: finalStyle };
+    return Array.isArray(children) ? React.createElement(Component, props, ...children) : React.createElement(Component, props, children);
+  }
+);
+DarkWrapper.displayName = "Kbach.DarkWrapper";
+function stripInternalMarkers(s) {
+  delete s.__divideX;
+  delete s.__divideY;
+  delete s.__divideColor;
+  delete s.__divideStyle;
+  delete s.__keyframe;
+}
+function stripWebOnlyProps(s) {
+  if (s.display === "grid" || s.display === "inline-grid") delete s.display;
+  delete s.gridTemplateColumns;
+  delete s.gridTemplateRows;
+  delete s.gridColumn;
+  delete s.gridRow;
+  delete s.gridArea;
+  delete s.gridColumnStart;
+  delete s.gridColumnEnd;
+  delete s.gridRowStart;
+  delete s.gridRowEnd;
+  delete s.gridAutoFlow;
+  delete s.gridAutoColumns;
+  delete s.gridAutoRows;
+  delete s.placeItems;
+  delete s.placeContent;
+  delete s.justifyItems;
+  delete s.placeSelf;
+  delete s.justifySelf;
+  if (s.position === "sticky" || s.position === "fixed" || s.position === "static") {
+    delete s.position;
+  }
+}
+
+// src/jsx-runtime.tsx
+var _cachedDefaultFont = void 0;
+var _defaultFontVersion = 0;
+var _lastFontVersion = -1;
+function _invalidateDefaultFontCache() {
+  _defaultFontVersion++;
+}
+function getCachedDefaultFont() {
+  if (_lastFontVersion !== _defaultFontVersion) {
+    _cachedDefaultFont = getDefaultFontFamily();
+    _lastFontVersion = _defaultFontVersion;
+  }
+  return _cachedDefaultFont;
+}
+var _bucketModsCache = /* @__PURE__ */ new WeakMap();
+function bucketMods(resolved) {
+  const cached = _bucketModsCache.get(resolved);
+  if (cached) return cached;
+  const interactiveMods = getInteractiveModifiers();
+  const modeMods = getModeModifiers();
+  const responsiveMods = getResponsiveModifiers();
+  let interactive = false;
+  let modeOrResponsive = false;
+  for (const key of Object.keys(resolved)) {
+    if (key === "base") continue;
+    for (const mod of key.split(":")) {
+      if (!interactive && interactiveMods.has(mod)) interactive = true;
+      if (!modeOrResponsive && (modeMods.has(mod) || responsiveMods.has(mod))) modeOrResponsive = true;
+    }
+    if (interactive && modeOrResponsive) break;
+  }
+  const result = { interactive, modeOrResponsive };
+  _bucketModsCache.set(resolved, result);
+  return result;
+}
+var CONSUMED_PROPS = /* @__PURE__ */ new Set(["className", "kb", "__kbachStyles", "__kbachClasses"]);
+function omitConsumed(props) {
+  const out = {};
+  for (const key of Object.keys(props)) {
+    if (!CONSUMED_PROPS.has(key)) out[key] = props[key];
+  }
+  return out;
+}
+function mergeStyle(computed, userStyle) {
+  if (!userStyle) return computed;
+  if (Array.isArray(userStyle)) return Object.assign({}, computed, ...userStyle);
+  return { ...computed, ...userStyle };
+}
+function makeElement(isStaticChildren, type, props, key) {
+  return (isStaticChildren ? _jsxs : _jsx)(type, props, key);
+}
+function stripInternalMarkers2(s) {
+  delete s.__divideX;
+  delete s.__divideY;
+  delete s.__divideColor;
+  delete s.__divideStyle;
+  delete s.__keyframe;
+}
+function stripWebOnlyInlineProps(s) {
+  if (s.display === "grid" || s.display === "inline-grid") delete s.display;
+  delete s.gridTemplateColumns;
+  delete s.gridTemplateRows;
+  delete s.gridColumn;
+  delete s.gridRow;
+  delete s.gridArea;
+  delete s.gridColumnStart;
+  delete s.gridColumnEnd;
+  delete s.gridRowStart;
+  delete s.gridRowEnd;
+  delete s.gridAutoFlow;
+  delete s.gridAutoColumns;
+  delete s.gridAutoRows;
+  delete s.placeItems;
+  delete s.placeContent;
+  delete s.justifyItems;
+  delete s.placeSelf;
+  delete s.justifySelf;
+  if (s.position === "sticky" || s.position === "fixed" || s.position === "static") {
+    delete s.position;
+  }
+}
+function processElement(type, rawProps, key, isStaticChildren) {
+  if (typeof type === "symbol") return makeElement(isStaticChildren, type, rawProps ?? {}, key);
+  const webTag = isWeb ? getWebTag(type) : null;
+  const effectiveType = webTag ?? type;
+  const originalName = webTag ? type?.displayName ?? type?.name : void 0;
+  if (!rawProps) return _jsx(effectiveType, null, key);
+  const workingProps = webTag && originalName ? transformToWebProps(originalName, rawProps) : rawProps;
+  const { className, kb: kbProp, __kbachStyles, __kbachClasses } = workingProps;
+  const classStr = className ?? kbProp ?? __kbachClasses;
+  if (!isNative && isRuntimeCSSDisabled() && classStr && !__kbachStyles) {
+    const { style: userStyle2, ...passProps2 } = omitConsumed(workingProps);
+    return makeElement(isStaticChildren, effectiveType, {
+      ...passProps2,
+      className: normalizeClassString(classStr),
+      ...userStyle2 !== void 0 ? { style: userStyle2 } : {}
+    }, key);
+  }
+  if (!classStr && !__kbachStyles) {
+    if (isWeb) return makeElement(isStaticChildren, effectiveType, omitConsumed(workingProps), key);
+    const defaultFont = getCachedDefaultFont();
+    if (!defaultFont) return makeElement(isStaticChildren, effectiveType, workingProps, key);
+    const { style: userStyle2, ...passProps2 } = omitConsumed(workingProps);
+    const finalStyle2 = userStyle2 ? Array.isArray(userStyle2) ? { fontFamily: defaultFont, ...Object.assign({}, ...userStyle2) } : { fontFamily: defaultFont, ...userStyle2 } : { fontFamily: defaultFont };
+    return makeElement(isStaticChildren, effectiveType, { ...passProps2, style: finalStyle2 }, key);
+  }
+  const config = getConfig();
+  const resolved = __kbachStyles ?? (classStr ? resolve(classStr, config.theme, config.darkMode) : {});
+  const { style: userStyle, ...passProps } = omitConsumed(workingProps);
+  const { interactive, modeOrResponsive } = bucketMods(resolved);
+  if (interactive) {
+    return _jsx(InteractiveWrapper, {
+      Component: effectiveType,
+      resolvedStyle: resolved,
+      ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {},
+      style: userStyle,
+      ...passProps
+    }, key);
+  }
+  if (modeOrResponsive) {
+    return _jsx(DarkWrapper, {
+      Component: effectiveType,
+      resolvedStyle: resolved,
+      ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {},
+      style: userStyle,
+      ...passProps
+    }, key);
+  }
+  const skipComputedInline = isWeb || !isNative && typeof effectiveType === "string";
+  let finalStyle;
+  if (!skipComputedInline) {
+    const computedStyle = flatten(resolved, false);
+    stripInternalMarkers2(computedStyle);
+    if (typeof effectiveType !== "string") stripWebOnlyInlineProps(computedStyle);
+    finalStyle = mergeStyle(computedStyle, userStyle);
+  } else {
+    finalStyle = userStyle ?? void 0;
+  }
+  return makeElement(isStaticChildren, effectiveType, {
+    ...passProps,
+    style: finalStyle,
+    ...!isNative && classStr ? { className: normalizeClassString(classStr) } : {}
+  }, key);
+}
+function jsx(type, props, key) {
+  return processElement(type, props, key, false);
+}
+function jsxs(type, props, key) {
+  return processElement(type, props, key, true);
+}
+
+export {
+  Fragment,
+  _invalidateDefaultFontCache,
+  jsx,
+  jsxs
+};

package/dist/index.d.mts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default, { ReactNode, ComponentType, ForwardRefExoticComponent } from 'react';
 import { T as ThemeColors, a as ThemeConfig, P as ParsedClass, R as ResolvedStyle, S as StyleValue, F as FrameworkConfig, b as ResolvedConfig, c as ThemeMode } from './types-D-24rbXu.mjs';
 export { d as PluginAPI } from './types-D-24rbXu.mjs';
-export { registerWebElement } from './jsx-runtime.mjs';
+export { r as registerWebElement } from './web-substitute-CfpYFnE7.mjs';
 
 declare const defaultColors: ThemeColors;
 declare const defaultTheme: ThemeConfig;

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default, { ReactNode, ComponentType, ForwardRefExoticComponent } from 'react';
 import { T as ThemeColors, a as ThemeConfig, P as ParsedClass, R as ResolvedStyle, S as StyleValue, F as FrameworkConfig, b as ResolvedConfig, c as ThemeMode } from './types-D-24rbXu.js';
 export { d as PluginAPI } from './types-D-24rbXu.js';
-export { registerWebElement } from './jsx-runtime.js';
+export { r as registerWebElement } from './web-substitute-CfpYFnE7.js';
 
 declare const defaultColors: ThemeColors;
 declare const defaultTheme: ThemeConfig;