diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 95211008..88fb7e7a 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -206,6 +206,10 @@ jobs:
         working-directory: packages/docs
         run: bun run lint
 
+      - name: Format check
+        working-directory: packages/docs
+        run: bunx prettier --check "src/**/*.{ts,tsx,css}"
+
       - name: Build
         working-directory: packages/docs
         run: bun run build
diff --git a/packages/docs/src/components/CodeBlock.tsx b/packages/docs/src/components/CodeBlock.tsx
index 32f43331..4bb9ab0d 100644
--- a/packages/docs/src/components/CodeBlock.tsx
+++ b/packages/docs/src/components/CodeBlock.tsx
@@ -163,7 +163,12 @@ function highlightCode(element: HTMLElement, language: string) {
     });
 
     element.innerHTML = highlightedLines.join('\n');
-  } else if (language === 'swift' || language === 'kotlin' || language === 'dart' || language === 'gdscript') {
+  } else if (
+    language === 'swift' ||
+    language === 'kotlin' ||
+    language === 'dart' ||
+    language === 'gdscript'
+  ) {
     // Swift, Kotlin, and Dart syntax highlighting
     const lines = text.split('\n');
     const highlightedLines = lines.map((line) => {
@@ -217,15 +222,19 @@ function highlightCode(element: HTMLElement, language: string) {
           // Language-specific keywords
           let keywords: string;
           if (language === 'swift') {
-            keywords = 'import|func|let|var|if|else|for|while|do|switch|case|return|try|await|async|class|struct|enum|protocol|extension|guard|defer|in|is|as|self|super|static|final|override|public|private|internal|fileprivate|open|weak|unowned|lazy|mutating|nonmutating|convenience|required|subscript|deinit|init|typealias|associatedtype|where|throws|rethrows|catch|throw|nil|true|false|@available';
+            keywords =
+              'import|func|let|var|if|else|for|while|do|switch|case|return|try|await|async|class|struct|enum|protocol|extension|guard|defer|in|is|as|self|super|static|final|override|public|private|internal|fileprivate|open|weak|unowned|lazy|mutating|nonmutating|convenience|required|subscript|deinit|init|typealias|associatedtype|where|throws|rethrows|catch|throw|nil|true|false|@available';
           } else if (language === 'kotlin') {
-            keywords = 'import|package|fun|val|var|if|else|for|while|do|when|return|try|catch|finally|throw|class|object|interface|enum|sealed|data|inner|open|abstract|override|public|private|internal|protected|suspend|inline|crossinline|noinline|reified|lateinit|by|companion|init|constructor|this|super|null|true|false|it|in|is|as|typealias|where';
+            keywords =
+              'import|package|fun|val|var|if|else|for|while|do|when|return|try|catch|finally|throw|class|object|interface|enum|sealed|data|inner|open|abstract|override|public|private|internal|protected|suspend|inline|crossinline|noinline|reified|lateinit|by|companion|init|constructor|this|super|null|true|false|it|in|is|as|typealias|where';
           } else if (language === 'gdscript') {
             // GDScript keywords
-            keywords = 'func|var|const|class|class_name|extends|signal|enum|static|onready|export|preload|load|if|elif|else|for|while|match|break|continue|pass|return|await|yield|true|false|null|self|void|int|float|bool|String|Array|Dictionary|Vector2|Vector3|Object|Node|and|or|not|in|is|as';
+            keywords =
+              'func|var|const|class|class_name|extends|signal|enum|static|onready|export|preload|load|if|elif|else|for|while|match|break|continue|pass|return|await|yield|true|false|null|self|void|int|float|bool|String|Array|Dictionary|Vector2|Vector3|Object|Node|and|or|not|in|is|as';
           } else {
             // Dart keywords
-            keywords = 'import|export|library|part|show|hide|as|if|else|for|while|do|switch|case|default|break|continue|return|try|catch|finally|throw|rethrow|assert|class|abstract|extends|implements|with|mixin|enum|typedef|static|final|const|late|required|covariant|get|set|operator|factory|async|await|yield|sync|true|false|null|this|super|new|void|dynamic|var|Function|Future|Stream';
+            keywords =
+              'import|export|library|part|show|hide|as|if|else|for|while|do|switch|case|default|break|continue|return|try|catch|finally|throw|rethrow|assert|class|abstract|extends|implements|with|mixin|enum|typedef|static|final|const|late|required|covariant|get|set|operator|factory|async|await|yield|sync|true|false|null|this|super|new|void|dynamic|var|Function|Future|Stream';
           }
 
           processed = processed.replace(
diff --git a/packages/docs/src/components/LanguageTabs.tsx b/packages/docs/src/components/LanguageTabs.tsx
index 658827f7..5b901eca 100644
--- a/packages/docs/src/components/LanguageTabs.tsx
+++ b/packages/docs/src/components/LanguageTabs.tsx
@@ -40,9 +40,7 @@ function LanguageTabs({ children }: LanguageTabsProps) {
           </button>
         ))}
       </div>
-      <div className="language-tabs-content">
-        {children[activeTab]}
-      </div>
+      <div className="language-tabs-content">{children[activeTab]}</div>
     </div>
   );
 }
diff --git a/packages/docs/src/components/Pagination.tsx b/packages/docs/src/components/Pagination.tsx
index 15f657fe..c3fc4308 100644
--- a/packages/docs/src/components/Pagination.tsx
+++ b/packages/docs/src/components/Pagination.tsx
@@ -114,7 +114,7 @@ function Pagination({
                 <span key={index} className="pagination-ellipsis">
                   {page}
                 </span>
-              ),
+              )
             )}
           </div>
         )}
diff --git a/packages/docs/src/components/SearchModal.tsx b/packages/docs/src/components/SearchModal.tsx
index 0e0325c9..909ac9f4 100644
--- a/packages/docs/src/components/SearchModal.tsx
+++ b/packages/docs/src/components/SearchModal.tsx
@@ -1,726 +1,31 @@
-import { useEffect, useRef, useState, useMemo } from 'react';
+import { useEffect, useRef, useState, useMemo, useCallback } from 'react';
 import { createPortal } from 'react-dom';
 import { Search, X } from 'lucide-react';
 import { useNavigate } from 'react-router-dom';
-
-interface ApiItem {
-  id: string;
-  title: string;
-  category: string;
-  description?: string;
-  parameters?: string;
-  returns?: string;
-  path: string;
-}
+import { apiData, type ApiItem } from '../lib/searchData';
 
 interface SearchModalProps {
   isOpen: boolean;
   onClose: () => void;
 }
 
-const apiData: ApiItem[] = [
-  // Connection Management
-  {
-    id: 'init-connection',
-    title: 'initConnection',
-    category: 'Connection',
-    description: 'Initialize connection to the store service',
-    parameters: '',
-    returns: 'Boolean!',
-    path: '/docs/apis/connection#init-connection',
-  },
-  {
-    id: 'end-connection',
-    title: 'endConnection',
-    category: 'Connection',
-    description: 'End connection to the store service',
-    parameters: '',
-    returns: 'Boolean!',
-    path: '/docs/apis/connection#end-connection',
-  },
-
-  // Product Management
-  {
-    id: 'fetch-products',
-    title: 'fetchProducts',
-    category: 'Products',
-    description: 'Retrieve products or subscriptions from the store',
-    parameters: 'ProductRequest',
-    returns: '[Product!]!',
-    path: '/docs/apis/products#fetch-products',
-  },
-  {
-    id: 'get-available-purchases',
-    title: 'getAvailablePurchases',
-    category: 'Products',
-    description: 'Get all available purchases for the current user',
-    parameters: 'PurchaseOptions?',
-    returns: '[Purchase!]!',
-    path: '/docs/apis/products#get-available-purchases',
-  },
-
-  // Purchase Operations
-  {
-    id: 'request-purchase',
-    title: 'requestPurchase',
-    category: 'Purchase',
-    description: 'Request a purchase (one-time or subscription)',
-    parameters: 'RequestPurchaseProps',
-    returns: 'Purchase!',
-    path: '/docs/apis/purchase#request-purchase',
-  },
-  {
-    id: 'finish-transaction',
-    title: 'finishTransaction',
-    category: 'Purchase',
-    description:
-      'Complete a purchase transaction. Must be called after successful verification',
-    parameters: 'Purchase!, isConsumable: Boolean?',
-    returns: 'Void',
-    path: '/docs/apis/purchase#finish-transaction',
-  },
-  {
-    id: 'restore-purchases',
-    title: 'restorePurchases',
-    category: 'Purchase',
-    description: 'Restore completed transactions (cross-platform)',
-    parameters: '',
-    returns: 'Void',
-    path: '/docs/apis/purchase#restore-purchases',
-  },
-  {
-    id: 'get-storefront',
-    title: 'getStorefront',
-    category: 'Purchase',
-    description: 'Get storefront country code for the active user',
-    parameters: '',
-    returns: 'String!',
-    path: '/docs/apis/purchase#get-storefront',
-  },
-
-  // Subscription Management
-  {
-    id: 'get-active-subscriptions',
-    title: 'getActiveSubscriptions',
-    category: 'Subscription',
-    description: 'Get all active subscriptions with detailed information',
-    parameters: 'subscriptionIds: [String]?',
-    returns: '[ActiveSubscription!]!',
-    path: '/docs/apis/subscription#get-active-subscriptions',
-  },
-  {
-    id: 'has-active-subscriptions',
-    title: 'hasActiveSubscriptions',
-    category: 'Subscription',
-    description: 'Check if the user has any active subscriptions',
-    parameters: 'subscriptionIds: [String]?',
-    returns: 'Boolean!',
-    path: '/docs/apis/subscription#has-active-subscriptions',
-  },
-  {
-    id: 'deep-link-to-subscriptions',
-    title: 'deepLinkToSubscriptions',
-    category: 'Subscription',
-    description: 'Open native subscription management interface',
-    parameters: 'DeepLinkOptions',
-    returns: 'Void',
-    path: '/docs/apis/subscription#deep-link-to-subscriptions',
-  },
-
-  // Verification
-  {
-    id: 'verify-purchase',
-    title: 'verifyPurchase',
-    category: 'Validation',
-    description: 'Verify purchases with your server or platform providers',
-    parameters: 'PurchaseVerificationProps!',
-    returns: 'PurchaseVerificationResult!',
-    path: '/docs/apis/validation#verify-purchase',
-  },
-  {
-    id: 'verify-purchase-with-provider',
-    title: 'verifyPurchaseWithProvider',
-    category: 'Validation',
-    description: 'Verify purchases using IAPKit or other providers',
-    parameters: 'VerifyPurchaseWithProviderProps!',
-    returns: 'VerifyPurchaseWithProviderResult!',
-    path: '/docs/apis/validation#verify-purchase-with-provider',
-  },
-
-  // iOS APIs
-  {
-    id: 'clear-transaction-ios',
-    title: 'clearTransactionIOS',
-    category: 'iOS APIs',
-    description: 'Clear pending transactions',
-    parameters: '',
-    returns: 'Boolean!',
-    path: '/docs/apis/ios#clear-transaction-ios',
-  },
-  {
-    id: 'sync-ios',
-    title: 'syncIOS',
-    category: 'iOS APIs',
-    description: 'Force StoreKit transaction sync (iOS 15+)',
-    parameters: '',
-    returns: 'Boolean!',
-    path: '/docs/apis/ios#sync-ios',
-  },
-  {
-    id: 'get-promoted-product-ios',
-    title: 'getPromotedProductIOS',
-    category: 'iOS APIs',
-    description: 'Get the currently promoted product (iOS 11+)',
-    parameters: '',
-    returns: 'ProductIOS',
-    path: '/docs/apis/ios#get-promoted-product-ios',
-  },
-  {
-    id: 'request-purchase-on-promoted-product-ios',
-    title: 'requestPurchaseOnPromotedProductIOS',
-    category: 'iOS APIs',
-    description: 'Purchase a promoted product (iOS 11+)',
-    parameters: '',
-    returns: 'Boolean!',
-    path: '/docs/apis/ios#request-purchase-on-promoted-product-ios',
-  },
-  {
-    id: 'get-pending-transactions-ios',
-    title: 'getPendingTransactionsIOS',
-    category: 'iOS APIs',
-    description: 'Retrieve pending StoreKit transactions',
-    parameters: '',
-    returns: '[PurchaseIOS!]!',
-    path: '/docs/apis/ios#get-pending-transactions-ios',
-  },
-  {
-    id: 'is-eligible-for-intro-offer-ios',
-    title: 'isEligibleForIntroOfferIOS',
-    category: 'iOS APIs',
-    description: 'Check introductory offer eligibility',
-    parameters: 'groupID: String!',
-    returns: 'Boolean!',
-    path: '/docs/apis/ios#is-eligible-for-intro-offer-ios',
-  },
-  {
-    id: 'subscription-status-ios',
-    title: 'subscriptionStatusIOS',
-    category: 'iOS APIs',
-    description: 'Get StoreKit 2 subscription status (iOS 15+)',
-    parameters: 'sku: String!',
-    returns: '[SubscriptionStatusIOS!]!',
-    path: '/docs/apis/ios#subscription-status-ios',
-  },
-  {
-    id: 'current-entitlement-ios',
-    title: 'currentEntitlementIOS',
-    category: 'iOS APIs',
-    description: 'Get current StoreKit 2 entitlement (iOS 15+)',
-    parameters: 'sku: String!',
-    returns: 'PurchaseIOS',
-    path: '/docs/apis/ios#current-entitlement-ios',
-  },
-  {
-    id: 'latest-transaction-ios',
-    title: 'latestTransactionIOS',
-    category: 'iOS APIs',
-    description: 'Get latest StoreKit 2 transaction (iOS 15+)',
-    parameters: 'sku: String!',
-    returns: 'PurchaseIOS',
-    path: '/docs/apis/ios#latest-transaction-ios',
-  },
-  {
-    id: 'show-manage-subscriptions-ios',
-    title: 'showManageSubscriptionsIOS',
-    category: 'iOS APIs',
-    description: 'Open subscription management UI and return changes (iOS 15+)',
-    parameters: '',
-    returns: '[PurchaseIOS!]!',
-    path: '/docs/apis/ios#show-manage-subscriptions-ios',
-  },
-  {
-    id: 'begin-refund-request-ios',
-    title: 'beginRefundRequestIOS',
-    category: 'iOS APIs',
-    description: 'Initiate refund request (iOS 15+)',
-    parameters: 'sku: String!',
-    returns: 'String',
-    path: '/docs/apis/ios#begin-refund-request-ios',
-  },
-  {
-    id: 'is-transaction-verified-ios',
-    title: 'isTransactionVerifiedIOS',
-    category: 'iOS APIs',
-    description: 'Verify StoreKit 2 transaction signature',
-    parameters: 'sku: String!',
-    returns: 'Boolean!',
-    path: '/docs/apis/ios#is-transaction-verified-ios',
-  },
-  {
-    id: 'get-transaction-jws-ios',
-    title: 'getTransactionJwsIOS',
-    category: 'iOS APIs',
-    description: 'Get the transaction JWS (StoreKit 2)',
-    parameters: 'sku: String!',
-    returns: 'String',
-    path: '/docs/apis/ios#get-transaction-jws-ios',
-  },
-  {
-    id: 'get-receipt-data-ios',
-    title: 'getReceiptDataIOS',
-    category: 'iOS APIs',
-    description: 'Get base64-encoded receipt data for validation',
-    parameters: '',
-    returns: 'String',
-    path: '/docs/apis/ios#get-receipt-data-ios',
-  },
-  {
-    id: 'present-code-redemption-sheet-ios',
-    title: 'presentCodeRedemptionSheetIOS',
-    category: 'iOS APIs',
-    description: 'Present the App Store code redemption sheet',
-    parameters: '',
-    returns: 'Boolean!',
-    path: '/docs/apis/ios#present-code-redemption-sheet-ios',
-  },
-  {
-    id: 'get-app-transaction-ios',
-    title: 'getAppTransactionIOS',
-    category: 'iOS APIs',
-    description: 'Fetch the current app transaction (iOS 16+)',
-    parameters: '',
-    returns: 'AppTransaction',
-    path: '/docs/apis/ios#get-app-transaction-ios',
-  },
-  {
-    id: 'external-purchase-ios',
-    title: 'iOS External Purchase',
-    category: 'iOS APIs',
-    description: 'External purchase flow for iOS 17.4+',
-    parameters: '',
-    returns: '',
-    path: '/docs/apis/ios#external-purchase',
-  },
-
-  // Android APIs
-  {
-    id: 'acknowledge-purchase-android',
-    title: 'acknowledgePurchaseAndroid',
-    category: 'Android APIs',
-    description: 'Acknowledge a non-consumable purchase or subscription',
-    parameters: 'purchaseToken: String!',
-    returns: 'Boolean!',
-    path: '/docs/apis/android#acknowledge-purchase-android',
-  },
-  {
-    id: 'consume-purchase-android',
-    title: 'consumePurchaseAndroid',
-    category: 'Android APIs',
-    description: 'Consume a purchase (for consumable products only)',
-    parameters: 'purchaseToken: String!',
-    returns: 'Boolean!',
-    path: '/docs/apis/android#consume-purchase-android',
-  },
-  {
-    id: 'check-alternative-billing-availability-android',
-    title: 'checkAlternativeBillingAvailabilityAndroid',
-    category: 'Android APIs',
-    description:
-      'Check if alternative billing is available (Step 1 of alternative billing)',
-    parameters: '',
-    returns: 'Boolean!',
-    path: '/docs/apis/android#check-alternative-billing-availability-android',
-  },
-  {
-    id: 'show-alternative-billing-dialog-android',
-    title: 'showAlternativeBillingDialogAndroid',
-    category: 'Android APIs',
-    description:
-      'Show alternative billing dialog to user (Step 2 of alternative billing)',
-    parameters: '',
-    returns: 'Boolean!',
-    path: '/docs/apis/android#show-alternative-billing-dialog-android',
-  },
-  {
-    id: 'create-alternative-billing-token-android',
-    title: 'createAlternativeBillingTokenAndroid',
-    category: 'Android APIs',
-    description:
-      'Create external transaction token for Google Play (Step 3 of alternative billing)',
-    parameters: '',
-    returns: 'String',
-    path: '/docs/apis/android#create-alternative-billing-token-android',
-  },
-
-  // Debugging & Logging
-  {
-    id: 'debugging-logging',
-    title: 'Debugging & Logging',
-    category: 'Debugging',
-    description: 'Enable verbose logging for development',
-    parameters: '',
-    returns: '',
-    path: '/docs/apis/debugging',
-  },
-  {
-    id: 'enable-logging',
-    title: 'Enable Logging',
-    category: 'Debugging',
-    description: 'Enable or disable debug logs',
-    parameters: 'Boolean',
-    returns: '',
-    path: '/docs/apis/debugging#enable-logging',
-  },
-  {
-    id: 'baseplanid-limitation',
-    title: 'Android basePlanId Limitation',
-    category: 'Debugging',
-    description: 'Understanding basePlanId limitations with multiple offers',
-    parameters: '',
-    returns: '',
-    path: '/docs/apis/debugging#android-baseplanid-limitation',
-  },
-
-  // Documentation Pages
-  {
-    id: 'external-purchase-page',
-    title: 'External Purchase',
-    category: 'Documentation',
-    description:
-      'External purchase links for iOS - redirect users to external payment websites (iOS 16.0+)',
-    path: '/docs/features/external-purchase',
-  },
-  {
-    id: 'types-page',
-    title: 'Types',
-    category: 'Documentation',
-    description: 'Type definitions and data structures',
-    path: '/docs/types',
-  },
-  {
-    id: 'types-product',
-    title: 'Product Types',
-    category: 'Types',
-    description: 'Product, SubscriptionProduct, Unified Platform Types, Storefront',
-    path: '/docs/types/product',
-  },
-  {
-    id: 'product',
-    title: 'Product',
-    category: 'Types',
-    description: 'Base product type: id, title, description, price, currency, type',
-    path: '/docs/types/product#product',
-  },
-  {
-    id: 'subscription-product',
-    title: 'SubscriptionProduct',
-    category: 'Types',
-    description: 'Subscription product with pricing phases, intro offers, billing periods',
-    path: '/docs/types/product#product-subscription',
-  },
-  {
-    id: 'storefront',
-    title: 'Storefront',
-    category: 'Types',
-    description: 'Store region info: countryCode returned by getStorefront()',
-    path: '/docs/types/product#storefront',
-  },
-  {
-    id: 'types-purchase',
-    title: 'Purchase Types',
-    category: 'Types',
-    description: 'Purchase, PurchaseState, ActiveSubscription, RenewalInfoIOS',
-    path: '/docs/types/purchase',
-  },
-  {
-    id: 'purchase',
-    title: 'Purchase',
-    category: 'Types',
-    description: 'Purchase transaction: id, productId, transactionDate, transactionReceipt',
-    path: '/docs/types/purchase#purchase',
-  },
-  {
-    id: 'purchase-state',
-    title: 'PurchaseState',
-    category: 'Types',
-    description: 'Purchase state enum: purchased, pending, failed, restored, deferred',
-    path: '/docs/types/purchase#purchase-state',
-  },
-  {
-    id: 'active-subscription',
-    title: 'ActiveSubscription',
-    category: 'Types',
-    description: 'Active subscription: id, productId, isActive from getActiveSubscriptions()',
-    path: '/docs/types/purchase#active-subscription',
-  },
-  {
-    id: 'types-request',
-    title: 'Request Types',
-    category: 'Types',
-    description: 'ProductRequest, RequestPurchaseProps, platform-specific request types',
-    path: '/docs/types/request',
-  },
-  {
-    id: 'types-verification',
-    title: 'Verification Types',
-    category: 'Types',
-    description: 'VerifyPurchaseProps, IAPKit integration, purchase verification',
-    path: '/docs/types/verification',
-  },
-  {
-    id: 'types-ios',
-    title: 'iOS Types',
-    category: 'Types',
-    description: 'DiscountOffer, SubscriptionStatusIOS, PaymentMode, AppTransaction',
-    path: '/docs/types/ios',
-  },
-  {
-    id: 'types-android',
-    title: 'Android Types',
-    category: 'Types',
-    description: 'SubscriptionOffer, PricingPhase, PricingPhasesAndroid',
-    path: '/docs/types/android',
-  },
-  {
-    id: 'types-alternative',
-    title: 'Alternative Billing Types',
-    category: 'Types',
-    description: 'AlternativeBillingModeAndroid, InitConnectionConfig, External Purchase Link',
-    path: '/docs/types/alternative',
-  },
-
-  // iOS-Specific Types (from types/ios.tsx)
-  {
-    id: 'discount-offer',
-    title: 'DiscountOffer',
-    category: 'Types (iOS)',
-    description: 'iOS promotional offer for purchase: identifier, keyIdentifier, nonce, signature, timestamp',
-    path: '/docs/types/ios#discount-offer',
-  },
-  {
-    id: 'discount',
-    title: 'Discount',
-    category: 'Types (iOS)',
-    description: 'iOS discount info: identifier, type, numberOfPeriods, price, paymentMode, subscriptionPeriod',
-    path: '/docs/types/ios#discount',
-  },
-  {
-    id: 'subscription-period-ios',
-    title: 'SubscriptionPeriodIOS',
-    category: 'Types (iOS)',
-    description: 'iOS subscription period units: Day, Week, Month, Year',
-    path: '/docs/types/ios#subscription-period-ios',
-  },
-  {
-    id: 'payment-mode',
-    title: 'PaymentMode',
-    category: 'Types (iOS)',
-    description: 'iOS payment mode for offers: FreeTrial, PayAsYouGo, PayUpFront',
-    path: '/docs/types/ios#payment-mode',
-  },
-  {
-    id: 'subscription-status-ios',
-    title: 'SubscriptionStatusIOS',
-    category: 'Types (iOS)',
-    description: 'iOS subscription status from StoreKit 2: state, renewalInfo',
-    path: '/docs/types/ios#subscription-status-ios',
-  },
-  {
-    id: 'app-transaction',
-    title: 'AppTransaction',
-    category: 'Types (iOS)',
-    description: 'iOS app transaction info: bundleId, appVersion, originalAppVersion, environment',
-    path: '/docs/types/ios#app-transaction',
-  },
-
-  // Android-Specific Types (from types/android.tsx)
-  {
-    id: 'subscription-offer',
-    title: 'SubscriptionOffer',
-    category: 'Types (Android)',
-    description: 'Android subscription offer: sku, offerToken for Play Billing purchases',
-    path: '/docs/types/android#subscription-offer',
-  },
-  {
-    id: 'pricing-phase',
-    title: 'PricingPhase',
-    category: 'Types (Android)',
-    description: 'Android pricing phase: billingPeriod, formattedPrice, priceAmountMicros, recurrenceMode',
-    path: '/docs/types/android#pricing-phase',
-  },
-  {
-    id: 'pricing-phases-android',
-    title: 'PricingPhasesAndroid',
-    category: 'Types (Android)',
-    description: 'Android pricing phases container: pricingPhaseList array',
-    path: '/docs/types/android#pricing-phases-android',
-  },
-
-  // Alternative Billing Types (from types/alternative.tsx)
-  {
-    id: 'alternative-billing-mode-android',
-    title: 'AlternativeBillingModeAndroid',
-    category: 'Types (Android)',
-    description: 'Android billing mode: NONE, USER_CHOICE, ALTERNATIVE_ONLY',
-    path: '/docs/types/alternative#alternative-billing-mode-android',
-  },
-  {
-    id: 'init-connection-config',
-    title: 'InitConnectionConfig',
-    category: 'Types',
-    description: 'Configuration for initConnection: alternativeBillingModeAndroid',
-    path: '/docs/types/alternative#init-connection-config',
-  },
-  {
-    id: 'external-purchase-link-ios',
-    title: 'External Purchase Link (iOS)',
-    category: 'Types (iOS)',
-    description: 'iOS external purchase APIs: canPresent, presentNoticeSheet, presentLink (iOS 17.4+)',
-    path: '/docs/types/alternative#external-purchase-link',
-  },
-
-  // Platform-Specific Request Types
-  {
-    id: 'request-purchase-ios-props',
-    title: 'RequestPurchaseIosProps',
-    category: 'Types (iOS)',
-    description: 'iOS purchase request parameters: sku, appAccountToken, quantity, withOffer',
-    path: '/docs/types/request#request-purchase-ios-props',
-  },
-  {
-    id: 'request-purchase-android-props',
-    title: 'RequestPurchaseAndroidProps',
-    category: 'Types (Android)',
-    description: 'Android purchase request parameters: skus, obfuscatedAccountId, isOfferPersonalized',
-    path: '/docs/types/request#request-purchase-android-props',
-  },
-  {
-    id: 'request-subscription-ios-props',
-    title: 'RequestSubscriptionIosProps',
-    category: 'Types (iOS)',
-    description: 'iOS subscription request parameters (same as RequestPurchaseIosProps)',
-    path: '/docs/types/request#request-subscription-ios-props',
-  },
-  {
-    id: 'request-subscription-android-props',
-    title: 'RequestSubscriptionAndroidProps',
-    category: 'Types (Android)',
-    description: 'Android subscription request: purchaseToken, replacementMode, subscriptionOffers',
-    path: '/docs/types/request#request-subscription-android-props',
-  },
-
-  // Platform-Specific Product Types
-  {
-    id: 'product-ios',
-    title: 'ProductIOS',
-    category: 'Types (iOS)',
-    description: 'iOS product fields: typeIOS, isFamilyShareableIOS, subscriptionOffers',
-    path: '/docs/types/product#product-ios',
-  },
-  {
-    id: 'product-android',
-    title: 'ProductAndroid',
-    category: 'Types (Android)',
-    description: 'Android product fields: nameAndroid, discountOffers, subscriptionOffers',
-    path: '/docs/types/product#product-android',
-  },
-  {
-    id: 'subscription-product-ios',
-    title: 'SubscriptionProductIOS',
-    category: 'Types (iOS)',
-    description: 'iOS subscription fields: subscriptionOffers, introductoryPriceIOS, subscriptionPeriodUnitIOS',
-    path: '/docs/types/product#subscription-product-ios',
-  },
-  {
-    id: 'subscription-product-android',
-    title: 'SubscriptionProductAndroid',
-    category: 'Types (Android)',
-    description: 'Android subscription fields: subscriptionOffers',
-    path: '/docs/types/product#subscription-product-android',
-  },
-
-  // Platform-Specific Purchase Types
-  {
-    id: 'purchase-ios',
-    title: 'PurchaseIOS',
-    category: 'Types (iOS)',
-    description: 'iOS purchase fields: originalTransactionDateIOS, expirationDateIOS, renewalInfoIOS',
-    path: '/docs/types/purchase#purchase-ios',
-  },
-  {
-    id: 'purchase-android',
-    title: 'PurchaseAndroid',
-    category: 'Types (Android)',
-    description: 'Android purchase fields: dataAndroid, signatureAndroid, isAcknowledgedAndroid',
-    path: '/docs/types/purchase#purchase-android',
-  },
-  {
-    id: 'renewal-info-ios',
-    title: 'RenewalInfoIOS',
-    category: 'Types (iOS)',
-    description: 'iOS subscription renewal info: willAutoRenew, expirationReason, gracePeriodExpirationDate',
-    path: '/docs/types/purchase#renewal-info-ios',
-  },
-  {
-    id: 'active-subscription-ios',
-    title: 'ActiveSubscriptionIOS',
-    category: 'Types (iOS)',
-    description: 'iOS active subscription: expirationDateIOS, environmentIOS, daysUntilExpirationIOS',
-    path: '/docs/types/purchase#active-subscription-ios',
-  },
-  {
-    id: 'active-subscription-android',
-    title: 'ActiveSubscriptionAndroid',
-    category: 'Types (Android)',
-    description: 'Android active subscription: autoRenewingAndroid, basePlanIdAndroid, purchaseTokenAndroid',
-    path: '/docs/types/purchase#active-subscription-android',
-  },
-
-  // Platform-Specific Verification Types
-  {
-    id: 'verify-purchase-result-ios',
-    title: 'VerifyPurchaseResultIOS',
-    category: 'Types (iOS)',
-    description: 'iOS verification result: isValid, receiptData, jwsRepresentation, latestTransaction',
-    path: '/docs/types/verification#verify-purchase-result-ios',
-  },
-  {
-    id: 'verify-purchase-result-android',
-    title: 'VerifyPurchaseResultAndroid',
-    category: 'Types (Android)',
-    description: 'Android verification result: autoRenewing, cancelDate, renewalDate, transactionId',
-    path: '/docs/types/verification#verify-purchase-result-android',
-  },
-  {
-    id: 'verify-purchase-result-horizon',
-    title: 'VerifyPurchaseResultHorizon',
-    category: 'Types (Horizon)',
-    description: 'Meta Quest verification result: success, grantTime',
-    path: '/docs/types/verification#verify-purchase-result-horizon',
-  },
+function escapeRegExp(value: string) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
 
-  {
-    id: 'apis-page',
-    title: 'APIs',
-    category: 'Documentation',
-    description: 'API reference and function signatures',
-    path: '/docs/apis',
-  },
-  {
-    id: 'events-page',
-    title: 'Events',
-    category: 'Documentation',
-    description: 'Event listeners and callbacks',
-    path: '/docs/events',
-  },
-  {
-    id: 'errors-page',
-    title: 'Errors',
-    category: 'Documentation',
-    description: 'Error codes and error handling',
-    path: '/docs/errors',
-  },
-];
+function highlightMatch(text: string, query: string) {
+  if (!query) return text;
+  const parts = text.split(new RegExp(`(${escapeRegExp(query)})`, 'gi'));
+  return parts.map((part, index) =>
+    part.toLowerCase() === query.toLowerCase() ? (
+      <mark key={index} className="search-highlight">
+        {part}
+      </mark>
+    ) : (
+      part
+    )
+  );
+}
 
 function SearchModal({ isOpen, onClose }: SearchModalProps) {
   const [searchQuery, setSearchQuery] = useState('');
@@ -742,6 +47,14 @@ function SearchModal({ isOpen, onClose }: SearchModalProps) {
     );
   }, [searchQuery]);
 
+  const handleApiSelect = useCallback(
+    (api: ApiItem) => {
+      navigate(api.path);
+      onClose();
+    },
+    [navigate, onClose]
+  );
+
   useEffect(() => {
     if (isOpen) {
       setSearchQuery('');
@@ -777,34 +90,22 @@ function SearchModal({ isOpen, onClose }: SearchModalProps) {
         e.preventDefault();
         const selectedApi = filteredApis[selectedIndex];
         if (selectedApi) {
-          navigate(selectedApi.path);
-          onClose();
+          handleApiSelect(selectedApi);
         }
       }
     };
 
     window.addEventListener('keydown', handleKeyDown);
     return () => window.removeEventListener('keydown', handleKeyDown);
-  }, [isOpen, filteredApis, selectedIndex, navigate, onClose]);
-
-  const handleApiClick = (api: ApiItem) => {
-    navigate(api.path);
-    onClose();
-  };
+  }, [isOpen, filteredApis, selectedIndex, onClose, handleApiSelect]);
 
-  const highlightMatch = (text: string, query: string) => {
-    if (!query) return text;
-    const parts = text.split(new RegExp(`(${query})`, 'gi'));
-    return parts.map((part, index) =>
-      part.toLowerCase() === query.toLowerCase() ? (
-        <mark key={index} className="search-highlight">
-          {part}
-        </mark>
-      ) : (
-        part
-      )
-    );
-  };
+  const handleSearchChange = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      setSearchQuery(e.target.value);
+      setSelectedIndex(0);
+    },
+    []
+  );
 
   if (!isOpen) return null;
 
@@ -824,10 +125,7 @@ function SearchModal({ isOpen, onClose }: SearchModalProps) {
               type="text"
               placeholder="Search APIs..."
               value={searchQuery}
-              onChange={(e) => {
-                setSearchQuery(e.target.value);
-                setSelectedIndex(0);
-              }}
+              onChange={handleSearchChange}
               className="search-modal-input"
             />
             <button onClick={onClose} className="search-modal-close">
@@ -847,7 +145,7 @@ function SearchModal({ isOpen, onClose }: SearchModalProps) {
                     {filteredApis.map((api, index) => (
                       <button
                         key={api.id}
-                        onClick={() => handleApiClick(api)}
+                        onClick={() => handleApiSelect(api)}
                         className={`search-result-item ${
                           index === selectedIndex ? 'selected' : ''
                         }`}
diff --git a/packages/docs/src/lib/searchData.ts b/packages/docs/src/lib/searchData.ts
new file mode 100644
index 00000000..a6e97089
--- /dev/null
+++ b/packages/docs/src/lib/searchData.ts
@@ -0,0 +1,745 @@
+export interface ApiItem {
+  id: string;
+  title: string;
+  category: string;
+  description?: string;
+  parameters?: string;
+  returns?: string;
+  path: string;
+}
+
+export const apiData: ApiItem[] = [
+  // Connection Management
+  {
+    id: 'init-connection',
+    title: 'initConnection',
+    category: 'Connection',
+    description: 'Initialize connection to the store service',
+    parameters: '',
+    returns: 'Boolean!',
+    path: '/docs/apis/connection#init-connection',
+  },
+  {
+    id: 'end-connection',
+    title: 'endConnection',
+    category: 'Connection',
+    description: 'End connection to the store service',
+    parameters: '',
+    returns: 'Boolean!',
+    path: '/docs/apis/connection#end-connection',
+  },
+
+  // Product Management
+  {
+    id: 'fetch-products',
+    title: 'fetchProducts',
+    category: 'Products',
+    description: 'Retrieve products or subscriptions from the store',
+    parameters: 'ProductRequest',
+    returns: '[Product!]!',
+    path: '/docs/apis/products#fetch-products',
+  },
+  {
+    id: 'get-available-purchases',
+    title: 'getAvailablePurchases',
+    category: 'Products',
+    description: 'Get all available purchases for the current user',
+    parameters: 'PurchaseOptions?',
+    returns: '[Purchase!]!',
+    path: '/docs/apis/products#get-available-purchases',
+  },
+
+  // Purchase Operations
+  {
+    id: 'request-purchase',
+    title: 'requestPurchase',
+    category: 'Purchase',
+    description: 'Request a purchase (one-time or subscription)',
+    parameters: 'RequestPurchaseProps',
+    returns: 'Purchase!',
+    path: '/docs/apis/purchase#request-purchase',
+  },
+  {
+    id: 'finish-transaction',
+    title: 'finishTransaction',
+    category: 'Purchase',
+    description:
+      'Complete a purchase transaction. Must be called after successful verification',
+    parameters: 'Purchase!, isConsumable: Boolean?',
+    returns: 'Void',
+    path: '/docs/apis/purchase#finish-transaction',
+  },
+  {
+    id: 'restore-purchases',
+    title: 'restorePurchases',
+    category: 'Purchase',
+    description: 'Restore completed transactions (cross-platform)',
+    parameters: '',
+    returns: 'Void',
+    path: '/docs/apis/purchase#restore-purchases',
+  },
+  {
+    id: 'get-storefront',
+    title: 'getStorefront',
+    category: 'Purchase',
+    description: 'Get storefront country code for the active user',
+    parameters: '',
+    returns: 'String!',
+    path: '/docs/apis/purchase#get-storefront',
+  },
+
+  // Subscription Management
+  {
+    id: 'get-active-subscriptions',
+    title: 'getActiveSubscriptions',
+    category: 'Subscription',
+    description: 'Get all active subscriptions with detailed information',
+    parameters: 'subscriptionIds: [String]?',
+    returns: '[ActiveSubscription!]!',
+    path: '/docs/apis/subscription#get-active-subscriptions',
+  },
+  {
+    id: 'has-active-subscriptions',
+    title: 'hasActiveSubscriptions',
+    category: 'Subscription',
+    description: 'Check if the user has any active subscriptions',
+    parameters: 'subscriptionIds: [String]?',
+    returns: 'Boolean!',
+    path: '/docs/apis/subscription#has-active-subscriptions',
+  },
+  {
+    id: 'deep-link-to-subscriptions',
+    title: 'deepLinkToSubscriptions',
+    category: 'Subscription',
+    description: 'Open native subscription management interface',
+    parameters: 'DeepLinkOptions',
+    returns: 'Void',
+    path: '/docs/apis/subscription#deep-link-to-subscriptions',
+  },
+
+  // Verification
+  {
+    id: 'verify-purchase',
+    title: 'verifyPurchase',
+    category: 'Validation',
+    description: 'Verify purchases with your server or platform providers',
+    parameters: 'PurchaseVerificationProps!',
+    returns: 'PurchaseVerificationResult!',
+    path: '/docs/apis/validation#verify-purchase',
+  },
+  {
+    id: 'verify-purchase-with-provider',
+    title: 'verifyPurchaseWithProvider',
+    category: 'Validation',
+    description: 'Verify purchases using IAPKit or other providers',
+    parameters: 'VerifyPurchaseWithProviderProps!',
+    returns: 'VerifyPurchaseWithProviderResult!',
+    path: '/docs/apis/validation#verify-purchase-with-provider',
+  },
+
+  // iOS APIs
+  {
+    id: 'clear-transaction-ios',
+    title: 'clearTransactionIOS',
+    category: 'iOS APIs',
+    description: 'Clear pending transactions',
+    parameters: '',
+    returns: 'Boolean!',
+    path: '/docs/apis/ios#clear-transaction-ios',
+  },
+  {
+    id: 'sync-ios',
+    title: 'syncIOS',
+    category: 'iOS APIs',
+    description: 'Force StoreKit transaction sync (iOS 15+)',
+    parameters: '',
+    returns: 'Boolean!',
+    path: '/docs/apis/ios#sync-ios',
+  },
+  {
+    id: 'get-promoted-product-ios',
+    title: 'getPromotedProductIOS',
+    category: 'iOS APIs',
+    description: 'Get the currently promoted product (iOS 11+)',
+    parameters: '',
+    returns: 'ProductIOS',
+    path: '/docs/apis/ios#get-promoted-product-ios',
+  },
+  {
+    id: 'request-purchase-on-promoted-product-ios',
+    title: 'requestPurchaseOnPromotedProductIOS',
+    category: 'iOS APIs',
+    description: 'Purchase a promoted product (iOS 11+)',
+    parameters: '',
+    returns: 'Boolean!',
+    path: '/docs/apis/ios#request-purchase-on-promoted-product-ios',
+  },
+  {
+    id: 'get-pending-transactions-ios',
+    title: 'getPendingTransactionsIOS',
+    category: 'iOS APIs',
+    description: 'Retrieve pending StoreKit transactions',
+    parameters: '',
+    returns: '[PurchaseIOS!]!',
+    path: '/docs/apis/ios#get-pending-transactions-ios',
+  },
+  {
+    id: 'is-eligible-for-intro-offer-ios',
+    title: 'isEligibleForIntroOfferIOS',
+    category: 'iOS APIs',
+    description: 'Check introductory offer eligibility',
+    parameters: 'groupID: String!',
+    returns: 'Boolean!',
+    path: '/docs/apis/ios#is-eligible-for-intro-offer-ios',
+  },
+  {
+    id: 'subscription-status-ios',
+    title: 'subscriptionStatusIOS',
+    category: 'iOS APIs',
+    description: 'Get StoreKit 2 subscription status (iOS 15+)',
+    parameters: 'sku: String!',
+    returns: '[SubscriptionStatusIOS!]!',
+    path: '/docs/apis/ios#subscription-status-ios',
+  },
+  {
+    id: 'current-entitlement-ios',
+    title: 'currentEntitlementIOS',
+    category: 'iOS APIs',
+    description: 'Get current StoreKit 2 entitlement (iOS 15+)',
+    parameters: 'sku: String!',
+    returns: 'PurchaseIOS',
+    path: '/docs/apis/ios#current-entitlement-ios',
+  },
+  {
+    id: 'latest-transaction-ios',
+    title: 'latestTransactionIOS',
+    category: 'iOS APIs',
+    description: 'Get latest StoreKit 2 transaction (iOS 15+)',
+    parameters: 'sku: String!',
+    returns: 'PurchaseIOS',
+    path: '/docs/apis/ios#latest-transaction-ios',
+  },
+  {
+    id: 'show-manage-subscriptions-ios',
+    title: 'showManageSubscriptionsIOS',
+    category: 'iOS APIs',
+    description: 'Open subscription management UI and return changes (iOS 15+)',
+    parameters: '',
+    returns: '[PurchaseIOS!]!',
+    path: '/docs/apis/ios#show-manage-subscriptions-ios',
+  },
+  {
+    id: 'begin-refund-request-ios',
+    title: 'beginRefundRequestIOS',
+    category: 'iOS APIs',
+    description: 'Initiate refund request (iOS 15+)',
+    parameters: 'sku: String!',
+    returns: 'String',
+    path: '/docs/apis/ios#begin-refund-request-ios',
+  },
+  {
+    id: 'is-transaction-verified-ios',
+    title: 'isTransactionVerifiedIOS',
+    category: 'iOS APIs',
+    description: 'Verify StoreKit 2 transaction signature',
+    parameters: 'sku: String!',
+    returns: 'Boolean!',
+    path: '/docs/apis/ios#is-transaction-verified-ios',
+  },
+  {
+    id: 'get-transaction-jws-ios',
+    title: 'getTransactionJwsIOS',
+    category: 'iOS APIs',
+    description: 'Get the transaction JWS (StoreKit 2)',
+    parameters: 'sku: String!',
+    returns: 'String',
+    path: '/docs/apis/ios#get-transaction-jws-ios',
+  },
+  {
+    id: 'get-receipt-data-ios',
+    title: 'getReceiptDataIOS',
+    category: 'iOS APIs',
+    description: 'Get base64-encoded receipt data for validation',
+    parameters: '',
+    returns: 'String',
+    path: '/docs/apis/ios#get-receipt-data-ios',
+  },
+  {
+    id: 'present-code-redemption-sheet-ios',
+    title: 'presentCodeRedemptionSheetIOS',
+    category: 'iOS APIs',
+    description: 'Present the App Store code redemption sheet',
+    parameters: '',
+    returns: 'Boolean!',
+    path: '/docs/apis/ios#present-code-redemption-sheet-ios',
+  },
+  {
+    id: 'get-app-transaction-ios',
+    title: 'getAppTransactionIOS',
+    category: 'iOS APIs',
+    description: 'Fetch the current app transaction (iOS 16+)',
+    parameters: '',
+    returns: 'AppTransaction',
+    path: '/docs/apis/ios#get-app-transaction-ios',
+  },
+  {
+    id: 'external-purchase-ios',
+    title: 'iOS External Purchase',
+    category: 'iOS APIs',
+    description: 'External purchase flow for iOS 17.4+',
+    parameters: '',
+    returns: '',
+    path: '/docs/apis/ios#external-purchase',
+  },
+
+  // Android APIs
+  {
+    id: 'acknowledge-purchase-android',
+    title: 'acknowledgePurchaseAndroid',
+    category: 'Android APIs',
+    description: 'Acknowledge a non-consumable purchase or subscription',
+    parameters: 'purchaseToken: String!',
+    returns: 'Boolean!',
+    path: '/docs/apis/android#acknowledge-purchase-android',
+  },
+  {
+    id: 'consume-purchase-android',
+    title: 'consumePurchaseAndroid',
+    category: 'Android APIs',
+    description: 'Consume a purchase (for consumable products only)',
+    parameters: 'purchaseToken: String!',
+    returns: 'Boolean!',
+    path: '/docs/apis/android#consume-purchase-android',
+  },
+  {
+    id: 'check-alternative-billing-availability-android',
+    title: 'checkAlternativeBillingAvailabilityAndroid',
+    category: 'Android APIs',
+    description:
+      'Check if alternative billing is available (Step 1 of alternative billing)',
+    parameters: '',
+    returns: 'Boolean!',
+    path: '/docs/apis/android#check-alternative-billing-availability-android',
+  },
+  {
+    id: 'show-alternative-billing-dialog-android',
+    title: 'showAlternativeBillingDialogAndroid',
+    category: 'Android APIs',
+    description:
+      'Show alternative billing dialog to user (Step 2 of alternative billing)',
+    parameters: '',
+    returns: 'Boolean!',
+    path: '/docs/apis/android#show-alternative-billing-dialog-android',
+  },
+  {
+    id: 'create-alternative-billing-token-android',
+    title: 'createAlternativeBillingTokenAndroid',
+    category: 'Android APIs',
+    description:
+      'Create external transaction token for Google Play (Step 3 of alternative billing)',
+    parameters: '',
+    returns: 'String',
+    path: '/docs/apis/android#create-alternative-billing-token-android',
+  },
+
+  // Debugging & Logging
+  {
+    id: 'debugging-logging',
+    title: 'Debugging & Logging',
+    category: 'Debugging',
+    description: 'Enable verbose logging for development',
+    parameters: '',
+    returns: '',
+    path: '/docs/apis/debugging',
+  },
+  {
+    id: 'enable-logging',
+    title: 'Enable Logging',
+    category: 'Debugging',
+    description: 'Enable or disable debug logs',
+    parameters: 'Boolean',
+    returns: '',
+    path: '/docs/apis/debugging#enable-logging',
+  },
+  {
+    id: 'baseplanid-limitation',
+    title: 'Android basePlanId Limitation',
+    category: 'Debugging',
+    description: 'Understanding basePlanId limitations with multiple offers',
+    parameters: '',
+    returns: '',
+    path: '/docs/apis/debugging#android-baseplanid-limitation',
+  },
+
+  // Documentation Pages
+  {
+    id: 'external-purchase-page',
+    title: 'External Purchase',
+    category: 'Documentation',
+    description:
+      'External purchase links for iOS - redirect users to external payment websites (iOS 16.0+)',
+    path: '/docs/features/external-purchase',
+  },
+  {
+    id: 'types-page',
+    title: 'Types',
+    category: 'Documentation',
+    description: 'Type definitions and data structures',
+    path: '/docs/types',
+  },
+  {
+    id: 'types-product',
+    title: 'Product Types',
+    category: 'Types',
+    description:
+      'Product, SubscriptionProduct, Unified Platform Types, Storefront',
+    path: '/docs/types/product',
+  },
+  {
+    id: 'product',
+    title: 'Product',
+    category: 'Types',
+    description:
+      'Base product type: id, title, description, price, currency, type',
+    path: '/docs/types/product#product',
+  },
+  {
+    id: 'subscription-product',
+    title: 'SubscriptionProduct',
+    category: 'Types',
+    description:
+      'Subscription product with pricing phases, intro offers, billing periods',
+    path: '/docs/types/product#product-subscription',
+  },
+  {
+    id: 'storefront',
+    title: 'Storefront',
+    category: 'Types',
+    description: 'Store region info: countryCode returned by getStorefront()',
+    path: '/docs/types/product#storefront',
+  },
+  {
+    id: 'types-purchase',
+    title: 'Purchase Types',
+    category: 'Types',
+    description: 'Purchase, PurchaseState, ActiveSubscription, RenewalInfoIOS',
+    path: '/docs/types/purchase',
+  },
+  {
+    id: 'purchase',
+    title: 'Purchase',
+    category: 'Types',
+    description:
+      'Purchase transaction: id, productId, transactionDate, transactionReceipt',
+    path: '/docs/types/purchase#purchase',
+  },
+  {
+    id: 'purchase-state',
+    title: 'PurchaseState',
+    category: 'Types',
+    description:
+      'Purchase state enum: purchased, pending, failed, restored, deferred',
+    path: '/docs/types/purchase#purchase-state',
+  },
+  {
+    id: 'active-subscription',
+    title: 'ActiveSubscription',
+    category: 'Types',
+    description:
+      'Active subscription: id, productId, isActive from getActiveSubscriptions()',
+    path: '/docs/types/purchase#active-subscription',
+  },
+  {
+    id: 'types-request',
+    title: 'Request Types',
+    category: 'Types',
+    description:
+      'ProductRequest, RequestPurchaseProps, platform-specific request types',
+    path: '/docs/types/request',
+  },
+  {
+    id: 'types-verification',
+    title: 'Verification Types',
+    category: 'Types',
+    description:
+      'VerifyPurchaseProps, IAPKit integration, purchase verification',
+    path: '/docs/types/verification',
+  },
+  {
+    id: 'types-ios',
+    title: 'iOS Types',
+    category: 'Types',
+    description:
+      'DiscountOffer, SubscriptionStatusIOS, PaymentMode, AppTransaction',
+    path: '/docs/types/ios',
+  },
+  {
+    id: 'types-android',
+    title: 'Android Types',
+    category: 'Types',
+    description: 'SubscriptionOffer, PricingPhase, PricingPhasesAndroid',
+    path: '/docs/types/android',
+  },
+  {
+    id: 'types-alternative',
+    title: 'Alternative Billing Types',
+    category: 'Types',
+    description:
+      'AlternativeBillingModeAndroid, InitConnectionConfig, External Purchase Link',
+    path: '/docs/types/alternative',
+  },
+
+  // iOS-Specific Types (from types/ios.tsx)
+  {
+    id: 'discount-offer',
+    title: 'DiscountOffer',
+    category: 'Types (iOS)',
+    description:
+      'iOS promotional offer for purchase: identifier, keyIdentifier, nonce, signature, timestamp',
+    path: '/docs/types/ios#discount-offer',
+  },
+  {
+    id: 'discount',
+    title: 'Discount',
+    category: 'Types (iOS)',
+    description:
+      'iOS discount info: identifier, type, numberOfPeriods, price, paymentMode, subscriptionPeriod',
+    path: '/docs/types/ios#discount',
+  },
+  {
+    id: 'subscription-period-ios',
+    title: 'SubscriptionPeriodIOS',
+    category: 'Types (iOS)',
+    description: 'iOS subscription period units: Day, Week, Month, Year',
+    path: '/docs/types/ios#subscription-period-ios',
+  },
+  {
+    id: 'payment-mode',
+    title: 'PaymentMode',
+    category: 'Types (iOS)',
+    description:
+      'iOS payment mode for offers: FreeTrial, PayAsYouGo, PayUpFront',
+    path: '/docs/types/ios#payment-mode',
+  },
+  {
+    id: 'subscription-status-ios-type',
+    title: 'SubscriptionStatusIOS',
+    category: 'Types (iOS)',
+    description: 'iOS subscription status from StoreKit 2: state, renewalInfo',
+    path: '/docs/types/ios#subscription-status-ios',
+  },
+  {
+    id: 'app-transaction',
+    title: 'AppTransaction',
+    category: 'Types (iOS)',
+    description:
+      'iOS app transaction info: bundleId, appVersion, originalAppVersion, environment',
+    path: '/docs/types/ios#app-transaction',
+  },
+
+  // Android-Specific Types (from types/android.tsx)
+  {
+    id: 'subscription-offer',
+    title: 'SubscriptionOffer',
+    category: 'Types (Android)',
+    description:
+      'Android subscription offer: sku, offerToken for Play Billing purchases',
+    path: '/docs/types/android#subscription-offer',
+  },
+  {
+    id: 'pricing-phase',
+    title: 'PricingPhase',
+    category: 'Types (Android)',
+    description:
+      'Android pricing phase: billingPeriod, formattedPrice, priceAmountMicros, recurrenceMode',
+    path: '/docs/types/android#pricing-phase',
+  },
+  {
+    id: 'pricing-phases-android',
+    title: 'PricingPhasesAndroid',
+    category: 'Types (Android)',
+    description: 'Android pricing phases container: pricingPhaseList array',
+    path: '/docs/types/android#pricing-phases-android',
+  },
+
+  // Alternative Billing Types (from types/alternative.tsx)
+  {
+    id: 'alternative-billing-mode-android',
+    title: 'AlternativeBillingModeAndroid',
+    category: 'Types (Android)',
+    description: 'Android billing mode: NONE, USER_CHOICE, ALTERNATIVE_ONLY',
+    path: '/docs/types/alternative#alternative-billing-mode-android',
+  },
+  {
+    id: 'init-connection-config',
+    title: 'InitConnectionConfig',
+    category: 'Types',
+    description:
+      'Configuration for initConnection: alternativeBillingModeAndroid',
+    path: '/docs/types/alternative#init-connection-config',
+  },
+  {
+    id: 'external-purchase-link-ios',
+    title: 'External Purchase Link (iOS)',
+    category: 'Types (iOS)',
+    description:
+      'iOS external purchase APIs: canPresent, presentNoticeSheet, presentLink (iOS 17.4+)',
+    path: '/docs/types/alternative#external-purchase-link',
+  },
+
+  // Platform-Specific Request Types
+  {
+    id: 'request-purchase-ios-props',
+    title: 'RequestPurchaseIosProps',
+    category: 'Types (iOS)',
+    description:
+      'iOS purchase request parameters: sku, appAccountToken, quantity, withOffer',
+    path: '/docs/types/request#request-purchase-ios-props',
+  },
+  {
+    id: 'request-purchase-android-props',
+    title: 'RequestPurchaseAndroidProps',
+    category: 'Types (Android)',
+    description:
+      'Android purchase request parameters: skus, obfuscatedAccountId, isOfferPersonalized',
+    path: '/docs/types/request#request-purchase-android-props',
+  },
+  {
+    id: 'request-subscription-ios-props',
+    title: 'RequestSubscriptionIosProps',
+    category: 'Types (iOS)',
+    description:
+      'iOS subscription request parameters (same as RequestPurchaseIosProps)',
+    path: '/docs/types/request#request-subscription-ios-props',
+  },
+  {
+    id: 'request-subscription-android-props',
+    title: 'RequestSubscriptionAndroidProps',
+    category: 'Types (Android)',
+    description:
+      'Android subscription request: purchaseToken, replacementMode, subscriptionOffers',
+    path: '/docs/types/request#request-subscription-android-props',
+  },
+
+  // Platform-Specific Product Types
+  {
+    id: 'product-ios',
+    title: 'ProductIOS',
+    category: 'Types (iOS)',
+    description:
+      'iOS product fields: typeIOS, isFamilyShareableIOS, subscriptionOffers',
+    path: '/docs/types/product#product-ios',
+  },
+  {
+    id: 'product-android',
+    title: 'ProductAndroid',
+    category: 'Types (Android)',
+    description:
+      'Android product fields: nameAndroid, discountOffers, subscriptionOffers',
+    path: '/docs/types/product#product-android',
+  },
+  {
+    id: 'subscription-product-ios',
+    title: 'SubscriptionProductIOS',
+    category: 'Types (iOS)',
+    description:
+      'iOS subscription fields: subscriptionOffers, introductoryPriceIOS, subscriptionPeriodUnitIOS',
+    path: '/docs/types/product#subscription-product-ios',
+  },
+  {
+    id: 'subscription-product-android',
+    title: 'SubscriptionProductAndroid',
+    category: 'Types (Android)',
+    description: 'Android subscription fields: subscriptionOffers',
+    path: '/docs/types/product#subscription-product-android',
+  },
+
+  // Platform-Specific Purchase Types
+  {
+    id: 'purchase-ios',
+    title: 'PurchaseIOS',
+    category: 'Types (iOS)',
+    description:
+      'iOS purchase fields: originalTransactionDateIOS, expirationDateIOS, renewalInfoIOS',
+    path: '/docs/types/purchase#purchase-ios',
+  },
+  {
+    id: 'purchase-android',
+    title: 'PurchaseAndroid',
+    category: 'Types (Android)',
+    description:
+      'Android purchase fields: dataAndroid, signatureAndroid, isAcknowledgedAndroid',
+    path: '/docs/types/purchase#purchase-android',
+  },
+  {
+    id: 'renewal-info-ios',
+    title: 'RenewalInfoIOS',
+    category: 'Types (iOS)',
+    description:
+      'iOS subscription renewal info: willAutoRenew, expirationReason, gracePeriodExpirationDate',
+    path: '/docs/types/purchase#renewal-info-ios',
+  },
+  {
+    id: 'active-subscription-ios',
+    title: 'ActiveSubscriptionIOS',
+    category: 'Types (iOS)',
+    description:
+      'iOS active subscription: expirationDateIOS, environmentIOS, daysUntilExpirationIOS',
+    path: '/docs/types/purchase#active-subscription-ios',
+  },
+  {
+    id: 'active-subscription-android',
+    title: 'ActiveSubscriptionAndroid',
+    category: 'Types (Android)',
+    description:
+      'Android active subscription: autoRenewingAndroid, basePlanIdAndroid, purchaseTokenAndroid',
+    path: '/docs/types/purchase#active-subscription-android',
+  },
+
+  // Platform-Specific Verification Types
+  {
+    id: 'verify-purchase-result-ios',
+    title: 'VerifyPurchaseResultIOS',
+    category: 'Types (iOS)',
+    description:
+      'iOS verification result: isValid, receiptData, jwsRepresentation, latestTransaction',
+    path: '/docs/types/verification#verify-purchase-result-ios',
+  },
+  {
+    id: 'verify-purchase-result-android',
+    title: 'VerifyPurchaseResultAndroid',
+    category: 'Types (Android)',
+    description:
+      'Android verification result: autoRenewing, cancelDate, renewalDate, transactionId',
+    path: '/docs/types/verification#verify-purchase-result-android',
+  },
+  {
+    id: 'verify-purchase-result-horizon',
+    title: 'VerifyPurchaseResultHorizon',
+    category: 'Types (Horizon)',
+    description: 'Meta Quest verification result: success, grantTime',
+    path: '/docs/types/verification#verify-purchase-result-horizon',
+  },
+
+  {
+    id: 'apis-page',
+    title: 'APIs',
+    category: 'Documentation',
+    description: 'API reference and function signatures',
+    path: '/docs/apis',
+  },
+  {
+    id: 'events-page',
+    title: 'Events',
+    category: 'Documentation',
+    description: 'Event listeners and callbacks',
+    path: '/docs/events',
+  },
+  {
+    id: 'errors-page',
+    title: 'Errors',
+    category: 'Documentation',
+    description: 'Error codes and error handling',
+    path: '/docs/errors',
+  },
+];
diff --git a/packages/docs/src/pages/404.tsx b/packages/docs/src/pages/404.tsx
index 80929e22..071e3ee6 100644
--- a/packages/docs/src/pages/404.tsx
+++ b/packages/docs/src/pages/404.tsx
@@ -38,118 +38,118 @@ export default function NotFound() {
           padding: '2rem',
         }}
       >
-      <div
-        style={{
-          textAlign: 'center',
-          maxWidth: '600px',
-          width: '100%',
-        }}
-      >
-        {/* 404 Number */}
-        <h1
-          style={{
-            fontSize: 'clamp(5rem, 12vw, 8rem)',
-            fontWeight: '700',
-            color: isDark ? '#6b7280' : '#9ca3af',
-            margin: '0',
-            lineHeight: '1',
-            letterSpacing: '-0.05em',
-          }}
-        >
-          404
-        </h1>
-
-        {/* Description */}
-        <p
-          style={{
-            fontSize: '1.25rem',
-            color: 'var(--text-secondary, #6b7280)',
-            marginTop: '1.5rem',
-            marginBottom: '3rem',
-          }}
-        >
-          Page not found
-        </p>
-
-        {/* Action Buttons */}
         <div
           style={{
-            display: 'flex',
-            gap: '1rem',
-            justifyContent: 'center',
-            alignItems: 'stretch',
+            textAlign: 'center',
+            maxWidth: '600px',
+            width: '100%',
           }}
         >
-          <button
-            onClick={() => window.history.back()}
+          {/* 404 Number */}
+          <h1
             style={{
-              display: 'inline-flex',
-              alignItems: 'center',
-              gap: '0.5rem',
-              padding: '0.75rem 1.5rem',
-              fontSize: '1rem',
-              fontWeight: '500',
-              color: isDark ? '#e5e7eb' : '#374151',
-              backgroundColor: 'transparent',
-              border: `1px solid ${isDark ? '#4b5563' : '#e5e7eb'}`,
-              borderRadius: '0.5rem',
-              cursor: 'pointer',
-              transition: 'all 0.2s ease',
-              outline: 'none',
-              lineHeight: '1.5',
-            }}
-            onMouseEnter={(e) => {
-              e.currentTarget.style.backgroundColor = isDark
-                ? 'rgba(75, 85, 99, 0.3)'
-                : '#f9fafb';
-              e.currentTarget.style.borderColor = isDark
-                ? '#6b7280'
-                : '#d1d5db';
-            }}
-            onMouseLeave={(e) => {
-              e.currentTarget.style.backgroundColor = 'transparent';
-              e.currentTarget.style.borderColor = isDark
-                ? '#4b5563'
-                : '#e5e7eb';
+              fontSize: 'clamp(5rem, 12vw, 8rem)',
+              fontWeight: '700',
+              color: isDark ? '#6b7280' : '#9ca3af',
+              margin: '0',
+              lineHeight: '1',
+              letterSpacing: '-0.05em',
             }}
           >
-            <ArrowLeft size={18} />
-            Back
-          </button>
+            404
+          </h1>
 
-          <Link
-            to="/"
+          {/* Description */}
+          <p
             style={{
-              display: 'inline-flex',
-              alignItems: 'center',
-              gap: '0.5rem',
-              padding: '0.75rem 1.5rem',
-              fontSize: '1rem',
-              fontWeight: '500',
-              color: 'white',
-              backgroundColor: 'var(--primary-color, #a47465)',
-              borderRadius: '0.5rem',
-              textDecoration: 'none',
-              transition: 'all 0.2s ease',
-              border: '1px solid transparent',
-              lineHeight: '1.5',
-            }}
-            onMouseEnter={(e) => {
-              e.currentTarget.style.transform = 'translateY(-2px)';
-              e.currentTarget.style.boxShadow =
-                '0 8px 20px rgba(164, 116, 101, 0.35)';
+              fontSize: '1.25rem',
+              color: 'var(--text-secondary, #6b7280)',
+              marginTop: '1.5rem',
+              marginBottom: '3rem',
             }}
-            onMouseLeave={(e) => {
-              e.currentTarget.style.transform = 'translateY(0)';
-              e.currentTarget.style.boxShadow = 'none';
+          >
+            Page not found
+          </p>
+
+          {/* Action Buttons */}
+          <div
+            style={{
+              display: 'flex',
+              gap: '1rem',
+              justifyContent: 'center',
+              alignItems: 'stretch',
             }}
           >
-            Home
-            <Home size={18} />
-          </Link>
+            <button
+              onClick={() => window.history.back()}
+              style={{
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: '0.5rem',
+                padding: '0.75rem 1.5rem',
+                fontSize: '1rem',
+                fontWeight: '500',
+                color: isDark ? '#e5e7eb' : '#374151',
+                backgroundColor: 'transparent',
+                border: `1px solid ${isDark ? '#4b5563' : '#e5e7eb'}`,
+                borderRadius: '0.5rem',
+                cursor: 'pointer',
+                transition: 'all 0.2s ease',
+                outline: 'none',
+                lineHeight: '1.5',
+              }}
+              onMouseEnter={(e) => {
+                e.currentTarget.style.backgroundColor = isDark
+                  ? 'rgba(75, 85, 99, 0.3)'
+                  : '#f9fafb';
+                e.currentTarget.style.borderColor = isDark
+                  ? '#6b7280'
+                  : '#d1d5db';
+              }}
+              onMouseLeave={(e) => {
+                e.currentTarget.style.backgroundColor = 'transparent';
+                e.currentTarget.style.borderColor = isDark
+                  ? '#4b5563'
+                  : '#e5e7eb';
+              }}
+            >
+              <ArrowLeft size={18} />
+              Back
+            </button>
+
+            <Link
+              to="/"
+              style={{
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: '0.5rem',
+                padding: '0.75rem 1.5rem',
+                fontSize: '1rem',
+                fontWeight: '500',
+                color: 'white',
+                backgroundColor: 'var(--primary-color, #a47465)',
+                borderRadius: '0.5rem',
+                textDecoration: 'none',
+                transition: 'all 0.2s ease',
+                border: '1px solid transparent',
+                lineHeight: '1.5',
+              }}
+              onMouseEnter={(e) => {
+                e.currentTarget.style.transform = 'translateY(-2px)';
+                e.currentTarget.style.boxShadow =
+                  '0 8px 20px rgba(164, 116, 101, 0.35)';
+              }}
+              onMouseLeave={(e) => {
+                e.currentTarget.style.transform = 'translateY(0)';
+                e.currentTarget.style.boxShadow = 'none';
+              }}
+            >
+              Home
+              <Home size={18} />
+            </Link>
+          </div>
         </div>
       </div>
-    </div>
     </>
   );
 }
diff --git a/packages/docs/src/pages/docs/android-setup.tsx b/packages/docs/src/pages/docs/android-setup.tsx
index fd5dbce7..31dd2352 100644
--- a/packages/docs/src/pages/docs/android-setup.tsx
+++ b/packages/docs/src/pages/docs/android-setup.tsx
@@ -221,14 +221,20 @@ function AndroidSetup() {
         <p>Add the OpenIAP Android dependency:</p>
         <pre className="code-block">{`// build.gradle.kts
 dependencies {
-    implementation("io.github.hyochan.openiap:openiap-google:${"$"}version")
+    implementation("io.github.hyochan.openiap:openiap-google:${'$'}version")
 }
 
 // Or build.gradle (Groovy)
 dependencies {
-    implementation 'io.github.hyochan.openiap:openiap-google:${"$"}version'
+    implementation 'io.github.hyochan.openiap:openiap-google:${'$'}version'
 }`}</pre>
-        <p style={{ marginTop: '0.5rem', fontSize: '0.875rem', color: 'var(--text-secondary)' }}>
+        <p
+          style={{
+            marginTop: '0.5rem',
+            fontSize: '0.875rem',
+            color: 'var(--text-secondary)',
+          }}
+        >
           Check the latest version at{' '}
           <a
             href="https://central.sonatype.com/artifact/io.github.hyochan.openiap/openiap-google"
diff --git a/packages/docs/src/pages/docs/apis/android.tsx b/packages/docs/src/pages/docs/apis/android.tsx
index 42122044..46596368 100644
--- a/packages/docs/src/pages/docs/apis/android.tsx
+++ b/packages/docs/src/pages/docs/apis/android.tsx
@@ -26,15 +26,22 @@ function AndroidAPIs() {
       <TLDRBox>
         <ul>
           <li>
-            <a href="#acknowledge-purchase-android"><code>acknowledgePurchaseAndroid</code></a>: Acknowledge non-consumable
-            purchases
+            <a href="#acknowledge-purchase-android">
+              <code>acknowledgePurchaseAndroid</code>
+            </a>
+            : Acknowledge non-consumable purchases
           </li>
           <li>
-            <a href="#consume-purchase-android"><code>consumePurchaseAndroid</code></a>: Consume consumable purchases
+            <a href="#consume-purchase-android">
+              <code>consumePurchaseAndroid</code>
+            </a>
+            : Consume consumable purchases
           </li>
           <li>
-            <a href="#alternative-billing-android"><strong>Alternative Billing</strong></a>: 3-step flow for external
-            payment processing
+            <a href="#alternative-billing-android">
+              <strong>Alternative Billing</strong>
+            </a>
+            : 3-step flow for external payment processing
           </li>
         </ul>
       </TLDRBox>
@@ -97,7 +104,10 @@ function AndroidAPIs() {
           </p>
         </div>
 
-        <AnchorLink id="check-alternative-billing-availability-android" level="h3">
+        <AnchorLink
+          id="check-alternative-billing-availability-android"
+          level="h3"
+        >
           checkAlternativeBillingAvailabilityAndroid
         </AnchorLink>
         <p>
@@ -346,7 +356,10 @@ suspend fun launchExternalLink(
 // - linkType: ExternalLinkTypeAndroid
 // - linkUri: String (your external URL)`}</CodeBlock>
 
-        <AnchorLink id="create-billing-program-reporting-details-android" level="h3">
+        <AnchorLink
+          id="create-billing-program-reporting-details-android"
+          level="h3"
+        >
           createBillingProgramReportingDetailsAndroid
         </AnchorLink>
         <p>
diff --git a/packages/docs/src/pages/docs/apis/connection.tsx b/packages/docs/src/pages/docs/apis/connection.tsx
index 4953f422..f9c924ac 100644
--- a/packages/docs/src/pages/docs/apis/connection.tsx
+++ b/packages/docs/src/pages/docs/apis/connection.tsx
@@ -26,10 +26,18 @@ function ConnectionAPIs() {
       <TLDRBox>
         <ul>
           <li>
-            Call <a href="#init-connection"><code>initConnection()</code></a> on app start
+            Call{' '}
+            <a href="#init-connection">
+              <code>initConnection()</code>
+            </a>{' '}
+            on app start
           </li>
           <li>
-            Call <a href="#end-connection"><code>endConnection()</code></a> on app close or unmount
+            Call{' '}
+            <a href="#end-connection">
+              <code>endConnection()</code>
+            </a>{' '}
+            on app close or unmount
           </li>
           <li>Android supports alternative billing configuration</li>
         </ul>
diff --git a/packages/docs/src/pages/docs/apis/debugging.tsx b/packages/docs/src/pages/docs/apis/debugging.tsx
index 8acc1a63..266da691 100644
--- a/packages/docs/src/pages/docs/apis/debugging.tsx
+++ b/packages/docs/src/pages/docs/apis/debugging.tsx
@@ -28,11 +28,13 @@ function DebuggingAPIs() {
         <ul>
           <li>Logging is disabled by default in production</li>
           <li>
-            <a href="#enable-logging">Enable with <code>OpenIapLog.enable(true)</code></a>
+            <a href="#enable-logging">
+              Enable with <code>OpenIapLog.enable(true)</code>
+            </a>
           </li>
           <li>
-            <a href="#common-warnings">Android basePlanId limitation</a>: Use client-side tracking or backend
-            validation
+            <a href="#common-warnings">Android basePlanId limitation</a>: Use
+            client-side tracking or backend validation
           </li>
         </ul>
       </TLDRBox>
@@ -180,10 +182,9 @@ onPurchaseSuccess: async (purchase) => {
         <h4>2. IAPKit Backend Validation (Recommended)</h4>
         <IapKitBanner />
         <p>
-          Use{' '}
-          <code>verifyPurchaseWithProvider</code> with IAPKit to get accurate{' '}
-          <code>basePlanId</code> from Google Play Developer API. The response
-          includes <code>offerDetails.basePlanId</code>:
+          Use <code>verifyPurchaseWithProvider</code> with IAPKit to get
+          accurate <code>basePlanId</code> from Google Play Developer API. The
+          response includes <code>offerDetails.basePlanId</code>:
         </p>
         <CodeBlock language="typescript">{`import { verifyPurchaseWithProvider } from 'expo-iap';
 
diff --git a/packages/docs/src/pages/docs/apis/index.tsx b/packages/docs/src/pages/docs/apis/index.tsx
index ad26903e..122a6b54 100644
--- a/packages/docs/src/pages/docs/apis/index.tsx
+++ b/packages/docs/src/pages/docs/apis/index.tsx
@@ -20,8 +20,10 @@ const legacyAnchorRedirects: Record<string, string> = {
   'restore-purchases': '/docs/apis/purchase#restore-purchases',
   'get-storefront': '/docs/apis/purchase#get-storefront',
   // Subscription
-  'get-active-subscriptions': '/docs/apis/subscription#get-active-subscriptions',
-  'has-active-subscriptions': '/docs/apis/subscription#has-active-subscriptions',
+  'get-active-subscriptions':
+    '/docs/apis/subscription#get-active-subscriptions',
+  'has-active-subscriptions':
+    '/docs/apis/subscription#has-active-subscriptions',
   'deep-link-to-subscriptions':
     '/docs/apis/subscription#deep-link-to-subscriptions',
   // Validation
@@ -41,7 +43,8 @@ const legacyAnchorRedirects: Record<string, string> = {
   'subscription-status-ios': '/docs/apis/ios#subscription-status-ios',
   'current-entitlement-ios': '/docs/apis/ios#current-entitlement-ios',
   'latest-transaction-ios': '/docs/apis/ios#latest-transaction-ios',
-  'show-manage-subscriptions-ios': '/docs/apis/ios#show-manage-subscriptions-ios',
+  'show-manage-subscriptions-ios':
+    '/docs/apis/ios#show-manage-subscriptions-ios',
   'begin-refund-request-ios': '/docs/apis/ios#begin-refund-request-ios',
   'is-transaction-verified-ios': '/docs/apis/ios#is-transaction-verified-ios',
   'get-transaction-jws-ios': '/docs/apis/ios#get-transaction-jws-ios',
@@ -111,25 +114,49 @@ function APIsIndex() {
       <TLDRBox title="API Categories">
         <ul>
           <li>
-            <Link to="/docs/apis/connection"><strong>Connection</strong></Link>: Initialize and manage store connection
+            <Link to="/docs/apis/connection">
+              <strong>Connection</strong>
+            </Link>
+            : Initialize and manage store connection
           </li>
           <li>
-            <Link to="/docs/apis/products"><strong>Products</strong></Link>: Fetch product information
+            <Link to="/docs/apis/products">
+              <strong>Products</strong>
+            </Link>
+            : Fetch product information
           </li>
           <li>
-            <Link to="/docs/apis/purchase"><strong>Purchase</strong></Link>: Request and complete purchases
+            <Link to="/docs/apis/purchase">
+              <strong>Purchase</strong>
+            </Link>
+            : Request and complete purchases
           </li>
           <li>
-            <Link to="/docs/apis/subscription"><strong>Subscription</strong></Link>: Manage subscriptions
+            <Link to="/docs/apis/subscription">
+              <strong>Subscription</strong>
+            </Link>
+            : Manage subscriptions
           </li>
           <li>
-            <Link to="/docs/apis/validation"><strong>Validation</strong></Link>: Verify purchases server-side
+            <Link to="/docs/apis/validation">
+              <strong>Validation</strong>
+            </Link>
+            : Verify purchases server-side
           </li>
           <li>
-            <Link to="/docs/apis/ios"><strong>iOS APIs</strong></Link> | <Link to="/docs/apis/android"><strong>Android APIs</strong></Link>
+            <Link to="/docs/apis/ios">
+              <strong>iOS APIs</strong>
+            </Link>{' '}
+            |{' '}
+            <Link to="/docs/apis/android">
+              <strong>Android APIs</strong>
+            </Link>
           </li>
           <li>
-            <Link to="/docs/apis/debugging"><strong>Debugging</strong></Link>: Error handling and troubleshooting
+            <Link to="/docs/apis/debugging">
+              <strong>Debugging</strong>
+            </Link>
+            : Error handling and troubleshooting
           </li>
         </ul>
       </TLDRBox>
diff --git a/packages/docs/src/pages/docs/apis/ios.tsx b/packages/docs/src/pages/docs/apis/ios.tsx
index c8f279e4..9eeea9cf 100644
--- a/packages/docs/src/pages/docs/apis/ios.tsx
+++ b/packages/docs/src/pages/docs/apis/ios.tsx
@@ -25,19 +25,28 @@ function IOSAPIs() {
       <TLDRBox>
         <ul>
           <li>
-            <a href="#transaction-management"><strong>Transaction Management</strong></a>: clearTransactionIOS,
-            getPendingTransactionsIOS
+            <a href="#transaction-management">
+              <strong>Transaction Management</strong>
+            </a>
+            : clearTransactionIOS, getPendingTransactionsIOS
           </li>
           <li>
-            <a href="#subscription-management"><strong>Subscription</strong></a>: subscriptionStatusIOS,
-            showManageSubscriptionsIOS
+            <a href="#subscription-management">
+              <strong>Subscription</strong>
+            </a>
+            : subscriptionStatusIOS, showManageSubscriptionsIOS
           </li>
           <li>
-            <a href="#external-purchase-ios"><strong>External Purchase</strong></a>: iOS 17.4+ external purchase flow
+            <a href="#external-purchase-ios">
+              <strong>External Purchase</strong>
+            </a>
+            : iOS 17.4+ external purchase flow
           </li>
           <li>
-            <a href="#verification-ios"><strong>Verification</strong></a>: isTransactionVerifiedIOS,
-            getTransactionJwsIOS
+            <a href="#verification-ios">
+              <strong>Verification</strong>
+            </a>
+            : isTransactionVerifiedIOS, getTransactionJwsIOS
           </li>
         </ul>
       </TLDRBox>
@@ -153,9 +162,7 @@ func getStorefrontIOS() async throws -> String`}</CodeBlock>
         <AnchorLink id="get-transaction-jws-ios" level="h3">
           getTransactionJwsIOS
         </AnchorLink>
-        <p>
-          Get the transaction JWS for server-side validation (iOS 15+).
-        </p>
+        <p>Get the transaction JWS for server-side validation (iOS 15+).</p>
         <CodeBlock language="swift">{`func getTransactionJwsIOS(sku: String) async throws -> String?`}</CodeBlock>
 
         <AnchorLink id="get-receipt-data-ios" level="h3">
@@ -290,8 +297,9 @@ func requestPurchaseOnPromotedProductIOS() async throws -> Bool`}</CodeBlock>
         <p>
           In StoreKit 2, promoted products can be purchased directly via the
           standard purchase flow. When a user taps a promoted product in the App
-          Store, the <code>promotedProductListenerIOS</code> event fires with the
-          product ID. Use this ID to call <code>requestPurchase()</code> directly.
+          Store, the <code>promotedProductListenerIOS</code> event fires with
+          the product ID. Use this ID to call <code>requestPurchase()</code>{' '}
+          directly.
         </p>
         <CodeBlock language="swift">{`// Recommended approach
 let subscription = promotedProductListenerIOS { productId in
diff --git a/packages/docs/src/pages/docs/apis/products.tsx b/packages/docs/src/pages/docs/apis/products.tsx
index 242fe313..8d1085c2 100644
--- a/packages/docs/src/pages/docs/apis/products.tsx
+++ b/packages/docs/src/pages/docs/apis/products.tsx
@@ -26,11 +26,16 @@ function ProductsAPIs() {
       <TLDRBox>
         <ul>
           <li>
-            <a href="#fetch-products"><code>fetchProducts</code></a>: Get product details (price, title,
-            description)
+            <a href="#fetch-products">
+              <code>fetchProducts</code>
+            </a>
+            : Get product details (price, title, description)
           </li>
           <li>
-            <a href="#get-available-purchases"><code>getAvailablePurchases</code></a>: Get user's unfinished purchases
+            <a href="#get-available-purchases">
+              <code>getAvailablePurchases</code>
+            </a>
+            : Get user's unfinished purchases
           </li>
           <li>
             Use <code>type: 'subs'</code> for subscriptions,{' '}
diff --git a/packages/docs/src/pages/docs/apis/purchase.tsx b/packages/docs/src/pages/docs/apis/purchase.tsx
index d7fc834f..2d0ee943 100644
--- a/packages/docs/src/pages/docs/apis/purchase.tsx
+++ b/packages/docs/src/pages/docs/apis/purchase.tsx
@@ -26,18 +26,28 @@ function PurchaseAPIs() {
       <TLDRBox>
         <ul>
           <li>
-            <a href="#request-purchase"><code>requestPurchase</code></a>: Initiate purchase (event-based, not
-            promise-based)
+            <a href="#request-purchase">
+              <code>requestPurchase</code>
+            </a>
+            : Initiate purchase (event-based, not promise-based)
           </li>
           <li>
-            <a href="#finish-transaction"><code>finishTransaction</code></a>: Complete transaction after
-            verification
+            <a href="#finish-transaction">
+              <code>finishTransaction</code>
+            </a>
+            : Complete transaction after verification
           </li>
           <li>
-            <a href="#restore-purchases"><code>restorePurchases</code></a>: Restore user's previous purchases
+            <a href="#restore-purchases">
+              <code>restorePurchases</code>
+            </a>
+            : Restore user's previous purchases
           </li>
           <li>
-            <a href="#get-storefront"><code>getStorefront</code></a>: Get user's country/region
+            <a href="#get-storefront">
+              <code>getStorefront</code>
+            </a>
+            : Get user's country/region
           </li>
         </ul>
       </TLDRBox>
diff --git a/packages/docs/src/pages/docs/apis/subscription.tsx b/packages/docs/src/pages/docs/apis/subscription.tsx
index bcbabf11..89d3557b 100644
--- a/packages/docs/src/pages/docs/apis/subscription.tsx
+++ b/packages/docs/src/pages/docs/apis/subscription.tsx
@@ -26,16 +26,22 @@ function SubscriptionAPIs() {
       <TLDRBox>
         <ul>
           <li>
-            <a href="#get-active-subscriptions"><code>getActiveSubscriptions</code></a>: Get all active subscriptions
-            with renewal info
+            <a href="#get-active-subscriptions">
+              <code>getActiveSubscriptions</code>
+            </a>
+            : Get all active subscriptions with renewal info
           </li>
           <li>
-            <a href="#has-active-subscriptions"><code>hasActiveSubscriptions</code></a>: Quick check if user has any
-            active subscription
+            <a href="#has-active-subscriptions">
+              <code>hasActiveSubscriptions</code>
+            </a>
+            : Quick check if user has any active subscription
           </li>
           <li>
-            <a href="#deep-link-to-subscriptions"><code>deepLinkToSubscriptions</code></a>: Open native subscription
-            management
+            <a href="#deep-link-to-subscriptions">
+              <code>deepLinkToSubscriptions</code>
+            </a>
+            : Open native subscription management
           </li>
         </ul>
       </TLDRBox>
diff --git a/packages/docs/src/pages/docs/apis/validation.tsx b/packages/docs/src/pages/docs/apis/validation.tsx
index 82d64090..c8166b44 100644
--- a/packages/docs/src/pages/docs/apis/validation.tsx
+++ b/packages/docs/src/pages/docs/apis/validation.tsx
@@ -32,11 +32,16 @@ function ValidationAPIs() {
             entitlements
           </li>
           <li>
-            <a href="#verify-purchase"><code>verifyPurchase</code></a>: Send to your own validation server
+            <a href="#verify-purchase">
+              <code>verifyPurchase</code>
+            </a>
+            : Send to your own validation server
           </li>
           <li>
-            <a href="#verify-purchase-with-provider"><code>verifyPurchaseWithProvider</code></a>: Use IAPKit for managed
-            validation
+            <a href="#verify-purchase-with-provider">
+              <code>verifyPurchaseWithProvider</code>
+            </a>
+            : Use IAPKit for managed validation
           </li>
           <li>
             <strong>Error ≠ Invalid</strong>: Network errors don't mean the
diff --git a/packages/docs/src/pages/docs/errors.tsx b/packages/docs/src/pages/docs/errors.tsx
index 567fdea7..d8549b94 100644
--- a/packages/docs/src/pages/docs/errors.tsx
+++ b/packages/docs/src/pages/docs/errors.tsx
@@ -311,7 +311,9 @@ var product_id: String    # Related product SKU (if applicable)`}</CodeBlock>
           <tbody>
             <tr>
               <td>
-                <code style={{ textDecoration: 'line-through' }}>ReceiptFailed</code>
+                <code style={{ textDecoration: 'line-through' }}>
+                  ReceiptFailed
+                </code>
               </td>
               <td>
                 <code>PurchaseVerificationFailed</code>
@@ -319,7 +321,9 @@ var product_id: String    # Related product SKU (if applicable)`}</CodeBlock>
             </tr>
             <tr>
               <td>
-                <code style={{ textDecoration: 'line-through' }}>ReceiptFinished</code>
+                <code style={{ textDecoration: 'line-through' }}>
+                  ReceiptFinished
+                </code>
               </td>
               <td>
                 <code>PurchaseVerificationFinished</code>
@@ -327,7 +331,9 @@ var product_id: String    # Related product SKU (if applicable)`}</CodeBlock>
             </tr>
             <tr>
               <td>
-                <code style={{ textDecoration: 'line-through' }}>ReceiptFinishedFailed</code>
+                <code style={{ textDecoration: 'line-through' }}>
+                  ReceiptFinishedFailed
+                </code>
               </td>
               <td>
                 <code>PurchaseVerificationFinishFailed</code>
diff --git a/packages/docs/src/pages/docs/events.tsx b/packages/docs/src/pages/docs/events.tsx
index c7f7cf6c..1aa5d59c 100644
--- a/packages/docs/src/pages/docs/events.tsx
+++ b/packages/docs/src/pages/docs/events.tsx
@@ -990,13 +990,22 @@ subscription.cancel();`}</CodeBlock>
             </tr>
             <tr>
               <td>Event</td>
-              <td><code>UserChoiceBillingAndroid</code></td>
-              <td><code>DeveloperProvidedBillingAndroid</code></td>
+              <td>
+                <code>UserChoiceBillingAndroid</code>
+              </td>
+              <td>
+                <code>DeveloperProvidedBillingAndroid</code>
+              </td>
             </tr>
             <tr>
               <td>Setup</td>
-              <td><code>AlternativeBillingModeAndroid.UserChoice</code></td>
-              <td><code>enableBillingProgram(EXTERNAL_PAYMENTS)</code> + <code>developerBillingOption</code> in requestPurchase</td>
+              <td>
+                <code>AlternativeBillingModeAndroid.UserChoice</code>
+              </td>
+              <td>
+                <code>enableBillingProgram(EXTERNAL_PAYMENTS)</code> +{' '}
+                <code>developerBillingOption</code> in requestPurchase
+              </td>
             </tr>
           </tbody>
         </table>
diff --git a/packages/docs/src/pages/docs/features/external-purchase.tsx b/packages/docs/src/pages/docs/features/external-purchase.tsx
index b0f7530e..d7217db2 100644
--- a/packages/docs/src/pages/docs/features/external-purchase.tsx
+++ b/packages/docs/src/pages/docs/features/external-purchase.tsx
@@ -59,7 +59,10 @@ function ExternalPurchase() {
               <td>Android</td>
               <td>Alternative Billing / Billing Programs</td>
               <td>Android 6.0+ (API 23)</td>
-              <td>Google Play Billing 6.2+ (legacy), 8.2.0+ (recommended), 8.3.0+ (External Payments)</td>
+              <td>
+                Google Play Billing 6.2+ (legacy), 8.2.0+ (recommended), 8.3.0+
+                (External Payments)
+              </td>
             </tr>
           </tbody>
         </table>
@@ -1112,17 +1115,17 @@ func handle_user_choice_purchase(product_id: String) -> void:
                     <code>showAlternativeBillingInformationDialog</code>,{' '}
                     <code>createAlternativeBillingReportingToken</code>) are
                     deprecated in Google Play Billing Library 8.2.0+. For new
-                    implementations, use the <strong>Billing Programs API</strong>{' '}
-                    described below.
+                    implementations, use the{' '}
+                    <strong>Billing Programs API</strong> described below.
                   </p>
                 </div>
 
                 <h4>Billing Programs API (8.2.0+)</h4>
                 <p>
                   Google Play Billing Library 8.2.0 introduces the new{' '}
-                  <strong>Billing Programs API</strong> which replaces the legacy
-                  alternative billing APIs. This provides better support for
-                  External Content Links and External Offers.
+                  <strong>Billing Programs API</strong> which replaces the
+                  legacy alternative billing APIs. This provides better support
+                  for External Content Links and External Offers.
                 </p>
 
                 <h5>Program Types</h5>
@@ -1132,8 +1135,8 @@ func handle_user_choice_purchase(product_id: String) -> void:
                     external content (e.g., reader apps, music streaming)
                   </li>
                   <li>
-                    <strong>ExternalOffer</strong> - For apps offering alternative
-                    payment options
+                    <strong>ExternalOffer</strong> - For apps offering
+                    alternative payment options
                   </li>
                 </ul>
 
@@ -1416,20 +1419,38 @@ func handle_external_purchase_with_billing_programs(product_id: String) -> void:
                   </thead>
                   <tbody>
                     <tr>
-                      <td><code>checkAlternativeBillingAvailability()</code></td>
-                      <td><code>isBillingProgramAvailable(program)</code></td>
+                      <td>
+                        <code>checkAlternativeBillingAvailability()</code>
+                      </td>
+                      <td>
+                        <code>isBillingProgramAvailable(program)</code>
+                      </td>
                     </tr>
                     <tr>
-                      <td><code>showAlternativeBillingInformationDialog()</code></td>
-                      <td><code>launchExternalLink(activity, params)</code></td>
+                      <td>
+                        <code>showAlternativeBillingInformationDialog()</code>
+                      </td>
+                      <td>
+                        <code>launchExternalLink(activity, params)</code>
+                      </td>
                     </tr>
                     <tr>
-                      <td><code>createAlternativeBillingReportingToken()</code></td>
-                      <td><code>createBillingProgramReportingDetails(program)</code></td>
+                      <td>
+                        <code>createAlternativeBillingReportingToken()</code>
+                      </td>
+                      <td>
+                        <code>
+                          createBillingProgramReportingDetails(program)
+                        </code>
+                      </td>
                     </tr>
                     <tr>
-                      <td><code>enableAlternativeBillingOnly()</code></td>
-                      <td><code>enableBillingProgram(program)</code></td>
+                      <td>
+                        <code>enableAlternativeBillingOnly()</code>
+                      </td>
+                      <td>
+                        <code>enableBillingProgram(program)</code>
+                      </td>
                     </tr>
                   </tbody>
                 </table>
@@ -1437,17 +1458,17 @@ func handle_external_purchase_with_billing_programs(product_id: String) -> void:
                 <h4>External Payments (8.3.0+ - Japan Only)</h4>
                 <p>
                   Google Play Billing Library 8.3.0 introduces the{' '}
-                  <strong>External Payments</strong> program, currently available
-                  only in Japan. This presents a side-by-side choice between Google
-                  Play Billing and the developer's external payment option directly
-                  in the purchase flow.
+                  <strong>External Payments</strong> program, currently
+                  available only in Japan. This presents a side-by-side choice
+                  between Google Play Billing and the developer's external
+                  payment option directly in the purchase flow.
                 </p>
 
                 <div className="alert-card alert-card--info">
                   <p>
-                    <strong>ℹ️ Availability:</strong> The External Payments program
-                    is currently only available in Japan. Users in other regions
-                    will not see the developer billing option. Check{' '}
+                    <strong>ℹ️ Availability:</strong> The External Payments
+                    program is currently only available in Japan. Users in other
+                    regions will not see the developer billing option. Check{' '}
                     <code>isBillingProgramAvailable(EXTERNAL_PAYMENTS)</code> to
                     verify availability.
                   </p>
@@ -1456,20 +1477,23 @@ func handle_external_purchase_with_billing_programs(product_id: String) -> void:
                 <h5>Key Differences from Other Programs</h5>
                 <ul>
                   <li>
-                    <strong>Side-by-side choice:</strong> User sees both Google Play
-                    and developer payment options in the same purchase dialog
+                    <strong>Side-by-side choice:</strong> User sees both Google
+                    Play and developer payment options in the same purchase
+                    dialog
                   </li>
                   <li>
-                    <strong>DeveloperProvidedBillingListener:</strong> New callback
-                    when user selects developer billing (different from UserChoiceBillingListener)
+                    <strong>DeveloperProvidedBillingListener:</strong> New
+                    callback when user selects developer billing (different from
+                    UserChoiceBillingListener)
                   </li>
                   <li>
                     <strong>DeveloperBillingOptionParams:</strong> Configure the
                     developer billing option in BillingFlowParams
                   </li>
                   <li>
-                    <strong>EnableBillingProgramParams:</strong> Required to enable
-                    EXTERNAL_PAYMENTS with DeveloperProvidedBillingListener
+                    <strong>EnableBillingProgramParams:</strong> Required to
+                    enable EXTERNAL_PAYMENTS with
+                    DeveloperProvidedBillingListener
                   </li>
                 </ul>
 
@@ -1789,37 +1813,64 @@ func handle_purchase_with_external_payments(product_id: String) -> void:
                   <tbody>
                     <tr>
                       <td>0</td>
-                      <td><code>enableBillingProgram(EXTERNAL_PAYMENTS)</code></td>
-                      <td>Enable External Payments program BEFORE initConnection</td>
+                      <td>
+                        <code>enableBillingProgram(EXTERNAL_PAYMENTS)</code>
+                      </td>
+                      <td>
+                        Enable External Payments program BEFORE initConnection
+                      </td>
                     </tr>
                     <tr>
                       <td>1</td>
-                      <td><code>addDeveloperProvidedBillingListener()</code></td>
-                      <td>Register callback for when user selects developer billing</td>
+                      <td>
+                        <code>addDeveloperProvidedBillingListener()</code>
+                      </td>
+                      <td>
+                        Register callback for when user selects developer
+                        billing
+                      </td>
                     </tr>
                     <tr>
                       <td>2</td>
-                      <td><code>isBillingProgramAvailable(EXTERNAL_PAYMENTS)</code></td>
+                      <td>
+                        <code>
+                          isBillingProgramAvailable(EXTERNAL_PAYMENTS)
+                        </code>
+                      </td>
                       <td>Check if available (Japan only)</td>
                     </tr>
                     <tr>
                       <td>3</td>
-                      <td><code>requestPurchase(developerBillingOption: ...)</code></td>
-                      <td>Launch purchase with developer billing option configured</td>
+                      <td>
+                        <code>
+                          requestPurchase(developerBillingOption: ...)
+                        </code>
+                      </td>
+                      <td>
+                        Launch purchase with developer billing option configured
+                      </td>
                     </tr>
                     <tr>
                       <td>4</td>
                       <td>User Choice Dialog</td>
-                      <td>User sees side-by-side choice: Google Play or Developer Billing</td>
+                      <td>
+                        User sees side-by-side choice: Google Play or Developer
+                        Billing
+                      </td>
                     </tr>
                     <tr>
                       <td>5a</td>
-                      <td>If Google Play: <code>onPurchaseSuccess</code></td>
+                      <td>
+                        If Google Play: <code>onPurchaseSuccess</code>
+                      </td>
                       <td>Normal Google Play purchase flow</td>
                     </tr>
                     <tr>
                       <td>5b</td>
-                      <td>If Developer: <code>DeveloperProvidedBillingListener</code></td>
+                      <td>
+                        If Developer:{' '}
+                        <code>DeveloperProvidedBillingListener</code>
+                      </td>
                       <td>Callback receives externalTransactionToken</td>
                     </tr>
                     <tr>
@@ -1830,7 +1881,10 @@ func handle_purchase_with_external_payments(product_id: String) -> void:
                     <tr>
                       <td>7</td>
                       <td>Report Token</td>
-                      <td>Report externalTransactionToken to Google within 24 hours</td>
+                      <td>
+                        Report externalTransactionToken to Google within 24
+                        hours
+                      </td>
                     </tr>
                   </tbody>
                 </table>
@@ -1857,18 +1911,23 @@ func handle_purchase_with_external_payments(product_id: String) -> void:
                   </thead>
                   <tbody>
                     <tr>
-                      <td><code>LAUNCH_IN_EXTERNAL_BROWSER_OR_APP</code></td>
                       <td>
-                        Google Play will launch the linkUri in an external browser
-                        or eligible app. Use this for web-based payment flows.
+                        <code>LAUNCH_IN_EXTERNAL_BROWSER_OR_APP</code>
+                      </td>
+                      <td>
+                        Google Play will launch the linkUri in an external
+                        browser or eligible app. Use this for web-based payment
+                        flows.
                       </td>
                     </tr>
                     <tr>
-                      <td><code>CALLER_WILL_LAUNCH_LINK</code></td>
                       <td>
-                        Google Play returns control to your app without launching.
-                        Your app handles launching the payment flow. Use this for
-                        in-app payment experiences.
+                        <code>CALLER_WILL_LAUNCH_LINK</code>
+                      </td>
+                      <td>
+                        Google Play returns control to your app without
+                        launching. Your app handles launching the payment flow.
+                        Use this for in-app payment experiences.
                       </td>
                     </tr>
                   </tbody>
@@ -2104,9 +2163,7 @@ func _ready_user_choice() -> void:
                       <td>
                         <code>enableBillingProgram(program)</code>
                       </td>
-                      <td>
-                        Enable billing program BEFORE initConnection
-                      </td>
+                      <td>Enable billing program BEFORE initConnection</td>
                     </tr>
                     <tr>
                       <td>1</td>
@@ -2123,7 +2180,8 @@ func _ready_user_choice() -> void:
                         <code>launchExternalLink(activity, params)</code>
                       </td>
                       <td>
-                        Launch external link (browser or app) with configured params
+                        Launch external link (browser or app) with configured
+                        params
                       </td>
                     </tr>
                     <tr>
@@ -2137,15 +2195,21 @@ func _ready_user_choice() -> void:
                     <tr>
                       <td>4</td>
                       <td>
-                        <code>createBillingProgramReportingDetails(program)</code>
+                        <code>
+                          createBillingProgramReportingDetails(program)
+                        </code>
+                      </td>
+                      <td>
+                        After successful payment, create reporting details with
+                        token
                       </td>
-                      <td>After successful payment, create reporting details with token</td>
                     </tr>
                     <tr>
                       <td>5</td>
                       <td>Token Reporting</td>
                       <td>
-                        Send externalTransactionToken to Google Play backend within 24 hours
+                        Send externalTransactionToken to Google Play backend
+                        within 24 hours
                       </td>
                     </tr>
                     <tr>
diff --git a/packages/docs/src/pages/docs/features/purchase.tsx b/packages/docs/src/pages/docs/features/purchase.tsx
index 0b7b4d7d..643aff2e 100644
--- a/packages/docs/src/pages/docs/features/purchase.tsx
+++ b/packages/docs/src/pages/docs/features/purchase.tsx
@@ -57,7 +57,9 @@ function Purchase() {
             issues:
           </p>
           <ul>
-            <li>Android: Purchases refunded after 3 days if not acknowledged</li>
+            <li>
+              Android: Purchases refunded after 3 days if not acknowledged
+            </li>
             <li>iOS: Transaction replays on every app launch</li>
             <li>Both: Users cannot repurchase consumables</li>
           </ul>
@@ -405,7 +407,6 @@ await purchase_product("com.app.coins_100")`}</CodeBlock>
             ),
           }}
         </LanguageTabs>
-
       </section>
 
       <section>
@@ -596,9 +597,7 @@ Future<bool> verifyOnServer(ProductPurchase purchase) async {
               <td>
                 <code>true</code>
               </td>
-              <td>
-                Product can be purchased again (coins, gems, etc.)
-              </td>
+              <td>Product can be purchased again (coins, gems, etc.)</td>
             </tr>
             <tr>
               <td>Non-Consumable</td>
@@ -793,9 +792,7 @@ func handle_purchase(purchase: Purchase) -> void:
         <AnchorLink id="complete-example" level="h2">
           Complete Example
         </AnchorLink>
-        <p>
-          Here's a complete implementation combining all steps:
-        </p>
+        <p>Here's a complete implementation combining all steps:</p>
 
         <LanguageTabs>
           {{
@@ -1262,9 +1259,7 @@ func _exit_tree() -> void:
             <tr>
               <td>Android purchase refunded</td>
               <td>Not acknowledged within 3 days</td>
-              <td>
-                Finish transaction immediately after verification
-              </td>
+              <td>Finish transaction immediately after verification</td>
             </tr>
             <tr>
               <td>Cannot repurchase consumable</td>
diff --git a/packages/docs/src/pages/docs/features/subscription-upgrade-downgrade.tsx b/packages/docs/src/pages/docs/features/subscription-upgrade-downgrade.tsx
index e8b8bd91..0b18d2f9 100644
--- a/packages/docs/src/pages/docs/features/subscription-upgrade-downgrade.tsx
+++ b/packages/docs/src/pages/docs/features/subscription-upgrade-downgrade.tsx
@@ -1093,58 +1093,129 @@ func format_date(timestamp: int) -> String:
                       }}
                     >
                       <thead>
-                        <tr style={{ borderBottom: '1px solid var(--border-color)' }}>
-                          <th style={{ textAlign: 'left', padding: '0.5rem' }}>Mode</th>
-                          <th style={{ textAlign: 'center', padding: '0.5rem' }}>Legacy API</th>
-                          <th style={{ textAlign: 'center', padding: '0.5rem' }}>8.1.0+ API</th>
-                          <th style={{ textAlign: 'left', padding: '0.5rem' }}>Description</th>
+                        <tr
+                          style={{
+                            borderBottom: '1px solid var(--border-color)',
+                          }}
+                        >
+                          <th style={{ textAlign: 'left', padding: '0.5rem' }}>
+                            Mode
+                          </th>
+                          <th
+                            style={{ textAlign: 'center', padding: '0.5rem' }}
+                          >
+                            Legacy API
+                          </th>
+                          <th
+                            style={{ textAlign: 'center', padding: '0.5rem' }}
+                          >
+                            8.1.0+ API
+                          </th>
+                          <th style={{ textAlign: 'left', padding: '0.5rem' }}>
+                            Description
+                          </th>
                         </tr>
                       </thead>
                       <tbody>
-                        <tr style={{ borderBottom: '1px solid var(--border-color)' }}>
-                          <td style={{ padding: '0.25rem 0.5rem' }}><code>WITH_TIME_PRORATION</code></td>
+                        <tr
+                          style={{
+                            borderBottom: '1px solid var(--border-color)',
+                          }}
+                        >
+                          <td style={{ padding: '0.25rem 0.5rem' }}>
+                            <code>WITH_TIME_PRORATION</code>
+                          </td>
                           <td style={{ textAlign: 'center' }}>1</td>
                           <td style={{ textAlign: 'center' }}>1</td>
-                          <td style={{ padding: '0.25rem 0.5rem' }}>Immediate change with prorated credit</td>
+                          <td style={{ padding: '0.25rem 0.5rem' }}>
+                            Immediate change with prorated credit
+                          </td>
                         </tr>
-                        <tr style={{ borderBottom: '1px solid var(--border-color)' }}>
-                          <td style={{ padding: '0.25rem 0.5rem' }}><code>CHARGE_PRORATED_PRICE</code></td>
+                        <tr
+                          style={{
+                            borderBottom: '1px solid var(--border-color)',
+                          }}
+                        >
+                          <td style={{ padding: '0.25rem 0.5rem' }}>
+                            <code>CHARGE_PRORATED_PRICE</code>
+                          </td>
                           <td style={{ textAlign: 'center' }}>2</td>
                           <td style={{ textAlign: 'center' }}>2</td>
-                          <td style={{ padding: '0.25rem 0.5rem' }}>Immediate change, charge difference (upgrade only)</td>
+                          <td style={{ padding: '0.25rem 0.5rem' }}>
+                            Immediate change, charge difference (upgrade only)
+                          </td>
                         </tr>
-                        <tr style={{ borderBottom: '1px solid var(--border-color)' }}>
-                          <td style={{ padding: '0.25rem 0.5rem' }}><code>WITHOUT_PRORATION</code></td>
+                        <tr
+                          style={{
+                            borderBottom: '1px solid var(--border-color)',
+                          }}
+                        >
+                          <td style={{ padding: '0.25rem 0.5rem' }}>
+                            <code>WITHOUT_PRORATION</code>
+                          </td>
                           <td style={{ textAlign: 'center' }}>3</td>
                           <td style={{ textAlign: 'center' }}>3</td>
-                          <td style={{ padding: '0.25rem 0.5rem' }}>Immediate change, no proration</td>
+                          <td style={{ padding: '0.25rem 0.5rem' }}>
+                            Immediate change, no proration
+                          </td>
                         </tr>
-                        <tr style={{ borderBottom: '1px solid var(--border-color)' }}>
-                          <td style={{ padding: '0.25rem 0.5rem' }}><code>CHARGE_FULL_PRICE</code></td>
+                        <tr
+                          style={{
+                            borderBottom: '1px solid var(--border-color)',
+                          }}
+                        >
+                          <td style={{ padding: '0.25rem 0.5rem' }}>
+                            <code>CHARGE_FULL_PRICE</code>
+                          </td>
                           <td style={{ textAlign: 'center' }}>5</td>
                           <td style={{ textAlign: 'center' }}>4</td>
-                          <td style={{ padding: '0.25rem 0.5rem' }}>Immediate change, charge full price</td>
+                          <td style={{ padding: '0.25rem 0.5rem' }}>
+                            Immediate change, charge full price
+                          </td>
                         </tr>
-                        <tr style={{ borderBottom: '1px solid var(--border-color)' }}>
-                          <td style={{ padding: '0.25rem 0.5rem' }}><code>DEFERRED</code></td>
+                        <tr
+                          style={{
+                            borderBottom: '1px solid var(--border-color)',
+                          }}
+                        >
+                          <td style={{ padding: '0.25rem 0.5rem' }}>
+                            <code>DEFERRED</code>
+                          </td>
                           <td style={{ textAlign: 'center' }}>6</td>
                           <td style={{ textAlign: 'center' }}>5</td>
-                          <td style={{ padding: '0.25rem 0.5rem' }}>Change at next billing cycle</td>
+                          <td style={{ padding: '0.25rem 0.5rem' }}>
+                            Change at next billing cycle
+                          </td>
                         </tr>
                         <tr>
-                          <td style={{ padding: '0.25rem 0.5rem' }}><code>KEEP_EXISTING</code></td>
+                          <td style={{ padding: '0.25rem 0.5rem' }}>
+                            <code>KEEP_EXISTING</code>
+                          </td>
                           <td style={{ textAlign: 'center' }}>—</td>
                           <td style={{ textAlign: 'center' }}>6</td>
-                          <td style={{ padding: '0.25rem 0.5rem' }}>Keep existing payment schedule (8.1.0+ only)</td>
+                          <td style={{ padding: '0.25rem 0.5rem' }}>
+                            Keep existing payment schedule (8.1.0+ only)
+                          </td>
                         </tr>
                       </tbody>
                     </table>
                   </div>
 
-                  <p style={{ fontSize: '0.875rem', color: 'var(--text-secondary)', marginTop: '0.5rem' }}>
-                    <strong>Note:</strong> Legacy API refers to <code>SubscriptionUpdateParams.ReplacementMode</code>,
-                    8.1.0+ API refers to <code>SubscriptionProductReplacementParams.ReplacementMode</code>.
-                    The integer values differ for CHARGE_FULL_PRICE and DEFERRED between APIs.
+                  <p
+                    style={{
+                      fontSize: '0.875rem',
+                      color: 'var(--text-secondary)',
+                      marginTop: '0.5rem',
+                    }}
+                  >
+                    <strong>Note:</strong> Legacy API refers to{' '}
+                    <code>SubscriptionUpdateParams.ReplacementMode</code>,
+                    8.1.0+ API refers to{' '}
+                    <code>
+                      SubscriptionProductReplacementParams.ReplacementMode
+                    </code>
+                    . The integer values differ for CHARGE_FULL_PRICE and
+                    DEFERRED between APIs.
                   </p>
 
                   <p>
@@ -1155,13 +1226,18 @@ func format_date(timestamp: int) -> String:
                 </Accordion>
 
                 <Accordion
-                  title={<>🆕 Billing Library 8.1.0+: Per-Product Replacement Params</>}
+                  title={
+                    <>
+                      🆕 Billing Library 8.1.0+: Per-Product Replacement Params
+                    </>
+                  }
                   variant="tip"
                 >
                   <p>
                     Starting with Google Play Billing Library 8.1.0, you can use{' '}
-                    <code>subscriptionProductReplacementParams</code> for more granular
-                    control over subscription replacements at the product level:
+                    <code>subscriptionProductReplacementParams</code> for more
+                    granular control over subscription replacements at the
+                    product level:
                   </p>
 
                   <ul>
@@ -1180,10 +1256,10 @@ func format_date(timestamp: int) -> String:
                   </ul>
 
                   <p>
-                    This API is useful when you need different replacement behaviors
-                    for different products in a multi-product purchase scenario.
-                    The new <code>KEEP_EXISTING</code> mode is only available through
-                    this API.
+                    This API is useful when you need different replacement
+                    behaviors for different products in a multi-product purchase
+                    scenario. The new <code>KEEP_EXISTING</code> mode is only
+                    available through this API.
                   </p>
                 </Accordion>
               </section>
@@ -1347,7 +1423,8 @@ if current_sub:
 
                 <ol>
                   <li>
-                    <strong>Use DEFERRED replacement mode</strong> (Legacy API: 6, 8.1.0+ API: 5)
+                    <strong>Use DEFERRED replacement mode</strong> (Legacy API:
+                    6, 8.1.0+ API: 5)
                   </li>
                   <li>No immediate charge to the user</li>
                   <li>User keeps premium access until current period ends</li>
@@ -1503,10 +1580,16 @@ if premium_purchase:
                 </Accordion>
 
                 <Accordion
-                  title={<>📝 Code Example: Using subscriptionProductReplacementParams (8.1.0+)</>}
+                  title={
+                    <>
+                      📝 Code Example: Using
+                      subscriptionProductReplacementParams (8.1.0+)
+                    </>
+                  }
                 >
                   <p>
-                    For more granular control, use the new per-product replacement params API:
+                    For more granular control, use the new per-product
+                    replacement params API:
                   </p>
                   <LanguageTabs>
                     {{
@@ -1743,16 +1826,16 @@ for purchase in purchases:
                 <ol>
                   <li>
                     <strong>Specify replacement mode when needed</strong>: Pass{' '}
-                    <code>replacementMode</code> when you want to
-                    override the default configured in Google Play Console
+                    <code>replacementMode</code> when you want to override the
+                    default configured in Google Play Console
                   </li>
                   <li>
                     <strong>Use WITH_TIME_PRORATION for upgrades</strong> to
                     give users credit for unused time
                   </li>
                   <li>
-                    <strong>Use DEFERRED for downgrades</strong> to let
-                    users keep premium features until period ends
+                    <strong>Use DEFERRED for downgrades</strong> to let users
+                    keep premium features until period ends
                   </li>
                   <li>
                     <strong>Handle DEFERRED mode correctly</strong>: When using
diff --git a/packages/docs/src/pages/docs/features/subscription.tsx b/packages/docs/src/pages/docs/features/subscription.tsx
index e31fbf24..8a6f0c97 100644
--- a/packages/docs/src/pages/docs/features/subscription.tsx
+++ b/packages/docs/src/pages/docs/features/subscription.tsx
@@ -1064,8 +1064,8 @@ suspend fun purchaseSubscription(subscriptionId: String) {
                 <p>
                   When a subscription group has multiple base plans (weekly,
                   monthly, yearly), there is no way to determine which specific
-                  plan was purchased from the client-side{' '}
-                  <code>Purchase</code> object alone.
+                  plan was purchased from the client-side <code>Purchase</code>{' '}
+                  object alone.
                 </p>
 
                 <h4>What This Means</h4>
diff --git a/packages/docs/src/pages/docs/guides/ai-assistants.tsx b/packages/docs/src/pages/docs/guides/ai-assistants.tsx
index cb78ab88..134fa83b 100644
--- a/packages/docs/src/pages/docs/guides/ai-assistants.tsx
+++ b/packages/docs/src/pages/docs/guides/ai-assistants.tsx
@@ -82,7 +82,9 @@ function AIAssistants() {
             <p style={{ margin: '0 0 0.5rem 0', fontSize: '0.9rem' }}>
               <strong>Concise API overview (~300 lines)</strong>
             </p>
-            <ul style={{ margin: 0, paddingLeft: '1.2rem', fontSize: '0.85rem' }}>
+            <ul
+              style={{ margin: 0, paddingLeft: '1.2rem', fontSize: '0.85rem' }}
+            >
               <li>Installation basics</li>
               <li>API signatures</li>
               <li>Core types</li>
@@ -109,7 +111,9 @@ function AIAssistants() {
             <p style={{ margin: '0 0 0.5rem 0', fontSize: '0.9rem' }}>
               <strong>Complete API documentation (~1000 lines)</strong>
             </p>
-            <ul style={{ margin: 0, paddingLeft: '1.2rem', fontSize: '0.85rem' }}>
+            <ul
+              style={{ margin: 0, paddingLeft: '1.2rem', fontSize: '0.85rem' }}
+            >
               <li>Full configuration options</li>
               <li>Complete API documentation</li>
               <li>All type definitions</li>
@@ -138,8 +142,7 @@ function AIAssistants() {
             Click <strong>Add new doc</strong>
           </li>
           <li>
-            Enter URL:{' '}
-            <code>https://openiap.dev/llms.txt</code>
+            Enter URL: <code>https://openiap.dev/llms.txt</code>
           </li>
           <li>
             Name it <strong>OpenIAP</strong>
diff --git a/packages/docs/src/pages/docs/horizon-setup.tsx b/packages/docs/src/pages/docs/horizon-setup.tsx
index 96c8fcde..7392daa0 100644
--- a/packages/docs/src/pages/docs/horizon-setup.tsx
+++ b/packages/docs/src/pages/docs/horizon-setup.tsx
@@ -50,7 +50,8 @@ function HorizonSetup() {
             </a>
           </li>
           <li>
-            <code>openiap-google@1.3.2</code> or later installed (Horizon flavor support added in 1.3.2)
+            <code>openiap-google@1.3.2</code> or later installed (Horizon flavor
+            support added in 1.3.2)
           </li>
           <li>A Meta Quest device for testing (Quest 2, Quest 3, Quest Pro)</li>
         </ul>
@@ -129,9 +130,7 @@ function HorizonSetup() {
               </li>
             </ul>
           </li>
-          <li>
-            Set the Product ID (SKU) - This must match your code exactly
-          </li>
+          <li>Set the Product ID (SKU) - This must match your code exactly</li>
           <li>Configure pricing and availability</li>
           <li>Save and activate the product</li>
         </ul>
@@ -162,7 +161,7 @@ function HorizonSetup() {
           Add your Horizon App ID to <code>AndroidManifest.xml</code>:
         </p>
         <CodeBlock language="xml">
-{`<manifest>
+          {`<manifest>
   <application>
     <!-- Add this meta-data inside <application> -->
     <meta-data
@@ -206,10 +205,11 @@ function HorizonSetup() {
           </a>
         </h3>
         <p>
-          The simplest approach - the build flavor you select determines which billing SDK is compiled into your APK:
+          The simplest approach - the build flavor you select determines which
+          billing SDK is compiled into your APK:
         </p>
         <CodeBlock language="kotlin">
-{`// Kotlin - Default constructor
+          {`// Kotlin - Default constructor
 val store = OpenIapStore(context)
 
 // Build with horizonDebug/horizonRelease:
@@ -228,7 +228,7 @@ val store = OpenIapStore(context)
         </h3>
         <p>Force Horizon billing even on non-Quest devices (for testing):</p>
         <CodeBlock language="kotlin">
-{`// Kotlin
+          {`// Kotlin
 val store = OpenIapStore(
     context,
     store = "horizon",
@@ -245,7 +245,7 @@ val store = OpenIapStore(
           </a>
         </h3>
         <CodeBlock language="kotlin">
-{`// Initialize store (uses build flavor)
+          {`// Initialize store (uses build flavor)
 val store = OpenIapStore(context)
 
 // Connect to billing
@@ -308,7 +308,7 @@ lifecycleScope.launch {
           </a>
         </h3>
         <CodeBlock language="javascript">
-{`# Connect Quest via USB
+          {`# Connect Quest via USB
 adb devices
 
 # Install your APK
@@ -347,10 +347,11 @@ adb logcat | grep OpenIap`}
           </a>
         </h3>
         <p>
-          Create or update <code>local.properties</code> in your project root with your Horizon App ID:
+          Create or update <code>local.properties</code> in your project root
+          with your Horizon App ID:
         </p>
         <CodeBlock language="javascript">
-{`# local.properties
+          {`# local.properties
 sdk.dir=/path/to/Android/sdk
 
 # Add your Horizon OS App ID
@@ -364,10 +365,11 @@ horizon.app.id=YOUR_HORIZON_APP_ID`}
           </a>
         </h3>
         <p>
-          Configure Android build flavors to support both Google Play and Horizon OS:
+          Configure Android build flavors to support both Google Play and
+          Horizon OS:
         </p>
         <CodeBlock language="kotlin">
-{`// build.gradle.kts
+          {`// build.gradle.kts
 val localProperties = Properties().apply {
     val localPropertiesFile = rootProject.file("local.properties")
     if (localPropertiesFile.exists()) {
@@ -403,19 +405,22 @@ android {
           </a>
         </h3>
         <p>
-          Android Studio provides build variants for each flavor. Select the variant from the Build Variants panel:
+          Android Studio provides build variants for each flavor. Select the
+          variant from the Build Variants panel:
         </p>
         <ul>
           <li>
-            <strong>horizonDebug</strong> - Horizon OS billing (for Quest devices)
+            <strong>horizonDebug</strong> - Horizon OS billing (for Quest
+            devices)
           </li>
           <li>
-            <strong>playDebug</strong> - Google Play billing (for phones/tablets)
+            <strong>playDebug</strong> - Google Play billing (for
+            phones/tablets)
           </li>
         </ul>
         <p>
-          Build separate APKs for each platform: horizonDebug/horizonRelease for Quest devices,
-          playDebug/playRelease for Android phones/tablets.
+          Build separate APKs for each platform: horizonDebug/horizonRelease for
+          Quest devices, playDebug/playRelease for Android phones/tablets.
         </p>
 
         <div
@@ -429,8 +434,12 @@ android {
         >
           <strong>💡 Tip:</strong> To change build variant in Android Studio:
           <ol style={{ marginTop: '0.5rem', marginBottom: 0 }}>
-            <li>Open "Build Variants" panel (View → Tool Windows → Build Variants)</li>
-            <li>Select your desired variant (e.g., "horizonDebug" or "playDebug")</li>
+            <li>
+              Open "Build Variants" panel (View → Tool Windows → Build Variants)
+            </li>
+            <li>
+              Select your desired variant (e.g., "horizonDebug" or "playDebug")
+            </li>
             <li>Click the "Run" button to build and install</li>
           </ol>
         </div>
@@ -443,7 +452,7 @@ android {
         </h3>
         <p>Alternatively, build from command line:</p>
         <CodeBlock language="javascript">
-{`# Build for Horizon OS (Meta Quest devices)
+          {`# Build for Horizon OS (Meta Quest devices)
 ./gradlew assembleHorizonDebug
 
 # Build for Google Play (Android phones/tablets)
@@ -470,7 +479,9 @@ android {
           </li>
           <li>Check that your app is registered in Horizon Developer Hub</li>
           <li>Ensure the device is connected to internet</li>
-          <li>Check logs: <code>adb logcat | grep OpenIap</code></li>
+          <li>
+            Check logs: <code>adb logcat | grep OpenIap</code>
+          </li>
         </ul>
 
         <h3>Products Not Found</h3>
@@ -478,14 +489,19 @@ android {
           <li>Verify products are created and activated in Developer Hub</li>
           <li>Check that SKU/Product IDs match exactly (case-sensitive)</li>
           <li>Ensure your test account has access to the products</li>
-          <li>Wait a few minutes after creating products for them to propagate</li>
+          <li>
+            Wait a few minutes after creating products for them to propagate
+          </li>
         </ul>
 
         <h3>Purchase Flow Not Starting</h3>
         <ul>
           <li>Ensure you're logged into a Meta account on the device</li>
           <li>Verify the test user has permission to test purchases</li>
-          <li>Check that the activity context is valid when calling requestPurchase</li>
+          <li>
+            Check that the activity context is valid when calling
+            requestPurchase
+          </li>
         </ul>
       </section>
 
diff --git a/packages/docs/src/pages/docs/lifecycle/subscription.tsx b/packages/docs/src/pages/docs/lifecycle/subscription.tsx
index 41b2e292..3d345cd7 100644
--- a/packages/docs/src/pages/docs/lifecycle/subscription.tsx
+++ b/packages/docs/src/pages/docs/lifecycle/subscription.tsx
@@ -88,7 +88,9 @@ function Subscription() {
                 <td style={{ padding: '0.75rem', textAlign: 'center' }}>✅</td>
               </tr>
               <tr style={{ borderBottom: '1px solid var(--border-color)' }}>
-                <td style={{ padding: '0.75rem' }}>Pending upgrade/downgrade</td>
+                <td style={{ padding: '0.75rem' }}>
+                  Pending upgrade/downgrade
+                </td>
                 <td style={{ padding: '0.75rem', textAlign: 'center' }}>
                   ✅ <code>pendingUpgradeProductId</code>
                 </td>
@@ -145,8 +147,7 @@ function Subscription() {
             <Link to="/docs/types#renewal-info-ios">
               <code>RenewalInfoIOS</code>
             </Link>
-            , but server validation is still
-            recommended for production apps.
+            , but server validation is still recommended for production apps.
           </p>
           <p>
             <strong>Android</strong>: Only <code>isAutoRenewing</code> available
@@ -229,8 +230,8 @@ function Subscription() {
         </p>
         <ul>
           <li>
-            <strong>iOS</strong>: App Store Server API +{' '}
-            App Store Server Notifications V2
+            <strong>iOS</strong>: App Store Server API + App Store Server
+            Notifications V2
           </li>
           <li>
             <strong>Android</strong>: Google Play Developer API + RTDN
@@ -238,9 +239,14 @@ function Subscription() {
           </li>
         </ul>
 
-        <Accordion title={<>💡 Easy Server Verification with IAPKit</>} variant="tip" defaultOpen>
+        <Accordion
+          title={<>💡 Easy Server Verification with IAPKit</>}
+          variant="tip"
+          defaultOpen
+        >
           <p>
-            Setting up server-side verification can be complex. OpenIAP's partner{' '}
+            Setting up server-side verification can be complex. OpenIAP's
+            partner{' '}
             <a
               href={IAPKIT_URL}
               target="_blank"
@@ -249,12 +255,13 @@ function Subscription() {
             >
               IAPKit
             </a>{' '}
-            provides a simple, unified API for server-side receipt validation across
-            both iOS and Android platforms.
+            provides a simple, unified API for server-side receipt validation
+            across both iOS and Android platforms.
           </p>
           <p>
-            With IAPKit, you can verify purchases, manage subscriptions, and handle
-            webhooks without building complex server infrastructure from scratch.
+            With IAPKit, you can verify purchases, manage subscriptions, and
+            handle webhooks without building complex server infrastructure from
+            scratch.
           </p>
           <p>
             Learn more about IAPKit integration in our{' '}
@@ -264,11 +271,15 @@ function Subscription() {
               rel="noopener noreferrer"
             >
               announcement
-            </a>.
+            </a>
+            .
           </p>
         </Accordion>
 
-        <Accordion title={<>⚠️ Why server-side validation?</>} variant="warning">
+        <Accordion
+          title={<>⚠️ Why server-side validation?</>}
+          variant="warning"
+        >
           <ul>
             <li>
               <strong>Authoritative source</strong>: Client data can be
@@ -287,8 +298,8 @@ function Subscription() {
               manipulation
             </li>
             <li>
-              <strong>Analytics</strong>: Track subscription metrics and
-              revenue server-side
+              <strong>Analytics</strong>: Track subscription metrics and revenue
+              server-side
             </li>
           </ul>
         </Accordion>
@@ -357,8 +368,12 @@ function Subscription() {
                 <div>1. initConnection()</div>
                 <div>2. getAvailablePurchases() → [PurchaseAndroid]</div>
                 <div>3. For each purchase:</div>
-                <div style={{ paddingLeft: '1.5rem' }}>→ check purchaseState</div>
-                <div style={{ paddingLeft: '1.5rem' }}>→ check isAcknowledged</div>
+                <div style={{ paddingLeft: '1.5rem' }}>
+                  → check purchaseState
+                </div>
+                <div style={{ paddingLeft: '1.5rem' }}>
+                  → check isAcknowledged
+                </div>
                 <div style={{ paddingLeft: '1.5rem' }}>
                   → validate with server
                 </div>
@@ -368,7 +383,9 @@ function Subscription() {
                 <div style={{ paddingLeft: '1.5rem' }}>
                   → finishTransaction() if not acknowledged
                 </div>
-                <div style={{ marginTop: '0.5rem', color: 'var(--text-warning)' }}>
+                <div
+                  style={{ marginTop: '0.5rem', color: 'var(--text-warning)' }}
+                >
                   ⚠️ Unacknowledged purchases auto-refund after 3 days
                 </div>
               </div>
@@ -436,14 +453,16 @@ function Subscription() {
                   finishTransaction()
                 </div>
                 <div style={{ paddingLeft: '1.5rem' }}>
-                  • <strong>PENDING (2)</strong> → awaiting payment (slow payment
-                  methods)
+                  • <strong>PENDING (2)</strong> → awaiting payment (slow
+                  payment methods)
                 </div>
                 <div style={{ paddingLeft: '1.5rem' }}>
                   • <strong>UNSPECIFIED (0)</strong> → unknown state, handle as
                   error
                 </div>
-                <div style={{ marginTop: '0.5rem', color: 'var(--text-warning)' }}>
+                <div
+                  style={{ marginTop: '0.5rem', color: 'var(--text-warning)' }}
+                >
                   ⚠️ Must acknowledge within 3 days or auto-refund
                 </div>
               </div>
@@ -773,7 +792,8 @@ function Subscription() {
               <strong>Without server validation:</strong>
             </div>
             <div style={{ paddingLeft: '1rem' }}>
-              • getAvailablePurchases() may still return the purchase temporarily
+              • getAvailablePurchases() may still return the purchase
+              temporarily
             </div>
             <div style={{ paddingLeft: '1rem' }}>
               • ❌ App grants access (incorrect - refunded!)
@@ -868,10 +888,9 @@ function Subscription() {
                   <Link to="/docs/types#renewal-info-ios">
                     <code>RenewalInfoIOS</code>
                   </Link>{' '}
-                  type contains
-                  detailed renewal information that lets you build subscription
-                  management UI without server calls. However, server validation
-                  is still recommended for production apps.
+                  type contains detailed renewal information that lets you build
+                  subscription management UI without server calls. However,
+                  server validation is still recommended for production apps.
                 </p>
 
                 <AnchorLink id="ios-renewal-info" level="h3">
@@ -947,10 +966,10 @@ function Subscription() {
                 <ol>
                   <li>
                     <strong>Immediately after upgrade</strong>: The{' '}
-                    <code>productId</code> may still show the old tier (monthly),
-                    but <code>autoRenewPreference</code> shows the new tier
-                    (yearly). The <code>pendingUpgradeProductId</code> is set to
-                    the new tier.
+                    <code>productId</code> may still show the old tier
+                    (monthly), but <code>autoRenewPreference</code> shows the
+                    new tier (yearly). The <code>pendingUpgradeProductId</code>{' '}
+                    is set to the new tier.
                   </li>
                   <li>
                     <strong>After processing (few minutes)</strong>: The{' '}
@@ -983,7 +1002,8 @@ function Subscription() {
                   <p>
                     This logic is already calculated in{' '}
                     <code>pendingUpgradeProductId</code> by comparing{' '}
-                    <code>productId</code> with <code>autoRenewPreference</code>.
+                    <code>productId</code> with <code>autoRenewPreference</code>
+                    .
                   </p>
                 </Accordion>
 
@@ -1084,7 +1104,9 @@ function Subscription() {
                     - Get detailed subscription status
                   </li>
                   <li>
-                    <Link to="/docs/types#renewal-info-ios">RenewalInfoIOS</Link>{' '}
+                    <Link to="/docs/types#renewal-info-ios">
+                      RenewalInfoIOS
+                    </Link>{' '}
                     - Type reference
                   </li>
                 </ul>
diff --git a/packages/docs/src/pages/docs/types/alternative.tsx b/packages/docs/src/pages/docs/types/alternative.tsx
index c77a09f8..edb429d1 100644
--- a/packages/docs/src/pages/docs/types/alternative.tsx
+++ b/packages/docs/src/pages/docs/types/alternative.tsx
@@ -26,21 +26,36 @@ function TypesAlternative() {
       <TLDRBox>
         <ul>
           <li>
-            <a href="#billing-programs"><code>BillingProgramAndroid</code></a> - USER_CHOICE_BILLING (7.0+),
-            EXTERNAL_CONTENT_LINK, EXTERNAL_OFFER, EXTERNAL_PAYMENTS (8.2.0+, 8.3.0+)
+            <a href="#billing-programs">
+              <code>BillingProgramAndroid</code>
+            </a>{' '}
+            - USER_CHOICE_BILLING (7.0+), EXTERNAL_CONTENT_LINK, EXTERNAL_OFFER,
+            EXTERNAL_PAYMENTS (8.2.0+, 8.3.0+)
           </li>
           <li>
-            <a href="#init-connection-config"><code>InitConnectionConfig.enableBillingProgramAndroid</code></a> - Recommended way to enable billing programs
+            <a href="#init-connection-config">
+              <code>InitConnectionConfig.enableBillingProgramAndroid</code>
+            </a>{' '}
+            - Recommended way to enable billing programs
           </li>
           <li>
-            <a href="#developer-billing-option"><code>DeveloperBillingOptionParamsAndroid</code></a> - Configure
-            external payments in purchase flow (8.3.0+)
+            <a href="#developer-billing-option">
+              <code>DeveloperBillingOptionParamsAndroid</code>
+            </a>{' '}
+            - Configure external payments in purchase flow (8.3.0+)
           </li>
           <li>
-            <s><code>AlternativeBillingModeAndroid</code></s> - <strong>Deprecated:</strong> Use <code>BillingProgramAndroid</code> instead
+            <s>
+              <code>AlternativeBillingModeAndroid</code>
+            </s>{' '}
+            - <strong>Deprecated:</strong> Use{' '}
+            <code>BillingProgramAndroid</code> instead
           </li>
           <li>
-            <a href="#external-purchase-link-ios">External Purchase Link APIs</a> for iOS 17.4+ and 18.2+
+            <a href="#external-purchase-link-ios">
+              External Purchase Link APIs
+            </a>{' '}
+            for iOS 17.4+ and 18.2+
           </li>
           <li>
             For Android alternative billing, use the{' '}
@@ -61,13 +76,24 @@ function TypesAlternative() {
         </p>
 
         <AnchorLink id="alternative-billing-mode-android" level="h3">
-          AlternativeBillingModeAndroid <span style={{ color: 'var(--text-warning)', fontSize: '0.875rem' }}>(Deprecated)</span>
+          AlternativeBillingModeAndroid{' '}
+          <span style={{ color: 'var(--text-warning)', fontSize: '0.875rem' }}>
+            (Deprecated)
+          </span>
         </AnchorLink>
         <div className="warning-box" style={{ marginBottom: '1rem' }}>
-          <strong>Deprecated:</strong> Use <code>enableBillingProgramAndroid</code> with <code>BillingProgramAndroid</code> instead.
+          <strong>Deprecated:</strong> Use{' '}
+          <code>enableBillingProgramAndroid</code> with{' '}
+          <code>BillingProgramAndroid</code> instead.
           <ul style={{ marginBottom: 0 }}>
-            <li><code>USER_CHOICE</code> → <code>BillingProgramAndroid.USER_CHOICE_BILLING</code></li>
-            <li><code>ALTERNATIVE_ONLY</code> → <code>BillingProgramAndroid.EXTERNAL_OFFER</code></li>
+            <li>
+              <code>USER_CHOICE</code> →{' '}
+              <code>BillingProgramAndroid.USER_CHOICE_BILLING</code>
+            </li>
+            <li>
+              <code>ALTERNATIVE_ONLY</code> →{' '}
+              <code>BillingProgramAndroid.EXTERNAL_OFFER</code>
+            </li>
           </ul>
         </div>
         <p>
@@ -128,9 +154,11 @@ function TypesAlternative() {
                 <code>enableBillingProgramAndroid</code>
               </td>
               <td>
-                <strong>(Recommended)</strong> Enable a specific billing program during connection.
-                Use <code>USER_CHOICE_BILLING</code> for user choice, <code>EXTERNAL_OFFER</code> for alternative only,
-                or <code>EXTERNAL_PAYMENTS</code> for Japan external payments (8.3.0+).
+                <strong>(Recommended)</strong> Enable a specific billing program
+                during connection. Use <code>USER_CHOICE_BILLING</code> for user
+                choice, <code>EXTERNAL_OFFER</code> for alternative only, or{' '}
+                <code>EXTERNAL_PAYMENTS</code> for Japan external payments
+                (8.3.0+).
               </td>
             </tr>
             <tr>
@@ -138,7 +166,9 @@ function TypesAlternative() {
                 <code>alternativeBillingModeAndroid</code>
               </td>
               <td>
-                <span style={{ color: 'var(--text-warning)' }}>(Deprecated)</span>{' '}
+                <span style={{ color: 'var(--text-warning)' }}>
+                  (Deprecated)
+                </span>{' '}
                 Use <code>enableBillingProgramAndroid</code> instead.
               </td>
             </tr>
@@ -453,8 +483,8 @@ await iap.request_purchase(props)
           Alternative Billing Only Complete Example
         </AnchorLink>
         <p>
-          With External Offer mode (replaces Alternative Only), all purchases go through your
-          alternative payment system. Google Play is not shown:
+          With External Offer mode (replaces Alternative Only), all purchases go
+          through your alternative payment system. Google Play is not shown:
         </p>
         <LanguageTabs>
           {{
@@ -670,8 +700,8 @@ if payment_result.success:
           Billing Programs (Android 8.2.0+)
         </AnchorLink>
         <p>
-          Google Play Billing Library 8.2.0+ introduces the Billing Programs API,
-          which provides a more structured approach to external offers and
+          Google Play Billing Library 8.2.0+ introduces the Billing Programs
+          API, which provides a more structured approach to external offers and
           content links. Version 8.3.0 adds External Payments for Japan.
         </p>
 
@@ -679,7 +709,9 @@ if payment_result.success:
           BillingProgramAndroid
         </AnchorLink>
         <p>
-          Enum for different billing program types. Use with <code>enableBillingProgramAndroid</code> in <code>InitConnectionConfig</code>:
+          Enum for different billing program types. Use with{' '}
+          <code>enableBillingProgramAndroid</code> in{' '}
+          <code>InitConnectionConfig</code>:
         </p>
         <table className="doc-table">
           <thead>
@@ -704,7 +736,8 @@ if payment_result.success:
                 <code>EXTERNAL_CONTENT_LINK</code>
               </td>
               <td>
-                For apps that link to external content (reader apps, music streaming)
+                For apps that link to external content (reader apps, music
+                streaming)
               </td>
               <td>8.2.0+</td>
             </tr>
@@ -713,7 +746,8 @@ if payment_result.success:
                 <code>EXTERNAL_OFFER</code>
               </td>
               <td>
-                For apps offering alternative payment options (replaces ALTERNATIVE_ONLY)
+                For apps offering alternative payment options (replaces
+                ALTERNATIVE_ONLY)
               </td>
               <td>8.2.0+</td>
             </tr>
@@ -722,7 +756,8 @@ if payment_result.success:
                 <code>EXTERNAL_PAYMENTS</code>
               </td>
               <td>
-                Side-by-side choice between Google Play and developer billing (Japan only)
+                Side-by-side choice between Google Play and developer billing
+                (Japan only)
               </td>
               <td>8.3.0+</td>
             </tr>
@@ -733,7 +768,8 @@ if payment_result.success:
           DeveloperBillingOptionParamsAndroid
         </AnchorLink>
         <p>
-          Parameters for configuring developer billing option in purchase flow (8.3.0+):
+          Parameters for configuring developer billing option in purchase flow
+          (8.3.0+):
         </p>
         <table className="doc-table">
           <thead>
@@ -762,9 +798,7 @@ if payment_result.success:
               <td>
                 <code>String</code>
               </td>
-              <td>
-                URL where the external payment will be processed
-              </td>
+              <td>URL where the external payment will be processed</td>
             </tr>
             <tr>
               <td>
@@ -773,9 +807,7 @@ if payment_result.success:
               <td>
                 <code>DeveloperBillingLaunchModeAndroid</code>
               </td>
-              <td>
-                How to launch the external payment link
-              </td>
+              <td>How to launch the external payment link</td>
             </tr>
           </tbody>
         </table>
@@ -783,9 +815,7 @@ if payment_result.success:
         <AnchorLink id="developer-billing-launch-mode" level="h3">
           DeveloperBillingLaunchModeAndroid
         </AnchorLink>
-        <p>
-          How the external payment URL is launched:
-        </p>
+        <p>How the external payment URL is launched:</p>
         <table className="doc-table">
           <thead>
             <tr>
@@ -816,9 +846,7 @@ if payment_result.success:
         <AnchorLink id="developer-provided-billing-details" level="h3">
           DeveloperProvidedBillingDetailsAndroid
         </AnchorLink>
-        <p>
-          Details received when user selects developer billing (8.3.0+):
-        </p>
+        <p>Details received when user selects developer billing (8.3.0+):</p>
         <table className="doc-table">
           <thead>
             <tr>
@@ -836,7 +864,8 @@ if payment_result.success:
                 <code>String</code>
               </td>
               <td>
-                Token to report external transaction to Google (must report within 24 hours)
+                Token to report external transaction to Google (must report
+                within 24 hours)
               </td>
             </tr>
           </tbody>
@@ -991,8 +1020,8 @@ if result.is_available:
           <p>
             <strong>Token Reporting:</strong> When a user completes a purchase
             through developer billing, you must report the{' '}
-            <code>externalTransactionToken</code> to Google Play within 24 hours.
-            See{' '}
+            <code>externalTransactionToken</code> to Google Play within 24
+            hours. See{' '}
             <Link to="/docs/features/external-purchase#external-payments-830---japan-only">
               External Payments documentation
             </Link>{' '}
diff --git a/packages/docs/src/pages/docs/types/android.tsx b/packages/docs/src/pages/docs/types/android.tsx
index 7c23ccb6..cc3c8b2c 100644
--- a/packages/docs/src/pages/docs/types/android.tsx
+++ b/packages/docs/src/pages/docs/types/android.tsx
@@ -195,7 +195,9 @@ function TypesAndroid() {
               <td>
                 <code>string | null</code>
               </td>
-              <td>Purchase option ID to identify which option was selected (7.0+)</td>
+              <td>
+                Purchase option ID to identify which option was selected (7.0+)
+              </td>
             </tr>
           </tbody>
         </table>
diff --git a/packages/docs/src/pages/docs/types/offer.tsx b/packages/docs/src/pages/docs/types/offer.tsx
index 7f378eb0..ed51e222 100644
--- a/packages/docs/src/pages/docs/types/offer.tsx
+++ b/packages/docs/src/pages/docs/types/offer.tsx
@@ -125,7 +125,11 @@ function TypesOffer() {
               <td>
                 <code>DiscountOfferType!</code>
               </td>
-              <td>Type of offer: <code>Introductory</code>, <code>Promotional</code>, <code>WinBack</code> (iOS 18+), or <code>OneTime</code></td>
+              <td>
+                Type of offer: <code>Introductory</code>,{' '}
+                <code>Promotional</code>, <code>WinBack</code> (iOS 18+), or{' '}
+                <code>OneTime</code>
+              </td>
             </tr>
           </tbody>
         </table>
@@ -242,7 +246,10 @@ function TypesOffer() {
               <td>
                 <code>String</code>
               </td>
-              <td>Purchase option ID for identifying which purchase option was selected (7.0+)</td>
+              <td>
+                Purchase option ID for identifying which purchase option was
+                selected (7.0+)
+              </td>
             </tr>
           </tbody>
         </table>
@@ -490,7 +497,10 @@ enum DiscountOfferType {
               <td>
                 <code>DiscountOfferType!</code>
               </td>
-              <td><code>Introductory</code>, <code>Promotional</code>, or <code>WinBack</code> (iOS 18+)</td>
+              <td>
+                <code>Introductory</code>, <code>Promotional</code>, or{' '}
+                <code>WinBack</code> (iOS 18+)
+              </td>
             </tr>
             <tr>
               <td>
@@ -649,7 +659,9 @@ enum DiscountOfferType {
               <td>
                 <code>InstallmentPlanDetailsAndroid</code>
               </td>
-              <td>Installment plan details for subscription commitments (7.0+)</td>
+              <td>
+                Installment plan details for subscription commitments (7.0+)
+              </td>
             </tr>
           </tbody>
         </table>
diff --git a/packages/docs/src/pages/docs/types/product.tsx b/packages/docs/src/pages/docs/types/product.tsx
index 5bba51a9..e1e6a535 100644
--- a/packages/docs/src/pages/docs/types/product.tsx
+++ b/packages/docs/src/pages/docs/types/product.tsx
@@ -24,17 +24,28 @@ function TypesProduct() {
       <TLDRBox>
         <ul>
           <li>
-            <a href="#product"><code>Product</code></a> - Union of ProductIOS and ProductAndroid
+            <a href="#product">
+              <code>Product</code>
+            </a>{' '}
+            - Union of ProductIOS and ProductAndroid
           </li>
           <li>
-            <a href="#product-subscription"><code>SubscriptionProduct</code></a> - Extends Product with subscription
-            fields
+            <a href="#product-subscription">
+              <code>SubscriptionProduct</code>
+            </a>{' '}
+            - Extends Product with subscription fields
           </li>
           <li>
-            <a href="#store-discriminators"><code>store</code></a> discriminator: "apple", "google", or "horizon"
+            <a href="#store-discriminators">
+              <code>store</code>
+            </a>{' '}
+            discriminator: "apple", "google", or "horizon"
           </li>
           <li>
-            <a href="#storefront"><code>Storefront</code></a> - User's store region (ISO 3166-1 alpha-2)
+            <a href="#storefront">
+              <code>Storefront</code>
+            </a>{' '}
+            - User's store region (ISO 3166-1 alpha-2)
           </li>
         </ul>
       </TLDRBox>
@@ -117,14 +128,16 @@ function TypesProduct() {
                 <code>store</code>
               </td>
               <td>
-                Store discriminator: <code>"apple"</code>,{' '}
-                <code>"google"</code>, or <code>"horizon"</code>
+                Store discriminator: <code>"apple"</code>, <code>"google"</code>
+                , or <code>"horizon"</code>
               </td>
             </tr>
             <tr>
               <td>
                 <code style={{ textDecoration: 'line-through' }}>platform</code>{' '}
-                <span style={{ color: 'var(--text-warning)', fontSize: '0.8em' }}>
+                <span
+                  style={{ color: 'var(--text-warning)', fontSize: '0.8em' }}
+                >
                   (deprecated)
                 </span>
               </td>
@@ -221,15 +234,14 @@ function TypesProduct() {
                         Array of one-time purchase offers. Each offer contains:{' '}
                         <code>formattedPrice</code>,{' '}
                         <code>priceAmountMicros</code>,{' '}
-                        <code>priceCurrencyCode</code>,{' '}
-                        <code>offerToken</code>,{' '}
+                        <code>priceCurrencyCode</code>, <code>offerToken</code>,{' '}
                         <code>discountDisplayInfo</code> (discount info),{' '}
                         <code>fullPriceMicros</code> (original price),{' '}
                         <code>validTimeWindow</code>,{' '}
                         <code>limitedQuantityInfo</code>,{' '}
                         <code>preorderDetailsAndroid</code>,{' '}
-                        <code>rentalDetailsAndroid</code>.
-                        See <a href="/docs/features/discount">Discounts</a>.
+                        <code>rentalDetailsAndroid</code>. See{' '}
+                        <a href="/docs/features/discount">Discounts</a>.
                         Requires{' '}
                         <a
                           href="https://developer.android.com/google/play/billing/release-notes#7-0-0"
@@ -255,11 +267,10 @@ function TypesProduct() {
                         <code>productStatusAndroid</code>
                       </td>
                       <td>
-                        Product fetch status code. Values: <code>OK</code> (success),{' '}
-                        <code>NOT_FOUND</code> (SKU doesn't exist),{' '}
-                        <code>NO_OFFERS_AVAILABLE</code> (user not eligible for any offers),{' '}
-                        <code>UNKNOWN</code>.
-                        Requires{' '}
+                        Product fetch status code. Values: <code>OK</code>{' '}
+                        (success), <code>NOT_FOUND</code> (SKU doesn't exist),{' '}
+                        <code>NO_OFFERS_AVAILABLE</code> (user not eligible for
+                        any offers), <code>UNKNOWN</code>. Requires{' '}
                         <a
                           href="https://developer.android.com/google/play/billing/release-notes#8-0-0"
                           target="_blank"
@@ -433,9 +444,9 @@ function TypesProduct() {
           Unified Platform Types
         </AnchorLink>
         <p>
-          These types combine platform-specific types with a{' '}
-          <code>store</code> discriminator for type-safe handling across Apple,
-          Google, and Horizon stores.
+          These types combine platform-specific types with a <code>store</code>{' '}
+          discriminator for type-safe handling across Apple, Google, and Horizon
+          stores.
         </p>
 
         <AnchorLink id="store-discriminators" level="h3">
@@ -481,8 +492,8 @@ function TypesProduct() {
         </table>
         <blockquote className="info-note">
           <p>
-            <strong>Note:</strong> The <code>platform</code> field is deprecated.
-            Use <code>store</code> instead.
+            <strong>Note:</strong> The <code>platform</code> field is
+            deprecated. Use <code>store</code> instead.
           </p>
         </blockquote>
 
diff --git a/packages/docs/src/pages/docs/types/purchase.tsx b/packages/docs/src/pages/docs/types/purchase.tsx
index f4f05c91..3cb7ac81 100644
--- a/packages/docs/src/pages/docs/types/purchase.tsx
+++ b/packages/docs/src/pages/docs/types/purchase.tsx
@@ -25,17 +25,28 @@ function TypesPurchase() {
       <TLDRBox>
         <ul>
           <li>
-            <a href="#purchase"><code>Purchase</code></a> - Union of PurchaseIOS and PurchaseAndroid
+            <a href="#purchase">
+              <code>Purchase</code>
+            </a>{' '}
+            - Union of PurchaseIOS and PurchaseAndroid
           </li>
           <li>
-            <a href="#purchase-state"><code>PurchaseState</code></a> - Pending, Purchased, Unknown
+            <a href="#purchase-state">
+              <code>PurchaseState</code>
+            </a>{' '}
+            - Pending, Purchased, Unknown
           </li>
           <li>
-            <a href="#active-subscription"><code>ActiveSubscription</code></a> - Unified subscription status view
+            <a href="#active-subscription">
+              <code>ActiveSubscription</code>
+            </a>{' '}
+            - Unified subscription status view
           </li>
           <li>
-            <a href="#renewal-info-ios"><code>renewalInfoIOS</code></a> - iOS renewal details (auto-renew,
-            expiration reason)
+            <a href="#renewal-info-ios">
+              <code>renewalInfoIOS</code>
+            </a>{' '}
+            - iOS renewal details (auto-renew, expiration reason)
           </li>
         </ul>
       </TLDRBox>
@@ -86,10 +97,20 @@ function TypesPurchase() {
             </tr>
           </tbody>
         </table>
-        <p style={{ fontSize: '0.875rem', color: 'var(--text-secondary)', marginTop: '0.5rem' }}>
-          Note: iOS StoreKit 2 only returns <code>Transaction</code> objects on successful purchases,
-          so iOS purchases always have <code>Purchased</code> state. See{' '}
-          <a href="/docs/updates/notes#gql-1-3-11-google-1-3-20">release notes</a> for details.
+        <p
+          style={{
+            fontSize: '0.875rem',
+            color: 'var(--text-secondary)',
+            marginTop: '0.5rem',
+          }}
+        >
+          Note: iOS StoreKit 2 only returns <code>Transaction</code> objects on
+          successful purchases, so iOS purchases always have{' '}
+          <code>Purchased</code> state. See{' '}
+          <a href="/docs/updates/notes#gql-1-3-11-google-1-3-20">
+            release notes
+          </a>{' '}
+          for details.
         </p>
 
         <AnchorLink id="purchase-common" level="h3">
@@ -145,14 +166,16 @@ function TypesPurchase() {
                 <code>store</code>
               </td>
               <td>
-                Store discriminator: <code>"apple"</code>,{' '}
-                <code>"google"</code>, or <code>"horizon"</code>
+                Store discriminator: <code>"apple"</code>, <code>"google"</code>
+                , or <code>"horizon"</code>
               </td>
             </tr>
             <tr>
               <td>
                 <code style={{ textDecoration: 'line-through' }}>platform</code>{' '}
-                <span style={{ color: 'var(--text-warning)', fontSize: '0.8em' }}>
+                <span
+                  style={{ color: 'var(--text-warning)', fontSize: '0.8em' }}
+                >
                   (deprecated)
                 </span>
               </td>
@@ -552,10 +575,11 @@ function TypesPurchase() {
                         <code>pendingPurchaseUpdateAndroid</code>
                       </td>
                       <td>
-                        Pending subscription upgrade/downgrade details. When a user
-                        initiates a plan change, this contains the new product IDs
-                        and purchase token for the pending transaction. Returns null
-                        if no pending update exists. See{' '}
+                        Pending subscription upgrade/downgrade details. When a
+                        user initiates a plan change, this contains the new
+                        product IDs and purchase token for the pending
+                        transaction. Returns null if no pending update exists.
+                        See{' '}
                         <a href="#pending-purchase-update-android">
                           PendingPurchaseUpdateAndroid
                         </a>{' '}
@@ -589,9 +613,10 @@ function TypesPurchase() {
                     </span>
                   </AnchorLink>
                   <p>
-                    Contains details about a pending subscription upgrade or downgrade.
-                    When a user changes their subscription plan, the new plan may be
-                    pending until the current billing period ends.
+                    Contains details about a pending subscription upgrade or
+                    downgrade. When a user changes their subscription plan, the
+                    new plan may be pending until the current billing period
+                    ends.
                   </p>
                   <table className="doc-table" style={{ marginTop: '0.5rem' }}>
                     <thead>
@@ -615,8 +640,8 @@ function TypesPurchase() {
                           <code>purchaseToken</code>
                         </td>
                         <td>
-                          Unique token identifying the pending transaction.
-                          Use this to track or manage the pending update.
+                          Unique token identifying the pending transaction. Use
+                          this to track or manage the pending update.
                         </td>
                       </tr>
                     </tbody>
@@ -663,7 +688,9 @@ function TypesPurchase() {
             </tr>
             <tr>
               <td>
-                <code style={{ textDecoration: 'line-through' }}>willExpireSoon</code>{' '}
+                <code style={{ textDecoration: 'line-through' }}>
+                  willExpireSoon
+                </code>{' '}
                 <span className="deprecated">deprecated</span>
               </td>
               <td>
diff --git a/packages/docs/src/pages/docs/types/request.tsx b/packages/docs/src/pages/docs/types/request.tsx
index e87b0655..60b0beeb 100644
--- a/packages/docs/src/pages/docs/types/request.tsx
+++ b/packages/docs/src/pages/docs/types/request.tsx
@@ -18,24 +18,33 @@ function TypesRequest() {
         keywords="IAP types, ProductRequest, RequestPurchaseProps, TypeScript, Swift, Kotlin"
       />
       <h1>Request Types</h1>
-      <p>
-        Type definitions for requesting products and initiating purchases.
-      </p>
+      <p>Type definitions for requesting products and initiating purchases.</p>
 
       <TLDRBox>
         <ul>
           <li>
-            <a href="#product-request"><code>ProductRequest</code></a> - Parameters for fetchProducts()
+            <a href="#product-request">
+              <code>ProductRequest</code>
+            </a>{' '}
+            - Parameters for fetchProducts()
           </li>
           <li>
-            <a href="#request-purchase-props"><code>RequestPurchaseProps</code></a> - Top-level arguments for
-            requestPurchase()
+            <a href="#request-purchase-props">
+              <code>RequestPurchaseProps</code>
+            </a>{' '}
+            - Top-level arguments for requestPurchase()
           </li>
           <li>
-            <a href="#platform-specific-request-props">Platform-specific props</a> for Apple (iOS) and Google (Android)
+            <a href="#platform-specific-request-props">
+              Platform-specific props
+            </a>{' '}
+            for Apple (iOS) and Google (Android)
           </li>
           <li>
-            <a href="#subscription-request-props">Subscription-specific props</a> with upgrade/downgrade support
+            <a href="#subscription-request-props">
+              Subscription-specific props
+            </a>{' '}
+            with upgrade/downgrade support
           </li>
         </ul>
       </TLDRBox>
@@ -354,20 +363,28 @@ await iap.request_purchase(subs_props)`}</CodeBlock>
             <tr>
               <td>
                 <code style={{ textDecoration: 'line-through' }}>ios</code>{' '}
-                <span style={{ color: 'var(--text-warning)', fontSize: '0.8em' }}>
+                <span
+                  style={{ color: 'var(--text-warning)', fontSize: '0.8em' }}
+                >
                   (deprecated)
                 </span>
               </td>
-              <td>Use <code>apple</code> instead</td>
+              <td>
+                Use <code>apple</code> instead
+              </td>
             </tr>
             <tr>
               <td>
                 <code style={{ textDecoration: 'line-through' }}>android</code>{' '}
-                <span style={{ color: 'var(--text-warning)', fontSize: '0.8em' }}>
+                <span
+                  style={{ color: 'var(--text-warning)', fontSize: '0.8em' }}
+                >
                   (deprecated)
                 </span>
               </td>
-              <td>Use <code>google</code> instead</td>
+              <td>
+                Use <code>google</code> instead
+              </td>
             </tr>
           </tbody>
         </table>
@@ -388,34 +405,43 @@ await iap.request_purchase(subs_props)`}</CodeBlock>
               <td>
                 <code>apple</code>
               </td>
-              <td>Apple subscription parameters (RequestSubscriptionIosProps)</td>
+              <td>
+                Apple subscription parameters (RequestSubscriptionIosProps)
+              </td>
             </tr>
             <tr>
               <td>
                 <code>google</code>
               </td>
               <td>
-                Google subscription parameters
-                (RequestSubscriptionAndroidProps)
+                Google subscription parameters (RequestSubscriptionAndroidProps)
               </td>
             </tr>
             <tr>
               <td>
                 <code style={{ textDecoration: 'line-through' }}>ios</code>{' '}
-                <span style={{ color: 'var(--text-warning)', fontSize: '0.8em' }}>
+                <span
+                  style={{ color: 'var(--text-warning)', fontSize: '0.8em' }}
+                >
                   (deprecated)
                 </span>
               </td>
-              <td>Use <code>apple</code> instead</td>
+              <td>
+                Use <code>apple</code> instead
+              </td>
             </tr>
             <tr>
               <td>
                 <code style={{ textDecoration: 'line-through' }}>android</code>{' '}
-                <span style={{ color: 'var(--text-warning)', fontSize: '0.8em' }}>
+                <span
+                  style={{ color: 'var(--text-warning)', fontSize: '0.8em' }}
+                >
                   (deprecated)
                 </span>
               </td>
-              <td>Use <code>google</code> instead</td>
+              <td>
+                Use <code>google</code> instead
+              </td>
             </tr>
           </tbody>
         </table>
@@ -535,8 +561,8 @@ await iap.request_purchase(subs_props)`}</CodeBlock>
                         <code>offerToken</code>
                       </td>
                       <td>
-                        Offer token for one-time purchase discounts (7.0+).
-                        Pass the <code>offerToken</code> from{' '}
+                        Offer token for one-time purchase discounts (7.0+). Pass
+                        the <code>offerToken</code> from{' '}
                         <code>oneTimePurchaseOfferDetailsAndroid</code> or{' '}
                         <code>discountOffers</code> to apply a discount.
                       </td>
diff --git a/packages/docs/src/pages/docs/types/verification.tsx b/packages/docs/src/pages/docs/types/verification.tsx
index f4d00356..36fb2032 100644
--- a/packages/docs/src/pages/docs/types/verification.tsx
+++ b/packages/docs/src/pages/docs/types/verification.tsx
@@ -21,26 +21,35 @@ function TypesVerification() {
       <h1>Verification Types</h1>
       <p>
         Type definitions for purchase verification with{' '}
-        <code>verifyPurchase()</code> and <code>verifyPurchaseWithProvider()</code>.
+        <code>verifyPurchase()</code> and{' '}
+        <code>verifyPurchaseWithProvider()</code>.
       </p>
 
       <TLDRBox>
         <ul>
           <li>
-            <a href="#verify-purchase-props"><code>VerifyPurchaseProps</code></a> - Input for verifyPurchase() with
-            platform-specific params
+            <a href="#verify-purchase-props">
+              <code>VerifyPurchaseProps</code>
+            </a>{' '}
+            - Input for verifyPurchase() with platform-specific params
           </li>
           <li>
-            <a href="#verify-purchase-result"><code>VerifyPurchaseResult</code></a> - Platform-specific verification
-            results
+            <a href="#verify-purchase-result">
+              <code>VerifyPurchaseResult</code>
+            </a>{' '}
+            - Platform-specific verification results
           </li>
           <li>
-            <a href="#verify-purchase-with-provider-props"><code>VerifyPurchaseWithProviderProps</code></a> - IAPKit integration
-            input
+            <a href="#verify-purchase-with-provider-props">
+              <code>VerifyPurchaseWithProviderProps</code>
+            </a>{' '}
+            - IAPKit integration input
           </li>
           <li>
-            <a href="#iapkit-purchase-state"><code>IapkitPurchaseState</code></a> - Unified purchase states from
-            IAPKit
+            <a href="#iapkit-purchase-state">
+              <code>IapkitPurchaseState</code>
+            </a>{' '}
+            - Unified purchase states from IAPKit
           </li>
         </ul>
       </TLDRBox>
@@ -70,8 +79,7 @@ function TypesVerification() {
                 <code>apple</code>
               </td>
               <td>
-                Apple App Store verification options. Contains:{' '}
-                <code>sku</code>
+                Apple App Store verification options. Contains: <code>sku</code>
               </td>
             </tr>
             <tr>
@@ -79,10 +87,9 @@ function TypesVerification() {
                 <code>google</code>
               </td>
               <td>
-                Google Play verification options. Contains:{' '}
-                <code>sku</code>, <code>packageName</code>,{' '}
-                <code>purchaseToken</code>, <code>accessToken</code>,{' '}
-                <code>isSub</code>
+                Google Play verification options. Contains: <code>sku</code>,{' '}
+                <code>packageName</code>, <code>purchaseToken</code>,{' '}
+                <code>accessToken</code>, <code>isSub</code>
               </td>
             </tr>
             <tr>
@@ -586,7 +593,10 @@ function TypesVerification() {
               <td>
                 <code>'inauthentic'</code>
               </td>
-              <td>Purchase failed authenticity validation (potentially fraudulent).</td>
+              <td>
+                Purchase failed authenticity validation (potentially
+                fraudulent).
+              </td>
             </tr>
           </tbody>
         </table>
diff --git a/packages/docs/src/pages/docs/updates/announcements.tsx b/packages/docs/src/pages/docs/updates/announcements.tsx
index ae0e7ed1..64f9d20b 100644
--- a/packages/docs/src/pages/docs/updates/announcements.tsx
+++ b/packages/docs/src/pages/docs/updates/announcements.tsx
@@ -573,7 +573,7 @@ function Announcements() {
 
   // Sort by date (newest first)
   const sortedAnnouncements = [...announcements].sort(
-    (a, b) => b.date.getTime() - a.date.getTime(),
+    (a, b) => b.date.getTime() - a.date.getTime()
   );
 
   return (
diff --git a/packages/docs/src/pages/docs/updates/notes.tsx b/packages/docs/src/pages/docs/updates/notes.tsx
index 1072e216..6a5b331c 100644
--- a/packages/docs/src/pages/docs/updates/notes.tsx
+++ b/packages/docs/src/pages/docs/updates/notes.tsx
@@ -1,9 +1,6 @@
 import { useMemo } from 'react';
 import SEO from '../../../components/SEO';
-import {
-  useScrollToHash,
-  getHashId,
-} from '../../../hooks/useScrollToHash';
+import { useScrollToHash, getHashId } from '../../../hooks/useScrollToHash';
 import CodeBlock from '../../../components/CodeBlock';
 import Pagination from '../../../components/Pagination';
 import AnchorLink from '../../../components/AnchorLink';
@@ -36,8 +33,15 @@ function Notes() {
             📅 openiap-apple v1.3.15 - iOS 15 Compatibility & watchOS Support
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1.5rem', color: 'var(--text-secondary)' }}>
-            Fixed iOS 15 compatibility for currency code retrieval, unified platform availability annotations, and added watchOS support.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1.5rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Fixed iOS 15 compatibility for currency code retrieval, unified
+            platform availability annotations, and added watchOS support.
           </p>
 
           {/* Section 1: iOS 15 Compatibility */}
@@ -45,9 +49,17 @@ function Notes() {
             <h5 style={{ margin: '0 0 0.25rem 0' }}>
               1. iOS 15 Compatibility Fix
             </h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Fixed potential crash when using <code>priceFormatStyle.currencyCode</code> on iOS 15 devices.
-              Now uses <code>product.priceFormatStyle.locale.currencyCode</code> as fallback to get the correct App Store currency.
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Fixed potential crash when using{' '}
+              <code>priceFormatStyle.currencyCode</code> on iOS 15 devices. Now
+              uses <code>product.priceFormatStyle.locale.currencyCode</code> as
+              fallback to get the correct App Store currency.
             </p>
             <CodeBlock language="swift">{`// iOS 16+: Direct API
 product.priceFormatStyle.currencyCode
@@ -61,8 +73,15 @@ product.priceFormatStyle.locale.currencyCode`}</CodeBlock>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>
               2. watchOS Support Added
             </h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Added <code>watchOS 8.0+</code> deployment target to podspec and unified all <code>@available</code> annotations.
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Added <code>watchOS 8.0+</code> deployment target to podspec and
+              unified all <code>@available</code> annotations.
             </p>
             <CodeBlock language="swift">{`@available(iOS 15.0, macOS 14.0, tvOS 16.0, watchOS 8.0, *)`}</CodeBlock>
           </div>
@@ -72,18 +91,63 @@ product.priceFormatStyle.locale.currencyCode`}</CodeBlock>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>
               3. Apple Documentation Links
             </h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Added <code>SeeAlso</code> documentation links to all main types for easier navigation to Apple's official StoreKit documentation.
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Added <code>SeeAlso</code> documentation links to all main types
+              for easier navigation to Apple's official StoreKit documentation.
             </p>
           </div>
 
           {/* References */}
           <details open style={{ marginTop: '1rem' }}>
-            <summary style={{ cursor: 'pointer', fontWeight: '600', color: 'var(--text-secondary)' }}>References</summary>
-            <ul style={{ marginTop: '0.5rem', paddingLeft: '1.25rem', fontSize: '0.875rem' }}>
-              <li><a href="https://developer.apple.com/documentation/storekit/product" target="_blank" rel="noopener noreferrer">StoreKit Product Documentation</a></li>
-              <li><a href="https://developer.apple.com/documentation/storekit/in-app_purchase" target="_blank" rel="noopener noreferrer">In-App Purchase Documentation</a></li>
-              <li><a href="https://github.com/hyodotdev/openiap/pull/80" target="_blank" rel="noopener noreferrer">PR #80</a></li>
+            <summary
+              style={{
+                cursor: 'pointer',
+                fontWeight: '600',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              References
+            </summary>
+            <ul
+              style={{
+                marginTop: '0.5rem',
+                paddingLeft: '1.25rem',
+                fontSize: '0.875rem',
+              }}
+            >
+              <li>
+                <a
+                  href="https://developer.apple.com/documentation/storekit/product"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  StoreKit Product Documentation
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://developer.apple.com/documentation/storekit/in-app_purchase"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  In-App Purchase Documentation
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://github.com/hyodotdev/openiap/pull/80"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  PR #80
+                </a>
+              </li>
             </ul>
           </details>
         </div>
@@ -96,11 +160,19 @@ product.priceFormatStyle.locale.currencyCode`}</CodeBlock>
       element: (
         <div key="gql-1-3-17-google-1-3-28" style={noteCardStyle}>
           <AnchorLink id="gql-1-3-17-google-1-3-28" level="h4">
-            📅 openiap-gql v1.3.17 / openiap-google v1.3.28 - Android BillingClient Enhancement
+            📅 openiap-gql v1.3.17 / openiap-google v1.3.28 - Android
+            BillingClient Enhancement
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1.5rem', color: 'var(--text-secondary)' }}>
-            Added new fields from Google Play Billing Library 5.0+ and 7.0+ for offer details, installment plans, and pending subscription updates.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1.5rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Added new fields from Google Play Billing Library 5.0+ and 7.0+ for
+            offer details, installment plans, and pending subscription updates.
           </p>
 
           {/* Section 1: purchaseOptionId */}
@@ -108,14 +180,36 @@ product.priceFormatStyle.locale.currencyCode`}</CodeBlock>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>
               1. <code>purchaseOptionId</code> for One-Time Purchase Offers
             </h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Identifies which purchase option the user selected for one-time products with multiple offers.
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Identifies which purchase option the user selected for one-time
+              products with multiple offers.
             </p>
-            <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem', marginTop: '0.5rem' }}>
-              <a href="/docs/types/android#one-time-purchase-offer-detail" style={{ fontSize: '0.85rem' }}>
-                <code>ProductAndroidOneTimePurchaseOfferDetail.purchaseOptionId</code>
+            <div
+              style={{
+                display: 'flex',
+                flexWrap: 'wrap',
+                gap: '0.5rem',
+                marginTop: '0.5rem',
+              }}
+            >
+              <a
+                href="/docs/types/android#one-time-purchase-offer-detail"
+                style={{ fontSize: '0.85rem' }}
+              >
+                <code>
+                  ProductAndroidOneTimePurchaseOfferDetail.purchaseOptionId
+                </code>
               </a>
-              <a href="/docs/types/offer#discount-offer" style={{ fontSize: '0.85rem' }}>
+              <a
+                href="/docs/types/offer#discount-offer"
+                style={{ fontSize: '0.85rem' }}
+              >
                 <code>DiscountOffer.purchaseOptionIdAndroid</code>
               </a>
             </div>
@@ -126,18 +220,40 @@ product.priceFormatStyle.locale.currencyCode`}</CodeBlock>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>
               2. <code>InstallmentPlanDetailsAndroid</code> for Subscriptions
             </h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Subscription installment plans - users pay over a commitment period (e.g., 12 monthly payments).
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Subscription installment plans - users pay over a commitment
+              period (e.g., 12 monthly payments).
             </p>
             <CodeBlock language="graphql">{`type InstallmentPlanDetailsAndroid {
   commitmentPaymentsCount: Int!           # Initial commitment payments
   subsequentCommitmentPaymentsCount: Int! # Renewal commitment (0 = reverts to normal)
 }`}</CodeBlock>
-            <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem', marginTop: '0.5rem' }}>
-              <a href="/docs/types/android#subscription-offer-details" style={{ fontSize: '0.85rem' }}>
-                <code>ProductSubscriptionAndroidOfferDetails.installmentPlanDetails</code>
+            <div
+              style={{
+                display: 'flex',
+                flexWrap: 'wrap',
+                gap: '0.5rem',
+                marginTop: '0.5rem',
+              }}
+            >
+              <a
+                href="/docs/types/android#subscription-offer-details"
+                style={{ fontSize: '0.85rem' }}
+              >
+                <code>
+                  ProductSubscriptionAndroidOfferDetails.installmentPlanDetails
+                </code>
               </a>
-              <a href="/docs/types/offer#subscription-offer" style={{ fontSize: '0.85rem' }}>
+              <a
+                href="/docs/types/offer#subscription-offer"
+                style={{ fontSize: '0.85rem' }}
+              >
                 <code>SubscriptionOffer.installmentPlanDetailsAndroid</code>
               </a>
             </div>
@@ -146,17 +262,35 @@ product.priceFormatStyle.locale.currencyCode`}</CodeBlock>
           {/* Section 3: PendingPurchaseUpdateAndroid */}
           <div style={{ marginBottom: '1.25rem' }}>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>
-              3. <code>PendingPurchaseUpdateAndroid</code> for Upgrades/Downgrades
+              3. <code>PendingPurchaseUpdateAndroid</code> for
+              Upgrades/Downgrades
             </h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Track pending subscription plan changes that take effect at the end of the current billing period.
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Track pending subscription plan changes that take effect at the
+              end of the current billing period.
             </p>
             <CodeBlock language="graphql">{`type PendingPurchaseUpdateAndroid {
   products: [String!]!   # New product IDs user is switching to
   purchaseToken: String! # Token for the pending transaction
 }`}</CodeBlock>
-            <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem', marginTop: '0.5rem' }}>
-              <a href="/docs/types/purchase#pending-purchase-update-android" style={{ fontSize: '0.85rem' }}>
+            <div
+              style={{
+                display: 'flex',
+                flexWrap: 'wrap',
+                gap: '0.5rem',
+                marginTop: '0.5rem',
+              }}
+            >
+              <a
+                href="/docs/types/purchase#pending-purchase-update-android"
+                style={{ fontSize: '0.85rem' }}
+              >
                 <code>PurchaseAndroid.pendingPurchaseUpdateAndroid</code>
               </a>
             </div>
@@ -164,12 +298,58 @@ product.priceFormatStyle.locale.currencyCode`}</CodeBlock>
 
           {/* References */}
           <details open style={{ marginTop: '1rem' }}>
-            <summary style={{ cursor: 'pointer', fontWeight: '600', color: 'var(--text-secondary)' }}>References</summary>
-            <ul style={{ marginTop: '0.5rem', paddingLeft: '1.25rem', fontSize: '0.875rem' }}>
-              <li><a href="https://developer.android.com/reference/com/android/billingclient/api/ProductDetails.OneTimePurchaseOfferDetails#getPurchaseOptionId()" target="_blank" rel="noopener noreferrer">getPurchaseOptionId() (7.0+)</a></li>
-              <li><a href="https://developer.android.com/reference/com/android/billingclient/api/ProductDetails.InstallmentPlanDetails" target="_blank" rel="noopener noreferrer">InstallmentPlanDetails (7.0+)</a></li>
-              <li><a href="https://developer.android.com/reference/com/android/billingclient/api/Purchase.PendingPurchaseUpdate" target="_blank" rel="noopener noreferrer">PendingPurchaseUpdate (5.0+)</a></li>
-              <li><a href="https://github.com/hyodotdev/openiap/issues/77" target="_blank" rel="noopener noreferrer">Issue #77</a></li>
+            <summary
+              style={{
+                cursor: 'pointer',
+                fontWeight: '600',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              References
+            </summary>
+            <ul
+              style={{
+                marginTop: '0.5rem',
+                paddingLeft: '1.25rem',
+                fontSize: '0.875rem',
+              }}
+            >
+              <li>
+                <a
+                  href="https://developer.android.com/reference/com/android/billingclient/api/ProductDetails.OneTimePurchaseOfferDetails#getPurchaseOptionId()"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  getPurchaseOptionId() (7.0+)
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://developer.android.com/reference/com/android/billingclient/api/ProductDetails.InstallmentPlanDetails"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  InstallmentPlanDetails (7.0+)
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://developer.android.com/reference/com/android/billingclient/api/Purchase.PendingPurchaseUpdate"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  PendingPurchaseUpdate (5.0+)
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://github.com/hyodotdev/openiap/issues/77"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Issue #77
+                </a>
+              </li>
             </ul>
           </details>
         </div>
@@ -182,36 +362,88 @@ product.priceFormatStyle.locale.currencyCode`}</CodeBlock>
       element: (
         <div key="gql-1-3-16-apple-1-3-14" style={noteCardStyle}>
           <AnchorLink id="gql-1-3-16-apple-1-3-14" level="h4">
-            📅 openiap-gql v1.3.16 / openiap-apple v1.3.14 - ExternalPurchaseCustomLink Support (iOS 18.1+)
+            📅 openiap-gql v1.3.16 / openiap-apple v1.3.14 -
+            ExternalPurchaseCustomLink Support (iOS 18.1+)
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            Added full support for Apple's <code>ExternalPurchaseCustomLink</code> API (iOS 18.1+) for apps using custom external purchase links with token-based reporting.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Added full support for Apple's{' '}
+            <code>ExternalPurchaseCustomLink</code> API (iOS 18.1+) for apps
+            using custom external purchase links with token-based reporting.
           </p>
 
           <div style={{ marginBottom: '1.25rem' }}>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>1. New APIs</h5>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>isEligibleForExternalPurchaseCustomLinkIOS()</code> - Check if app can use ExternalPurchaseCustomLink API</li>
-              <li><code>getExternalPurchaseCustomLinkTokenIOS(tokenType)</code> - Get token for reporting to Apple's External Purchase Server API</li>
-              <li><code>showExternalPurchaseCustomLinkNoticeIOS(noticeType)</code> - Show CustomLink-specific disclosure notice sheet</li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>isEligibleForExternalPurchaseCustomLinkIOS()</code> -
+                Check if app can use ExternalPurchaseCustomLink API
+              </li>
+              <li>
+                <code>getExternalPurchaseCustomLinkTokenIOS(tokenType)</code> -
+                Get token for reporting to Apple's External Purchase Server API
+              </li>
+              <li>
+                <code>showExternalPurchaseCustomLinkNoticeIOS(noticeType)</code>{' '}
+                - Show CustomLink-specific disclosure notice sheet
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>2. New Types</h5>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>ExternalPurchaseCustomLinkTokenTypeIOS</code> - Token types: <code>acquisition</code>, <code>services</code></li>
-              <li><code>ExternalPurchaseCustomLinkNoticeTypeIOS</code> - Notice types: <code>browser</code></li>
-              <li><code>ExternalPurchaseCustomLinkTokenResultIOS</code> - Token result with <code>token</code> and <code>error</code></li>
-              <li><code>ExternalPurchaseCustomLinkNoticeResultIOS</code> - Notice result with <code>continued</code> and <code>error</code></li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>ExternalPurchaseCustomLinkTokenTypeIOS</code> - Token
+                types: <code>acquisition</code>, <code>services</code>
+              </li>
+              <li>
+                <code>ExternalPurchaseCustomLinkNoticeTypeIOS</code> - Notice
+                types: <code>browser</code>
+              </li>
+              <li>
+                <code>ExternalPurchaseCustomLinkTokenResultIOS</code> - Token
+                result with <code>token</code> and <code>error</code>
+              </li>
+              <li>
+                <code>ExternalPurchaseCustomLinkNoticeResultIOS</code> - Notice
+                result with <code>continued</code> and <code>error</code>
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>3. Improved <code>presentExternalPurchaseNoticeSheetIOS()</code></h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Now returns <code>externalPurchaseToken</code> field when user continues. This token is required for reporting transactions to Apple's External Purchase Server API.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              3. Improved <code>presentExternalPurchaseNoticeSheetIOS()</code>
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Now returns <code>externalPurchaseToken</code> field when user
+              continues. This token is required for reporting transactions to
+              Apple's External Purchase Server API.
             </p>
             <CodeBlock language="typescript">{`// Before
 result.result  // "continue" or "dismissed"
@@ -225,18 +457,72 @@ result.error                  // optional error`}</CodeBlock>
 
           <div style={{ marginBottom: '1.25rem' }}>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>4. API Comparison</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              <code>ExternalPurchase</code> (17.4+): Basic external purchase notice | <code>ExternalPurchaseCustomLink</code> (18.1+): Custom links with token-based reporting
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              <code>ExternalPurchase</code> (17.4+): Basic external purchase
+              notice | <code>ExternalPurchaseCustomLink</code> (18.1+): Custom
+              links with token-based reporting
             </p>
           </div>
 
           <details open style={{ marginTop: '1rem' }}>
-            <summary style={{ cursor: 'pointer', fontWeight: '600', color: 'var(--text-secondary)' }}>References</summary>
-            <ul style={{ marginTop: '0.5rem', paddingLeft: '1.25rem', fontSize: '0.875rem' }}>
-              <li><a href="https://developer.apple.com/documentation/storekit/externalpurchasecustomlink" target="_blank" rel="noopener noreferrer">Apple ExternalPurchaseCustomLink Documentation</a></li>
-              <li><a href="https://developer.apple.com/documentation/storekit/externalpurchasecustomlink/token(for:)" target="_blank" rel="noopener noreferrer">token(for:) API Reference</a></li>
-              <li><a href="https://developer.apple.com/documentation/storekit/externalpurchasecustomlink/shownotice(type:)" target="_blank" rel="noopener noreferrer">showNotice(type:) API Reference</a></li>
-              <li><a href="https://github.com/dooboolab-community/react-native-iap/discussions/3135" target="_blank" rel="noopener noreferrer">Feature Request Discussion #3135</a></li>
+            <summary
+              style={{
+                cursor: 'pointer',
+                fontWeight: '600',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              References
+            </summary>
+            <ul
+              style={{
+                marginTop: '0.5rem',
+                paddingLeft: '1.25rem',
+                fontSize: '0.875rem',
+              }}
+            >
+              <li>
+                <a
+                  href="https://developer.apple.com/documentation/storekit/externalpurchasecustomlink"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Apple ExternalPurchaseCustomLink Documentation
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://developer.apple.com/documentation/storekit/externalpurchasecustomlink/token(for:)"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  token(for:) API Reference
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://developer.apple.com/documentation/storekit/externalpurchasecustomlink/shownotice(type:)"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  showNotice(type:) API Reference
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://github.com/dooboolab-community/react-native-iap/discussions/3135"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Feature Request Discussion #3135
+                </a>
+              </li>
             </ul>
           </details>
         </div>
@@ -249,27 +535,90 @@ result.error                  // optional error`}</CodeBlock>
       element: (
         <div key="gql-1-3-15-google-1-3-27-apple-1-3-13" style={noteCardStyle}>
           <AnchorLink id="gql-1-3-15-google-1-3-27-apple-1-3-13" level="h4">
-            📅 openiap-gql v1.3.15 / openiap-google v1.3.27 / openiap-apple v1.3.13 - Bug Fix
+            📅 openiap-gql v1.3.15 / openiap-google v1.3.27 / openiap-apple
+            v1.3.13 - Bug Fix
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            Fixed incorrect <code>replacementModeConstant</code> mapping in <code>applySubscriptionProductReplacementParams</code>. The function was using values from the legacy <code>SubscriptionUpdateParams.ReplacementMode</code> API instead of the new <code>SubscriptionProductReplacementParams.ReplacementMode</code> API (Billing Library 8.1.0+). Issue: <a href="https://github.com/hyodotdev/openiap/issues/71" target="_blank" rel="noopener noreferrer">#71</a>
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Fixed incorrect <code>replacementModeConstant</code> mapping in{' '}
+            <code>applySubscriptionProductReplacementParams</code>. The function
+            was using values from the legacy{' '}
+            <code>SubscriptionUpdateParams.ReplacementMode</code> API instead of
+            the new{' '}
+            <code>SubscriptionProductReplacementParams.ReplacementMode</code>{' '}
+            API (Billing Library 8.1.0+). Issue:{' '}
+            <a
+              href="https://github.com/hyodotdev/openiap/issues/71"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              #71
+            </a>
           </p>
 
           <div style={{ marginBottom: '1.25rem' }}>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>Mode Value Changes</h5>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>CHARGE_FULL_PRICE</code>: 5 → 4</li>
-              <li><code>DEFERRED</code>: 6 → 5</li>
-              <li><code>KEEP_EXISTING</code>: 7 → 6</li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>CHARGE_FULL_PRICE</code>: 5 → 4
+              </li>
+              <li>
+                <code>DEFERRED</code>: 6 → 5
+              </li>
+              <li>
+                <code>KEEP_EXISTING</code>: 7 → 6
+              </li>
             </ul>
           </div>
 
           <details open style={{ marginTop: '1rem' }}>
-            <summary style={{ cursor: 'pointer', fontWeight: '600', color: 'var(--text-secondary)' }}>References</summary>
-            <ul style={{ marginTop: '0.5rem', paddingLeft: '1.25rem', fontSize: '0.875rem' }}>
-              <li><a href="https://developer.android.com/reference/com/android/billingclient/api/BillingFlowParams.ProductDetailsParams.SubscriptionProductReplacementParams.ReplacementMode" target="_blank" rel="noopener noreferrer">SubscriptionProductReplacementParams.ReplacementMode (Billing 8.1.0+)</a></li>
-              <li><a href="https://developer.android.com/reference/com/android/billingclient/api/BillingFlowParams.SubscriptionUpdateParams.ReplacementMode" target="_blank" rel="noopener noreferrer">SubscriptionUpdateParams.ReplacementMode (Legacy)</a></li>
+            <summary
+              style={{
+                cursor: 'pointer',
+                fontWeight: '600',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              References
+            </summary>
+            <ul
+              style={{
+                marginTop: '0.5rem',
+                paddingLeft: '1.25rem',
+                fontSize: '0.875rem',
+              }}
+            >
+              <li>
+                <a
+                  href="https://developer.android.com/reference/com/android/billingclient/api/BillingFlowParams.ProductDetailsParams.SubscriptionProductReplacementParams.ReplacementMode"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  SubscriptionProductReplacementParams.ReplacementMode (Billing
+                  8.1.0+)
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://developer.android.com/reference/com/android/billingclient/api/BillingFlowParams.SubscriptionUpdateParams.ReplacementMode"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  SubscriptionUpdateParams.ReplacementMode (Legacy)
+                </a>
+              </li>
             </ul>
           </details>
         </div>
@@ -282,37 +631,103 @@ result.error                  // optional error`}</CodeBlock>
       element: (
         <div key="gql-1-3-14-google-1-3-25-apple-1-3-13" style={noteCardStyle}>
           <AnchorLink id="gql-1-3-14-google-1-3-25-apple-1-3-13" level="h4">
-            📅 openiap-gql v1.3.14 / openiap-google v1.3.25 / openiap-apple v1.3.13 - Breaking Changes & Bug Fixes
+            📅 openiap-gql v1.3.14 / openiap-google v1.3.25 / openiap-apple
+            v1.3.13 - Breaking Changes & Bug Fixes
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            Breaking changes for iOS subscription props, bug fixes for Android displayPrice, and Objective-C bridge updates.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Breaking changes for iOS subscription props, bug fixes for Android
+            displayPrice, and Objective-C bridge updates.
           </p>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>1. iOS - Subscription-Only Props Cleanup (Breaking Change)</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Removed subscription-specific fields from <code>RequestPurchaseIosProps</code>. These fields now only exist in <code>RequestSubscriptionIosProps</code>.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              1. iOS - Subscription-Only Props Cleanup (Breaking Change)
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Removed subscription-specific fields from{' '}
+              <code>RequestPurchaseIosProps</code>. These fields now only exist
+              in <code>RequestSubscriptionIosProps</code>.
             </p>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>introductoryOfferEligibility</code> - Removed</li>
-              <li><code>promotionalOfferJWS</code> - Removed</li>
-              <li><code>winBackOffer</code> - Removed</li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>introductoryOfferEligibility</code> - Removed
+              </li>
+              <li>
+                <code>promotionalOfferJWS</code> - Removed
+              </li>
+              <li>
+                <code>winBackOffer</code> - Removed
+              </li>
             </ul>
-            <p style={{ fontSize: '0.85rem', color: 'var(--text-secondary)' }}>Migration: Use <code>requestSubscription()</code> API.</p>
+            <p style={{ fontSize: '0.85rem', color: 'var(--text-secondary)' }}>
+              Migration: Use <code>requestSubscription()</code> API.
+            </p>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>2. Known Issue - <code>introductoryOfferEligibility</code> API (<a href="https://github.com/hyodotdev/openiap/issues/68" target="_blank" rel="noopener noreferrer">#68</a>)</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Current field uses <code>Boolean</code> type, but Apple's <a href="https://developer.apple.com/documentation/storekit/product/purchaseoption/introductoryoffereligibility(compactjws:)" target="_blank" rel="noopener noreferrer">introductoryOfferEligibility(compactJWS:)</a> API requires a JWS string. Will be corrected in future release.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              2. Known Issue - <code>introductoryOfferEligibility</code> API (
+              <a
+                href="https://github.com/hyodotdev/openiap/issues/68"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                #68
+              </a>
+              )
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Current field uses <code>Boolean</code> type, but Apple's{' '}
+              <a
+                href="https://developer.apple.com/documentation/storekit/product/purchaseoption/introductoryoffereligibility(compactjws:)"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                introductoryOfferEligibility(compactJWS:)
+              </a>{' '}
+              API requires a JWS string. Will be corrected in future release.
             </p>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>3. Android - Fix <code>displayPrice</code> for Subscriptions with Free Trials</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Fixed <code>displayPrice</code> returning "Free" or "$0.00" instead of actual base/recurring price.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              3. Android - Fix <code>displayPrice</code> for Subscriptions with
+              Free Trials
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Fixed <code>displayPrice</code> returning "Free" or "$0.00"
+              instead of actual base/recurring price.
             </p>
             <CodeBlock language="typescript">{`// Before (bug): displayPrice = "Free", price = 0.0
 // After (fixed): displayPrice = "$9.99", price = 9.99
@@ -320,17 +735,58 @@ result.error                  // optional error`}</CodeBlock>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>4. Apple v1.3.13 - Objective-C Bridge Updates</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Updated <code>OpenIapModule+ObjC.swift</code> to expose new Swift async functions to Objective-C. Critical for kmp-iap. See <a href="https://github.com/hyodotdev/openiap/blob/main/knowledge/internal/04-platform-packages.md#objective-c-bridge-critical-for-kmp-iap" target="_blank" rel="noopener noreferrer">Objective-C Bridge Documentation</a>.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              4. Apple v1.3.13 - Objective-C Bridge Updates
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Updated <code>OpenIapModule+ObjC.swift</code> to expose new Swift
+              async functions to Objective-C. Critical for kmp-iap. See{' '}
+              <a
+                href="https://github.com/hyodotdev/openiap/blob/main/knowledge/internal/04-platform-packages.md#objective-c-bridge-critical-for-kmp-iap"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                Objective-C Bridge Documentation
+              </a>
+              .
             </p>
           </div>
 
           <details open style={{ marginTop: '1rem' }}>
-            <summary style={{ cursor: 'pointer', fontWeight: '600', color: 'var(--text-secondary)' }}>References</summary>
-            <ul style={{ marginTop: '0.5rem', paddingLeft: '1.25rem', fontSize: '0.875rem' }}>
-              <li><a href="https://github.com/hyodotdev/openiap/issues/68" target="_blank" rel="noopener noreferrer">Issue #68 - introductoryOfferEligibility API Correction</a></li>
-              <li><a href="/docs/types/purchase">Purchase Types Documentation</a></li>
+            <summary
+              style={{
+                cursor: 'pointer',
+                fontWeight: '600',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              References
+            </summary>
+            <ul
+              style={{
+                marginTop: '0.5rem',
+                paddingLeft: '1.25rem',
+                fontSize: '0.875rem',
+              }}
+            >
+              <li>
+                <a
+                  href="https://github.com/hyodotdev/openiap/issues/68"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Issue #68 - introductoryOfferEligibility API Correction
+                </a>
+              </li>
+              <li>
+                <a href="/docs/types/purchase">Purchase Types Documentation</a>
+              </li>
             </ul>
           </details>
         </div>
@@ -343,67 +799,198 @@ result.error                  // optional error`}</CodeBlock>
       element: (
         <div key="gql-1-3-13-google-1-3-24-apple-1-3-11" style={noteCardStyle}>
           <AnchorLink id="gql-1-3-13-google-1-3-24-apple-1-3-11" level="h4">
-            📅 openiap-gql v1.3.13 / openiap-google v1.3.24 / openiap-apple v1.3.11 - Platform API Gap Analysis
+            📅 openiap-gql v1.3.13 / openiap-google v1.3.24 / openiap-apple
+            v1.3.11 - Platform API Gap Analysis
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            New iOS win-back offers, JWS promotional offers, and Android product status codes.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            New iOS win-back offers, JWS promotional offers, and Android product
+            status codes.
           </p>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>1. iOS - Win-Back Offers (iOS 18+)</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Added support for <a href="https://developer.apple.com/documentation/storekit/product/subscriptionoffer" target="_blank" rel="noopener noreferrer">win-back offers</a> to re-engage churned subscribers.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              1. iOS - Win-Back Offers (iOS 18+)
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Added support for{' '}
+              <a
+                href="https://developer.apple.com/documentation/storekit/product/subscriptionoffer"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                win-back offers
+              </a>{' '}
+              to re-engage churned subscribers.
             </p>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>winBackOffer</code> - New field in purchase props</li>
-              <li><code>WinBackOfferInputIOS</code> - Input type with <code>offerId</code> field</li>
-              <li><code>SubscriptionOfferTypeIOS.WinBack</code> - New enum value</li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>winBackOffer</code> - New field in purchase props
+              </li>
+              <li>
+                <code>WinBackOfferInputIOS</code> - Input type with{' '}
+                <code>offerId</code> field
+              </li>
+              <li>
+                <code>SubscriptionOfferTypeIOS.WinBack</code> - New enum value
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>2. iOS - JWS Promotional Offers (iOS 15+, WWDC 2025)</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              New signature format using compact JWS string for promotional offers. Back-deployed to iOS 15. Requires Xcode 16.4+.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              2. iOS - JWS Promotional Offers (iOS 15+, WWDC 2025)
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              New signature format using compact JWS string for promotional
+              offers. Back-deployed to iOS 15. Requires Xcode 16.4+.
             </p>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>promotionalOfferJWS</code> - New field in purchase props</li>
-              <li><code>PromotionalOfferJWSInputIOS</code> - Input type with <code>offerId</code> and <code>jws</code> fields</li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>promotionalOfferJWS</code> - New field in purchase props
+              </li>
+              <li>
+                <code>PromotionalOfferJWSInputIOS</code> - Input type with{' '}
+                <code>offerId</code> and <code>jws</code> fields
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>3. iOS - Introductory Offer Eligibility Override (iOS 15+, WWDC 2025)</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              <code>introductoryOfferEligibility</code> - Override system eligibility check. Set <code>true</code>/<code>false</code>/<code>nil</code> for system default. Requires Xcode 16.4+.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              3. iOS - Introductory Offer Eligibility Override (iOS 15+, WWDC
+              2025)
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              <code>introductoryOfferEligibility</code> - Override system
+              eligibility check. Set <code>true</code>/<code>false</code>/
+              <code>nil</code> for system default. Requires Xcode 16.4+.
             </p>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>4. Android - Product Status Codes (Billing 8.0+)</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Product-level status codes indicating why products couldn't be fetched.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              4. Android - Product Status Codes (Billing 8.0+)
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Product-level status codes indicating why products couldn't be
+              fetched.
             </p>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>ProductStatusAndroid</code> - Enum: <code>Ok</code>, <code>NotFound</code>, <code>NoOffersAvailable</code>, <code>Unknown</code></li>
-              <li><code>productStatusAndroid</code> - New field on <code>ProductAndroid</code></li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>ProductStatusAndroid</code> - Enum: <code>Ok</code>,{' '}
+                <code>NotFound</code>, <code>NoOffersAvailable</code>,{' '}
+                <code>Unknown</code>
+              </li>
+              <li>
+                <code>productStatusAndroid</code> - New field on{' '}
+                <code>ProductAndroid</code>
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>5. Android - Auto Service Reconnection</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              <code>enableAutoServiceReconnection()</code> is now always enabled internally since OpenIAP uses Billing Library 8.3.0+.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              5. Android - Auto Service Reconnection
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              <code>enableAutoServiceReconnection()</code> is now always enabled
+              internally since OpenIAP uses Billing Library 8.3.0+.
             </p>
           </div>
 
           <details open style={{ marginTop: '1rem' }}>
-            <summary style={{ cursor: 'pointer', fontWeight: '600', color: 'var(--text-secondary)' }}>References</summary>
-            <ul style={{ marginTop: '0.5rem', paddingLeft: '1.25rem', fontSize: '0.875rem' }}>
-              <li><a href="https://developer.apple.com/documentation/storekit/product/subscriptionoffer" target="_blank" rel="noopener noreferrer">Apple StoreKit 2 - SubscriptionOffer</a></li>
-              <li><a href="https://developer.android.com/google/play/billing/release-notes#8-0-0" target="_blank" rel="noopener noreferrer">Google Play Billing 8.0.0 Release Notes</a></li>
-              <li><a href="/docs/types/product">Product Types Documentation</a></li>
+            <summary
+              style={{
+                cursor: 'pointer',
+                fontWeight: '600',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              References
+            </summary>
+            <ul
+              style={{
+                marginTop: '0.5rem',
+                paddingLeft: '1.25rem',
+                fontSize: '0.875rem',
+              }}
+            >
+              <li>
+                <a
+                  href="https://developer.apple.com/documentation/storekit/product/subscriptionoffer"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Apple StoreKit 2 - SubscriptionOffer
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://developer.android.com/google/play/billing/release-notes#8-0-0"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Google Play Billing 8.0.0 Release Notes
+                </a>
+              </li>
+              <li>
+                <a href="/docs/types/product">Product Types Documentation</a>
+              </li>
             </ul>
           </details>
         </div>
@@ -416,63 +1003,174 @@ result.error                  // optional error`}</CodeBlock>
       element: (
         <div key="gql-1-3-12-google-1-3-22-apple-1-3-10" style={noteCardStyle}>
           <AnchorLink id="gql-1-3-12-google-1-3-22-apple-1-3-10" level="h4">
-            📅 openiap-gql v1.3.12 / openiap-google v1.3.22 / openiap-apple v1.3.10 - Standardized Offer Types
+            📅 openiap-gql v1.3.12 / openiap-google v1.3.22 / openiap-apple
+            v1.3.10 - Standardized Offer Types
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            Introduced standardized <code>DiscountOffer</code> and <code>SubscriptionOffer</code> types for unified handling across iOS and Android.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Introduced standardized <code>DiscountOffer</code> and{' '}
+            <code>SubscriptionOffer</code> types for unified handling across iOS
+            and Android.
           </p>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>1. <code>DiscountOffer</code> (One-time products)</h5>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              1. <code>DiscountOffer</code> (One-time products)
+            </h5>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
               <li>Cross-platform type for one-time purchase discounts</li>
-              <li>Android fields: <code>offerTokenAndroid</code>, <code>fullPriceMicrosAndroid</code>, <code>percentageDiscountAndroid</code></li>
-              <li>Replaces deprecated <code>ProductAndroidOneTimePurchaseOfferDetail</code></li>
+              <li>
+                Android fields: <code>offerTokenAndroid</code>,{' '}
+                <code>fullPriceMicrosAndroid</code>,{' '}
+                <code>percentageDiscountAndroid</code>
+              </li>
+              <li>
+                Replaces deprecated{' '}
+                <code>ProductAndroidOneTimePurchaseOfferDetail</code>
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>2. <code>SubscriptionOffer</code></h5>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li>Cross-platform type for subscription offers (introductory, promotional)</li>
-              <li>Includes <code>paymentMode</code>: FreeTrial, PayAsYouGo, PayUpFront</li>
-              <li>Replaces deprecated <code>ProductSubscriptionAndroidOfferDetails</code>, <code>DiscountOfferIOS</code>, <code>DiscountIOS</code></li>
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              2. <code>SubscriptionOffer</code>
+            </h5>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                Cross-platform type for subscription offers (introductory,
+                promotional)
+              </li>
+              <li>
+                Includes <code>paymentMode</code>: FreeTrial, PayAsYouGo,
+                PayUpFront
+              </li>
+              <li>
+                Replaces deprecated{' '}
+                <code>ProductSubscriptionAndroidOfferDetails</code>,{' '}
+                <code>DiscountOfferIOS</code>, <code>DiscountIOS</code>
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>3. New Fields on Product Types</h5>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>discountOffers: [DiscountOffer!]</code> - One-time product discounts</li>
-              <li><code>subscriptionOffers: [SubscriptionOffer!]</code> - Subscription offers</li>
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              3. New Fields on Product Types
+            </h5>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>discountOffers: [DiscountOffer!]</code> - One-time product
+                discounts
+              </li>
+              <li>
+                <code>subscriptionOffers: [SubscriptionOffer!]</code> -
+                Subscription offers
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>4. PaymentMode Logic Fix (Android)</h5>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              4. PaymentMode Logic Fix (Android)
+            </h5>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
               <li>Zero price → FreeTrial (regardless of recurrenceMode)</li>
               <li>NON_RECURRING (3) with paid → PayUpFront</li>
-              <li>FINITE_RECURRING (2) / INFINITE_RECURRING (1) with paid → PayAsYouGo</li>
+              <li>
+                FINITE_RECURRING (2) / INFINITE_RECURRING (1) with paid →
+                PayAsYouGo
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>5. Deprecated Types</h5>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><del><code>ProductAndroidOneTimePurchaseOfferDetail</code></del> → <code>DiscountOffer</code></li>
-              <li><del><code>ProductSubscriptionAndroidOfferDetails</code></del> → <code>SubscriptionOffer</code></li>
-              <li><del><code>oneTimePurchaseOfferDetailsAndroid</code></del> → <code>discountOffers</code></li>
-              <li><del><code>subscriptionOfferDetailsAndroid</code></del> → <code>subscriptionOffers</code></li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <del>
+                  <code>ProductAndroidOneTimePurchaseOfferDetail</code>
+                </del>{' '}
+                → <code>DiscountOffer</code>
+              </li>
+              <li>
+                <del>
+                  <code>ProductSubscriptionAndroidOfferDetails</code>
+                </del>{' '}
+                → <code>SubscriptionOffer</code>
+              </li>
+              <li>
+                <del>
+                  <code>oneTimePurchaseOfferDetailsAndroid</code>
+                </del>{' '}
+                → <code>discountOffers</code>
+              </li>
+              <li>
+                <del>
+                  <code>subscriptionOfferDetailsAndroid</code>
+                </del>{' '}
+                → <code>subscriptionOffers</code>
+              </li>
             </ul>
           </div>
 
           <details open style={{ marginTop: '1rem' }}>
-            <summary style={{ cursor: 'pointer', fontWeight: '600', color: 'var(--text-secondary)' }}>References</summary>
-            <ul style={{ marginTop: '0.5rem', paddingLeft: '1.25rem', fontSize: '0.875rem' }}>
-              <li><a href="/docs/types/offer">Offer Types Documentation</a></li>
-              <li><a href="/docs/features/discount">Discount Feature Guide</a></li>
+            <summary
+              style={{
+                cursor: 'pointer',
+                fontWeight: '600',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              References
+            </summary>
+            <ul
+              style={{
+                marginTop: '0.5rem',
+                paddingLeft: '1.25rem',
+                fontSize: '0.875rem',
+              }}
+            >
+              <li>
+                <a href="/docs/types/offer">Offer Types Documentation</a>
+              </li>
+              <li>
+                <a href="/docs/features/discount">Discount Feature Guide</a>
+              </li>
             </ul>
           </details>
         </div>
@@ -485,50 +1183,153 @@ result.error                  // optional error`}</CodeBlock>
       element: (
         <div key="gql-1-3-11-google-1-3-21-apple-1-3-9" style={noteCardStyle}>
           <AnchorLink id="gql-1-3-11-google-1-3-21-apple-1-3-9" level="h4">
-            📅 openiap-gql v1.3.11 / openiap-google v1.3.21 / openiap-apple v1.3.9 - PurchaseState Cleanup
+            📅 openiap-gql v1.3.11 / openiap-google v1.3.21 / openiap-apple
+            v1.3.9 - PurchaseState Cleanup
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            Simplified PurchaseState enum and deprecated AlternativeBillingModeAndroid in favor of BillingProgramAndroid.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Simplified PurchaseState enum and deprecated
+            AlternativeBillingModeAndroid in favor of BillingProgramAndroid.
           </p>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>1. PurchaseState Simplified</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Removed unused <code>Failed</code>, <code>Restored</code>, <code>Deferred</code> states. Now: <code>Pending</code>, <code>Purchased</code>, <code>Unknown</code>
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              1. PurchaseState Simplified
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Removed unused <code>Failed</code>, <code>Restored</code>,{' '}
+              <code>Deferred</code> states. Now: <code>Pending</code>,{' '}
+              <code>Purchased</code>, <code>Unknown</code>
             </p>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>Failed</code> - Platforms return errors instead</li>
-              <li><code>Restored</code> - Returns as <code>Purchased</code> state</li>
-              <li><code>Deferred</code> - StoreKit 2 has no transaction state; Android uses <code>Pending</code></li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>Failed</code> - Platforms return errors instead
+              </li>
+              <li>
+                <code>Restored</code> - Returns as <code>Purchased</code> state
+              </li>
+              <li>
+                <code>Deferred</code> - StoreKit 2 has no transaction state;
+                Android uses <code>Pending</code>
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>2. API Consolidation - BillingProgramAndroid</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Deprecated <code>AlternativeBillingModeAndroid</code> in favor of unified <code>BillingProgramAndroid</code> enum.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              2. API Consolidation - BillingProgramAndroid
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Deprecated <code>AlternativeBillingModeAndroid</code> in favor of
+              unified <code>BillingProgramAndroid</code> enum.
             </p>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>BillingProgramAndroid.USER_CHOICE_BILLING</code> - New enum value (7.0+)</li>
-              <li><del><code>AlternativeBillingModeAndroid</code></del> - Deprecated</li>
-              <li><del><code>InitConnectionConfig.alternativeBillingModeAndroid</code></del> - Deprecated</li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>BillingProgramAndroid.USER_CHOICE_BILLING</code> - New
+                enum value (7.0+)
+              </li>
+              <li>
+                <del>
+                  <code>AlternativeBillingModeAndroid</code>
+                </del>{' '}
+                - Deprecated
+              </li>
+              <li>
+                <del>
+                  <code>
+                    InitConnectionConfig.alternativeBillingModeAndroid
+                  </code>
+                </del>{' '}
+                - Deprecated
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>3. Migration</h5>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>alternativeBillingModeAndroid: USER_CHOICE</code> → <code>enableBillingProgramAndroid: USER_CHOICE_BILLING</code></li>
-              <li><code>alternativeBillingModeAndroid: ALTERNATIVE_ONLY</code> → <code>enableBillingProgramAndroid: EXTERNAL_OFFER</code></li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>alternativeBillingModeAndroid: USER_CHOICE</code> →{' '}
+                <code>enableBillingProgramAndroid: USER_CHOICE_BILLING</code>
+              </li>
+              <li>
+                <code>alternativeBillingModeAndroid: ALTERNATIVE_ONLY</code> →{' '}
+                <code>enableBillingProgramAndroid: EXTERNAL_OFFER</code>
+              </li>
             </ul>
           </div>
 
           <details open style={{ marginTop: '1rem' }}>
-            <summary style={{ cursor: 'pointer', fontWeight: '600', color: 'var(--text-secondary)' }}>References</summary>
-            <ul style={{ marginTop: '0.5rem', paddingLeft: '1.25rem', fontSize: '0.875rem' }}>
-              <li><a href="https://developer.android.com/reference/com/android/billingclient/api/Purchase.PurchaseState" target="_blank" rel="noopener noreferrer">Google Play Billing - Purchase.PurchaseState</a></li>
-              <li><a href="https://developer.apple.com/documentation/storekit/product/purchaseresult" target="_blank" rel="noopener noreferrer">Apple StoreKit 2 - Product.PurchaseResult</a></li>
+            <summary
+              style={{
+                cursor: 'pointer',
+                fontWeight: '600',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              References
+            </summary>
+            <ul
+              style={{
+                marginTop: '0.5rem',
+                paddingLeft: '1.25rem',
+                fontSize: '0.875rem',
+              }}
+            >
+              <li>
+                <a
+                  href="https://developer.android.com/reference/com/android/billingclient/api/Purchase.PurchaseState"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Google Play Billing - Purchase.PurchaseState
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://developer.apple.com/documentation/storekit/product/purchaseresult"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Apple StoreKit 2 - Product.PurchaseResult
+                </a>
+              </li>
             </ul>
           </details>
         </div>
@@ -541,45 +1342,134 @@ result.error                  // optional error`}</CodeBlock>
       element: (
         <div key="release-dec-28-2025" style={noteCardStyle}>
           <AnchorLink id="release-dec-28-2025" level="h4">
-            📅 openiap-gql v1.3.10 / openiap-google v1.3.19 / openiap-apple v1.3.8 - <a href="https://developer.android.com/google/play/billing/release-notes#8-3-0" target="_blank" rel="noopener noreferrer">Google Play Billing 8.3.0 External Payments</a>
+            📅 openiap-gql v1.3.10 / openiap-google v1.3.19 / openiap-apple
+            v1.3.8 -{' '}
+            <a
+              href="https://developer.android.com/google/play/billing/release-notes#8-3-0"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Google Play Billing 8.3.0 External Payments
+            </a>
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            InitConnectionConfig enhancement, auto connection management for iOS, and External Payments program support.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            InitConnectionConfig enhancement, auto connection management for
+            iOS, and External Payments program support.
           </p>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>1. GQL v1.3.10 - InitConnectionConfig Enhancement</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Added <code>enableBillingProgramAndroid: BillingProgramAndroid</code> field for easier billing program setup during <code>initConnection()</code>.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              1. GQL v1.3.10 - InitConnectionConfig Enhancement
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Added{' '}
+              <code>enableBillingProgramAndroid: BillingProgramAndroid</code>{' '}
+              field for easier billing program setup during{' '}
+              <code>initConnection()</code>.
             </p>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>2. Apple v1.3.8 - Auto Connection Management</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              All API methods now automatically call <code>initConnection()</code> internally. No need to manually call it before using any API. Backward compatible.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              2. Apple v1.3.8 - Auto Connection Management
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              All API methods now automatically call{' '}
+              <code>initConnection()</code> internally. No need to manually call
+              it before using any API. Backward compatible.
             </p>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>3. Google v1.3.19 - External Payments Program (Japan Only)</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Billing Library 8.3.0 introduces side-by-side choice between Google Play Billing and developer's external payment.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              3. Google v1.3.19 - External Payments Program (Japan Only)
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Billing Library 8.3.0 introduces side-by-side choice between
+              Google Play Billing and developer's external payment.
             </p>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>BillingProgramAndroid.EXTERNAL_PAYMENTS</code> - New billing program type</li>
-              <li><code>DeveloperBillingOptionParamsAndroid</code> - Configure external payment option</li>
-              <li><code>DeveloperProvidedBillingDetailsAndroid</code> - Contains externalTransactionToken</li>
-              <li><code>IapEvent.DeveloperProvidedBillingAndroid</code> - New event</li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>BillingProgramAndroid.EXTERNAL_PAYMENTS</code> - New
+                billing program type
+              </li>
+              <li>
+                <code>DeveloperBillingOptionParamsAndroid</code> - Configure
+                external payment option
+              </li>
+              <li>
+                <code>DeveloperProvidedBillingDetailsAndroid</code> - Contains
+                externalTransactionToken
+              </li>
+              <li>
+                <code>IapEvent.DeveloperProvidedBillingAndroid</code> - New
+                event
+              </li>
             </ul>
           </div>
 
           <details open style={{ marginTop: '1rem' }}>
-            <summary style={{ cursor: 'pointer', fontWeight: '600', color: 'var(--text-secondary)' }}>References</summary>
-            <ul style={{ marginTop: '0.5rem', paddingLeft: '1.25rem', fontSize: '0.875rem' }}>
-              <li><a href="https://developer.android.com/google/play/billing/externalpaymentlinks" target="_blank" rel="noopener noreferrer">External Payment Links Documentation</a></li>
-              <li><a href="/docs/features/external-purchase#external-payments-830---japan-only">External Payments Implementation Guide</a></li>
+            <summary
+              style={{
+                cursor: 'pointer',
+                fontWeight: '600',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              References
+            </summary>
+            <ul
+              style={{
+                marginTop: '0.5rem',
+                paddingLeft: '1.25rem',
+                fontSize: '0.875rem',
+              }}
+            >
+              <li>
+                <a
+                  href="https://developer.android.com/google/play/billing/externalpaymentlinks"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  External Payment Links Documentation
+                </a>
+              </li>
+              <li>
+                <a href="/docs/features/external-purchase#external-payments-830---japan-only">
+                  External Payments Implementation Guide
+                </a>
+              </li>
             </ul>
           </details>
         </div>
@@ -593,38 +1483,125 @@ result.error                  // optional error`}</CodeBlock>
       element: (
         <div key="v1.3.16-billing-821" style={noteCardStyle}>
           <AnchorLink id="v1.3.16-billing-821" level="h4">
-            📅 openiap-google v1.3.16 - <a href="https://developer.android.com/google/play/billing/release-notes#8-2-1" target="_blank" rel="noopener noreferrer">Google Play Billing 8.2.1</a>
+            📅 openiap-google v1.3.16 -{' '}
+            <a
+              href="https://developer.android.com/google/play/billing/release-notes#8-2-1"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Google Play Billing 8.2.1
+            </a>
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            Upgraded from 8.1.0 to 8.2.1 with new Billing Programs API. Skipped 8.2.0 due to bugs in <code>isBillingProgramAvailableAsync</code> and <code>createBillingProgramReportingDetailsAsync</code>.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Upgraded from 8.1.0 to 8.2.1 with new Billing Programs API. Skipped
+            8.2.0 due to bugs in <code>isBillingProgramAvailableAsync</code> and{' '}
+            <code>createBillingProgramReportingDetailsAsync</code>.
           </p>
 
           <div style={{ marginBottom: '1.25rem' }}>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>1. New APIs</h5>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><code>enableBillingProgram()</code> - Setup BillingClient for billing programs</li>
-              <li><code>isBillingProgramAvailableAsync()</code> - Determine user eligibility</li>
-              <li><code>createBillingProgramReportingDetailsAsync()</code> - Create external transaction token</li>
-              <li><code>launchExternalLink()</code> - Initiate external link</li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <code>enableBillingProgram()</code> - Setup BillingClient for
+                billing programs
+              </li>
+              <li>
+                <code>isBillingProgramAvailableAsync()</code> - Determine user
+                eligibility
+              </li>
+              <li>
+                <code>createBillingProgramReportingDetailsAsync()</code> -
+                Create external transaction token
+              </li>
+              <li>
+                <code>launchExternalLink()</code> - Initiate external link
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
             <h5 style={{ margin: '0 0 0.25rem 0' }}>2. Deprecated APIs</h5>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li><del><code>enableExternalOffer()</code></del> → <code>enableBillingProgram(BillingProgramAndroid.ExternalOffer)</code></li>
-              <li><del><code>isExternalOfferAvailableAsync()</code></del> → <code>isBillingProgramAvailable()</code></li>
-              <li><del><code>createExternalOfferReportingDetailsAsync()</code></del> → <code>createBillingProgramReportingDetails()</code></li>
-              <li><del><code>showExternalOfferInformationDialog()</code></del> → <code>launchExternalLink()</code></li>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                <del>
+                  <code>enableExternalOffer()</code>
+                </del>{' '}
+                →{' '}
+                <code>
+                  enableBillingProgram(BillingProgramAndroid.ExternalOffer)
+                </code>
+              </li>
+              <li>
+                <del>
+                  <code>isExternalOfferAvailableAsync()</code>
+                </del>{' '}
+                → <code>isBillingProgramAvailable()</code>
+              </li>
+              <li>
+                <del>
+                  <code>createExternalOfferReportingDetailsAsync()</code>
+                </del>{' '}
+                → <code>createBillingProgramReportingDetails()</code>
+              </li>
+              <li>
+                <del>
+                  <code>showExternalOfferInformationDialog()</code>
+                </del>{' '}
+                → <code>launchExternalLink()</code>
+              </li>
             </ul>
           </div>
 
           <details open style={{ marginTop: '1rem' }}>
-            <summary style={{ cursor: 'pointer', fontWeight: '600', color: 'var(--text-secondary)' }}>References</summary>
-            <ul style={{ marginTop: '0.5rem', paddingLeft: '1.25rem', fontSize: '0.875rem' }}>
-              <li><a href="https://developer.android.com/google/play/billing/release-notes#8-2-0" target="_blank" rel="noopener noreferrer">Billing Library 8.2.0 Release Notes</a></li>
-              <li><a href="/docs/features/external-purchase">External Purchase Guide</a></li>
+            <summary
+              style={{
+                cursor: 'pointer',
+                fontWeight: '600',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              References
+            </summary>
+            <ul
+              style={{
+                marginTop: '0.5rem',
+                paddingLeft: '1.25rem',
+                fontSize: '0.875rem',
+              }}
+            >
+              <li>
+                <a
+                  href="https://developer.android.com/google/play/billing/release-notes#8-2-0"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Billing Library 8.2.0 Release Notes
+                </a>
+              </li>
+              <li>
+                <a href="/docs/features/external-purchase">
+                  External Purchase Guide
+                </a>
+              </li>
             </ul>
           </details>
         </div>
@@ -641,14 +1618,36 @@ result.error                  // optional error`}</CodeBlock>
             📅 openiap-gql v1.3.8 - Kotlin Null-Safe Casting
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            Fixed potential <code>TypeCastException</code> in generated Kotlin types by using safe casts (<code>as?</code>) instead of unsafe casts (<code>as</code>).
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Fixed potential <code>TypeCastException</code> in generated Kotlin
+            types by using safe casts (<code>as?</code>) instead of unsafe casts
+            (<code>as</code>).
           </p>
 
-          <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-            <li>Lists now use <code>mapNotNull</code> with safe element casting</li>
-            <li>Non-nullable fields provide sensible defaults (empty string, false, 0, emptyList)</li>
-            <li>Prevents crashes when JSON keys are missing or contain unexpected null values</li>
+          <ul
+            style={{
+              margin: '0.25rem 0',
+              paddingLeft: '1.5rem',
+              fontSize: '0.9rem',
+            }}
+          >
+            <li>
+              Lists now use <code>mapNotNull</code> with safe element casting
+            </li>
+            <li>
+              Non-nullable fields provide sensible defaults (empty string,
+              false, 0, emptyList)
+            </li>
+            <li>
+              Prevents crashes when JSON keys are missing or contain unexpected
+              null values
+            </li>
           </ul>
         </div>
       ),
@@ -661,32 +1660,79 @@ result.error                  // optional error`}</CodeBlock>
       element: (
         <div key="v1.3.7-advanced-commerce" style={noteCardStyle}>
           <AnchorLink id="v1.3.7-advanced-commerce" level="h4">
-            📅 openiap-gql v1.3.7 / openiap-apple v1.3.7 / openiap-google v1.3.15 - Advanced Commerce Data
+            📅 openiap-gql v1.3.7 / openiap-apple v1.3.7 / openiap-google
+            v1.3.15 - Advanced Commerce Data
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            Added support for <a href="https://developer.apple.com/documentation/storekit/product/purchaseoption/custom(key:value:)" target="_blank" rel="noopener noreferrer">StoreKit 2's Product.PurchaseOption.custom API</a> to pass attribution data during purchases.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Added support for{' '}
+            <a
+              href="https://developer.apple.com/documentation/storekit/product/purchaseoption/custom(key:value:)"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              StoreKit 2's Product.PurchaseOption.custom API
+            </a>{' '}
+            to pass attribution data during purchases.
           </p>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>1. <code>advancedCommerceData</code> Field</h5>
-            <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-              <li>New optional field in <code>RequestPurchaseIosProps</code> and <code>RequestSubscriptionIosProps</code></li>
-              <li>Use cases: Campaign attribution, affiliate marketing, promotional code tracking</li>
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              1. <code>advancedCommerceData</code> Field
+            </h5>
+            <ul
+              style={{
+                margin: '0.25rem 0',
+                paddingLeft: '1.5rem',
+                fontSize: '0.9rem',
+              }}
+            >
+              <li>
+                New optional field in <code>RequestPurchaseIosProps</code> and{' '}
+                <code>RequestSubscriptionIosProps</code>
+              </li>
+              <li>
+                Use cases: Campaign attribution, affiliate marketing,
+                promotional code tracking
+              </li>
             </ul>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>2. Deprecated <code>requestPurchaseOnPromotedProductIOS()</code></h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              In StoreKit 2, use <code>promotedProductListenerIOS</code> + <code>requestPurchase()</code> directly.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              2. Deprecated <code>requestPurchaseOnPromotedProductIOS()</code>
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              In StoreKit 2, use <code>promotedProductListenerIOS</code> +{' '}
+              <code>requestPurchase()</code> directly.
             </p>
           </div>
 
           <div style={{ marginBottom: '1.25rem' }}>
-            <h5 style={{ margin: '0 0 0.25rem 0' }}>3. Android: <code>google</code> Field Support</h5>
-            <p style={{ margin: '0.25rem 0', fontSize: '0.9rem', color: 'var(--text-secondary)' }}>
-              Now supports <code>google</code> field with fallback to deprecated <code>android</code> field.
+            <h5 style={{ margin: '0 0 0.25rem 0' }}>
+              3. Android: <code>google</code> Field Support
+            </h5>
+            <p
+              style={{
+                margin: '0.25rem 0',
+                fontSize: '0.9rem',
+                color: 'var(--text-secondary)',
+              }}
+            >
+              Now supports <code>google</code> field with fallback to deprecated{' '}
+              <code>android</code> field.
             </p>
           </div>
         </div>
@@ -700,17 +1746,40 @@ result.error                  // optional error`}</CodeBlock>
       element: (
         <div key="v1.3.5-tag" style={noteCardStyle}>
           <AnchorLink id="v1.3.5-tag" level="h4">
-            📅 openiap-gql v1.3.5 / openiap-apple v1.3.5 - GitHub Release Tag Management Update
+            📅 openiap-gql v1.3.5 / openiap-apple v1.3.5 - GitHub Release Tag
+            Management Update
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            No API changes. Updated GitHub release tag management for Swift Package Manager (SPM) compatibility.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            No API changes. Updated GitHub release tag management for Swift
+            Package Manager (SPM) compatibility.
           </p>
 
-          <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-            <li><strong>Apple</strong>: Uses semver tags directly (e.g., <code>1.3.5</code>) - Required for SPM</li>
-            <li><strong>GQL</strong>: Uses <code>gql-</code> prefix (e.g., <code>gql-1.3.5</code>)</li>
-            <li><strong>Google</strong>: Uses <code>google-</code> prefix (e.g., <code>google-1.3.5</code>)</li>
+          <ul
+            style={{
+              margin: '0.25rem 0',
+              paddingLeft: '1.5rem',
+              fontSize: '0.9rem',
+            }}
+          >
+            <li>
+              <strong>Apple</strong>: Uses semver tags directly (e.g.,{' '}
+              <code>1.3.5</code>) - Required for SPM
+            </li>
+            <li>
+              <strong>GQL</strong>: Uses <code>gql-</code> prefix (e.g.,{' '}
+              <code>gql-1.3.5</code>)
+            </li>
+            <li>
+              <strong>Google</strong>: Uses <code>google-</code> prefix (e.g.,{' '}
+              <code>google-1.3.5</code>)
+            </li>
           </ul>
         </div>
       ),
@@ -723,21 +1792,52 @@ result.error                  // optional error`}</CodeBlock>
       element: (
         <div key="v1.3.4-verify" style={noteCardStyle}>
           <AnchorLink id="v1.3.4-verify" level="h4">
-            📅 openiap-gql v1.3.4 / openiap-google v1.3.14 / openiap-apple v1.3.2 - Platform-Specific Verification
+            📅 openiap-gql v1.3.4 / openiap-google v1.3.14 / openiap-apple
+            v1.3.2 - Platform-Specific Verification
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            <code>verifyPurchase</code> API refactored (Breaking Change). Now requires platform-specific options. <code>sku</code> moved inside each platform options.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            <code>verifyPurchase</code> API refactored (Breaking Change). Now
+            requires platform-specific options. <code>sku</code> moved inside
+            each platform options.
           </p>
 
-          <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-            <li><code>VerifyPurchaseAppleOptions</code> - Apple App Store verification</li>
-            <li><code>VerifyPurchaseGoogleOptions</code> - Google Play with packageName, purchaseToken, accessToken</li>
-            <li><code>VerifyPurchaseHorizonOptions</code> - Meta Horizon (Quest) via S2S API</li>
-            <li><del><code>androidOptions</code></del> → Use <code>google</code> instead</li>
+          <ul
+            style={{
+              margin: '0.25rem 0',
+              paddingLeft: '1.5rem',
+              fontSize: '0.9rem',
+            }}
+          >
+            <li>
+              <code>VerifyPurchaseAppleOptions</code> - Apple App Store
+              verification
+            </li>
+            <li>
+              <code>VerifyPurchaseGoogleOptions</code> - Google Play with
+              packageName, purchaseToken, accessToken
+            </li>
+            <li>
+              <code>VerifyPurchaseHorizonOptions</code> - Meta Horizon (Quest)
+              via S2S API
+            </li>
+            <li>
+              <del>
+                <code>androidOptions</code>
+              </del>{' '}
+              → Use <code>google</code> instead
+            </li>
           </ul>
 
-          <p style={{ fontSize: '0.9rem' }}>See: <a href="/docs/apis#verify-purchase">verifyPurchase API</a></p>
+          <p style={{ fontSize: '0.9rem' }}>
+            See: <a href="/docs/apis#verify-purchase">verifyPurchase API</a>
+          </p>
         </div>
       ),
     },
@@ -749,20 +1849,61 @@ result.error                  // optional error`}</CodeBlock>
       element: (
         <div key="v1.3.12-billing" style={noteCardStyle}>
           <AnchorLink id="v1.3.12-billing" level="h4">
-            📅 openiap-google v1.3.12 / openiap-gql v1.3.2 - <a href="https://developer.android.com/google/play/billing/release-notes#8-2-0" target="_blank" rel="noopener noreferrer">Google Play Billing 8.2.0</a> Billing Programs API
+            📅 openiap-google v1.3.12 / openiap-gql v1.3.2 -{' '}
+            <a
+              href="https://developer.android.com/google/play/billing/release-notes#8-2-0"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Google Play Billing 8.2.0
+            </a>{' '}
+            Billing Programs API
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            New Billing Programs API (8.2.0+) and deprecated alternative billing APIs.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            New Billing Programs API (8.2.0+) and deprecated alternative billing
+            APIs.
           </p>
 
-          <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-            <li><code>enableBillingProgram()</code>, <code>isBillingProgramAvailable()</code>, <code>createBillingProgramReportingDetails()</code>, <code>launchExternalLink()</code></li>
-            <li><del><code>checkAlternativeBillingAvailability()</code></del> → <code>isBillingProgramAvailable()</code></li>
-            <li><del><code>showAlternativeBillingInformationDialog()</code></del> → <code>launchExternalLink()</code></li>
+          <ul
+            style={{
+              margin: '0.25rem 0',
+              paddingLeft: '1.5rem',
+              fontSize: '0.9rem',
+            }}
+          >
+            <li>
+              <code>enableBillingProgram()</code>,{' '}
+              <code>isBillingProgramAvailable()</code>,{' '}
+              <code>createBillingProgramReportingDetails()</code>,{' '}
+              <code>launchExternalLink()</code>
+            </li>
+            <li>
+              <del>
+                <code>checkAlternativeBillingAvailability()</code>
+              </del>{' '}
+              → <code>isBillingProgramAvailable()</code>
+            </li>
+            <li>
+              <del>
+                <code>showAlternativeBillingInformationDialog()</code>
+              </del>{' '}
+              → <code>launchExternalLink()</code>
+            </li>
           </ul>
 
-          <p style={{ fontSize: '0.9rem' }}>See: <a href="/docs/features/external-purchase">External Purchase Guide</a></p>
+          <p style={{ fontSize: '0.9rem' }}>
+            See:{' '}
+            <a href="/docs/features/external-purchase">
+              External Purchase Guide
+            </a>
+          </p>
         </div>
       ),
     },
@@ -774,17 +1915,46 @@ result.error                  // optional error`}</CodeBlock>
       element: (
         <div key="v1.3.11-billing" style={noteCardStyle}>
           <AnchorLink id="v1.3.11-billing" level="h4">
-            📅 openiap-google v1.3.11 / openiap-gql v1.3.1 - <a href="https://developer.android.com/google/play/billing/release-notes#8-1-0" target="_blank" rel="noopener noreferrer">Google Play Billing 8.1.0</a>
+            📅 openiap-google v1.3.11 / openiap-gql v1.3.1 -{' '}
+            <a
+              href="https://developer.android.com/google/play/billing/release-notes#8-1-0"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Google Play Billing 8.1.0
+            </a>
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            Billing Library 8.0.0 → 8.1.0, minSdk 21 → 23, Kotlin 2.0.21 → 2.2.0.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Billing Library 8.0.0 → 8.1.0, minSdk 21 → 23, Kotlin 2.0.21 →
+            2.2.0.
           </p>
 
-          <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-            <li><code>isSuspendedAndroid</code> - Detect suspended subscriptions due to payment failures</li>
-            <li><code>PreorderDetailsAndroid</code> - New type for pre-order products</li>
-            <li><code>oneTimePurchaseOfferDetailsAndroid</code> - Changed to array type</li>
+          <ul
+            style={{
+              margin: '0.25rem 0',
+              paddingLeft: '1.5rem',
+              fontSize: '0.9rem',
+            }}
+          >
+            <li>
+              <code>isSuspendedAndroid</code> - Detect suspended subscriptions
+              due to payment failures
+            </li>
+            <li>
+              <code>PreorderDetailsAndroid</code> - New type for pre-order
+              products
+            </li>
+            <li>
+              <code>oneTimePurchaseOfferDetailsAndroid</code> - Changed to array
+              type
+            </li>
           </ul>
         </div>
       ),
@@ -800,12 +1970,35 @@ result.error                  // optional error`}</CodeBlock>
             📅 openiap v1.3.0 - Platform Props & Store Field Updates
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            Breaking Changes: <del><code>Purchase.platform</code></del> → <code>store</code>, <del><code>ios/android</code></del> props → <code>apple/google</code>.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Breaking Changes:{' '}
+            <del>
+              <code>Purchase.platform</code>
+            </del>{' '}
+            → <code>store</code>,{' '}
+            <del>
+              <code>ios/android</code>
+            </del>{' '}
+            props → <code>apple/google</code>.
           </p>
 
-          <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-            <li>New: <code>verifyPurchaseWithProvider</code> - Verification with external providers like IAPKit</li>
+          <ul
+            style={{
+              margin: '0.25rem 0',
+              paddingLeft: '1.5rem',
+              fontSize: '0.9rem',
+            }}
+          >
+            <li>
+              New: <code>verifyPurchaseWithProvider</code> - Verification with
+              external providers like IAPKit
+            </li>
           </ul>
         </div>
       ),
@@ -821,8 +2014,15 @@ result.error                  // optional error`}</CodeBlock>
             📅 openiap v1.2.6 - <del>validateReceipt</del> → verifyPurchase
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            Terminology alignment with modern StoreKit 2. "Receipt Validation" was Apple's legacy term. Unified interface across iOS and Android.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Terminology alignment with modern StoreKit 2. "Receipt Validation"
+            was Apple's legacy term. Unified interface across iOS and Android.
           </p>
         </div>
       ),
@@ -838,8 +2038,15 @@ result.error                  // optional error`}</CodeBlock>
             📅 openiap v1.2.0 - Version Alignment & Alternative Billing
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            Version jumped from 1.0.12 to 1.2.0 to align with native libraries. iOS External Purchase & Android Alternative Billing support.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            Version jumped from 1.0.12 to 1.2.0 to align with native libraries.
+            iOS External Purchase & Android Alternative Billing support.
           </p>
         </div>
       ),
@@ -855,12 +2062,29 @@ result.error                  // optional error`}</CodeBlock>
             📅 openiap-gql 1.0.12 - External Purchase Support
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            iOS External Purchase (iOS 17.4+, 18.2+) and Android Alternative Billing (Billing Library 6.2+/7.0+).
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            iOS External Purchase (iOS 17.4+, 18.2+) and Android Alternative
+            Billing (Billing Library 6.2+/7.0+).
           </p>
 
-          <ul style={{ margin: '0.25rem 0', paddingLeft: '1.5rem', fontSize: '0.9rem' }}>
-            <li><code>canPresentExternalPurchaseNoticeIOS()</code>, <code>presentExternalPurchaseNoticeSheetIOS()</code>, <code>presentExternalPurchaseLinkIOS()</code></li>
+          <ul
+            style={{
+              margin: '0.25rem 0',
+              paddingLeft: '1.5rem',
+              fontSize: '0.9rem',
+            }}
+          >
+            <li>
+              <code>canPresentExternalPurchaseNoticeIOS()</code>,{' '}
+              <code>presentExternalPurchaseNoticeSheetIOS()</code>,{' '}
+              <code>presentExternalPurchaseLinkIOS()</code>
+            </li>
           </ul>
         </div>
       ),
@@ -876,8 +2100,16 @@ result.error                  // optional error`}</CodeBlock>
             📅 August 2025 - Subscription Status APIs
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            New standardized APIs: <code>getActiveSubscriptions()</code>, <code>hasActiveSubscriptions()</code> - automatic detection without requiring product IDs.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            New standardized APIs: <code>getActiveSubscriptions()</code>,{' '}
+            <code>hasActiveSubscriptions()</code> - automatic detection without
+            requiring product IDs.
           </p>
         </div>
       ),
@@ -893,8 +2125,15 @@ result.error                  // optional error`}</CodeBlock>
             📅 August 31, 2024 - Billing Library v5 Deprecated
           </AnchorLink>
 
-          <p style={{ marginTop: '0.75rem', marginBottom: '1rem', color: 'var(--text-secondary)' }}>
-            All apps must use Google Play Billing Library v6.0.1 or later. Deadline extended to November 1, 2024.
+          <p
+            style={{
+              marginTop: '0.75rem',
+              marginBottom: '1rem',
+              color: 'var(--text-secondary)',
+            }}
+          >
+            All apps must use Google Play Billing Library v6.0.1 or later.
+            Deadline extended to November 1, 2024.
           </p>
         </div>
       ),
diff --git a/packages/docs/src/pages/introduction.tsx b/packages/docs/src/pages/introduction.tsx
index fabb56a0..6c2c66d4 100644
--- a/packages/docs/src/pages/introduction.tsx
+++ b/packages/docs/src/pages/introduction.tsx
@@ -550,9 +550,7 @@ await endConnection();`}
         {/* Getting Started */}
         <section className="intro-section">
           <h2>Getting Started</h2>
-          <p className="intro-text">
-            Choose your framework to get started:
-          </p>
+          <p className="intro-text">Choose your framework to get started:</p>
           <div className="getting-started-grid">
             <Link to="/docs/apis" className="getting-started-card">
               <strong>API Reference</strong>
diff --git a/packages/docs/src/pages/tutorials.tsx b/packages/docs/src/pages/tutorials.tsx
index 249c224a..3c5c9536 100644
--- a/packages/docs/src/pages/tutorials.tsx
+++ b/packages/docs/src/pages/tutorials.tsx
@@ -75,11 +75,20 @@ function Tutorials() {
                 e.currentTarget.style.borderColor = 'var(--border-color)';
               }}
             >
-              <span style={{ color: 'var(--text-primary)', fontWeight: '500', fontSize: 'var(--font-size-sm)' }}>
+              <span
+                style={{
+                  color: 'var(--text-primary)',
+                  fontWeight: '500',
+                  fontSize: 'var(--font-size-sm)',
+                }}
+              >
                 Android Billing Library 8.0.0 Release
               </span>
               <span
-                style={{ color: 'var(--text-secondary)', fontSize: 'var(--font-size-xs)' }}
+                style={{
+                  color: 'var(--text-secondary)',
+                  fontSize: 'var(--font-size-xs)',
+                }}
               >
                 2025-06-30
               </span>
@@ -108,11 +117,20 @@ function Tutorials() {
                 e.currentTarget.style.borderColor = 'var(--border-color)';
               }}
             >
-              <span style={{ color: 'var(--text-primary)', fontWeight: '500', fontSize: 'var(--font-size-sm)' }}>
+              <span
+                style={{
+                  color: 'var(--text-primary)',
+                  fontWeight: '500',
+                  fontSize: 'var(--font-size-sm)',
+                }}
+              >
                 What's new in StoreKit and In-App Purchase
               </span>
               <span
-                style={{ color: 'var(--text-secondary)', fontSize: 'var(--font-size-xs)' }}
+                style={{
+                  color: 'var(--text-secondary)',
+                  fontSize: 'var(--font-size-xs)',
+                }}
               >
                 2025-06-10
               </span>
diff --git a/packages/docs/src/styles/documentation.css b/packages/docs/src/styles/documentation.css
index 9a4b96bd..78650dd6 100644
--- a/packages/docs/src/styles/documentation.css
+++ b/packages/docs/src/styles/documentation.css
@@ -197,7 +197,8 @@
   display: flex;
   align-items: center;
   gap: var(--spacing-sm);
-  padding: var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) calc(var(--spacing-lg) + 0.5rem);
+  padding: var(--spacing-xs) var(--spacing-lg) var(--spacing-xs)
+    calc(var(--spacing-lg) + 0.5rem);
   color: var(--text-secondary);
   font-size: var(--font-size-sm);
   text-decoration: none;
@@ -399,7 +400,6 @@
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
 }
 
-
 /* Anchor Links */
 .anchor-heading {
   position: relative;
diff --git a/packages/docs/src/styles/pages.css b/packages/docs/src/styles/pages.css
index 56bcc509..cdafdb15 100644
--- a/packages/docs/src/styles/pages.css
+++ b/packages/docs/src/styles/pages.css
@@ -507,7 +507,9 @@
   border: 1px solid var(--border-color);
   text-decoration: none;
   color: var(--text-primary);
-  transition: transform 0.2s, box-shadow 0.2s;
+  transition:
+    transform 0.2s,
+    box-shadow 0.2s;
 }
 
 .getting-started-card:hover {
diff --git a/packages/google/openiap/src/horizon/java/dev/hyo/openiap/OpenIapViewModel.kt b/packages/google/openiap/src/main/java/dev/hyo/openiap/OpenIapViewModel.kt
similarity index 100%
rename from packages/google/openiap/src/horizon/java/dev/hyo/openiap/OpenIapViewModel.kt
rename to packages/google/openiap/src/main/java/dev/hyo/openiap/OpenIapViewModel.kt
diff --git a/packages/google/openiap/src/horizon/java/dev/hyo/openiap/helpers/SharedHelpers.kt b/packages/google/openiap/src/main/java/dev/hyo/openiap/helpers/CommonHelpers.kt
similarity index 87%
rename from packages/google/openiap/src/horizon/java/dev/hyo/openiap/helpers/SharedHelpers.kt
rename to packages/google/openiap/src/main/java/dev/hyo/openiap/helpers/CommonHelpers.kt
index 004d8343..ff61e151 100644
--- a/packages/google/openiap/src/horizon/java/dev/hyo/openiap/helpers/SharedHelpers.kt
+++ b/packages/google/openiap/src/main/java/dev/hyo/openiap/helpers/CommonHelpers.kt
@@ -1,6 +1,7 @@
 package dev.hyo.openiap.helpers
 
 import dev.hyo.openiap.AndroidSubscriptionOfferInput
+import dev.hyo.openiap.DeveloperBillingOptionParamsAndroid
 import dev.hyo.openiap.ErrorCode
 import dev.hyo.openiap.OpenIapError
 import dev.hyo.openiap.ProductQueryType
@@ -14,7 +15,8 @@ import kotlinx.coroutines.suspendCancellableCoroutine
 import kotlin.coroutines.resume
 
 /**
- * Suspend function to wait for purchase update (Horizon)
+ * Suspend function to wait for a purchase update via listener.
+ * Shared between Play and Horizon flavors.
  */
 internal suspend fun onPurchaseUpdated(
     addListener: (OpenIapPurchaseUpdateListener) -> Unit,
@@ -31,7 +33,8 @@ internal suspend fun onPurchaseUpdated(
 }
 
 /**
- * Suspend function to wait for purchase error (Horizon)
+ * Suspend function to wait for a purchase error via listener.
+ * Shared between Play and Horizon flavors.
  */
 internal suspend fun onPurchaseError(
     addListener: (OpenIapPurchaseErrorListener) -> Unit,
@@ -48,7 +51,8 @@ internal suspend fun onPurchaseError(
 }
 
 /**
- * Data class for Android purchase arguments (Horizon)
+ * Data class representing parsed Android purchase arguments.
+ * Shared between Play and Horizon flavors.
  */
 internal data class AndroidPurchaseArgs(
     val skus: List<String>,
@@ -60,12 +64,14 @@ internal data class AndroidPurchaseArgs(
     val replacementMode: Int?,
     val subscriptionOffers: List<AndroidSubscriptionOfferInput>?,
     val subscriptionProductReplacementParams: SubscriptionProductReplacementParamsAndroid?,
+    val developerBillingOption: DeveloperBillingOptionParamsAndroid?,
     val type: ProductQueryType,
     val useAlternativeBilling: Boolean?
 )
 
 /**
- * Extension function to convert RequestPurchaseProps to AndroidPurchaseArgs (Horizon)
+ * Extension function to convert RequestPurchaseProps to AndroidPurchaseArgs.
+ * Shared between Play and Horizon flavors.
  */
 internal fun RequestPurchaseProps.toAndroidPurchaseArgs(): AndroidPurchaseArgs {
     return when (val payload = request) {
@@ -83,6 +89,7 @@ internal fun RequestPurchaseProps.toAndroidPurchaseArgs(): AndroidPurchaseArgs {
                 replacementMode = null,
                 subscriptionOffers = null,
                 subscriptionProductReplacementParams = null,
+                developerBillingOption = params.developerBillingOption,
                 type = type,
                 useAlternativeBilling = useAlternativeBilling
             )
@@ -106,6 +113,7 @@ internal fun RequestPurchaseProps.toAndroidPurchaseArgs(): AndroidPurchaseArgs {
                 replacementMode = params.replacementMode,
                 subscriptionOffers = params.subscriptionOffers,
                 subscriptionProductReplacementParams = params.subscriptionProductReplacementParams,
+                developerBillingOption = params.developerBillingOption,
                 type = type,
                 useAlternativeBilling = useAlternativeBilling
             )
@@ -114,7 +122,8 @@ internal fun RequestPurchaseProps.toAndroidPurchaseArgs(): AndroidPurchaseArgs {
 }
 
 /**
- * Extension function to convert OpenIapError to PurchaseError (Horizon)
+ * Extension function to convert OpenIapError to PurchaseError.
+ * Shared between Play and Horizon flavors.
  */
 internal fun OpenIapError.toPurchaseError(): PurchaseError {
     val code = runCatching { ErrorCode.fromJson(this.code) }.getOrElse { ErrorCode.Unknown }
diff --git a/packages/google/openiap/src/play/java/dev/hyo/openiap/OpenIapViewModel.kt b/packages/google/openiap/src/play/java/dev/hyo/openiap/OpenIapViewModel.kt
deleted file mode 100644
index a96c1e18..00000000
--- a/packages/google/openiap/src/play/java/dev/hyo/openiap/OpenIapViewModel.kt
+++ /dev/null
@@ -1,84 +0,0 @@
-package dev.hyo.openiap
-
-import androidx.lifecycle.AndroidViewModel
-import androidx.lifecycle.viewModelScope
-import android.app.Application
-import dev.hyo.openiap.store.OpenIapStore
-import kotlinx.coroutines.flow.StateFlow
-import kotlinx.coroutines.launch
-
-/**
- * Android ViewModel wrapper around OpenIapStore for easy integration
- */
-class OpenIapViewModel(app: Application) : AndroidViewModel(app) {
-    private val store = OpenIapStore(app.applicationContext)
-
-    val isConnected: StateFlow<Boolean> = store.isConnected
-    val products = store.products
-    val availablePurchases = store.availablePurchases
-    val status = store.status
-
-    fun initConnection(config: InitConnectionConfig? = null) {
-        viewModelScope.launch { runCatching { store.initConnection(config) } }
-    }
-    fun endConnection() { viewModelScope.launch { runCatching { store.endConnection() } } }
-
-    fun fetchProducts(skus: List<String>, type: ProductQueryType = ProductQueryType.All) {
-        viewModelScope.launch {
-            runCatching {
-                val request = ProductRequest(skus = skus, type = type)
-                store.fetchProducts(request)
-            }
-        }
-    }
-
-    fun restorePurchases() {
-        viewModelScope.launch {
-            runCatching {
-                store.getAvailablePurchases(null)
-            }
-        }
-    }
-
-    fun requestPurchase(skus: List<String>, type: ProductQueryType = ProductQueryType.InApp) {
-        viewModelScope.launch {
-            runCatching {
-                val props = when (type) {
-                    ProductQueryType.InApp -> {
-                        val android = RequestPurchaseAndroidProps(
-                            isOfferPersonalized = null,
-                            obfuscatedAccountId = null,
-                            obfuscatedProfileId = null,
-                            skus = skus
-                        )
-                        RequestPurchaseProps(
-                            request = RequestPurchaseProps.Request.Purchase(
-                                RequestPurchasePropsByPlatforms(android = android)
-                            ),
-                            type = type
-                        )
-                    }
-                    ProductQueryType.Subs -> {
-                        val android = RequestSubscriptionAndroidProps(
-                            isOfferPersonalized = null,
-                            obfuscatedAccountId = null,
-                            obfuscatedProfileId = null,
-                            purchaseToken = null,
-                            replacementMode = null,
-                            skus = skus,
-                            subscriptionOffers = null
-                        )
-                        RequestPurchaseProps(
-                            request = RequestPurchaseProps.Request.Subscription(
-                                RequestSubscriptionPropsByPlatforms(android = android)
-                            ),
-                            type = type
-                        )
-                    }
-                    else -> throw IllegalArgumentException("type must be InApp or Subs")
-                }
-                store.requestPurchase(props)
-            }
-        }
-    }
-}
diff --git a/packages/google/openiap/src/play/java/dev/hyo/openiap/helpers/Helpers.kt b/packages/google/openiap/src/play/java/dev/hyo/openiap/helpers/Helpers.kt
index fa83ce23..802111c2 100644
--- a/packages/google/openiap/src/play/java/dev/hyo/openiap/helpers/Helpers.kt
+++ b/packages/google/openiap/src/play/java/dev/hyo/openiap/helpers/Helpers.kt
@@ -3,48 +3,14 @@ package dev.hyo.openiap.helpers
 import com.android.billingclient.api.BillingClient
 import com.android.billingclient.api.ProductDetails
 import com.android.billingclient.api.QueryPurchasesParams
-import dev.hyo.openiap.AndroidSubscriptionOfferInput
-import dev.hyo.openiap.DeveloperBillingOptionParamsAndroid
-import dev.hyo.openiap.ErrorCode
 import dev.hyo.openiap.OpenIapError
-import dev.hyo.openiap.ProductQueryType
 import dev.hyo.openiap.Purchase
-import dev.hyo.openiap.PurchaseError
-import dev.hyo.openiap.RequestPurchaseProps
-import dev.hyo.openiap.SubscriptionProductReplacementParamsAndroid
-import dev.hyo.openiap.listener.OpenIapPurchaseErrorListener
-import dev.hyo.openiap.listener.OpenIapPurchaseUpdateListener
 import dev.hyo.openiap.utils.BillingConverters.toPurchase
 import kotlinx.coroutines.suspendCancellableCoroutine
 import kotlin.coroutines.resume
 
-internal suspend fun onPurchaseUpdated(
-    addListener: (OpenIapPurchaseUpdateListener) -> Unit,
-    removeListener: (OpenIapPurchaseUpdateListener) -> Unit
-): Purchase = suspendCancellableCoroutine { continuation ->
-    val listener = object : OpenIapPurchaseUpdateListener {
-        override fun onPurchaseUpdated(purchase: Purchase) {
-            removeListener(this)
-            if (continuation.isActive) continuation.resume(purchase)
-        }
-    }
-    addListener(listener)
-    continuation.invokeOnCancellation { removeListener(listener) }
-}
-
-internal suspend fun onPurchaseError(
-    addListener: (OpenIapPurchaseErrorListener) -> Unit,
-    removeListener: (OpenIapPurchaseErrorListener) -> Unit
-): PurchaseError = suspendCancellableCoroutine { continuation ->
-    val listener = object : OpenIapPurchaseErrorListener {
-        override fun onPurchaseError(error: OpenIapError) {
-            removeListener(this)
-            if (continuation.isActive) continuation.resume(error.toPurchaseError())
-        }
-    }
-    addListener(listener)
-    continuation.invokeOnCancellation { removeListener(listener) }
-}
+// Common helpers (onPurchaseUpdated, onPurchaseError, AndroidPurchaseArgs,
+// toAndroidPurchaseArgs, toPurchaseError) are in main/helpers/CommonHelpers.kt
 
 internal suspend fun restorePurchases(
     client: BillingClient?,
@@ -112,76 +78,3 @@ internal suspend fun queryProductDetails(
     if (!billingClient.isReady) throw OpenIapError.NotPrepared
     return productManager.getOrQuery(billingClient, skus, productType)
 }
-
-internal data class AndroidPurchaseArgs(
-    val skus: List<String>,
-    val isOfferPersonalized: Boolean?,
-    val obfuscatedAccountId: String?,
-    val obfuscatedProfileId: String?,
-    val offerToken: String?,
-    val purchaseToken: String?,
-    val replacementMode: Int?,
-    val subscriptionOffers: List<AndroidSubscriptionOfferInput>?,
-    val subscriptionProductReplacementParams: SubscriptionProductReplacementParamsAndroid?,
-    val developerBillingOption: DeveloperBillingOptionParamsAndroid?,
-    val type: ProductQueryType,
-    val useAlternativeBilling: Boolean?
-)
-
-internal fun RequestPurchaseProps.toAndroidPurchaseArgs(): AndroidPurchaseArgs {
-    return when (val payload = request) {
-        is RequestPurchaseProps.Request.Purchase -> {
-            // Prefer 'google' over deprecated 'android' field
-            val params = payload.value.google ?: payload.value.android
-                ?: throw IllegalArgumentException("Google purchase parameters are required (use 'google' field)")
-            AndroidPurchaseArgs(
-                skus = params.skus,
-                isOfferPersonalized = params.isOfferPersonalized,
-                obfuscatedAccountId = params.obfuscatedAccountId,
-                obfuscatedProfileId = params.obfuscatedProfileId,
-                offerToken = params.offerToken,
-                purchaseToken = null,
-                replacementMode = null,
-                subscriptionOffers = null,
-                subscriptionProductReplacementParams = null,
-                developerBillingOption = params.developerBillingOption,
-                type = type,
-                useAlternativeBilling = useAlternativeBilling
-            )
-        }
-        is RequestPurchaseProps.Request.Subscription -> {
-            // Prefer 'google' over deprecated 'android' field
-            val params = payload.value.google ?: payload.value.android
-                ?: throw IllegalArgumentException("Google subscription parameters are required (use 'google' field)")
-
-            // For subscription upgrades/downgrades:
-            // - purchaseToken: Identifies which existing subscription to upgrade/downgrade
-            // - obfuscatedProfileId: Optional user identifier for fraud prevention and attribution
-            // Both can be provided together - they serve different purposes and are not mutually exclusive
-            AndroidPurchaseArgs(
-                skus = params.skus,
-                isOfferPersonalized = params.isOfferPersonalized,
-                obfuscatedAccountId = params.obfuscatedAccountId,
-                obfuscatedProfileId = params.obfuscatedProfileId,
-                offerToken = null,
-                purchaseToken = params.purchaseToken,
-                replacementMode = params.replacementMode,
-                subscriptionOffers = params.subscriptionOffers,
-                subscriptionProductReplacementParams = params.subscriptionProductReplacementParams,
-                developerBillingOption = params.developerBillingOption,
-                type = type,
-                useAlternativeBilling = useAlternativeBilling
-            )
-        }
-    }
-}
-
-internal fun OpenIapError.toPurchaseError(): PurchaseError {
-    val code = runCatching { ErrorCode.fromJson(this.code) }.getOrElse { ErrorCode.Unknown }
-    val productId = when (this) {
-        is OpenIapError.ProductNotFound -> productId
-        is OpenIapError.SkuNotFound -> sku
-        else -> null
-    }
-    return PurchaseError(code = code, message = message, productId = productId)
-}
diff --git a/packages/gql/codegen/core/schema-linter.ts b/packages/gql/codegen/core/schema-linter.ts
new file mode 100644
index 00000000..def52fc6
--- /dev/null
+++ b/packages/gql/codegen/core/schema-linter.ts
@@ -0,0 +1,214 @@
+/**
+ * GraphQL Schema Convention Linter
+ *
+ * Validates GraphQL schema files against OpenIAP naming conventions:
+ * - iOS types/fields must end with "IOS" suffix
+ * - Android types/fields must end with "Android" suffix
+ * - Union markers ("# => Union") must have corresponding union types
+ * - Future markers ("# Future") must precede valid fields
+ * - Platform-specific files should only contain platform-specific types
+ */
+
+import type { ParsedSchema } from './parser.js';
+
+export interface LintResult {
+  level: 'error' | 'warning';
+  file?: string;
+  line?: number;
+  message: string;
+  rule: string;
+}
+
+export interface LintOptions {
+  /** Treat warnings as errors */
+  strict?: boolean;
+}
+
+/**
+ * Lint schema conventions and return findings.
+ */
+export function lintSchema(
+  parsedSchema: ParsedSchema,
+  _options: LintOptions = {},
+): LintResult[] {
+  const results: LintResult[] = [];
+
+  for (const [filePath, sdl] of parsedSchema.sdlContents.entries()) {
+    const fileName = filePath.split('/').pop() ?? filePath;
+    const lines = sdl.split(/\r?\n/);
+    const isIOSFile = fileName.includes('-ios') || fileName.includes('_ios');
+    const isAndroidFile =
+      fileName.includes('-android') || fileName.includes('_android');
+
+    let pendingUnionMarker = false;
+    let pendingUnionLine = 0;
+    let pendingFutureMarker = false;
+    let pendingFutureLine = 0;
+    let currentTypeName: string | null = null;
+
+    for (let i = 0; i < lines.length; i++) {
+      const trimmed = lines[i].trim();
+      const lineNum = i + 1;
+
+      // Track type definitions
+      const typeMatch = trimmed.match(/^type\s+([A-Za-z0-9_]+)/);
+      if (typeMatch) {
+        const typeName = typeMatch[1];
+        currentTypeName = typeName;
+
+        // Check union marker resolution
+        if (pendingUnionMarker) {
+          pendingUnionMarker = false;
+        }
+
+        // Platform suffix checks for types in platform-specific files
+        if (isIOSFile && !typeName.endsWith('IOS') && !typeName.startsWith('Query') && !typeName.startsWith('Mutation')) {
+          results.push({
+            level: 'warning',
+            file: fileName,
+            line: lineNum,
+            message: `Type "${typeName}" in iOS file should end with "IOS" suffix`,
+            rule: 'ios-type-suffix',
+          });
+        }
+
+        if (isAndroidFile && !typeName.endsWith('Android') && !typeName.startsWith('Query') && !typeName.startsWith('Mutation')) {
+          results.push({
+            level: 'warning',
+            file: fileName,
+            line: lineNum,
+            message: `Type "${typeName}" in Android file should end with "Android" suffix`,
+            rule: 'android-type-suffix',
+          });
+        }
+
+        continue;
+      }
+
+      // Track union marker
+      if (trimmed.startsWith('#') && trimmed.toLowerCase().includes('=> union')) {
+        pendingUnionMarker = true;
+        pendingUnionLine = lineNum;
+        continue;
+      }
+
+      // Track Future marker
+      if (/^#\s*future\b/i.test(trimmed)) {
+        pendingFutureMarker = true;
+        pendingFutureLine = lineNum;
+        continue;
+      }
+
+      // Check Future marker is followed by a valid field
+      if (pendingFutureMarker && currentTypeName) {
+        const fieldMatch = trimmed.match(/^([A-Za-z0-9_]+)\s*[:(]/);
+        if (fieldMatch) {
+          pendingFutureMarker = false;
+        } else if (trimmed.length > 0 && !trimmed.startsWith('#') && trimmed !== '}') {
+          results.push({
+            level: 'warning',
+            file: fileName,
+            line: pendingFutureLine,
+            message: `"# Future" marker at line ${pendingFutureLine} is not followed by a valid field definition`,
+            rule: 'future-marker-target',
+          });
+          pendingFutureMarker = false;
+        }
+      }
+
+      // Check for orphaned union markers (hit non-type content without resolving)
+      if (
+        pendingUnionMarker &&
+        trimmed.length > 0 &&
+        !trimmed.startsWith('#') &&
+        !trimmed.startsWith('type ')
+      ) {
+        results.push({
+          level: 'error',
+          file: fileName,
+          line: pendingUnionLine,
+          message: `"# => Union" marker at line ${pendingUnionLine} is not followed by a type definition`,
+          rule: 'union-marker-target',
+        });
+        pendingUnionMarker = false;
+      }
+
+      // Check field naming in platform-specific types
+      if (currentTypeName && trimmed.match(/^[a-zA-Z]/)) {
+        const fieldMatch = trimmed.match(/^([A-Za-z0-9_]+)\s*[:(]/);
+        if (fieldMatch) {
+          const fieldName = fieldMatch[1];
+
+          // iOS fields in iOS types should have IOS suffix
+          if (
+            isIOSFile &&
+            currentTypeName.endsWith('IOS') &&
+            fieldName.endsWith('Ios') &&
+            !fieldName.endsWith('IOS')
+          ) {
+            results.push({
+              level: 'error',
+              file: fileName,
+              line: lineNum,
+              message: `Field "${fieldName}" uses "Ios" suffix — should be "IOS" (all caps)`,
+              rule: 'ios-field-case',
+            });
+          }
+        }
+      }
+
+      // Reset type context on closing brace
+      if (trimmed === '}') {
+        currentTypeName = null;
+      }
+    }
+
+    // End-of-file checks
+    if (pendingUnionMarker) {
+      results.push({
+        level: 'error',
+        file: fileName,
+        line: pendingUnionLine,
+        message: `"# => Union" marker at line ${pendingUnionLine} has no following type definition (end of file)`,
+        rule: 'union-marker-target',
+      });
+    }
+
+    if (pendingFutureMarker) {
+      results.push({
+        level: 'warning',
+        file: fileName,
+        line: pendingFutureLine,
+        message: `"# Future" marker at line ${pendingFutureLine} has no following field definition (end of file)`,
+        rule: 'future-marker-target',
+      });
+    }
+  }
+
+  return results;
+}
+
+/**
+ * Format lint results for console output.
+ */
+export function formatLintResults(results: LintResult[]): string {
+  if (results.length === 0) {
+    return '[schema-lint] All conventions passed!';
+  }
+
+  const lines = results.map((r) => {
+    const location = r.file ? `${r.file}${r.line ? `:${r.line}` : ''}` : 'unknown';
+    const icon = r.level === 'error' ? '✗' : '⚠';
+    return `  ${icon} ${location}: ${r.message} (${r.rule})`;
+  });
+
+  const errors = results.filter((r) => r.level === 'error').length;
+  const warnings = results.filter((r) => r.level === 'warning').length;
+
+  lines.push('');
+  lines.push(
+    `[schema-lint] ${errors} error(s), ${warnings} warning(s)`,
+  );
+
+  return lines.join('\n');
+}
diff --git a/packages/gql/codegen/index.ts b/packages/gql/codegen/index.ts
index 431e1b4d..1b1d03e7 100644
--- a/packages/gql/codegen/index.ts
+++ b/packages/gql/codegen/index.ts
@@ -15,6 +15,7 @@ import { DartPlugin } from './plugins/dart.js';
 import { GDScriptPlugin } from './plugins/gdscript.js';
 import type { CodegenPlugin } from './plugins/base-plugin.js';
 import type { IRSchema } from './core/types.js';
+import { lintSchema, formatLintResults } from './core/schema-linter.js';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -55,6 +56,18 @@ export class CodeGenerator {
     // Parse and transform schema
     this.log('Parsing GraphQL schema...');
     const parsedSchema = parseSchema();
+
+    // Lint schema conventions
+    this.log('Linting schema conventions...');
+    const lintResults = lintSchema(parsedSchema);
+    const lintOutput = formatLintResults(lintResults);
+    this.log(lintOutput);
+
+    const lintErrors = lintResults.filter((r) => r.level === 'error');
+    if (lintErrors.length > 0) {
+      throw new Error(`Schema lint failed with ${lintErrors.length} error(s). Fix the above issues before generating code.`);
+    }
+
     this.schema = transformSchema(parsedSchema);
     this.log(`Found ${this.schema.enums.length} enums, ${this.schema.objects.length} objects, ${this.schema.unions.length} unions`);
 
@@ -149,7 +162,16 @@ const isMain =
 
 if (isMain) {
   main().catch((err) => {
-    console.error('Code generation failed:', err);
+    console.error('\n❌ Code generation failed:');
+    if (err instanceof Error) {
+      console.error(`  ${err.message}`);
+      if (err.stack) {
+        console.error('\nStack trace:');
+        console.error(err.stack);
+      }
+    } else {
+      console.error(err);
+    }
     process.exit(1);
   });
 }
@@ -165,3 +187,5 @@ export { KotlinPlugin } from './plugins/kotlin.js';
 export { DartPlugin } from './plugins/dart.js';
 export { GDScriptPlugin } from './plugins/gdscript.js';
 export type { IRSchema, IREnum, IRObject, IRUnion, IRType } from './core/types.js';
+export { lintSchema, formatLintResults } from './core/schema-linter.js';
+export type { LintResult, LintOptions } from './core/schema-linter.js';
diff --git a/packages/gql/codegen/plugins/template-plugin.ts b/packages/gql/codegen/plugins/template-plugin.ts
index 13fda504..68ef9b81 100644
--- a/packages/gql/codegen/plugins/template-plugin.ts
+++ b/packages/gql/codegen/plugins/template-plugin.ts
@@ -1,6 +1,12 @@
 /**
  * Template-based Plugin for Code Generation
  *
+ * @deprecated This plugin is not currently registered in the codegen pipeline.
+ * It was an experimental approach using Handlebars templates. All active
+ * language plugins (Swift, Kotlin, Dart, GDScript) extend CodegenPlugin
+ * directly. Consider removing this file if not needed, or register it
+ * in codegen/index.ts if you plan to use template-based generation.
+ *
  * Base class that uses Handlebars templates for common structures
  * while allowing language-specific customization through hooks.
  */