@oxyhq/bloom 0.3.2 → 0.3.4

package/lib/commonjs/fonts/FontLoader.js

@@ -5,9 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FontLoader = FontLoader;
 var _react = _interopRequireWildcard(require("react"));
-var _applyFontFaces = require("./apply-font-faces.js");
+var _applyFontFacesWeb = require("./apply-font-faces.web.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Reach for the web variant explicitly. The default `./apply-font-faces`
+// is a no-op stub that exists so Metro never sees the module-level
+// `.woff2` imports on native (Metro's default `assetExts` does not include
+// `.woff2`). This file (`FontLoader.tsx`) is only picked up by web
+// bundlers — Metro selects `FontLoader.native.tsx` on iOS/Android — so it
+// is safe to take a direct dependency on the web implementation here.
+
 /**
  * Web font loader. Applies the Bloom `@font-face` rules and CSS variables
  * to `:root` on first render, before the first paint, using the same
@@ -26,7 +33,7 @@ function FontLoader({
   const applied = (0, _react.useRef)(false);
   if (enabled && !applied.current) {
     applied.current = true;
-    (0, _applyFontFaces.applyFontFaces)();
+    (0, _applyFontFacesWeb.applyFontFaces)();
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: children

package/lib/commonjs/fonts/FontLoader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_applyFontFaces","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FontLoader","enabled","children","applied","useRef","current","applyFontFaces","jsx","Fragment"],"sourceRoot":"../../../src","sources":["fonts/FontLoader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAiBpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASkB,UAAUA,CAAC;EAAEC,OAAO;EAAEC;AAA0B,CAAC,EAAE;EACjE,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAC7B,IAAIH,OAAO,IAAI,CAACE,OAAO,CAACE,OAAO,EAAE;IAC/BF,OAAO,CAACE,OAAO,GAAG,IAAI;IACtB,IAAAC,8BAAc,EAAC,CAAC;EAClB;EACA,oBAAO,IAAA1B,WAAA,CAAA2B,GAAA,EAAA3B,WAAA,CAAA4B,QAAA;IAAAN,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_applyFontFacesWeb","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FontLoader","enabled","children","applied","useRef","current","applyFontFaces","jsx","Fragment"],"sourceRoot":"../../../src","sources":["fonts/FontLoader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,kBAAA,GAAAD,OAAA;AAAwD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AANxD;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASkB,UAAUA,CAAC;EAAEC,OAAO;EAAEC;AAA0B,CAAC,EAAE;EACjE,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAC7B,IAAIH,OAAO,IAAI,CAACE,OAAO,CAACE,OAAO,EAAE;IAC/BF,OAAO,CAACE,OAAO,GAAG,IAAI;IACtB,IAAAC,iCAAc,EAAC,CAAC;EAClB;EACA,oBAAO,IAAA1B,WAAA,CAAA2B,GAAA,EAAA3B,WAAA,CAAA4B,QAAA;IAAAN,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}

package/lib/commonjs/fonts/FontLoader.native.js

@@ -4,11 +4,54 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FontLoader = FontLoader;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
 var _expoFont = require("expo-font");
 var _fontAssets = require("./font-assets.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * React Native's `Text` exposes a static `defaultProps` for app-wide prop
+ * defaults. The public type definition omits it (it's an implementation
+ * detail, not part of the stable API), so we describe it locally rather
+ * than casting to `any`.
+ */
+
+/**
+ * Mutates `Text.defaultProps.style` so every native `<Text>` in the consuming
+ * app inherits Bloom's sans font (Inter). The Bloom family name is prepended
+ * to any existing default style so caller-provided `style` (which React
+ * applies AFTER `defaultProps.style`) still wins for overrides.
+ *
+ * Idempotent: re-invoking it after the first apply is a no-op because the
+ * first style entry will already be the Bloom default we added.
+ */
+function applyDefaultTextFont() {
+  const TextWithDefaults = _reactNative.Text;
+  const existing = TextWithDefaults.defaultProps?.style;
+  const bloomDefault = {
+    fontFamily: 'Inter'
+  };
+
+  // Detect whether we've already prepended ourselves. `existing` may be an
+  // array (multiple style fragments), a single object, a registered style
+  // number, or undefined. Only the array/object cases need inspection — if
+  // it's a number, we can't read the contents so we just prepend.
+  if (Array.isArray(existing)) {
+    const first = existing[0];
+    if (first && typeof first === 'object' && !Array.isArray(first) && first.fontFamily === bloomDefault.fontFamily) {
+      return;
+    }
+  } else if (existing && typeof existing === 'object' && existing.fontFamily === bloomDefault.fontFamily) {
+    return;
+  }
+  const nextStyle = existing == null ? bloomDefault : [bloomDefault, existing];
+  TextWithDefaults.defaultProps = {
+    ...TextWithDefaults.defaultProps,
+    style: nextStyle
+  };
+}
+
 /**
  * Native font loader. Calls `expo-font`'s `useFonts` with the Bloom font
  * asset map and gates `children` on the load result. The hook is invoked
@@ -16,6 +59,16 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * fonts get loaded. This keeps Hook order stable across renders and means
  * `<BloomThemeProvider fonts={false}>` still gets fonts pre-loaded if the
  * provider tree ever flips `fonts` back on.
+ *
+ * Once the bundled fonts report `loaded === true`, this component also
+ * mutates `Text.defaultProps.style` to prepend `{ fontFamily: 'Inter' }`
+ * so every native `<Text>` in the consuming app inherits Bloom's sans
+ * family without callers needing to import `<Text>` from `@oxyhq/bloom`.
+ * The mutation is gated by a `useRef` so it runs at most once per
+ * FontLoader instance, and the underlying apply is idempotent — the
+ * Bloom default is prepended to any caller `defaultProps.style`, so
+ * per-call `style` overrides (which React applies after `defaultProps`)
+ * still take precedence.
  */
 function FontLoader({
   enabled,
@@ -23,6 +76,11 @@ function FontLoader({
   children
 }) {
   const [loaded] = (0, _expoFont.useFonts)(_fontAssets.FONT_ASSETS);
+  const defaultsApplied = (0, _react.useRef)(false);
+  if (loaded && !defaultsApplied.current) {
+    defaultsApplied.current = true;
+    applyDefaultTextFont();
+  }
   if (!enabled) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: children
   });

package/lib/commonjs/fonts/FontLoader.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_expoFont","_fontAssets","_jsxRuntime","e","__esModule","default","FontLoader","enabled","fallback","children","loaded","useFonts","FONT_ASSETS","jsx","Fragment"],"sourceRoot":"../../../src","sources":["fonts/FontLoader.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAA4C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAc5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,UAAUA,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAA0B,CAAC,EAAE;EAC3E,MAAM,CAACC,MAAM,CAAC,GAAG,IAAAC,kBAAQ,EAACC,uBAAW,CAAC;EACtC,IAAI,CAACL,OAAO,EAAE,oBAAO,IAAAL,WAAA,CAAAW,GAAA,EAAAX,WAAA,CAAAY,QAAA;IAAAL,QAAA,EAAGA;EAAQ,CAAG,CAAC;EACpC,IAAI,CAACC,MAAM,EAAE,oBAAO,IAAAR,WAAA,CAAAW,GAAA,EAAAX,WAAA,CAAAY,QAAA;IAAAL,QAAA,EAAGD,QAAQ,IAAI;EAAI,CAAG,CAAC;EAC3C,oBAAO,IAAAN,WAAA,CAAAW,GAAA,EAAAX,WAAA,CAAAY,QAAA;IAAAL,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_expoFont","_fontAssets","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","applyDefaultTextFont","TextWithDefaults","Text","existing","defaultProps","style","bloomDefault","fontFamily","Array","isArray","first","nextStyle","FontLoader","enabled","fallback","children","loaded","useFonts","FONT_ASSETS","defaultsApplied","useRef","current","jsx","Fragment"],"sourceRoot":"../../../src","sources":["fonts/FontLoader.native.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/fonts/apply-font-faces.js

@@ -4,44 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.applyFontFaces = applyFontFaces;
-var _reactNative = require("react-native");
-var _BlomusModernusRegular = _interopRequireDefault(require("./assets/BlomusModernus-Regular.woff2"));
-var _BlomusModernusBold = _interopRequireDefault(require("./assets/BlomusModernus-Bold.woff2"));
-var _InterVariable = _interopRequireDefault(require("./assets/InterVariable.woff2"));
-var _GeistMonoVariable = _interopRequireDefault(require("./assets/GeistMono-Variable.woff2"));
-var _tokens = require("./tokens.js");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const STYLE_ID = 'bloom-fonts';
-
-/**
- * Inject @font-face rules and font CSS variables onto :root.
- *
- * No-op on native and when `document` is unavailable (SSR). Idempotent —
- * safe to call multiple times; subsequent calls early-return after the
- * `<style id="bloom-fonts">` tag has been mounted.
- *
- * Follows the same shape as `applyDarkClass` / `applyColorPresetVars`: a
- * single file with an internal `Platform.OS` check rather than a `.web.ts` /
- * `.native.ts` split. Bundlers strip the unreachable web import code path
- * on native because the function body short-circuits before referencing the
- * woff2 URLs.
- */
+// No-op on native. The web variant lives in apply-font-faces.web.ts and
+// is selected by bundlers via the package.json conditions. RN consumers
+// never need font-face injection — useFonts handles loading on native.
+//
+// This file MUST have zero `.woff2` imports. Metro parses module-level
+// imports at bundle time and would otherwise fail to resolve the `.woff2`
+// assets (not in Metro's default `assetExts`). See
+// `apply-font-faces.web.ts` for the real implementation.
 function applyFontFaces() {
-  if (_reactNative.Platform.OS !== 'web' || typeof document === 'undefined') return;
-  if (document.getElementById(STYLE_ID)) return;
-  const style = document.createElement('style');
-  style.id = STYLE_ID;
-  style.textContent = `
-    @font-face { font-family: 'BlomusModernus'; src: url(${_BlomusModernusRegular.default}) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
-    @font-face { font-family: 'BlomusModernus'; src: url(${_BlomusModernusBold.default}) format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
-    @font-face { font-family: 'Inter'; src: url(${_InterVariable.default}) format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }
-    @font-face { font-family: 'Geist Mono'; src: url(${_GeistMonoVariable.default}) format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }
-    :root {
-      --bloom-font-display: ${_tokens.fontFamilies.display};
-      --bloom-font-sans: ${_tokens.fontFamilies.sans};
-      --bloom-font-mono: ${_tokens.fontFamilies.mono};
-    }
-  `;
-  document.head.appendChild(style);
+  // intentionally empty
 }
 //# sourceMappingURL=apply-font-faces.js.map

package/lib/commonjs/fonts/apply-font-faces.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_BlomusModernusRegular","_interopRequireDefault","_BlomusModernusBold","_InterVariable","_GeistMonoVariable","_tokens","e","__esModule","default","STYLE_ID","applyFontFaces","Platform","OS","document","getElementById","style","createElement","id","textContent","blomusReg","blomusBold","interVar","geistMono","fontFamilies","display","sans","mono","head","appendChild"],"sourceRoot":"../../../src","sources":["fonts/apply-font-faces.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,cAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,kBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAAwC,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExC,MAAMG,QAAQ,GAAG,aAAa;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAAA,EAAS;EACrC,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EAC9D,IAAIA,QAAQ,CAACC,cAAc,CAACL,QAAQ,CAAC,EAAE;EAEvC,MAAMM,KAAK,GAAGF,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;EAC7CD,KAAK,CAACE,EAAE,GAAGR,QAAQ;EACnBM,KAAK,CAACG,WAAW,GAAG;AACtB,2DAA2DC,8BAAS;AACpE,2DAA2DC,2BAAU;AACrE,kDAAkDC,sBAAQ;AAC1D,uDAAuDC,0BAAS;AAChE;AACA,8BAA8BC,oBAAY,CAACC,OAAO;AAClD,2BAA2BD,oBAAY,CAACE,IAAI;AAC5C,2BAA2BF,oBAAY,CAACG,IAAI;AAC5C;AACA,GAAG;EACDb,QAAQ,CAACc,IAAI,CAACC,WAAW,CAACb,KAAK,CAAC;AAClC","ignoreList":[]}
+{"version":3,"names":["applyFontFaces"],"sourceRoot":"../../../src","sources":["fonts/apply-font-faces.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAAA,EAAS;EACrC;AAAA","ignoreList":[]}

package/lib/commonjs/fonts/apply-font-faces.web.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyFontFaces = applyFontFaces;
+var _BlomusModernusRegular = _interopRequireDefault(require("./assets/BlomusModernus-Regular.woff2"));
+var _BlomusModernusBold = _interopRequireDefault(require("./assets/BlomusModernus-Bold.woff2"));
+var _InterVariable = _interopRequireDefault(require("./assets/InterVariable.woff2"));
+var _GeistMonoVariable = _interopRequireDefault(require("./assets/GeistMono-Variable.woff2"));
+var _tokens = require("./tokens.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/// <reference path="../assets.d.ts" />
+
+const STYLE_ID = 'bloom-fonts';
+
+/**
+ * Inject @font-face rules and font CSS variables onto :root.
+ *
+ * Web-only. The native counterpart in `apply-font-faces.ts` is a no-op
+ * stub — Metro cannot parse `.woff2` imports, so the file split keeps
+ * those imports out of the native bundle entirely. Idempotent: safe to
+ * call multiple times; subsequent calls early-return after the
+ * `<style id="bloom-fonts">` tag has been mounted. SSR-safe via the
+ * `typeof document === 'undefined'` guard.
+ */
+function applyFontFaces() {
+  if (typeof document === 'undefined') return;
+  if (document.getElementById(STYLE_ID)) return;
+  const style = document.createElement('style');
+  style.id = STYLE_ID;
+  style.textContent = `
+    @font-face { font-family: 'BlomusModernus'; src: url(${_BlomusModernusRegular.default}) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
+    @font-face { font-family: 'BlomusModernus'; src: url(${_BlomusModernusBold.default}) format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
+    @font-face { font-family: 'Inter'; src: url(${_InterVariable.default}) format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }
+    @font-face { font-family: 'Geist Mono'; src: url(${_GeistMonoVariable.default}) format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }
+    :root {
+      --bloom-font-display: ${_tokens.fontFamilies.display};
+      --bloom-font-sans: ${_tokens.fontFamilies.sans};
+      --bloom-font-mono: ${_tokens.fontFamilies.mono};
+    }
+  `;
+  document.head.appendChild(style);
+}
+//# sourceMappingURL=apply-font-faces.web.js.map

package/lib/commonjs/fonts/apply-font-faces.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_BlomusModernusRegular","_interopRequireDefault","require","_BlomusModernusBold","_InterVariable","_GeistMonoVariable","_tokens","e","__esModule","default","STYLE_ID","applyFontFaces","document","getElementById","style","createElement","id","textContent","blomusReg","blomusBold","interVar","geistMono","fontFamilies","display","sans","mono","head","appendChild"],"sourceRoot":"../../../src","sources":["fonts/apply-font-faces.web.ts"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAwC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AALxC;;AAOA,MAAMG,QAAQ,GAAG,aAAa;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAAA,EAAS;EACrC,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EACrC,IAAIA,QAAQ,CAACC,cAAc,CAACH,QAAQ,CAAC,EAAE;EAEvC,MAAMI,KAAK,GAAGF,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;EAC7CD,KAAK,CAACE,EAAE,GAAGN,QAAQ;EACnBI,KAAK,CAACG,WAAW,GAAG;AACtB,2DAA2DC,8BAAS;AACpE,2DAA2DC,2BAAU;AACrE,kDAAkDC,sBAAQ;AAC1D,uDAAuDC,0BAAS;AAChE;AACA,8BAA8BC,oBAAY,CAACC,OAAO;AAClD,2BAA2BD,oBAAY,CAACE,IAAI;AAC5C,2BAA2BF,oBAAY,CAACG,IAAI;AAC5C;AACA,GAAG;EACDb,QAAQ,CAACc,IAAI,CAACC,WAAW,CAACb,KAAK,CAAC;AAClC","ignoreList":[]}

package/lib/commonjs/fonts/font-assets.js

@@ -11,8 +11,8 @@ exports.FONT_ASSETS = void 0;
 // covers all weights at runtime. `@fontsource(-variable)?/*` packages only
 // publish .woff2 for their variable axes — modern react-native font loading
 // requires .ttf, so we use the upstream variable TTFs instead. On web,
-// `apply-font-faces.ts` references the .woff2 variants directly and this file
-// is never imported.
+// `apply-font-faces.web.ts` references the .woff2 variants directly and this
+// file is never imported.
 
 const FONT_ASSETS = exports.FONT_ASSETS = {
   BlomusModernus: require('./assets/BlomusModernus-Regular.ttf'),

package/lib/commonjs/fonts/index.js

@@ -34,7 +34,7 @@ Object.defineProperty(exports, "fontFamilies", {
   }
 });
 var _tokens = require("./tokens.js");
-var _applyFontFaces = require("./apply-font-faces.js");
+var _applyFontFaces = require("./apply-font-faces");
 var _fontAssets = require("./font-assets.js");
 var _FontLoader = require("./FontLoader");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/fonts/index.web.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FONT_ASSETS", {
+  enumerable: true,
+  get: function () {
+    return _fontAssets.FONT_ASSETS;
+  }
+});
+Object.defineProperty(exports, "FontLoader", {
+  enumerable: true,
+  get: function () {
+    return _FontLoader.FontLoader;
+  }
+});
+Object.defineProperty(exports, "applyFontFaces", {
+  enumerable: true,
+  get: function () {
+    return _applyFontFacesWeb.applyFontFaces;
+  }
+});
+Object.defineProperty(exports, "fontCssVars", {
+  enumerable: true,
+  get: function () {
+    return _tokens.fontCssVars;
+  }
+});
+Object.defineProperty(exports, "fontFamilies", {
+  enumerable: true,
+  get: function () {
+    return _tokens.fontFamilies;
+  }
+});
+var _tokens = require("./tokens.js");
+var _applyFontFacesWeb = require("./apply-font-faces.web.js");
+var _fontAssets = require("./font-assets.js");
+var _FontLoader = require("./FontLoader");
+//# sourceMappingURL=index.web.js.map

package/lib/commonjs/fonts/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_tokens","require","_applyFontFacesWeb","_fontAssets","_FontLoader"],"sourceRoot":"../../../src","sources":["fonts/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/index.js

@@ -386,7 +386,7 @@ var _ContextMenu = _interopRequireWildcard(require("./context-menu"));
 exports.ContextMenu = _ContextMenu;
 var _Code = _interopRequireWildcard(require("./code/index.js"));
 exports.Code = _Code;
-var _Fonts = _interopRequireWildcard(require("./fonts/index.js"));
+var _Fonts = _interopRequireWildcard(require("./fonts"));
 exports.Fonts = _Fonts;
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.web.js

@@ -386,7 +386,7 @@ var _ContextMenu = _interopRequireWildcard(require("./context-menu/index.web.js"
 exports.ContextMenu = _ContextMenu;
 var _Code = _interopRequireWildcard(require("./code/index.js"));
 exports.Code = _Code;
-var _Fonts = _interopRequireWildcard(require("./fonts/index.js"));
+var _Fonts = _interopRequireWildcard(require("./fonts/index.web.js"));
 exports.Fonts = _Fonts;
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 //# sourceMappingURL=index.web.js.map

package/lib/module/fonts/FontLoader.js

@@ -1,7 +1,13 @@
 "use strict";
 
 import React, { useRef } from 'react';
-import { applyFontFaces } from "./apply-font-faces.js";
+// Reach for the web variant explicitly. The default `./apply-font-faces`
+// is a no-op stub that exists so Metro never sees the module-level
+// `.woff2` imports on native (Metro's default `assetExts` does not include
+// `.woff2`). This file (`FontLoader.tsx`) is only picked up by web
+// bundlers — Metro selects `FontLoader.native.tsx` on iOS/Android — so it
+// is safe to take a direct dependency on the web implementation here.
+import { applyFontFaces } from "./apply-font-faces.web.js";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 /**
  * Web font loader. Applies the Bloom `@font-face` rules and CSS variables

package/lib/module/fonts/FontLoader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","applyFontFaces","Fragment","_Fragment","jsx","_jsx","FontLoader","enabled","children","applied","current"],"sourceRoot":"../../../src","sources":["fonts/FontLoader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,cAAc,QAAQ,uBAAoB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAiBpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC,OAAO;EAAEC;AAA0B,CAAC,EAAE;EACjE,MAAMC,OAAO,GAAGT,MAAM,CAAC,KAAK,CAAC;EAC7B,IAAIO,OAAO,IAAI,CAACE,OAAO,CAACC,OAAO,EAAE;IAC/BD,OAAO,CAACC,OAAO,GAAG,IAAI;IACtBT,cAAc,CAAC,CAAC;EAClB;EACA,oBAAOI,IAAA,CAAAF,SAAA;IAAAK,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}
+{"version":3,"names":["React","useRef","applyFontFaces","Fragment","_Fragment","jsx","_jsx","FontLoader","enabled","children","applied","current"],"sourceRoot":"../../../src","sources":["fonts/FontLoader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,cAAc,QAAQ,2BAAwB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAiBxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC,OAAO;EAAEC;AAA0B,CAAC,EAAE;EACjE,MAAMC,OAAO,GAAGT,MAAM,CAAC,KAAK,CAAC;EAC7B,IAAIO,OAAO,IAAI,CAACE,OAAO,CAACC,OAAO,EAAE;IAC/BD,OAAO,CAACC,OAAO,GAAG,IAAI;IACtBT,cAAc,CAAC,CAAC;EAClB;EACA,oBAAOI,IAAA,CAAAF,SAAA;IAAAK,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}

package/lib/module/fonts/FontLoader.native.js

@@ -1,9 +1,52 @@
 "use strict";
 
-import React from 'react';
+import React, { useRef } from 'react';
+import { Text } from 'react-native';
 import { useFonts } from 'expo-font';
 import { FONT_ASSETS } from "./font-assets.js";
+
+/**
+ * React Native's `Text` exposes a static `defaultProps` for app-wide prop
+ * defaults. The public type definition omits it (it's an implementation
+ * detail, not part of the stable API), so we describe it locally rather
+ * than casting to `any`.
+ */
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Mutates `Text.defaultProps.style` so every native `<Text>` in the consuming
+ * app inherits Bloom's sans font (Inter). The Bloom family name is prepended
+ * to any existing default style so caller-provided `style` (which React
+ * applies AFTER `defaultProps.style`) still wins for overrides.
+ *
+ * Idempotent: re-invoking it after the first apply is a no-op because the
+ * first style entry will already be the Bloom default we added.
+ */
+function applyDefaultTextFont() {
+  const TextWithDefaults = Text;
+  const existing = TextWithDefaults.defaultProps?.style;
+  const bloomDefault = {
+    fontFamily: 'Inter'
+  };
+
+  // Detect whether we've already prepended ourselves. `existing` may be an
+  // array (multiple style fragments), a single object, a registered style
+  // number, or undefined. Only the array/object cases need inspection — if
+  // it's a number, we can't read the contents so we just prepend.
+  if (Array.isArray(existing)) {
+    const first = existing[0];
+    if (first && typeof first === 'object' && !Array.isArray(first) && first.fontFamily === bloomDefault.fontFamily) {
+      return;
+    }
+  } else if (existing && typeof existing === 'object' && existing.fontFamily === bloomDefault.fontFamily) {
+    return;
+  }
+  const nextStyle = existing == null ? bloomDefault : [bloomDefault, existing];
+  TextWithDefaults.defaultProps = {
+    ...TextWithDefaults.defaultProps,
+    style: nextStyle
+  };
+}
+
 /**
  * Native font loader. Calls `expo-font`'s `useFonts` with the Bloom font
  * asset map and gates `children` on the load result. The hook is invoked
@@ -11,6 +54,16 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
  * fonts get loaded. This keeps Hook order stable across renders and means
  * `<BloomThemeProvider fonts={false}>` still gets fonts pre-loaded if the
  * provider tree ever flips `fonts` back on.
+ *
+ * Once the bundled fonts report `loaded === true`, this component also
+ * mutates `Text.defaultProps.style` to prepend `{ fontFamily: 'Inter' }`
+ * so every native `<Text>` in the consuming app inherits Bloom's sans
+ * family without callers needing to import `<Text>` from `@oxyhq/bloom`.
+ * The mutation is gated by a `useRef` so it runs at most once per
+ * FontLoader instance, and the underlying apply is idempotent — the
+ * Bloom default is prepended to any caller `defaultProps.style`, so
+ * per-call `style` overrides (which React applies after `defaultProps`)
+ * still take precedence.
  */
 export function FontLoader({
   enabled,
@@ -18,6 +71,11 @@ export function FontLoader({
   children
 }) {
   const [loaded] = useFonts(FONT_ASSETS);
+  const defaultsApplied = useRef(false);
+  if (loaded && !defaultsApplied.current) {
+    defaultsApplied.current = true;
+    applyDefaultTextFont();
+  }
   if (!enabled) return /*#__PURE__*/_jsx(_Fragment, {
     children: children
   });

package/lib/module/fonts/FontLoader.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useFonts","FONT_ASSETS","Fragment","_Fragment","jsx","_jsx","FontLoader","enabled","fallback","children","loaded"],"sourceRoot":"../../../src","sources":["fonts/FontLoader.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,WAAW;AACpC,SAASC,WAAW,QAAQ,kBAAe;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAc5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAA0B,CAAC,EAAE;EAC3E,MAAM,CAACC,MAAM,CAAC,GAAGV,QAAQ,CAACC,WAAW,CAAC;EACtC,IAAI,CAACM,OAAO,EAAE,oBAAOF,IAAA,CAAAF,SAAA;IAAAM,QAAA,EAAGA;EAAQ,CAAG,CAAC;EACpC,IAAI,CAACC,MAAM,EAAE,oBAAOL,IAAA,CAAAF,SAAA;IAAAM,QAAA,EAAGD,QAAQ,IAAI;EAAI,CAAG,CAAC;EAC3C,oBAAOH,IAAA,CAAAF,SAAA;IAAAM,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}
+{"version":3,"names":["React","useRef","Text","useFonts","FONT_ASSETS","Fragment","_Fragment","jsx","_jsx","applyDefaultTextFont","TextWithDefaults","existing","defaultProps","style","bloomDefault","fontFamily","Array","isArray","first","nextStyle","FontLoader","enabled","fallback","children","loaded","defaultsApplied","current"],"sourceRoot":"../../../src","sources":["fonts/FontLoader.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,QAAQ,QAAQ,WAAW;AACpC,SAASC,WAAW,QAAQ,kBAAe;;AAc3C;AACA;AACA;AACA;AACA;AACA;AALA,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,oBAAoBA,CAAA,EAAS;EACpC,MAAMC,gBAAgB,GAAGR,IAAwB;EACjD,MAAMS,QAAQ,GAAGD,gBAAgB,CAACE,YAAY,EAAEC,KAAK;EACrD,MAAMC,YAAuB,GAAG;IAAEC,UAAU,EAAE;EAAQ,CAAC;;EAEvD;EACA;EACA;EACA;EACA,IAAIC,KAAK,CAACC,OAAO,CAACN,QAAQ,CAAC,EAAE;IAC3B,MAAMO,KAAK,GAAGP,QAAQ,CAAC,CAAC,CAAC;IACzB,IACEO,KAAK,IACL,OAAOA,KAAK,KAAK,QAAQ,IACzB,CAACF,KAAK,CAACC,OAAO,CAACC,KAAK,CAAC,IACpBA,KAAK,CAAeH,UAAU,KAAKD,YAAY,CAACC,UAAU,EAC3D;MACA;IACF;EACF,CAAC,MAAM,IACLJ,QAAQ,IACR,OAAOA,QAAQ,KAAK,QAAQ,IAC3BA,QAAQ,CAAeI,UAAU,KAAKD,YAAY,CAACC,UAAU,EAC9D;IACA;EACF;EAEA,MAAMI,SAA+B,GACnCR,QAAQ,IAAI,IAAI,GAAGG,YAAY,GAAG,CAACA,YAAY,EAAEH,QAAQ,CAAC;EAE5DD,gBAAgB,CAACE,YAAY,GAAG;IAC9B,GAAGF,gBAAgB,CAACE,YAAY;IAChCC,KAAK,EAAEM;EACT,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAA0B,CAAC,EAAE;EAC3E,MAAM,CAACC,MAAM,CAAC,GAAGrB,QAAQ,CAACC,WAAW,CAAC;EACtC,MAAMqB,eAAe,GAAGxB,MAAM,CAAC,KAAK,CAAC;EAErC,IAAIuB,MAAM,IAAI,CAACC,eAAe,CAACC,OAAO,EAAE;IACtCD,eAAe,CAACC,OAAO,GAAG,IAAI;IAC9BjB,oBAAoB,CAAC,CAAC;EACxB;EAEA,IAAI,CAACY,OAAO,EAAE,oBAAOb,IAAA,CAAAF,SAAA;IAAAiB,QAAA,EAAGA;EAAQ,CAAG,CAAC;EACpC,IAAI,CAACC,MAAM,EAAE,oBAAOhB,IAAA,CAAAF,SAAA;IAAAiB,QAAA,EAAGD,QAAQ,IAAI;EAAI,CAAG,CAAC;EAC3C,oBAAOd,IAAA,CAAAF,SAAA;IAAAiB,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}

package/lib/module/fonts/apply-font-faces.js

@@ -1,42 +1,14 @@
 "use strict";
 
-import { Platform } from 'react-native';
-import blomusReg from './assets/BlomusModernus-Regular.woff2';
-import blomusBold from './assets/BlomusModernus-Bold.woff2';
-import interVar from './assets/InterVariable.woff2';
-import geistMono from './assets/GeistMono-Variable.woff2';
-import { fontFamilies } from "./tokens.js";
-const STYLE_ID = 'bloom-fonts';
-
-/**
- * Inject @font-face rules and font CSS variables onto :root.
- *
- * No-op on native and when `document` is unavailable (SSR). Idempotent —
- * safe to call multiple times; subsequent calls early-return after the
- * `<style id="bloom-fonts">` tag has been mounted.
- *
- * Follows the same shape as `applyDarkClass` / `applyColorPresetVars`: a
- * single file with an internal `Platform.OS` check rather than a `.web.ts` /
- * `.native.ts` split. Bundlers strip the unreachable web import code path
- * on native because the function body short-circuits before referencing the
- * woff2 URLs.
- */
+// No-op on native. The web variant lives in apply-font-faces.web.ts and
+// is selected by bundlers via the package.json conditions. RN consumers
+// never need font-face injection — useFonts handles loading on native.
+//
+// This file MUST have zero `.woff2` imports. Metro parses module-level
+// imports at bundle time and would otherwise fail to resolve the `.woff2`
+// assets (not in Metro's default `assetExts`). See
+// `apply-font-faces.web.ts` for the real implementation.
 export function applyFontFaces() {
-  if (Platform.OS !== 'web' || typeof document === 'undefined') return;
-  if (document.getElementById(STYLE_ID)) return;
-  const style = document.createElement('style');
-  style.id = STYLE_ID;
-  style.textContent = `
-    @font-face { font-family: 'BlomusModernus'; src: url(${blomusReg}) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
-    @font-face { font-family: 'BlomusModernus'; src: url(${blomusBold}) format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
-    @font-face { font-family: 'Inter'; src: url(${interVar}) format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }
-    @font-face { font-family: 'Geist Mono'; src: url(${geistMono}) format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }
-    :root {
-      --bloom-font-display: ${fontFamilies.display};
-      --bloom-font-sans: ${fontFamilies.sans};
-      --bloom-font-mono: ${fontFamilies.mono};
-    }
-  `;
-  document.head.appendChild(style);
+  // intentionally empty
 }
 //# sourceMappingURL=apply-font-faces.js.map

package/lib/module/fonts/apply-font-faces.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","blomusReg","blomusBold","interVar","geistMono","fontFamilies","STYLE_ID","applyFontFaces","OS","document","getElementById","style","createElement","id","textContent","display","sans","mono","head","appendChild"],"sourceRoot":"../../../src","sources":["fonts/apply-font-faces.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,OAAOC,SAAS,MAAM,uCAAuC;AAC7D,OAAOC,UAAU,MAAM,oCAAoC;AAC3D,OAAOC,QAAQ,MAAM,8BAA8B;AACnD,OAAOC,SAAS,MAAM,mCAAmC;AACzD,SAASC,YAAY,QAAQ,aAAU;AAEvC,MAAMC,QAAQ,GAAG,aAAa;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAA,EAAS;EACrC,IAAIP,QAAQ,CAACQ,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EAC9D,IAAIA,QAAQ,CAACC,cAAc,CAACJ,QAAQ,CAAC,EAAE;EAEvC,MAAMK,KAAK,GAAGF,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;EAC7CD,KAAK,CAACE,EAAE,GAAGP,QAAQ;EACnBK,KAAK,CAACG,WAAW,GAAG;AACtB,2DAA2Db,SAAS;AACpE,2DAA2DC,UAAU;AACrE,kDAAkDC,QAAQ;AAC1D,uDAAuDC,SAAS;AAChE;AACA,8BAA8BC,YAAY,CAACU,OAAO;AAClD,2BAA2BV,YAAY,CAACW,IAAI;AAC5C,2BAA2BX,YAAY,CAACY,IAAI;AAC5C;AACA,GAAG;EACDR,QAAQ,CAACS,IAAI,CAACC,WAAW,CAACR,KAAK,CAAC;AAClC","ignoreList":[]}
+{"version":3,"names":["applyFontFaces"],"sourceRoot":"../../../src","sources":["fonts/apply-font-faces.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,cAAcA,CAAA,EAAS;EACrC;AAAA","ignoreList":[]}

package/lib/module/fonts/apply-font-faces.web.js

@@ -0,0 +1,39 @@
+"use strict";
+
+/// <reference path="../assets.d.ts" />
+import blomusReg from './assets/BlomusModernus-Regular.woff2';
+import blomusBold from './assets/BlomusModernus-Bold.woff2';
+import interVar from './assets/InterVariable.woff2';
+import geistMono from './assets/GeistMono-Variable.woff2';
+import { fontFamilies } from "./tokens.js";
+const STYLE_ID = 'bloom-fonts';
+
+/**
+ * Inject @font-face rules and font CSS variables onto :root.
+ *
+ * Web-only. The native counterpart in `apply-font-faces.ts` is a no-op
+ * stub — Metro cannot parse `.woff2` imports, so the file split keeps
+ * those imports out of the native bundle entirely. Idempotent: safe to
+ * call multiple times; subsequent calls early-return after the
+ * `<style id="bloom-fonts">` tag has been mounted. SSR-safe via the
+ * `typeof document === 'undefined'` guard.
+ */
+export function applyFontFaces() {
+  if (typeof document === 'undefined') return;
+  if (document.getElementById(STYLE_ID)) return;
+  const style = document.createElement('style');
+  style.id = STYLE_ID;
+  style.textContent = `
+    @font-face { font-family: 'BlomusModernus'; src: url(${blomusReg}) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
+    @font-face { font-family: 'BlomusModernus'; src: url(${blomusBold}) format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
+    @font-face { font-family: 'Inter'; src: url(${interVar}) format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }
+    @font-face { font-family: 'Geist Mono'; src: url(${geistMono}) format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }
+    :root {
+      --bloom-font-display: ${fontFamilies.display};
+      --bloom-font-sans: ${fontFamilies.sans};
+      --bloom-font-mono: ${fontFamilies.mono};
+    }
+  `;
+  document.head.appendChild(style);
+}
+//# sourceMappingURL=apply-font-faces.web.js.map

package/lib/module/fonts/apply-font-faces.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["blomusReg","blomusBold","interVar","geistMono","fontFamilies","STYLE_ID","applyFontFaces","document","getElementById","style","createElement","id","textContent","display","sans","mono","head","appendChild"],"sourceRoot":"../../../src","sources":["fonts/apply-font-faces.web.ts"],"mappings":";;AAAA;AACA,OAAOA,SAAS,MAAM,uCAAuC;AAC7D,OAAOC,UAAU,MAAM,oCAAoC;AAC3D,OAAOC,QAAQ,MAAM,8BAA8B;AACnD,OAAOC,SAAS,MAAM,mCAAmC;AACzD,SAASC,YAAY,QAAQ,aAAU;AAEvC,MAAMC,QAAQ,GAAG,aAAa;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAA,EAAS;EACrC,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EACrC,IAAIA,QAAQ,CAACC,cAAc,CAACH,QAAQ,CAAC,EAAE;EAEvC,MAAMI,KAAK,GAAGF,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;EAC7CD,KAAK,CAACE,EAAE,GAAGN,QAAQ;EACnBI,KAAK,CAACG,WAAW,GAAG;AACtB,2DAA2DZ,SAAS;AACpE,2DAA2DC,UAAU;AACrE,kDAAkDC,QAAQ;AAC1D,uDAAuDC,SAAS;AAChE;AACA,8BAA8BC,YAAY,CAACS,OAAO;AAClD,2BAA2BT,YAAY,CAACU,IAAI;AAC5C,2BAA2BV,YAAY,CAACW,IAAI;AAC5C;AACA,GAAG;EACDR,QAAQ,CAACS,IAAI,CAACC,WAAW,CAACR,KAAK,CAAC;AAClC","ignoreList":[]}

package/lib/module/fonts/font-assets.js

@@ -7,8 +7,8 @@
 // covers all weights at runtime. `@fontsource(-variable)?/*` packages only
 // publish .woff2 for their variable axes — modern react-native font loading
 // requires .ttf, so we use the upstream variable TTFs instead. On web,
-// `apply-font-faces.ts` references the .woff2 variants directly and this file
-// is never imported.
+// `apply-font-faces.web.ts` references the .woff2 variants directly and this
+// file is never imported.
 
 export const FONT_ASSETS = {
   BlomusModernus: require('./assets/BlomusModernus-Regular.ttf'),

package/lib/module/fonts/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 export { fontFamilies, fontCssVars } from "./tokens.js";
-export { applyFontFaces } from "./apply-font-faces.js";
+export { applyFontFaces } from './apply-font-faces';
 export { FONT_ASSETS } from "./font-assets.js";
 export { FontLoader } from './FontLoader';
 //# sourceMappingURL=index.js.map

package/lib/module/fonts/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["fontFamilies","fontCssVars","applyFontFaces","FONT_ASSETS","FontLoader"],"sourceRoot":"../../../src","sources":["fonts/index.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,WAAW,QAAQ,aAAU;AAEpD,SAASC,cAAc,QAAQ,uBAAoB;AACnD,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,UAAU,QAAQ,cAAc","ignoreList":[]}
+{"version":3,"names":["fontFamilies","fontCssVars","applyFontFaces","FONT_ASSETS","FontLoader"],"sourceRoot":"../../../src","sources":["fonts/index.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,WAAW,QAAQ,aAAU;AAEpD,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,UAAU,QAAQ,cAAc","ignoreList":[]}

package/lib/module/fonts/index.web.js

@@ -0,0 +1,18 @@
+"use strict";
+
+// Web variant of the `./fonts` barrel.
+//
+// The default barrel (`./index.ts`) re-exports `applyFontFaces` from
+// `./apply-font-faces`, which on native resolves to a no-op stub — Metro
+// cannot parse `.woff2` module-level imports. The web fork explicitly
+// reaches for `./apply-font-faces.web`, which performs the real `@font-face`
+// injection.
+//
+// Web bundlers select this file via the `"browser"` condition in
+// `package.json`'s `exports['./fonts']`; native bundlers fall through to
+// `./index.ts` via the `"react-native"` condition.
+export { fontFamilies, fontCssVars } from "./tokens.js";
+export { applyFontFaces } from "./apply-font-faces.web.js";
+export { FONT_ASSETS } from "./font-assets.js";
+export { FontLoader } from './FontLoader';
+//# sourceMappingURL=index.web.js.map

package/lib/module/fonts/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fontFamilies","fontCssVars","applyFontFaces","FONT_ASSETS","FontLoader"],"sourceRoot":"../../../src","sources":["fonts/index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,YAAY,EAAEC,WAAW,QAAQ,aAAU;AAEpD,SAASC,cAAc,QAAQ,2BAAwB;AACvD,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,UAAU,QAAQ,cAAc","ignoreList":[]}