remote-components 0.4.12 → 0.4.14

package/dist/internal/host/shared/next-image-deployment-id.d.ts

@@ -0,0 +1,14 @@
+interface NextImageDeploymentId {
+    src: string;
+    deploymentId: string;
+}
+declare function isNextDeploymentAssetSrc(src: string | null): src is string;
+declare function extractDeploymentIdFromSrc(src: string): {
+    deploymentId: undefined;
+    src: string;
+} | {
+    deploymentId: string;
+    src: string;
+};
+
+export { NextImageDeploymentId, extractDeploymentIdFromSrc, isNextDeploymentAssetSrc };

package/dist/internal/host/shared/next-image-deployment-id.js

@@ -0,0 +1,25 @@
+function isNextDeploymentAssetSrc(src) {
+  return typeof src === "string" && src.startsWith("/") && !src.startsWith("//");
+}
+function extractDeploymentIdFromSrc(src) {
+  const queryIndex = src.indexOf("?");
+  if (queryIndex === -1) {
+    return { deploymentId: void 0, src };
+  }
+  const params = new URLSearchParams(src.slice(queryIndex + 1));
+  const deploymentId = params.get("dpl") || void 0;
+  if (!deploymentId) {
+    return { deploymentId: void 0, src };
+  }
+  params.delete("dpl");
+  const remaining = params.toString();
+  return {
+    deploymentId,
+    src: `${src.slice(0, queryIndex)}${remaining ? `?${remaining}` : ""}`
+  };
+}
+export {
+  extractDeploymentIdFromSrc,
+  isNextDeploymentAssetSrc
+};
+//# sourceMappingURL=next-image-deployment-id.js.map

package/dist/internal/host/shared/next-image-deployment-id.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/host/shared/next-image-deployment-id.ts"],"sourcesContent":["export interface NextImageDeploymentId {\n  src: string;\n  deploymentId: string;\n}\n\nexport function isNextDeploymentAssetSrc(src: string | null): src is string {\n  return (\n    typeof src === 'string' && src.startsWith('/') && !src.startsWith('//')\n  );\n}\n\nexport function extractDeploymentIdFromSrc(src: string) {\n  const queryIndex = src.indexOf('?');\n  if (queryIndex === -1) {\n    return { deploymentId: undefined, src };\n  }\n\n  const params = new URLSearchParams(src.slice(queryIndex + 1));\n  const deploymentId = params.get('dpl') || undefined;\n  if (!deploymentId) {\n    return { deploymentId: undefined, src };\n  }\n\n  params.delete('dpl');\n  const remaining = params.toString();\n  return {\n    deploymentId,\n    src: `${src.slice(0, queryIndex)}${remaining ? `?${remaining}` : ''}`,\n  };\n}\n"],"mappings":"AAKO,SAAS,yBAAyB,KAAmC;AAC1E,SACE,OAAO,QAAQ,YAAY,IAAI,WAAW,GAAG,KAAK,CAAC,IAAI,WAAW,IAAI;AAE1E;AAEO,SAAS,2BAA2B,KAAa;AACtD,QAAM,aAAa,IAAI,QAAQ,GAAG;AAClC,MAAI,eAAe,IAAI;AACrB,WAAO,EAAE,cAAc,QAAW,IAAI;AAAA,EACxC;AAEA,QAAM,SAAS,IAAI,gBAAgB,IAAI,MAAM,aAAa,CAAC,CAAC;AAC5D,QAAM,eAAe,OAAO,IAAI,KAAK,KAAK;AAC1C,MAAI,CAAC,cAAc;AACjB,WAAO,EAAE,cAAc,QAAW,IAAI;AAAA,EACxC;AAEA,SAAO,OAAO,KAAK;AACnB,QAAM,YAAY,OAAO,SAAS;AAClC,SAAO;AAAA,IACL;AAAA,IACA,KAAK,GAAG,IAAI,MAAM,GAAG,UAAU,IAAI,YAAY,IAAI,cAAc;AAAA,EACnE;AACF;","names":[]}

package/dist/internal/host/shared/pipeline.d.ts

@@ -2,13 +2,14 @@ import { RemoteSharedModules } from './shared-broker.js';
 import { RemoteComponentMetadata } from '../../runtime/metadata.js';
 import { ScriptDescriptor } from './asset-descriptors.js';
 import { InternalResolveClientUrl } from '../../runtime/url/resolve-client-url.js';
-import { a as ConsumeLoaderPayload } from '../../../server-handoff-9e905049.js';
+import { a as ConsumeLoaderPayload } from '../../../server-handoff-006f9cb5.js';
 import { ParsedRemoteComponent } from '../../runtime/html/parse-remote-html.js';
 import { M as MountOrUnmountFunction } from '../../../types-bd7be268.js';
 import '../../utils/logger.js';
 import 'react';
 import './config.js';
 import './fetch-interceptors.js';
+import './next-image-deployment-id.js';
 import '../server/types.js';
 import '../nextjs/dom-flight.js';
 import 'parse5/dist/tree-adapters/default';

package/dist/internal/host/shared/remote-image-loader.cjs

@@ -21,8 +21,15 @@ __export(remote_image_loader_exports, {
   createRemoteImageLoader: () => createRemoteImageLoader
 });
 module.exports = __toCommonJS(remote_image_loader_exports);
+var import_next_image_deployment_id = require("#internal/host/shared/next-image-deployment-id");
 var import_remote_scope = require("#internal/runtime/turbopack/remote-scope");
-function createRemoteImageLoader(bundle, resolveClientUrl) {
+function createRemoteImageLoader(bundle, resolveClientUrl, ssrImageDeploymentIds) {
+  const ssrImageDeploymentIdMap = ssrImageDeploymentIds ? new Map(
+    ssrImageDeploymentIds.map(({ src, deploymentId }) => [
+      src,
+      deploymentId
+    ])
+  ) : void 0;
   const loader = Object.assign(
     ({
       config,
@@ -34,7 +41,14 @@ function createRemoteImageLoader(bundle, resolveClientUrl) {
       const remoteOrigin = (0, import_remote_scope.getScope)(bundle)?.url.origin ?? "";
       const isCrossOrigin = remoteOrigin && remoteOrigin !== location.origin;
       const basePath = isCrossOrigin ? `${remoteOrigin}${config.path ?? "/_next/image"}` : config.path ?? `${remoteOrigin}/_next/image`;
-      const url = `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${q}`;
+      if (!(0, import_next_image_deployment_id.isNextDeploymentAssetSrc)(src)) {
+        const url2 = `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${q}`;
+        return resolveClientUrl?.(url2) ?? url2;
+      }
+      const extracted = (0, import_next_image_deployment_id.extractDeploymentIdFromSrc)(src);
+      const deploymentId = extracted.deploymentId ?? ssrImageDeploymentIdMap?.get(extracted.src);
+      const deploymentParam = deploymentId ? `&dpl=${encodeURIComponent(deploymentId)}` : "";
+      const url = `${basePath}?url=${encodeURIComponent(extracted.src)}&w=${width}&q=${q}${deploymentParam}`;
       return resolveClientUrl?.(url) ?? url;
     },
     // Signals to getImgProps that this is a default loader (not a user-defined

package/dist/internal/host/shared/remote-image-loader.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/shared/remote-image-loader.ts"],"sourcesContent":["import { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport type { InternalResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\n\n/**\n * Replacement for `next/dist/shared/lib/image-loader`.\n *\n * Uses `config.path` (which includes the remote's asset prefix, e.g.\n * `/vc-ap-xxx/_next/image`) to generate URLs that match the server-rendered\n * HTML and avoid hydration mismatches. Under the microfrontends proxy these\n * relative paths are routed to the correct app.\n *\n * For cross-origin deployments (standalone host on a different domain),\n * `config.path` is a relative path that would incorrectly resolve to the host\n * origin, so we prefix it with the remote origin to produce an absolute URL\n * pointing at the remote's optimizer.\n *\n * When `resolveClientUrl` is provided (deployment protection), the final URL\n * is routed through the host's proxy.\n */\nexport function createRemoteImageLoader(\n  bundle: string,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  const loader = Object.assign(\n    ({\n      config,\n      src,\n      width,\n      quality,\n    }: {\n      config: { path?: string };\n      src: string;\n      width: number;\n      quality?: number;\n    }) => {\n      const q = quality ?? 75;\n      const remoteOrigin = getScope(bundle)?.url.origin ?? '';\n      const isCrossOrigin = remoteOrigin && remoteOrigin !== location.origin;\n      const basePath = isCrossOrigin\n        ? `${remoteOrigin}${config.path ?? '/_next/image'}`\n        : (config.path ?? `${remoteOrigin}/_next/image`);\n      const url = `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${q}`;\n      return resolveClientUrl?.(url) ?? url;\n    },\n    // Signals to getImgProps that this is a default loader (not a user-defined\n    // one), enabling srcSet generation with device/image sizes from the config.\n    { __next_img_default: true as const },\n  );\n  return loader;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAyB;AAmBlB,SAAS,wBACd,QACA,kBACA;AACA,QAAM,SAAS,OAAO;AAAA,IACpB,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,MAKM;AACJ,YAAM,IAAI,WAAW;AACrB,YAAM,mBAAe,8BAAS,MAAM,GAAG,IAAI,UAAU;AACrD,YAAM,gBAAgB,gBAAgB,iBAAiB,SAAS;AAChE,YAAM,WAAW,gBACb,GAAG,eAAe,OAAO,QAAQ,mBAChC,OAAO,QAAQ,GAAG;AACvB,YAAM,MAAM,GAAG,gBAAgB,mBAAmB,GAAG,OAAO,WAAW;AACvE,aAAO,mBAAmB,GAAG,KAAK;AAAA,IACpC;AAAA;AAAA;AAAA,IAGA,EAAE,oBAAoB,KAAc;AAAA,EACtC;AACA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/host/shared/remote-image-loader.ts"],"sourcesContent":["import {\n  extractDeploymentIdFromSrc,\n  isNextDeploymentAssetSrc,\n  type NextImageDeploymentId,\n} from '#internal/host/shared/next-image-deployment-id';\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport type { InternalResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\n\n/**\n * Replacement for `next/dist/shared/lib/image-loader`.\n *\n * Uses `config.path` (which includes the remote's asset prefix, e.g.\n * `/vc-ap-xxx/_next/image`) to generate URLs that match the server-rendered\n * HTML and avoid hydration mismatches. Under the microfrontends proxy these\n * relative paths are routed to the correct app.\n *\n * For cross-origin deployments (standalone host on a different domain),\n * `config.path` is a relative path that would incorrectly resolve to the host\n * origin, so we prefix it with the remote origin to produce an absolute URL\n * pointing at the remote's optimizer.\n *\n * When `resolveClientUrl` is provided (deployment protection), the final URL\n * is routed through the host's proxy.\n */\nexport function createRemoteImageLoader(\n  bundle: string,\n  resolveClientUrl?: InternalResolveClientUrl,\n  ssrImageDeploymentIds?: readonly NextImageDeploymentId[],\n) {\n  const ssrImageDeploymentIdMap = ssrImageDeploymentIds\n    ? new Map(\n        ssrImageDeploymentIds.map(({ src, deploymentId }) => [\n          src,\n          deploymentId,\n        ]),\n      )\n    : undefined;\n  const loader = Object.assign(\n    ({\n      config,\n      src,\n      width,\n      quality,\n    }: {\n      config: { path?: string };\n      src: string;\n      width: number;\n      quality?: number;\n    }) => {\n      const q = quality ?? 75;\n      const remoteOrigin = getScope(bundle)?.url.origin ?? '';\n      const isCrossOrigin = remoteOrigin && remoteOrigin !== location.origin;\n      const basePath = isCrossOrigin\n        ? `${remoteOrigin}${config.path ?? '/_next/image'}`\n        : (config.path ?? `${remoteOrigin}/_next/image`);\n\n      if (!isNextDeploymentAssetSrc(src)) {\n        const url = `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${q}`;\n        return resolveClientUrl?.(url) ?? url;\n      }\n\n      const extracted = extractDeploymentIdFromSrc(src);\n      const deploymentId =\n        extracted.deploymentId ?? ssrImageDeploymentIdMap?.get(extracted.src);\n      const deploymentParam = deploymentId\n        ? `&dpl=${encodeURIComponent(deploymentId)}`\n        : '';\n      const url = `${basePath}?url=${encodeURIComponent(extracted.src)}&w=${width}&q=${q}${deploymentParam}`;\n      return resolveClientUrl?.(url) ?? url;\n    },\n    // Signals to getImgProps that this is a default loader (not a user-defined\n    // one), enabling srcSet generation with device/image sizes from the config.\n    { __next_img_default: true as const },\n  );\n  return loader;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAIO;AACP,0BAAyB;AAmBlB,SAAS,wBACd,QACA,kBACA,uBACA;AACA,QAAM,0BAA0B,wBAC5B,IAAI;AAAA,IACF,sBAAsB,IAAI,CAAC,EAAE,KAAK,aAAa,MAAM;AAAA,MACnD;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,IACA;AACJ,QAAM,SAAS,OAAO;AAAA,IACpB,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,MAKM;AACJ,YAAM,IAAI,WAAW;AACrB,YAAM,mBAAe,8BAAS,MAAM,GAAG,IAAI,UAAU;AACrD,YAAM,gBAAgB,gBAAgB,iBAAiB,SAAS;AAChE,YAAM,WAAW,gBACb,GAAG,eAAe,OAAO,QAAQ,mBAChC,OAAO,QAAQ,GAAG;AAEvB,UAAI,KAAC,0DAAyB,GAAG,GAAG;AAClC,cAAMA,OAAM,GAAG,gBAAgB,mBAAmB,GAAG,OAAO,WAAW;AACvE,eAAO,mBAAmBA,IAAG,KAAKA;AAAA,MACpC;AAEA,YAAM,gBAAY,4DAA2B,GAAG;AAChD,YAAM,eACJ,UAAU,gBAAgB,yBAAyB,IAAI,UAAU,GAAG;AACtE,YAAM,kBAAkB,eACpB,QAAQ,mBAAmB,YAAY,MACvC;AACJ,YAAM,MAAM,GAAG,gBAAgB,mBAAmB,UAAU,GAAG,OAAO,WAAW,IAAI;AACrF,aAAO,mBAAmB,GAAG,KAAK;AAAA,IACpC;AAAA;AAAA;AAAA,IAGA,EAAE,oBAAoB,KAAc;AAAA,EACtC;AACA,SAAO;AACT;","names":["url"]}

package/dist/internal/host/shared/remote-image-loader.d.ts

@@ -1,3 +1,4 @@
+import { NextImageDeploymentId } from './next-image-deployment-id.js';
 import { InternalResolveClientUrl } from '../../runtime/url/resolve-client-url.js';
 
 /**
@@ -16,7 +17,7 @@ import { InternalResolveClientUrl } from '../../runtime/url/resolve-client-url.j
  * When `resolveClientUrl` is provided (deployment protection), the final URL
  * is routed through the host's proxy.
  */
-declare function createRemoteImageLoader(bundle: string, resolveClientUrl?: InternalResolveClientUrl): (({ config, src, width, quality, }: {
+declare function createRemoteImageLoader(bundle: string, resolveClientUrl?: InternalResolveClientUrl, ssrImageDeploymentIds?: readonly NextImageDeploymentId[]): (({ config, src, width, quality, }: {
     config: {
         path?: string;
     };

package/dist/internal/host/shared/remote-image-loader.js

@@ -1,5 +1,15 @@
+import {
+  extractDeploymentIdFromSrc,
+  isNextDeploymentAssetSrc
+} from "#internal/host/shared/next-image-deployment-id";
 import { getScope } from "#internal/runtime/turbopack/remote-scope";
-function createRemoteImageLoader(bundle, resolveClientUrl) {
+function createRemoteImageLoader(bundle, resolveClientUrl, ssrImageDeploymentIds) {
+  const ssrImageDeploymentIdMap = ssrImageDeploymentIds ? new Map(
+    ssrImageDeploymentIds.map(({ src, deploymentId }) => [
+      src,
+      deploymentId
+    ])
+  ) : void 0;
   const loader = Object.assign(
     ({
       config,
@@ -11,7 +21,14 @@ function createRemoteImageLoader(bundle, resolveClientUrl) {
       const remoteOrigin = getScope(bundle)?.url.origin ?? "";
       const isCrossOrigin = remoteOrigin && remoteOrigin !== location.origin;
       const basePath = isCrossOrigin ? `${remoteOrigin}${config.path ?? "/_next/image"}` : config.path ?? `${remoteOrigin}/_next/image`;
-      const url = `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${q}`;
+      if (!isNextDeploymentAssetSrc(src)) {
+        const url2 = `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${q}`;
+        return resolveClientUrl?.(url2) ?? url2;
+      }
+      const extracted = extractDeploymentIdFromSrc(src);
+      const deploymentId = extracted.deploymentId ?? ssrImageDeploymentIdMap?.get(extracted.src);
+      const deploymentParam = deploymentId ? `&dpl=${encodeURIComponent(deploymentId)}` : "";
+      const url = `${basePath}?url=${encodeURIComponent(extracted.src)}&w=${width}&q=${q}${deploymentParam}`;
       return resolveClientUrl?.(url) ?? url;
     },
     // Signals to getImgProps that this is a default loader (not a user-defined

package/dist/internal/host/shared/remote-image-loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/shared/remote-image-loader.ts"],"sourcesContent":["import { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport type { InternalResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\n\n/**\n * Replacement for `next/dist/shared/lib/image-loader`.\n *\n * Uses `config.path` (which includes the remote's asset prefix, e.g.\n * `/vc-ap-xxx/_next/image`) to generate URLs that match the server-rendered\n * HTML and avoid hydration mismatches. Under the microfrontends proxy these\n * relative paths are routed to the correct app.\n *\n * For cross-origin deployments (standalone host on a different domain),\n * `config.path` is a relative path that would incorrectly resolve to the host\n * origin, so we prefix it with the remote origin to produce an absolute URL\n * pointing at the remote's optimizer.\n *\n * When `resolveClientUrl` is provided (deployment protection), the final URL\n * is routed through the host's proxy.\n */\nexport function createRemoteImageLoader(\n  bundle: string,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  const loader = Object.assign(\n    ({\n      config,\n      src,\n      width,\n      quality,\n    }: {\n      config: { path?: string };\n      src: string;\n      width: number;\n      quality?: number;\n    }) => {\n      const q = quality ?? 75;\n      const remoteOrigin = getScope(bundle)?.url.origin ?? '';\n      const isCrossOrigin = remoteOrigin && remoteOrigin !== location.origin;\n      const basePath = isCrossOrigin\n        ? `${remoteOrigin}${config.path ?? '/_next/image'}`\n        : (config.path ?? `${remoteOrigin}/_next/image`);\n      const url = `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${q}`;\n      return resolveClientUrl?.(url) ?? url;\n    },\n    // Signals to getImgProps that this is a default loader (not a user-defined\n    // one), enabling srcSet generation with device/image sizes from the config.\n    { __next_img_default: true as const },\n  );\n  return loader;\n}\n"],"mappings":"AAAA,SAAS,gBAAgB;AAmBlB,SAAS,wBACd,QACA,kBACA;AACA,QAAM,SAAS,OAAO;AAAA,IACpB,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,MAKM;AACJ,YAAM,IAAI,WAAW;AACrB,YAAM,eAAe,SAAS,MAAM,GAAG,IAAI,UAAU;AACrD,YAAM,gBAAgB,gBAAgB,iBAAiB,SAAS;AAChE,YAAM,WAAW,gBACb,GAAG,eAAe,OAAO,QAAQ,mBAChC,OAAO,QAAQ,GAAG;AACvB,YAAM,MAAM,GAAG,gBAAgB,mBAAmB,GAAG,OAAO,WAAW;AACvE,aAAO,mBAAmB,GAAG,KAAK;AAAA,IACpC;AAAA;AAAA;AAAA,IAGA,EAAE,oBAAoB,KAAc;AAAA,EACtC;AACA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/host/shared/remote-image-loader.ts"],"sourcesContent":["import {\n  extractDeploymentIdFromSrc,\n  isNextDeploymentAssetSrc,\n  type NextImageDeploymentId,\n} from '#internal/host/shared/next-image-deployment-id';\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport type { InternalResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\n\n/**\n * Replacement for `next/dist/shared/lib/image-loader`.\n *\n * Uses `config.path` (which includes the remote's asset prefix, e.g.\n * `/vc-ap-xxx/_next/image`) to generate URLs that match the server-rendered\n * HTML and avoid hydration mismatches. Under the microfrontends proxy these\n * relative paths are routed to the correct app.\n *\n * For cross-origin deployments (standalone host on a different domain),\n * `config.path` is a relative path that would incorrectly resolve to the host\n * origin, so we prefix it with the remote origin to produce an absolute URL\n * pointing at the remote's optimizer.\n *\n * When `resolveClientUrl` is provided (deployment protection), the final URL\n * is routed through the host's proxy.\n */\nexport function createRemoteImageLoader(\n  bundle: string,\n  resolveClientUrl?: InternalResolveClientUrl,\n  ssrImageDeploymentIds?: readonly NextImageDeploymentId[],\n) {\n  const ssrImageDeploymentIdMap = ssrImageDeploymentIds\n    ? new Map(\n        ssrImageDeploymentIds.map(({ src, deploymentId }) => [\n          src,\n          deploymentId,\n        ]),\n      )\n    : undefined;\n  const loader = Object.assign(\n    ({\n      config,\n      src,\n      width,\n      quality,\n    }: {\n      config: { path?: string };\n      src: string;\n      width: number;\n      quality?: number;\n    }) => {\n      const q = quality ?? 75;\n      const remoteOrigin = getScope(bundle)?.url.origin ?? '';\n      const isCrossOrigin = remoteOrigin && remoteOrigin !== location.origin;\n      const basePath = isCrossOrigin\n        ? `${remoteOrigin}${config.path ?? '/_next/image'}`\n        : (config.path ?? `${remoteOrigin}/_next/image`);\n\n      if (!isNextDeploymentAssetSrc(src)) {\n        const url = `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${q}`;\n        return resolveClientUrl?.(url) ?? url;\n      }\n\n      const extracted = extractDeploymentIdFromSrc(src);\n      const deploymentId =\n        extracted.deploymentId ?? ssrImageDeploymentIdMap?.get(extracted.src);\n      const deploymentParam = deploymentId\n        ? `&dpl=${encodeURIComponent(deploymentId)}`\n        : '';\n      const url = `${basePath}?url=${encodeURIComponent(extracted.src)}&w=${width}&q=${q}${deploymentParam}`;\n      return resolveClientUrl?.(url) ?? url;\n    },\n    // Signals to getImgProps that this is a default loader (not a user-defined\n    // one), enabling srcSet generation with device/image sizes from the config.\n    { __next_img_default: true as const },\n  );\n  return loader;\n}\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,gBAAgB;AAmBlB,SAAS,wBACd,QACA,kBACA,uBACA;AACA,QAAM,0BAA0B,wBAC5B,IAAI;AAAA,IACF,sBAAsB,IAAI,CAAC,EAAE,KAAK,aAAa,MAAM;AAAA,MACnD;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,IACA;AACJ,QAAM,SAAS,OAAO;AAAA,IACpB,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,MAKM;AACJ,YAAM,IAAI,WAAW;AACrB,YAAM,eAAe,SAAS,MAAM,GAAG,IAAI,UAAU;AACrD,YAAM,gBAAgB,gBAAgB,iBAAiB,SAAS;AAChE,YAAM,WAAW,gBACb,GAAG,eAAe,OAAO,QAAQ,mBAChC,OAAO,QAAQ,GAAG;AAEvB,UAAI,CAAC,yBAAyB,GAAG,GAAG;AAClC,cAAMA,OAAM,GAAG,gBAAgB,mBAAmB,GAAG,OAAO,WAAW;AACvE,eAAO,mBAAmBA,IAAG,KAAKA;AAAA,MACpC;AAEA,YAAM,YAAY,2BAA2B,GAAG;AAChD,YAAM,eACJ,UAAU,gBAAgB,yBAAyB,IAAI,UAAU,GAAG;AACtE,YAAM,kBAAkB,eACpB,QAAQ,mBAAmB,YAAY,MACvC;AACJ,YAAM,MAAM,GAAG,gBAAgB,mBAAmB,UAAU,GAAG,OAAO,WAAW,IAAI;AACrF,aAAO,mBAAmB,GAAG,KAAK;AAAA,IACpC;AAAA;AAAA;AAAA,IAGA,EAAE,oBAAoB,KAAc;AAAA,EACtC;AACA,SAAO;AACT;","names":["url"]}

package/dist/internal/runtime/html/parse-remote-html.d.ts

@@ -4,6 +4,7 @@ import { RemoteComponentMetadata } from '../metadata.js';
 import '../../host/nextjs/dom-flight.js';
 import 'parse5/dist/tree-adapters/default';
 import '../../host/shared/asset-descriptors.js';
+import '../../host/shared/next-image-deployment-id.js';
 import '../url/resolve-client-url.js';
 import '../../utils/logger.js';
 

package/dist/internal/runtime/loaders/component-loader.d.ts

@@ -1,12 +1,13 @@
 import { RemoteSharedModules } from '../../host/shared/shared-broker.js';
 import { InternalResolveClientUrl } from '../url/resolve-client-url.js';
-import { a as ConsumeLoaderPayload } from '../../../server-handoff-9e905049.js';
+import { a as ConsumeLoaderPayload } from '../../../server-handoff-006f9cb5.js';
 import { L as LoaderResult } from '../../../types-bd7be268.js';
 import '../../utils/logger.js';
 import 'react';
 import '../../host/shared/asset-descriptors.js';
 import '../../host/shared/config.js';
 import '../../host/shared/fetch-interceptors.js';
+import '../../host/shared/next-image-deployment-id.js';
 import '../metadata.js';
 import '../turbopack/remote-scope.js';
 import '../constants.js';

package/dist/remote/react/utils/portal.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+// src/remote/react/utils/portal.tsx
+
+
+
+var _react = require('react');
+var _reactdom = require('react-dom');
+var _jsxruntime = require('react/jsx-runtime');
+var DEFAULT_PORTAL_CONTAINER_NAME = "default";
+function useRemotePortalContainer(anchorRef, options = {}) {
+  const [container, setContainer] = _react.useState.call(void 0, null);
+  const anchor = anchorRef.current;
+  const containerName = _nullishCoalesce(options.name, () => ( DEFAULT_PORTAL_CONTAINER_NAME));
+  _react.useLayoutEffect.call(void 0, () => {
+    if (!anchor) {
+      return;
+    }
+    const ownerDocument = anchor.ownerDocument;
+    const root = anchor.getRootNode();
+    if (typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot) {
+      const existingContainer = Array.from(
+        root.querySelectorAll(
+          "[data-remote-components-portal-container]"
+        )
+      ).find(
+        (element) => element.getAttribute("data-remote-components-portal-container") === containerName
+      );
+      if (existingContainer) {
+        setContainer(existingContainer);
+        return;
+      }
+      const shadowContainer = ownerDocument.createElement("div");
+      shadowContainer.setAttribute(
+        "data-remote-components-portal-container",
+        containerName
+      );
+      root.appendChild(shadowContainer);
+      setContainer(shadowContainer);
+      return;
+    }
+    setContainer(ownerDocument.body);
+  }, [anchor, containerName]);
+  return container;
+}
+function RemotePortal({ children, name }) {
+  const [anchor, setAnchor] = _react.useState.call(void 0, null);
+  const container = useRemotePortalContainer({ current: anchor }, { name });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { hidden: true, ref: setAnchor, "data-remote-components-portal-anchor": "" }),
+    container ? _reactdom.createPortal.call(void 0, children, container) : null
+  ] });
+}
+
+
+
+exports.RemotePortal = RemotePortal; exports.useRemotePortalContainer = useRemotePortalContainer;
+//# sourceMappingURL=portal.cjs.map

package/dist/remote/react/utils/portal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/remote/react/utils/portal.tsx"],"names":[],"mappings":";;;AAEA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAiEzB,mBACE,KADF;AAvDJ,IAAM,gCAAgC;AAE/B,SAAS,yBACd,WACA,UAA2C,CAAC,GACxB;AACpB,QAAM,CAAC,WAAW,YAAY,IAAI,SAA6B,IAAI;AACnE,QAAM,SAAS,UAAU;AACzB,QAAM,gBAAgB,QAAQ,QAAQ;AAEtC,kBAAgB,MAAM;AACpB,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,UAAM,gBAAgB,OAAO;AAC7B,UAAM,OAAO,OAAO,YAAY;AAEhC,QAAI,OAAO,eAAe,eAAe,gBAAgB,YAAY;AACnE,YAAM,oBAAoB,MAAM;AAAA,QAC9B,KAAK;AAAA,UACH;AAAA,QACF;AAAA,MACF,EAAE;AAAA,QACA,CAAC,YACC,QAAQ,aAAa,yCAAyC,MAC9D;AAAA,MACJ;AAEA,UAAI,mBAAmB;AACrB,qBAAa,iBAAiB;AAC9B;AAAA,MACF;AAEA,YAAM,kBAAkB,cAAc,cAAc,KAAK;AACzD,sBAAgB;AAAA,QACd;AAAA,QACA;AAAA,MACF;AACA,WAAK,YAAY,eAAe;AAChC,mBAAa,eAAe;AAC5B;AAAA,IACF;AAEA,iBAAa,cAAc,IAAI;AAAA,EACjC,GAAG,CAAC,QAAQ,aAAa,CAAC;AAE1B,SAAO;AACT;AAEO,SAAS,aAAa,EAAE,UAAU,KAAK,GAAiC;AAC7E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiC,IAAI;AACjE,QAAM,YAAY,yBAAyB,EAAE,SAAS,OAAO,GAAG,EAAE,KAAK,CAAC;AAExE,SACE,iCACE;AAAA,wBAAC,UAAK,QAAM,MAAC,KAAK,WAAW,wCAAqC,IAAG;AAAA,IACpE,YAAY,aAAa,UAAU,SAAS,IAAI;AAAA,KACnD;AAEJ","sourcesContent":["'use client';\n\nimport {\n  type ReactNode,\n  type RefObject,\n  useLayoutEffect,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface UseRemotePortalContainerOptions {\n  name?: string;\n}\n\nexport interface RemotePortalProps extends UseRemotePortalContainerOptions {\n  children: ReactNode;\n}\n\nconst DEFAULT_PORTAL_CONTAINER_NAME = 'default';\n\nexport function useRemotePortalContainer(\n  anchorRef: RefObject<Element | null>,\n  options: UseRemotePortalContainerOptions = {},\n): HTMLElement | null {\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n  const anchor = anchorRef.current;\n  const containerName = options.name ?? DEFAULT_PORTAL_CONTAINER_NAME;\n\n  useLayoutEffect(() => {\n    if (!anchor) {\n      return;\n    }\n\n    const ownerDocument = anchor.ownerDocument;\n    const root = anchor.getRootNode();\n\n    if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) {\n      const existingContainer = Array.from(\n        root.querySelectorAll<HTMLElement>(\n          '[data-remote-components-portal-container]',\n        ),\n      ).find(\n        (element) =>\n          element.getAttribute('data-remote-components-portal-container') ===\n          containerName,\n      );\n\n      if (existingContainer) {\n        setContainer(existingContainer);\n        return;\n      }\n\n      const shadowContainer = ownerDocument.createElement('div');\n      shadowContainer.setAttribute(\n        'data-remote-components-portal-container',\n        containerName,\n      );\n      root.appendChild(shadowContainer);\n      setContainer(shadowContainer);\n      return;\n    }\n\n    setContainer(ownerDocument.body);\n  }, [anchor, containerName]);\n\n  return container;\n}\n\nexport function RemotePortal({ children, name }: RemotePortalProps): ReactNode {\n  const [anchor, setAnchor] = useState<HTMLSpanElement | null>(null);\n  const container = useRemotePortalContainer({ current: anchor }, { name });\n\n  return (\n    <>\n      <span hidden ref={setAnchor} data-remote-components-portal-anchor=\"\" />\n      {container ? createPortal(children, container) : null}\n    </>\n  );\n}\n"]}

package/dist/remote/react/utils/portal.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, RefObject } from 'react';
+
+interface UseRemotePortalContainerOptions {
+    name?: string;
+}
+interface RemotePortalProps extends UseRemotePortalContainerOptions {
+    children: ReactNode;
+}
+declare function useRemotePortalContainer(anchorRef: RefObject<Element | null>, options?: UseRemotePortalContainerOptions): HTMLElement | null;
+declare function RemotePortal({ children, name }: RemotePortalProps): ReactNode;
+
+export { RemotePortal, RemotePortalProps, UseRemotePortalContainerOptions, useRemotePortalContainer };

package/dist/remote/react/utils/portal.js

@@ -0,0 +1,58 @@
+"use client";
+
+// src/remote/react/utils/portal.tsx
+import {
+  useLayoutEffect,
+  useState
+} from "react";
+import { createPortal } from "react-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_PORTAL_CONTAINER_NAME = "default";
+function useRemotePortalContainer(anchorRef, options = {}) {
+  const [container, setContainer] = useState(null);
+  const anchor = anchorRef.current;
+  const containerName = options.name ?? DEFAULT_PORTAL_CONTAINER_NAME;
+  useLayoutEffect(() => {
+    if (!anchor) {
+      return;
+    }
+    const ownerDocument = anchor.ownerDocument;
+    const root = anchor.getRootNode();
+    if (typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot) {
+      const existingContainer = Array.from(
+        root.querySelectorAll(
+          "[data-remote-components-portal-container]"
+        )
+      ).find(
+        (element) => element.getAttribute("data-remote-components-portal-container") === containerName
+      );
+      if (existingContainer) {
+        setContainer(existingContainer);
+        return;
+      }
+      const shadowContainer = ownerDocument.createElement("div");
+      shadowContainer.setAttribute(
+        "data-remote-components-portal-container",
+        containerName
+      );
+      root.appendChild(shadowContainer);
+      setContainer(shadowContainer);
+      return;
+    }
+    setContainer(ownerDocument.body);
+  }, [anchor, containerName]);
+  return container;
+}
+function RemotePortal({ children, name }) {
+  const [anchor, setAnchor] = useState(null);
+  const container = useRemotePortalContainer({ current: anchor }, { name });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { hidden: true, ref: setAnchor, "data-remote-components-portal-anchor": "" }),
+    container ? createPortal(children, container) : null
+  ] });
+}
+export {
+  RemotePortal,
+  useRemotePortalContainer
+};
+//# sourceMappingURL=portal.js.map

package/dist/remote/react/utils/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/remote/react/utils/portal.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ReactNode,\n  type RefObject,\n  useLayoutEffect,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface UseRemotePortalContainerOptions {\n  name?: string;\n}\n\nexport interface RemotePortalProps extends UseRemotePortalContainerOptions {\n  children: ReactNode;\n}\n\nconst DEFAULT_PORTAL_CONTAINER_NAME = 'default';\n\nexport function useRemotePortalContainer(\n  anchorRef: RefObject<Element | null>,\n  options: UseRemotePortalContainerOptions = {},\n): HTMLElement | null {\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n  const anchor = anchorRef.current;\n  const containerName = options.name ?? DEFAULT_PORTAL_CONTAINER_NAME;\n\n  useLayoutEffect(() => {\n    if (!anchor) {\n      return;\n    }\n\n    const ownerDocument = anchor.ownerDocument;\n    const root = anchor.getRootNode();\n\n    if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) {\n      const existingContainer = Array.from(\n        root.querySelectorAll<HTMLElement>(\n          '[data-remote-components-portal-container]',\n        ),\n      ).find(\n        (element) =>\n          element.getAttribute('data-remote-components-portal-container') ===\n          containerName,\n      );\n\n      if (existingContainer) {\n        setContainer(existingContainer);\n        return;\n      }\n\n      const shadowContainer = ownerDocument.createElement('div');\n      shadowContainer.setAttribute(\n        'data-remote-components-portal-container',\n        containerName,\n      );\n      root.appendChild(shadowContainer);\n      setContainer(shadowContainer);\n      return;\n    }\n\n    setContainer(ownerDocument.body);\n  }, [anchor, containerName]);\n\n  return container;\n}\n\nexport function RemotePortal({ children, name }: RemotePortalProps): ReactNode {\n  const [anchor, setAnchor] = useState<HTMLSpanElement | null>(null);\n  const container = useRemotePortalContainer({ current: anchor }, { name });\n\n  return (\n    <>\n      <span hidden ref={setAnchor} data-remote-components-portal-anchor=\"\" />\n      {container ? createPortal(children, container) : null}\n    </>\n  );\n}\n"],"mappings":";;;AAEA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAiEzB,mBACE,KADF;AAvDJ,IAAM,gCAAgC;AAE/B,SAAS,yBACd,WACA,UAA2C,CAAC,GACxB;AACpB,QAAM,CAAC,WAAW,YAAY,IAAI,SAA6B,IAAI;AACnE,QAAM,SAAS,UAAU;AACzB,QAAM,gBAAgB,QAAQ,QAAQ;AAEtC,kBAAgB,MAAM;AACpB,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,UAAM,gBAAgB,OAAO;AAC7B,UAAM,OAAO,OAAO,YAAY;AAEhC,QAAI,OAAO,eAAe,eAAe,gBAAgB,YAAY;AACnE,YAAM,oBAAoB,MAAM;AAAA,QAC9B,KAAK;AAAA,UACH;AAAA,QACF;AAAA,MACF,EAAE;AAAA,QACA,CAAC,YACC,QAAQ,aAAa,yCAAyC,MAC9D;AAAA,MACJ;AAEA,UAAI,mBAAmB;AACrB,qBAAa,iBAAiB;AAC9B;AAAA,MACF;AAEA,YAAM,kBAAkB,cAAc,cAAc,KAAK;AACzD,sBAAgB;AAAA,QACd;AAAA,QACA;AAAA,MACF;AACA,WAAK,YAAY,eAAe;AAChC,mBAAa,eAAe;AAC5B;AAAA,IACF;AAEA,iBAAa,cAAc,IAAI;AAAA,EACjC,GAAG,CAAC,QAAQ,aAAa,CAAC;AAE1B,SAAO;AACT;AAEO,SAAS,aAAa,EAAE,UAAU,KAAK,GAAiC;AAC7E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiC,IAAI;AACjE,QAAM,YAAY,yBAAyB,EAAE,SAAS,OAAO,GAAG,EAAE,KAAK,CAAC;AAExE,SACE,iCACE;AAAA,wBAAC,UAAK,QAAM,MAAC,KAAK,WAAW,wCAAqC,IAAG;AAAA,IACpE,YAAY,aAAa,UAAU,SAAS,IAAI;AAAA,KACnD;AAEJ;","names":[]}

package/dist/{server-handoff-9e905049.d.ts → server-handoff-006f9cb5.d.ts}

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { ScriptDescriptor, LinkDescriptor } from './internal/host/shared/asset-descriptors.js';
 import { ShadowDomConfig } from './internal/host/shared/config.js';
+import { NextImageDeploymentId } from './internal/host/shared/next-image-deployment-id.js';
 import { RemoteSharedModules } from './internal/host/shared/shared-broker.js';
 import { RemoteComponentMetadata } from './internal/runtime/metadata.js';
 
@@ -41,6 +42,7 @@ interface ConsumeServerData extends ConsumeLoaderPayload, ShadowDomConfig {
     serverUrl: string;
     links?: LinkDescriptor[];
     type?: RemoteComponentMetadata['type'];
+    ssrImageDeploymentIds?: NextImageDeploymentId[];
     children: React.ReactNode;
 }
 

package/dist/{turbopack-43N2UJNN.js → turbopack-HK7DVYUG.js}

@@ -1,15 +1,15 @@
 import {
   setupRemoteScope
-} from "./chunk-24LEEDHP.js";
+} from "./chunk-YKCU7RFM.js";
 import {
   applySharedModules,
   initializeSharedModules,
   nextClientPagesLoader
-} from "./chunk-BEGVH64U.js";
+} from "./chunk-GG32LZD3.js";
 import {
   buildCoreShared,
   buildHostShared
-} from "./chunk-3PR3SWYZ.js";
+} from "./chunk-WWHNG5YP.js";
 import "./chunk-D5GNZB6O.js";
 import "./chunk-STIJO4AG.js";
 import "./chunk-ULXU6XWH.js";
@@ -53,4 +53,4 @@ async function turbopackRuntime(url, bundle, shared, remoteShared, resolveClient
 export {
   turbopackRuntime
 };
-//# sourceMappingURL=turbopack-43N2UJNN.js.map
+//# sourceMappingURL=turbopack-HK7DVYUG.js.map

package/dist/{turbopack-5VGMYUL4.cjs → turbopack-YZOIO55D.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkTGE3K3TRcjs = require('./chunk-TGE3K3TR.cjs');
+var _chunkTIS6PXSQcjs = require('./chunk-TIS6PXSQ.cjs');
 
 
 
 
-var _chunkSULMNRMJcjs = require('./chunk-SULMNRMJ.cjs');
+var _chunkJKDPK6L5cjs = require('./chunk-JKDPK6L5.cjs');
 
 
 
-var _chunk6PZEDIAKcjs = require('./chunk-6PZEDIAK.cjs');
+var _chunkZPJ5J24Tcjs = require('./chunk-ZPJ5J24T.cjs');
 require('./chunk-Z2SLBFQL.cjs');
 require('./chunk-5KTAEO52.cjs');
 require('./chunk-BBXVML3D.cjs');
@@ -19,15 +19,15 @@ require('./chunk-SHFJ5OQA.cjs');
 // src/host/html/runtime/turbopack.ts
 async function turbopackRuntime(url, bundle, shared, remoteShared, resolveClientUrl) {
   const self = globalThis;
-  const hostShared = _chunk6PZEDIAKcjs.buildHostShared.call(void 0, shared, resolveClientUrl, {
+  const hostShared = _chunkZPJ5J24Tcjs.buildHostShared.call(void 0, shared, resolveClientUrl, {
     includePagesClientSharedGlobal: true
   });
-  await _chunkTGE3K3TRcjs.setupRemoteScope.call(void 0, "turbopack", [], url, bundle, resolveClientUrl);
+  await _chunkTIS6PXSQcjs.setupRemoteScope.call(void 0, "turbopack", [], url, bundle, resolveClientUrl);
   const {
     default: { createFromReadableStream }
   } = await Promise.resolve().then(() => _interopRequireWildcard(require("react-server-dom-webpack/client.browser")));
   async function preloadScripts(scripts, __) {
-    const scope = await _chunkTGE3K3TRcjs.setupRemoteScope.call(void 0, 
+    const scope = await _chunkTIS6PXSQcjs.setupRemoteScope.call(void 0, 
       "turbopack",
       scripts.map((script) => ({
         src: script.getAttribute("src") || script.getAttribute("data-src") || script.src
@@ -36,21 +36,21 @@ async function turbopackRuntime(url, bundle, shared, remoteShared, resolveClient
       bundle,
       resolveClientUrl
     );
-    await _chunkSULMNRMJcjs.initializeSharedModules.call(void 0, 
+    await _chunkJKDPK6L5cjs.initializeSharedModules.call(void 0, 
       scope,
-      _chunk6PZEDIAKcjs.buildCoreShared.call(void 0, hostShared),
+      _chunkZPJ5J24Tcjs.buildCoreShared.call(void 0, hostShared),
       _nullishCoalesce(remoteShared, () => ( {}))
     );
   }
   return {
     self,
     createFromReadableStream,
-    applySharedModules: _chunkSULMNRMJcjs.applySharedModules,
-    nextClientPagesLoader: _chunkSULMNRMJcjs.nextClientPagesLoader,
+    applySharedModules: _chunkJKDPK6L5cjs.applySharedModules,
+    nextClientPagesLoader: _chunkJKDPK6L5cjs.nextClientPagesLoader,
     preloadScripts
   };
 }
 
 
 exports.turbopackRuntime = turbopackRuntime;
-//# sourceMappingURL=turbopack-5VGMYUL4.cjs.map
+//# sourceMappingURL=turbopack-YZOIO55D.cjs.map

package/dist/{webpack-LXE2UWTA.js → webpack-2HP73JL7.js}

@@ -1,15 +1,15 @@
 import {
   loadScripts
-} from "./chunk-M6ACTSVB.js";
+} from "./chunk-XLGLCKZZ.js";
 import {
   applySharedModules,
   buildWebpackResolve,
   nextClientPagesLoader
-} from "./chunk-BEGVH64U.js";
+} from "./chunk-GG32LZD3.js";
 import {
   NEXT_BUNDLE_PATH_RE,
   buildHostShared
-} from "./chunk-3PR3SWYZ.js";
+} from "./chunk-WWHNG5YP.js";
 import "./chunk-D5GNZB6O.js";
 import "./chunk-STIJO4AG.js";
 import {
@@ -92,4 +92,4 @@ async function webpackRuntime(bundle, shared, remoteShared, resolveClientUrl) {
 export {
   webpackRuntime
 };
-//# sourceMappingURL=webpack-LXE2UWTA.js.map
+//# sourceMappingURL=webpack-2HP73JL7.js.map

package/dist/{webpack-FSN5UBA2.cjs → webpack-W2MODB73.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkXWRB6CEAcjs = require('./chunk-XWRB6CEA.cjs');
+var _chunkMAVMKFFLcjs = require('./chunk-MAVMKFFL.cjs');
 
 
 
 
-var _chunkSULMNRMJcjs = require('./chunk-SULMNRMJ.cjs');
+var _chunkJKDPK6L5cjs = require('./chunk-JKDPK6L5.cjs');
 
 
 
-var _chunk6PZEDIAKcjs = require('./chunk-6PZEDIAK.cjs');
+var _chunkZPJ5J24Tcjs = require('./chunk-ZPJ5J24T.cjs');
 require('./chunk-Z2SLBFQL.cjs');
 require('./chunk-5KTAEO52.cjs');
 
@@ -58,15 +58,15 @@ async function webpackRuntime(bundle, shared, remoteShared, resolveClientUrl) {
         return [];
       return [
         {
-          src: new URL(scriptSrc.replace(_chunk6PZEDIAKcjs.NEXT_BUNDLE_PATH_RE, "/_next/"), url).href
+          src: new URL(scriptSrc.replace(_chunkZPJ5J24Tcjs.NEXT_BUNDLE_PATH_RE, "/_next/"), url).href
         }
       ];
     });
-    await _chunkXWRB6CEAcjs.loadScripts.call(void 0, scriptSrcs, resolveClientUrl);
-    const hostShared = _chunk6PZEDIAKcjs.buildHostShared.call(void 0, shared, resolveClientUrl, {
+    await _chunkMAVMKFFLcjs.loadScripts.call(void 0, scriptSrcs, resolveClientUrl);
+    const hostShared = _chunkZPJ5J24Tcjs.buildHostShared.call(void 0, shared, resolveClientUrl, {
       includePagesClientSharedGlobal: true
     });
-    const resolve = await _chunkSULMNRMJcjs.buildWebpackResolve.call(void 0, 
+    const resolve = await _chunkJKDPK6L5cjs.buildWebpackResolve.call(void 0, 
       hostShared,
       _nullishCoalesce(remoteShared, () => ( {})),
       remoteBundle,
@@ -79,17 +79,17 @@ async function webpackRuntime(bundle, shared, remoteShared, resolveClientUrl) {
       },
       "WebpackRuntime"
     );
-    _chunkSULMNRMJcjs.applySharedModules.call(void 0, remoteBundle, resolve);
+    _chunkJKDPK6L5cjs.applySharedModules.call(void 0, remoteBundle, resolve);
   }
   return {
     self,
     createFromReadableStream,
-    applySharedModules: _chunkSULMNRMJcjs.applySharedModules,
-    nextClientPagesLoader: _chunkSULMNRMJcjs.nextClientPagesLoader,
+    applySharedModules: _chunkJKDPK6L5cjs.applySharedModules,
+    nextClientPagesLoader: _chunkJKDPK6L5cjs.nextClientPagesLoader,
     preloadScripts
   };
 }
 
 
 exports.webpackRuntime = webpackRuntime;
-//# sourceMappingURL=webpack-FSN5UBA2.cjs.map
+//# sourceMappingURL=webpack-W2MODB73.cjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remote-components",
-  "version": "0.4.12",
+  "version": "0.4.14",
   "private": false,
   "description": "Compose remote components at runtime between microfrontends applications.",
   "keywords": [
@@ -86,11 +86,21 @@
       "require": "./dist/remote/html.cjs",
       "default": "./dist/remote/html.js"
     },
+    "./remote/react/utils/portal": {
+      "import": "./dist/remote/react/utils/portal.js",
+      "require": "./dist/remote/react/utils/portal.cjs",
+      "default": "./dist/remote/react/utils/portal.js"
+    },
     "./config/nextjs": {
       "import": "./dist/config/nextjs.js",
       "require": "./dist/config/nextjs.cjs",
       "default": "./dist/config/nextjs.js"
     },
+    "./config/tailwind": {
+      "import": "./dist/config/tailwind.js",
+      "require": "./dist/config/tailwind.cjs",
+      "default": "./dist/config/tailwind.js"
+    },
     "./config/webpack": {
       "import": "./dist/config/webpack.js",
       "require": "./dist/config/webpack.cjs",
@@ -159,9 +169,15 @@
       "remote/html": [
         "./dist/remote/html.d.ts"
       ],
+      "remote/react/utils/portal": [
+        "./dist/remote/react/utils/portal.d.ts"
+      ],
       "config/nextjs": [
         "./dist/config/nextjs.d.ts"
       ],
+      "config/tailwind": [
+        "./dist/config/tailwind.d.ts"
+      ],
       "config/webpack": [
         "./dist/config/webpack.d.ts"
       ],
@@ -210,6 +226,7 @@
     "@types/react-dom": "^19.2.3",
     "jsdom": "^26.0.0",
     "next": "^16.1.3",
+    "postcss": "^8",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "ts-json-schema-generator": "^1.1.2",