@oxyhq/bloom 0.4.0 → 0.5.1

package/lib/commonjs/dialog/alert-store.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buttonToAction = buttonToAction;
+exports.dismissAlert = dismissAlert;
+exports.enqueueAlert = enqueueAlert;
+exports.getAlertQueue = getAlertQueue;
+exports.resolveButtons = resolveButtons;
+exports.subscribeAlerts = subscribeAlerts;
+let idCounter = 0;
+function genId() {
+  idCounter += 1;
+  return `bloom-alert-${idCounter}`;
+}
+
+/**
+ * Imperative-alert store.
+ *
+ * The store sits in module scope so `alert()` works from anywhere — event
+ * handlers, async callbacks, top-level helpers — without threading a
+ * provider context through every call site.
+ *
+ * The visible UI is owned by a single subscriber (the `<BloomDialogProvider>`
+ * mounted inside the app's React tree). When there is no subscriber yet —
+ * because `alert()` was called before the provider mounted, or because the
+ * app forgot to mount the provider — entries accumulate in the queue and
+ * drain as soon as a subscriber attaches.
+ *
+ * Multiple subscribers are not supported by design. Two providers would
+ * race for the same alert; we instead enforce a single listener and let
+ * the most recent subscription win (the older one falls back to no-op).
+ */
+
+let queue = [];
+let listener = null;
+function emit() {
+  if (listener) listener(queue);
+}
+
+/**
+ * Enqueue an alert. Returns the generated id so callers can dismiss it
+ * imperatively (rare — usually the dialog dismisses itself via a button
+ * tap). The runtime guarantees this enqueues even before any provider
+ * mounts; the provider drains pending entries on subscribe.
+ */
+function enqueueAlert(entry) {
+  const id = genId();
+  queue = [...queue, {
+    ...entry,
+    id
+  }];
+  emit();
+  return id;
+}
+
+/**
+ * Remove an alert from the queue. Called by the provider once the bloom
+ * Dialog has finished closing for that entry.
+ */
+function dismissAlert(id) {
+  const next = queue.filter(e => e.id !== id);
+  if (next.length === queue.length) return;
+  queue = next;
+  emit();
+}
+
+/**
+ * Subscribe to queue changes. Replaces any previously-registered listener
+ * (single-subscriber model — see header). Returns an unsubscribe function.
+ *
+ * On subscribe, the current queue is delivered synchronously so the
+ * subscriber can render pending entries that arrived before mount.
+ */
+function subscribeAlerts(fn) {
+  listener = fn;
+  // Deliver the current queue immediately so a freshly-mounted provider
+  // catches up with whatever accumulated before it subscribed.
+  fn(queue);
+  return () => {
+    if (listener === fn) listener = null;
+  };
+}
+
+/** Inspect the current queue. Used internally and by tests. */
+function getAlertQueue() {
+  return queue;
+}
+
+/**
+ * Translate an alert button to the action shape the unified `Dialog`
+ * accepts. Pure — no React, no theme — so it can be reused on web and
+ * native without forking.
+ */
+function buttonToAction(button) {
+  return {
+    label: button.text,
+    onPress: button.onPress ? () => button.onPress?.() : undefined,
+    color: button.style === 'destructive' ? 'destructive' : button.style === 'cancel' ? 'cancel' : 'default'
+  };
+}
+
+/**
+ * Compute the effective button set for an alert. Mirrors React Native's
+ * `Alert.alert` semantics — an empty/omitted buttons array implies a
+ * single `OK` confirmation button.
+ */
+function resolveButtons(buttons) {
+  if (buttons && buttons.length > 0) return buttons;
+  return [{
+    text: 'OK',
+    style: 'default'
+  }];
+}
+//# sourceMappingURL=alert-store.js.map

package/lib/commonjs/dialog/alert-store.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["idCounter","genId","queue","listener","emit","enqueueAlert","entry","id","dismissAlert","next","filter","e","length","subscribeAlerts","fn","getAlertQueue","buttonToAction","button","label","text","onPress","undefined","color","style","resolveButtons","buttons"],"sourceRoot":"../../../src","sources":["dialog/alert-store.ts"],"mappings":";;;;;;;;;;;AAEA,IAAIA,SAAS,GAAG,CAAC;AACjB,SAASC,KAAKA,CAAA,EAAW;EACvBD,SAAS,IAAI,CAAC;EACd,OAAO,eAAeA,SAAS,EAAE;AACnC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAsBA,IAAIE,KAAmB,GAAG,EAAE;AAC5B,IAAIC,QAAyB,GAAG,IAAI;AAEpC,SAASC,IAAIA,CAAA,EAAS;EACpB,IAAID,QAAQ,EAAEA,QAAQ,CAACD,KAAK,CAAC;AAC/B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,YAAYA,CAACC,KAA6B,EAAU;EAClE,MAAMC,EAAE,GAAGN,KAAK,CAAC,CAAC;EAClBC,KAAK,GAAG,CAAC,GAAGA,KAAK,EAAE;IAAE,GAAGI,KAAK;IAAEC;EAAG,CAAC,CAAC;EACpCH,IAAI,CAAC,CAAC;EACN,OAAOG,EAAE;AACX;;AAEA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAACD,EAAU,EAAQ;EAC7C,MAAME,IAAI,GAAGP,KAAK,CAACQ,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACJ,EAAE,KAAKA,EAAE,CAAC;EAC7C,IAAIE,IAAI,CAACG,MAAM,KAAKV,KAAK,CAACU,MAAM,EAAE;EAClCV,KAAK,GAAGO,IAAI;EACZL,IAAI,CAAC,CAAC;AACR;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASS,eAAeA,CAACC,EAAY,EAAc;EACxDX,QAAQ,GAAGW,EAAE;EACb;EACA;EACAA,EAAE,CAACZ,KAAK,CAAC;EACT,OAAO,MAAM;IACX,IAAIC,QAAQ,KAAKW,EAAE,EAAEX,QAAQ,GAAG,IAAI;EACtC,CAAC;AACH;;AAEA;AACO,SAASY,aAAaA,CAAA,EAA0B;EACrD,OAAOb,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASc,cAAcA,CAACC,MAAmB,EAAgB;EAChE,OAAO;IACLC,KAAK,EAAED,MAAM,CAACE,IAAI;IAClBC,OAAO,EAAEH,MAAM,CAACG,OAAO,GAAG,MAAMH,MAAM,CAACG,OAAO,GAAG,CAAC,GAAGC,SAAS;IAC9DC,KAAK,EACHL,MAAM,CAACM,KAAK,KAAK,aAAa,GAC1B,aAAa,GACbN,MAAM,CAACM,KAAK,KAAK,QAAQ,GACvB,QAAQ,GACR;EACV,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAACC,OAAkC,EAAiB;EAChF,IAAIA,OAAO,IAAIA,OAAO,CAACb,MAAM,GAAG,CAAC,EAAE,OAAOa,OAAO;EACjD,OAAO,CAAC;IAAEN,IAAI,EAAE,IAAI;IAAEI,KAAK,EAAE;EAAU,CAAC,CAAC;AAC3C","ignoreList":[]}

package/lib/commonjs/dialog/alert.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.alert = alert;
+var _alertStore = require("./alert-store.js");
+/**
+ * Show a Bloom-styled confirmation dialog. Mirrors React Native's
+ * `Alert.alert(title, message?, buttons?)` signature so existing call
+ * sites migrate by changing the import only.
+ *
+ * If no buttons are passed, a single `OK` confirmation is rendered.
+ *
+ * The alert is enqueued in a module-scope store and rendered by
+ * `<BloomDialogProvider>`. Calls made before the provider mounts are
+ * queued and drained once the provider attaches — there is no fire-and-
+ * forget loss window. Calls made when no provider is ever mounted are
+ * silently queued forever; in development, mount the provider once at
+ * the app root and the queue will catch up immediately.
+ *
+ * ```tsx
+ * import { alert } from '@oxyhq/bloom';
+ *
+ * alert('Sign out?', 'You will need to enter your password to sign in again.', [
+ *   { text: 'Cancel', style: 'cancel' },
+ *   { text: 'Sign out', style: 'destructive', onPress: doSignOut },
+ * ]);
+ * ```
+ */
+function alert(title, message, buttons) {
+  (0, _alertStore.enqueueAlert)({
+    title,
+    message,
+    buttons: (0, _alertStore.resolveButtons)(buttons)
+  });
+}
+//# sourceMappingURL=alert.js.map

package/lib/commonjs/dialog/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_alertStore","require","alert","title","message","buttons","enqueueAlert","resolveButtons"],"sourceRoot":"../../../src","sources":["dialog/alert.ts"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,KAAKA,CACnBC,KAAa,EACbC,OAAgB,EAChBC,OAAuB,EACjB;EACN,IAAAC,wBAAY,EAAC;IACXH,KAAK;IACLC,OAAO;IACPC,OAAO,EAAE,IAAAE,0BAAc,EAACF,OAAO;EACjC,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/commonjs/dialog/context.js

@@ -15,6 +15,14 @@ Context.displayName = 'BloomDialogContext';
 function useDialogContext() {
   return (0, _react.useContext)(Context);
 }
+
+/**
+ * Return a stable handle that can imperatively `open()` and `close()` a
+ * `<Dialog>` mounted with the same control.
+ *
+ * The handle survives across re-renders; mounting a different `<Dialog>`
+ * with the same control attaches the new instance via the internal ref.
+ */
 function useDialogControl() {
   const id = (0, _react.useId)();
   const control = (0, _react.useRef)({
@@ -24,8 +32,8 @@ function useDialogControl() {
   return (0, _react.useMemo)(() => ({
     id,
     ref: control,
-    open: options => {
-      control.current?.open(options);
+    open: () => {
+      control.current?.open();
     },
     close: cb => {
       control.current?.close(cb);

package/lib/commonjs/dialog/context.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","Context","exports","createContext","close","isWithinDialog","displayName","useDialogContext","useContext","useDialogControl","id","useId","control","useRef","open","useMemo","ref","options","current","cb"],"sourceRoot":"../../../src","sources":["dialog/context.ts"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAMC,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,oBAAa,EAAqB;EACvDC,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;EACfC,cAAc,EAAE;AAClB,CAAC,CAAC;AACFJ,OAAO,CAACK,WAAW,GAAG,oBAAoB;AAEnC,SAASC,gBAAgBA,CAAA,EAAuB;EACrD,OAAO,IAAAC,iBAAU,EAACP,OAAO,CAAC;AAC5B;AAEO,SAASQ,gBAAgBA,CAAA,EAAuB;EACrD,MAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAA+B;IACnDC,IAAI,EAAEA,CAAA,KAAM,CAAC,CAAC;IACdV,KAAK,EAAEA,CAAA,KAAM,CAAC;EAChB,CAAC,CAAC;EAEF,OAAO,IAAAW,cAAO,EACZ,OAAO;IACLL,EAAE;IACFM,GAAG,EAAEJ,OAAO;IACZE,IAAI,EAAGG,OAAO,IAAK;MACjBL,OAAO,CAACM,OAAO,EAAEJ,IAAI,CAACG,OAAO,CAAC;IAChC,CAAC;IACDb,KAAK,EAAGe,EAAE,IAAK;MACbP,OAAO,CAACM,OAAO,EAAEd,KAAK,CAACe,EAAE,CAAC;IAC5B;EACF,CAAC,CAAC,EACF,CAACT,EAAE,CACL,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_react","require","Context","exports","createContext","close","isWithinDialog","displayName","useDialogContext","useContext","useDialogControl","id","useId","control","useRef","open","useMemo","ref","current","cb"],"sourceRoot":"../../../src","sources":["dialog/context.ts"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOO,MAAMC,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,oBAAa,EAAqB;EACvDC,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;EACfC,cAAc,EAAE;AAClB,CAAC,CAAC;AACFJ,OAAO,CAACK,WAAW,GAAG,oBAAoB;AAEnC,SAASC,gBAAgBA,CAAA,EAAuB;EACrD,OAAO,IAAAC,iBAAU,EAACP,OAAO,CAAC;AAC5B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,gBAAgBA,CAAA,EAAuB;EACrD,MAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAA+B;IACnDC,IAAI,EAAEA,CAAA,KAAM,CAAC,CAAC;IACdV,KAAK,EAAEA,CAAA,KAAM,CAAC;EAChB,CAAC,CAAC;EAEF,OAAO,IAAAW,cAAO,EACZ,OAAO;IACLL,EAAE;IACFM,GAAG,EAAEJ,OAAO;IACZE,IAAI,EAAEA,CAAA,KAAM;MACVF,OAAO,CAACK,OAAO,EAAEH,IAAI,CAAC,CAAC;IACzB,CAAC;IACDV,KAAK,EAAGc,EAAE,IAAK;MACbN,OAAO,CAACK,OAAO,EAAEb,KAAK,CAACc,EAAE,CAAC;IAC5B;EACF,CAAC,CAAC,EACF,CAACR,EAAE,CACL,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/dialog/index.js

@@ -3,40 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Backdrop", {
+Object.defineProperty(exports, "BloomDialogProvider", {
   enumerable: true,
   get: function () {
-    return _Dialog.Backdrop;
+    return _BloomDialogProvider.BloomDialogProvider;
   }
 });
-Object.defineProperty(exports, "Close", {
+Object.defineProperty(exports, "Dialog", {
   enumerable: true,
   get: function () {
-    return _Dialog.Close;
+    return _Dialog.Dialog;
   }
 });
-Object.defineProperty(exports, "Handle", {
+Object.defineProperty(exports, "alert", {
   enumerable: true,
   get: function () {
-    return _Dialog.Handle;
-  }
-});
-Object.defineProperty(exports, "Inner", {
-  enumerable: true,
-  get: function () {
-    return _Dialog.Inner;
-  }
-});
-Object.defineProperty(exports, "Outer", {
-  enumerable: true,
-  get: function () {
-    return _Dialog.Outer;
-  }
-});
-Object.defineProperty(exports, "ScrollableInner", {
-  enumerable: true,
-  get: function () {
-    return _Dialog.ScrollableInner;
+    return _alert.alert;
   }
 });
 Object.defineProperty(exports, "useDialogContext", {
@@ -52,5 +34,7 @@ Object.defineProperty(exports, "useDialogControl", {
   }
 });
 var _Dialog = require("./Dialog");
+var _BloomDialogProvider = require("./BloomDialogProvider");
+var _alert = require("./alert.js");
 var _context = require("./context.js");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Dialog","require","_context"],"sourceRoot":"../../../src","sources":["dialog/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["_Dialog","require","_BloomDialogProvider","_alert","_context"],"sourceRoot":"../../../src","sources":["dialog/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA","ignoreList":[]}

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

@@ -3,40 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Backdrop", {
+Object.defineProperty(exports, "BLOOM_DIALOG_CSS", {
   enumerable: true,
   get: function () {
-    return _DialogWeb.Backdrop;
+    return _DialogWeb.BLOOM_DIALOG_CSS;
   }
 });
-Object.defineProperty(exports, "Close", {
+Object.defineProperty(exports, "BloomDialogProvider", {
   enumerable: true,
   get: function () {
-    return _DialogWeb.Close;
+    return _BloomDialogProviderWeb.BloomDialogProvider;
   }
 });
-Object.defineProperty(exports, "Handle", {
+Object.defineProperty(exports, "Dialog", {
   enumerable: true,
   get: function () {
-    return _DialogWeb.Handle;
+    return _DialogWeb.Dialog;
   }
 });
-Object.defineProperty(exports, "Inner", {
+Object.defineProperty(exports, "alert", {
   enumerable: true,
   get: function () {
-    return _DialogWeb.Inner;
-  }
-});
-Object.defineProperty(exports, "Outer", {
-  enumerable: true,
-  get: function () {
-    return _DialogWeb.Outer;
-  }
-});
-Object.defineProperty(exports, "ScrollableInner", {
-  enumerable: true,
-  get: function () {
-    return _DialogWeb.ScrollableInner;
+    return _alert.alert;
   }
 });
 Object.defineProperty(exports, "useDialogContext", {
@@ -52,5 +40,7 @@ Object.defineProperty(exports, "useDialogControl", {
   }
 });
 var _DialogWeb = require("./Dialog.web.js");
+var _BloomDialogProviderWeb = require("./BloomDialogProvider.web.js");
+var _alert = require("./alert.js");
 var _context = require("./context.js");
 //# sourceMappingURL=index.web.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_DialogWeb","require","_context"],"sourceRoot":"../../../src","sources":["dialog/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["_DialogWeb","require","_BloomDialogProviderWeb","_alert","_context"],"sourceRoot":"../../../src","sources":["dialog/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/fonts/FontLoader.js

@@ -9,11 +9,12 @@ var _applyFontFacesWeb = require("./apply-font-faces.web.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Reach for the web variant explicitly. The default `./apply-font-faces`
-// is a no-op stub that exists so Metro never sees the module-level
-// `.woff2` imports on native (Metro's default `assetExts` does not include
-// `.woff2`). This file (`FontLoader.tsx`) is only picked up by web
-// bundlers — Metro selects `FontLoader.native.tsx` on iOS/Android — so it
-// is safe to take a direct dependency on the web implementation here.
+// is a no-op stub on native — native loads its fonts via
+// `useFonts(FONT_ASSETS)` in `FontLoader.native.tsx` and has no use for
+// CSS `@font-face` injection. This file (`FontLoader.tsx`) is only picked
+// up by web bundlers — Metro selects `FontLoader.native.tsx` on iOS/Android
+// — so it is safe to take a direct dependency on the web implementation
+// here.
 
 /**
  * Web font loader. Applies the Bloom `@font-face` rules and CSS variables

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

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

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

@@ -8,10 +8,10 @@ exports.applyFontFaces = applyFontFaces;
 // is selected by bundlers via the package.json conditions. RN consumers
 // never need font-face injection — useFonts handles loading on native.
 //
-// This file MUST have zero `.woff2` imports. Metro parses module-level
-// imports at bundle time and would otherwise fail to resolve the `.woff2`
-// assets (not in Metro's default `assetExts`). See
-// `apply-font-faces.web.ts` for the real implementation.
+// The web variant does NOT pull in any `.woff2` files via asset imports —
+// it imports base64 data URLs from `font-data.web.ts`. This stub stays
+// here so the file split (`*.ts` vs `*.web.ts`) makes the platform
+// intent explicit and so the runtime API surface matches across platforms.
 function applyFontFaces() {
   // intentionally empty
 }

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

@@ -4,14 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.applyFontFaces = applyFontFaces;
-var _BlomusModernusRegular = _interopRequireDefault(require("./assets/BlomusModernus-Regular.woff2"));
-var _BlomusModernusBold = _interopRequireDefault(require("./assets/BlomusModernus-Bold.woff2"));
-var _InterVariable = _interopRequireDefault(require("./assets/InterVariable.woff2"));
-var _GeistMonoVariable = _interopRequireDefault(require("./assets/GeistMono-Variable.woff2"));
+var _fontDataWeb = require("./font-data.web.js");
 var _tokens = require("./tokens.js");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/// <reference path="../assets.d.ts" />
-
 const STYLE_ID = 'bloom-fonts';
 
 /**
@@ -19,10 +13,17 @@ const STYLE_ID = 'bloom-fonts';
  *
  * Web-only. The native counterpart in `apply-font-faces.ts` is a no-op
  * stub — Metro cannot parse `.woff2` imports, so the file split keeps
- * those imports out of the native bundle entirely. Idempotent: safe to
+ * the font payload out of the native bundle entirely. Idempotent: safe to
  * call multiple times; subsequent calls early-return after the
  * `<style id="bloom-fonts">` tag has been mounted. SSR-safe via the
  * `typeof document === 'undefined'` guard.
+ *
+ * The font URLs come from `./font-data.web`, a generated module that
+ * embeds the woff2 bytes as base64 data URLs. Inlining (rather than
+ * relying on bundler asset loaders for `.woff2`) means consumers do not
+ * have to extend Metro's `assetExts` or add a webpack/Vite asset rule —
+ * the published JS is self-contained. See `scripts/generate-font-data.mjs`
+ * for the rationale and trade-offs.
  */
 function applyFontFaces() {
   if (typeof document === 'undefined') return;
@@ -30,10 +31,10 @@ function applyFontFaces() {
   const style = document.createElement('style');
   style.id = STYLE_ID;
   style.textContent = `
-    @font-face { font-family: 'BlomusModernus'; src: url(${_BlomusModernusRegular.default}) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
-    @font-face { font-family: 'BlomusModernus'; src: url(${_BlomusModernusBold.default}) format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
-    @font-face { font-family: 'Inter'; src: url(${_InterVariable.default}) format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }
-    @font-face { font-family: 'Geist Mono'; src: url(${_GeistMonoVariable.default}) format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }
+    @font-face { font-family: 'BlomusModernus'; src: url(${_fontDataWeb.blomusModernusRegular}) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
+    @font-face { font-family: 'BlomusModernus'; src: url(${_fontDataWeb.blomusModernusBold}) format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
+    @font-face { font-family: 'Inter'; src: url(${_fontDataWeb.interVariable}) format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }
+    @font-face { font-family: 'Geist Mono'; src: url(${_fontDataWeb.geistMonoVariable}) format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: swap; }
     :root {
       --bloom-font-display: ${_tokens.fontFamilies.display};
       --bloom-font-sans: ${_tokens.fontFamilies.sans};

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

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

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

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