remote-components 0.4.12 → 0.4.14

package/dist/{chunk-HXCW3WDT.cjs → chunk-T2JJIQUJ.cjs}

@@ -1,20 +1,21 @@
 "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(); } } async function _asyncNullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return await 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 _chunkTCFLEBQMcjs = require('./chunk-TCFLEBQM.cjs');
 
 
-var _chunkTGE3K3TRcjs = require('./chunk-TGE3K3TR.cjs');
+var _chunkMAVMKFFLcjs = require('./chunk-MAVMKFFL.cjs');
 
 
+var _chunkTIS6PXSQcjs = require('./chunk-TIS6PXSQ.cjs');
 
 
 
-var _chunkSULMNRMJcjs = require('./chunk-SULMNRMJ.cjs');
 
 
-var _chunk3AX5WLZDcjs = require('./chunk-3AX5WLZD.cjs');
+var _chunkJKDPK6L5cjs = require('./chunk-JKDPK6L5.cjs');
 
 
+var _chunk3AX5WLZDcjs = require('./chunk-3AX5WLZD.cjs');
 
 
 
@@ -24,17 +25,16 @@ var _chunk3AX5WLZDcjs = require('./chunk-3AX5WLZD.cjs');
 
 
 
-var _chunk6PZEDIAKcjs = require('./chunk-6PZEDIAK.cjs');
 
 
+var _chunkZPJ5J24Tcjs = require('./chunk-ZPJ5J24T.cjs');
 
 
 
 
-var _chunkBBXVML3Dcjs = require('./chunk-BBXVML3D.cjs');
 
 
-var _chunkTCFLEBQMcjs = require('./chunk-TCFLEBQM.cjs');
+var _chunkBBXVML3Dcjs = require('./chunk-BBXVML3D.cjs');
 
 // src/host/server/fetch-with-hooks.ts
 async function fetchWithWarning(url, init) {
@@ -288,12 +288,12 @@ function toComponentType(value) {
   return value && isComponentType(value) ? value : "unknown";
 }
 function buildMetadata(attrs, url) {
-  const id = attrs.id || _chunk6PZEDIAKcjs.DEFAULT_COMPONENT_NAME;
-  const bundle = attrs.bundle || process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION || _chunk6PZEDIAKcjs.DEFAULT_BUNDLE_NAME;
+  const id = attrs.id || _chunkZPJ5J24Tcjs.DEFAULT_COMPONENT_NAME;
+  const bundle = attrs.bundle || process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION || _chunkZPJ5J24Tcjs.DEFAULT_BUNDLE_NAME;
   return {
     name: attrs.name || id.replace(/_ssr$/, ""),
     bundle,
-    route: attrs.route || url.pathname || _chunk6PZEDIAKcjs.DEFAULT_ROUTE,
+    route: attrs.route || url.pathname || _chunkZPJ5J24Tcjs.DEFAULT_ROUTE,
     runtime: toRuntime(attrs.runtime),
     id,
     type: toComponentType(attrs.type)
@@ -338,7 +338,7 @@ function extractRemoteShared(doc, name, nextData) {
 function validateComponentFound(component, rsc, nextData, isRemoteComponent, url, name) {
   if (!component || !(rsc || nextData || isRemoteComponent)) {
     throw new (0, _chunkBBXVML3Dcjs.RemoteComponentsError)(
-      `Remote Component not found on ${url}.${name !== _chunk6PZEDIAKcjs.DEFAULT_COMPONENT_NAME ? ` The name for the <RemoteComponent> is "${name}". Check <RemoteComponent> usage.` : ""} Did you forget to wrap the content in <RemoteComponent>?`
+      `Remote Component not found on ${url}.${name !== _chunkZPJ5J24Tcjs.DEFAULT_COMPONENT_NAME ? ` The name for the <RemoteComponent> is "${name}". Check <RemoteComponent> usage.` : ""} Did you forget to wrap the content in <RemoteComponent>?`
     );
   }
 }
@@ -369,7 +369,7 @@ function parseRemoteComponentDocument(doc, name, url) {
       name: resolvedName,
       bundle: _optionalChain([component, 'optionalAccess', _40 => _40.getAttribute, 'call', _41 => _41(DATA_BUNDLE)]) || _optionalChain([nextData, 'optionalAccess', _42 => _42.props, 'access', _43 => _43.__REMOTE_COMPONENT__, 'optionalAccess', _44 => _44.bundle]),
       route: _nullishCoalesce(_optionalChain([component, 'optionalAccess', _45 => _45.getAttribute, 'call', _46 => _46(DATA_ROUTE)]), () => ( _optionalChain([nextData, 'optionalAccess', _47 => _47.page]))),
-      runtime: _nullishCoalesce(_nullishCoalesce(_optionalChain([component, 'optionalAccess', _48 => _48.getAttribute, 'call', _49 => _49(DATA_RUNTIME)]), () => ( _optionalChain([nextData, 'optionalAccess', _50 => _50.props, 'access', _51 => _51.__REMOTE_COMPONENT__, 'optionalAccess', _52 => _52.runtime]))), () => ( _chunk6PZEDIAKcjs.RUNTIME_SCRIPT)),
+      runtime: _nullishCoalesce(_nullishCoalesce(_optionalChain([component, 'optionalAccess', _48 => _48.getAttribute, 'call', _49 => _49(DATA_RUNTIME)]), () => ( _optionalChain([nextData, 'optionalAccess', _50 => _50.props, 'access', _51 => _51.__REMOTE_COMPONENT__, 'optionalAccess', _52 => _52.runtime]))), () => ( _chunkZPJ5J24Tcjs.RUNTIME_SCRIPT)),
       id: _optionalChain([component, 'optionalAccess', _53 => _53.getAttribute, 'call', _54 => _54("id")]),
       type: _optionalChain([component, 'optionalAccess', _55 => _55.getAttribute, 'call', _56 => _56(DATA_TYPE)])
     },
@@ -439,7 +439,7 @@ async function loadRemoteComponent({
         self.__DISABLE_WEBPACK_EXEC__ = {};
       }
       self.__DISABLE_WEBPACK_EXEC__[bundle] = true;
-      await _chunkXWRB6CEAcjs.loadScripts.call(void 0, scripts, resolveClientUrl);
+      await _chunkMAVMKFFLcjs.loadScripts.call(void 0, scripts, resolveClientUrl);
     }
     const hostShared = await shared;
     _chunkBBXVML3Dcjs.logDebug.call(void 0, 
@@ -454,7 +454,7 @@ async function loadRemoteComponent({
       "ComponentLoader",
       `Remote shared modules requested: ${JSON.stringify(remoteShared)}`
     );
-    const scope = await _chunkTGE3K3TRcjs.setupRemoteScope.call(void 0, 
+    const scope = await _chunkTIS6PXSQcjs.setupRemoteScope.call(void 0, 
       runtime,
       scripts,
       url,
@@ -462,14 +462,14 @@ async function loadRemoteComponent({
       resolveClientUrl
     );
     if (runtime === "turbopack") {
-      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),
         remoteShared
       );
     }
     if (bundle && runtime === "webpack") {
-      const resolve = await _chunkSULMNRMJcjs.buildWebpackResolve.call(void 0, 
+      const resolve = await _chunkJKDPK6L5cjs.buildWebpackResolve.call(void 0, 
         hostShared,
         remoteShared,
         bundle,
@@ -482,7 +482,7 @@ async function loadRemoteComponent({
         },
         "ComponentLoader"
       );
-      _chunkSULMNRMJcjs.applySharedModules.call(void 0, bundle, resolve);
+      _chunkJKDPK6L5cjs.applySharedModules.call(void 0, bundle, resolve);
     } else if (bundle && runtime === "turbopack") {
     } else {
       _chunkBBXVML3Dcjs.logWarn.call(void 0, 
@@ -524,7 +524,7 @@ async function loadRSCComponent(rscName, data) {
   return { component };
 }
 function loadNextPagesComponent(bundle, route, nextData, name, container) {
-  const { Component, App } = _chunkSULMNRMJcjs.nextClientPagesLoader.call(void 0, bundle, route, container);
+  const { Component, App } = _chunkJKDPK6L5cjs.nextClientPagesLoader.call(void 0, bundle, route, container);
   if (!Component) {
     throw new (0, _chunkBBXVML3Dcjs.RemoteComponentsError)(
       `Remote Component "${name}" is trying to load the component for route "${route}" but it is not available.`
@@ -540,7 +540,7 @@ function preparePipeline(input) {
   const doc = parser.parseFromString(input.html, "text/html");
   const parsed = parseRemoteComponentDocument(doc, input.name, input.url);
   const remoteShared = _nullishCoalesce(input.remoteShared, () => ( parsed.remoteShared));
-  const missingSharedModulesMessage = _chunk6PZEDIAKcjs.getMissingSharedModulesMessage.call(void 0, remoteShared);
+  const missingSharedModulesMessage = _chunkZPJ5J24Tcjs.getMissingSharedModulesMessage.call(void 0, remoteShared);
   if (missingSharedModulesMessage) {
     throw new (0, _chunkBBXVML3Dcjs.RemoteComponentsError)(missingSharedModulesMessage);
   }
@@ -580,12 +580,12 @@ async function loadPrepared(input) {
 function buildScriptDescriptors(scripts, url) {
   return scripts.map((script) => {
     const scriptSrc = script.getAttribute("data-src") || script.getAttribute("src") || script.src;
-    const { prefix, id: path } = _nullishCoalesce(_optionalChain([_chunk6PZEDIAKcjs.REMOTE_COMPONENT_REGEX, 'access', _57 => _57.exec, 'call', _58 => _58(scriptSrc), 'optionalAccess', _59 => _59.groups]), () => ( {
+    const { prefix, id: path } = _nullishCoalesce(_optionalChain([_chunkZPJ5J24Tcjs.REMOTE_COMPONENT_REGEX, 'access', _57 => _57.exec, 'call', _58 => _58(scriptSrc), 'optionalAccess', _59 => _59.groups]), () => ( {
       prefix: void 0,
       id: scriptSrc
     }));
     return {
-      src: new URL(_chunk6PZEDIAKcjs.collapseDoubleSlashes.call(void 0, `${_nullishCoalesce(prefix, () => ( ""))}${path}`), url).href
+      src: new URL(_chunkZPJ5J24Tcjs.collapseDoubleSlashes.call(void 0, `${_nullishCoalesce(prefix, () => ( ""))}${path}`), url).href
     };
   });
 }
@@ -618,7 +618,7 @@ async function loadDynamicPath(input) {
     resolveClientUrl,
     container
   } = input;
-  const rscName = _nullishCoalesce(input.rscName, () => ( (parsed.rsc ? `__remote_component_rsc_${_chunk6PZEDIAKcjs.escapeString.call(void 0, url.href)}_${_chunk6PZEDIAKcjs.escapeString.call(void 0, parsed.name)}` : void 0)));
+  const rscName = _nullishCoalesce(input.rscName, () => ( (parsed.rsc ? `__remote_component_rsc_${_chunkZPJ5J24Tcjs.escapeString.call(void 0, url.href)}_${_chunkZPJ5J24Tcjs.escapeString.call(void 0, parsed.name)}` : void 0)));
   const rscData = parsed.rsc ? (parsed.rsc.textContent || "").split("\n").filter(Boolean) : [];
   const result = await loadRemoteComponent({
     url,
@@ -630,7 +630,7 @@ async function loadDynamicPath(input) {
     data: rscData,
     nextData: parsed.nextData,
     scripts: scriptDescriptors,
-    shared: _chunk6PZEDIAKcjs.buildHostShared.call(void 0, shared, resolveClientUrl),
+    shared: _chunkZPJ5J24Tcjs.buildHostShared.call(void 0, shared, resolveClientUrl),
     remoteShared: parsed.remoteShared,
     container,
     resolveClientUrl
@@ -709,4 +709,4 @@ function bindResolveClientUrl(prop, remoteSrc) {
 
 
 exports.fetchWithHooks = fetchWithHooks; exports.getClientOrServerUrl = getClientOrServerUrl; exports.makeReactEmitter = makeReactEmitter; exports.makeEventEmitter = makeEventEmitter; exports.createRSCStream = createRSCStream; exports.preparePipeline = preparePipeline; exports.loadPrepared = loadPrepared; exports.createHostState = createHostState; exports.resolveNameFromSrc = resolveNameFromSrc; exports.bindResolveClientUrl = bindResolveClientUrl;
-//# sourceMappingURL=chunk-HXCW3WDT.cjs.map
+//# sourceMappingURL=chunk-T2JJIQUJ.cjs.map

package/dist/{chunk-TGE3K3TR.cjs → chunk-TIS6PXSQ.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkSULMNRMJcjs = require('./chunk-SULMNRMJ.cjs');
+var _chunkJKDPK6L5cjs = require('./chunk-JKDPK6L5.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _chunkSULMNRMJcjs = require('./chunk-SULMNRMJ.cjs');
 
 
 
-var _chunk6PZEDIAKcjs = require('./chunk-6PZEDIAK.cjs');
+var _chunkZPJ5J24Tcjs = require('./chunk-ZPJ5J24T.cjs');
 
 
 var _chunkZ2SLBFQLcjs = require('./chunk-Z2SLBFQL.cjs');
@@ -25,25 +25,25 @@ async function setupRemoteScope(runtime, scripts = [], url = new URL(location.hr
   const self = globalThis;
   const ns = _chunkZ2SLBFQLcjs.getNamespace.call(void 0, );
   const bundleName = _nullishCoalesce(bundle, () => ( "default"));
-  const existingScope = _chunk6PZEDIAKcjs.getScope.call(void 0, bundleName);
+  const existingScope = _chunkZPJ5J24Tcjs.getScope.call(void 0, bundleName);
   if (existingScope && existingScope.url.origin === url.origin) {
     _chunkBBXVML3Dcjs.logDebug.call(void 0, 
       "WebpackRuntime",
       `Reusing scope "${existingScope.scopedName}" (turbopackModules=${existingScope.turbopackModules.length})`
     );
     existingScope.resolveClientUrl = resolveClientUrl;
-    if (runtime === _chunk6PZEDIAKcjs.RUNTIME_TURBOPACK) {
+    if (runtime === _chunkZPJ5J24Tcjs.RUNTIME_TURBOPACK) {
       await Promise.allSettled(
         scripts.map(
-          (script) => script.src ? _chunkSULMNRMJcjs.loadChunkWithScope.call(void 0, existingScope, script.src) : Promise.resolve(void 0)
+          (script) => script.src ? _chunkJKDPK6L5cjs.loadChunkWithScope.call(void 0, existingScope, script.src) : Promise.resolve(void 0)
         )
       );
     }
     return existingScope;
   }
-  const scope = _chunk6PZEDIAKcjs.createScope.call(void 0, bundleName, url, runtime, resolveClientUrl);
-  _chunk6PZEDIAKcjs.registerScope.call(void 0, scope);
-  if (runtime === _chunk6PZEDIAKcjs.RUNTIME_WEBPACK && _optionalChain([self, 'access', _ => _.__remote_webpack_require__, 'optionalAccess', _2 => _2[bundleName]])) {
+  const scope = _chunkZPJ5J24Tcjs.createScope.call(void 0, bundleName, url, runtime, resolveClientUrl);
+  _chunkZPJ5J24Tcjs.registerScope.call(void 0, scope);
+  if (runtime === _chunkZPJ5J24Tcjs.RUNTIME_WEBPACK && _optionalChain([self, 'access', _ => _.__remote_webpack_require__, 'optionalAccess', _2 => _2[bundleName]])) {
     scope.webpackRequire = self.__remote_webpack_require__[bundleName];
   }
   ns.bundleUrls[bundleName] = url;
@@ -57,12 +57,12 @@ async function setupRemoteScope(runtime, scripts = [], url = new URL(location.hr
       self.__original_webpack_chunk_load__ = self.__webpack_chunk_load__;
       self.__original_webpack_require__ = self.__webpack_require__;
     }
-    self.__webpack_chunk_load__ = _chunkSULMNRMJcjs.createChunkDispatcher.call(void 0, );
+    self.__webpack_chunk_load__ = _chunkJKDPK6L5cjs.createChunkDispatcher.call(void 0, );
     self.__webpack_require__ = createModuleDispatcher(runtime);
     ns.dispatcherRuntime = runtime;
     self.__webpack_require_type__ = runtime;
   }
-  if (runtime === _chunk6PZEDIAKcjs.RUNTIME_TURBOPACK && typeof self.__webpack_require__ === "function") {
+  if (runtime === _chunkZPJ5J24Tcjs.RUNTIME_TURBOPACK && typeof self.__webpack_require__ === "function") {
     self.__remote_webpack_require__ ??= {};
     self.__remote_webpack_require__[bundleName] = self.__webpack_require__;
     self.__remote_webpack_require__[bundleName].type = "turbopack";
@@ -70,11 +70,11 @@ async function setupRemoteScope(runtime, scripts = [], url = new URL(location.hr
   if (_optionalChain([self, 'access', _3 => _3.__remote_webpack_require__, 'optionalAccess', _4 => _4[bundleName]]) && scope.scopedName !== bundleName) {
     self.__remote_webpack_require__[scope.scopedName] = self.__remote_webpack_require__[bundleName];
   }
-  if (runtime === _chunk6PZEDIAKcjs.RUNTIME_TURBOPACK) {
+  if (runtime === _chunkZPJ5J24Tcjs.RUNTIME_TURBOPACK) {
     const results = await Promise.allSettled(
       scripts.map((script) => {
         if (script.src) {
-          return _chunkSULMNRMJcjs.loadChunkWithScope.call(void 0, scope, script.src);
+          return _chunkJKDPK6L5cjs.loadChunkWithScope.call(void 0, scope, script.src);
         }
         return Promise.resolve(void 0);
       })
@@ -93,7 +93,7 @@ async function setupRemoteScope(runtime, scripts = [], url = new URL(location.hr
 function createModuleDispatcher(runtime) {
   return (id) => {
     const self = globalThis;
-    const { bundle, id: moduleId } = _nullishCoalesce(_optionalChain([id, 'access', _5 => _5.match, 'call', _6 => _6(_chunk6PZEDIAKcjs.REMOTE_COMPONENT_REGEX), 'optionalAccess', _7 => _7.groups]), () => ( {
+    const { bundle, id: moduleId } = _nullishCoalesce(_optionalChain([id, 'access', _5 => _5.match, 'call', _6 => _6(_chunkZPJ5J24Tcjs.REMOTE_COMPONENT_REGEX), 'optionalAccess', _7 => _7.groups]), () => ( {
       bundle: "default",
       id
     }));
@@ -104,15 +104,15 @@ function createModuleDispatcher(runtime) {
       `Resolving "${id}" (bundle: "${bundleName}", runtime: "${remoteRuntime}")`
     );
     try {
-      if (remoteRuntime === _chunk6PZEDIAKcjs.RUNTIME_WEBPACK && bundle && moduleId) {
-        const scope2 = _chunk6PZEDIAKcjs.getScope.call(void 0, bundle);
+      if (remoteRuntime === _chunkZPJ5J24Tcjs.RUNTIME_WEBPACK && bundle && moduleId) {
+        const scope2 = _chunkZPJ5J24Tcjs.getScope.call(void 0, bundle);
         if (_optionalChain([scope2, 'optionalAccess', _13 => _13.webpackRequire]))
           return scope2.webpackRequire(moduleId);
         return _optionalChain([self, 'access', _14 => _14.__remote_webpack_require__, 'optionalAccess', _15 => _15[bundle], 'optionalCall', _16 => _16(moduleId)]);
       }
-      const scope = _chunk6PZEDIAKcjs.getScope.call(void 0, bundleName);
+      const scope = _chunkZPJ5J24Tcjs.getScope.call(void 0, bundleName);
       if (scope) {
-        return _chunkSULMNRMJcjs.requireModule.call(void 0, scope, _nullishCoalesce(moduleId, () => ( id)), id);
+        return _chunkJKDPK6L5cjs.requireModule.call(void 0, scope, _nullishCoalesce(moduleId, () => ( id)), id);
       }
       throw new Error(
         `Module "${id}" not found \u2014 no scope for bundle "${bundleName}".`
@@ -149,4 +149,4 @@ function createModuleDispatcher(runtime) {
 
 
 exports.setupRemoteScope = setupRemoteScope;
-//# sourceMappingURL=chunk-TGE3K3TR.cjs.map
+//# sourceMappingURL=chunk-TIS6PXSQ.cjs.map

package/dist/{chunk-YSJ4FKGI.cjs → chunk-WCZKEWRM.cjs}

@@ -7,7 +7,7 @@
 
 
 
-var _chunkHXCW3WDTcjs = require('./chunk-HXCW3WDT.cjs');
+var _chunkT2JJIQUJcjs = require('./chunk-T2JJIQUJ.cjs');
 
 
 var _chunk3AX5WLZDcjs = require('./chunk-3AX5WLZD.cjs');
@@ -21,7 +21,7 @@ var _chunkN3SQTOSEcjs = require('./chunk-N3SQTOSE.cjs');
 
 
 
-var _chunk6PZEDIAKcjs = require('./chunk-6PZEDIAK.cjs');
+var _chunkZPJ5J24Tcjs = require('./chunk-ZPJ5J24T.cjs');
 
 
 var _chunkZ2SLBFQLcjs = require('./chunk-Z2SLBFQL.cjs');
@@ -92,7 +92,7 @@ function setAttributesFromProps(el, props) {
 function useResolveClientUrl(prop, urlHref) {
   const { resolveClientUrl: contextValue } = _context.useRemoteComponentsContext.call(void 0, );
   const raw = _nullishCoalesce(prop, () => ( contextValue));
-  return _react.useMemo.call(void 0, () => _chunkHXCW3WDTcjs.bindResolveClientUrl.call(void 0, raw, urlHref), [raw, urlHref]);
+  return _react.useMemo.call(void 0, () => _chunkT2JJIQUJcjs.bindResolveClientUrl.call(void 0, raw, urlHref), [raw, urlHref]);
 }
 
 // src/host/react/hooks/use-shadow-root.ts
@@ -154,7 +154,7 @@ function getRemoteComponentHtml(html) {
     return ssrRemoteComponentContainer.innerHTML;
   }
   const remoteComponentContainer = temp.querySelectorAll(
-    `div[data-bundle][data-route][data-runtime][id^="${_chunk6PZEDIAKcjs.DEFAULT_COMPONENT_NAME}"],div[data-bundle][data-route],div#__next,remote-component:not([src])`
+    `div[data-bundle][data-route][data-runtime][id^="${_chunkZPJ5J24Tcjs.DEFAULT_COMPONENT_NAME}"],div[data-bundle][data-route],div#__next,remote-component:not([src])`
   );
   if (remoteComponentContainer.length > 0) {
     return `${Array.from(temp.querySelectorAll("link,script")).map((link) => link.outerHTML).join("")}${Array.from(remoteComponentContainer).map((container) => container.outerHTML).join("")}`;
@@ -179,7 +179,7 @@ function ConsumeRemoteComponent({
   mode = "open",
   reset,
   credentials: credentialsProp,
-  name: nameProp = _chunk6PZEDIAKcjs.DEFAULT_COMPONENT_NAME,
+  name: nameProp = _chunkZPJ5J24Tcjs.DEFAULT_COMPONENT_NAME,
   shared: sharedProp,
   children,
   onBeforeLoad,
@@ -195,22 +195,22 @@ function ConsumeRemoteComponent({
   const credentials = _nullishCoalesce(_nullishCoalesce(credentialsProp, () => ( contextCredentials)), () => ( "same-origin"));
   const shared = _nullishCoalesce(_nullishCoalesce(sharedProp, () => ( contextShared)), () => ( {}));
   const emitter = _react.useMemo.call(void 0, 
-    () => _chunkHXCW3WDTcjs.makeReactEmitter.call(void 0, { onBeforeLoad, onLoad, onError, onChange }),
+    () => _chunkT2JJIQUJcjs.makeReactEmitter.call(void 0, { onBeforeLoad, onLoad, onError, onChange }),
     [onBeforeLoad, onLoad, onError, onChange]
   );
   const name = _react.useMemo.call(void 0, 
-    () => _chunkHXCW3WDTcjs.resolveNameFromSrc.call(void 0, src, nameProp),
+    () => _chunkT2JJIQUJcjs.resolveNameFromSrc.call(void 0, src, nameProp),
     [src, nameProp]
   );
   const [data, setData] = _react.useState.call(void 0, 
     null
   );
-  const url = _react.useMemo.call(void 0, () => _chunkHXCW3WDTcjs.getClientOrServerUrl.call(void 0, src, DUMMY_FALLBACK), [src]);
+  const url = _react.useMemo.call(void 0, () => _chunkT2JJIQUJcjs.getClientOrServerUrl.call(void 0, src, DUMMY_FALLBACK), [src]);
   const resolveClientUrl = useResolveClientUrl(resolveClientUrlProp, url.href);
   const id = url.origin === (typeof location !== "undefined" ? location.origin : DUMMY_FALLBACK) ? url.pathname : url.href;
-  const keySuffix = `${_chunk6PZEDIAKcjs.escapeString.call(void 0, id)}_${_chunk6PZEDIAKcjs.escapeString.call(void 0, 
+  const keySuffix = `${_chunkZPJ5J24Tcjs.escapeString.call(void 0, id)}_${_chunkZPJ5J24Tcjs.escapeString.call(void 0, 
     _nullishCoalesce(_optionalChain([data, 'optionalAccess', _5 => _5.name]), () => ( name))
-  )}_${_chunk6PZEDIAKcjs.escapeString.call(void 0, instanceId)}`;
+  )}_${_chunkZPJ5J24Tcjs.escapeString.call(void 0, instanceId)}`;
   const [remoteComponent, setRemoteComponent] = _react.useState.call(void 0, null);
   const { shadowRoot, shadowRootContainerRef } = useShadowRoot({
     isolate,
@@ -222,6 +222,10 @@ function ConsumeRemoteComponent({
       `[data-remote-component-id="shadowroot_${keySuffix}"]`
     ), 'optionalAccess', _8 => _8.shadowRoot, 'optionalAccess', _9 => _9.innerHTML]), () => ( _optionalChain([document, 'access', _10 => _10.getElementById, 'call', _11 => _11(`__REMOTE_COMPONENT${name}`), 'optionalAccess', _12 => _12.innerHTML]))), () => ( _optionalChain([document, 'access', _13 => _13.querySelector, 'call', _14 => _14(`div[data-bundle][data-route][id^="${name}"]`), 'optionalAccess', _15 => _15.innerHTML]))), () => ( _optionalChain([document, 'access', _16 => _16.querySelector, 'call', _17 => _17("div[data-bundle][data-route]"), 'optionalAccess', _18 => _18.innerHTML]))) : null
   );
+  const initialSsrContentRef = _react.useRef.call(void 0, htmlRef.current != null);
+  const [stylesReady, setStylesReady] = _react.useState.call(void 0, 
+    () => !(typeof document !== "undefined" && isolate !== false && Boolean(src) && !initialSsrContentRef.current)
+  );
   const endTemplateRef = _react.useRef.call(void 0, null);
   const childrenRef = _react.useRef.call(void 0, 
     typeof document !== "undefined" ? (() => {
@@ -236,7 +240,7 @@ function ConsumeRemoteComponent({
       return elements;
     })() : []
   );
-  const hostStateRef = _react.useRef.call(void 0, _chunkHXCW3WDTcjs.createHostState.call(void 0, ));
+  const hostStateRef = _react.useRef.call(void 0, _chunkT2JJIQUJcjs.createHostState.call(void 0, ));
   const componentHydrationHtml = _react.useRef.call(void 0, null);
   const prevRemoteComponentContainerRef = _react.useRef.call(void 0, null);
   const unmountRef = _react.useRef.call(void 0, null);
@@ -276,6 +280,59 @@ function ConsumeRemoteComponent({
       }
     }
   }, [shadowRoot, remoteComponent, name]);
+  _react.useLayoutEffect.call(void 0, () => {
+    const currentSrc = src ? typeof src === "string" ? src : src.href : null;
+    if (stylesReady || initialSsrContentRef.current || !shadowRoot || !data || data.src !== currentSrc) {
+      return;
+    }
+    const expectedStylesheets = (_nullishCoalesce(data.links, () => ( []))).filter(
+      (link) => link.rel === "stylesheet"
+    );
+    if (expectedStylesheets.length === 0) {
+      setStylesReady(true);
+      return;
+    }
+    const expectedHrefs = new Set(
+      expectedStylesheets.map((link) => new URL(link.href, url).href)
+    );
+    const links = Array.from(
+      shadowRoot.querySelectorAll('link[rel="stylesheet"]')
+    ).filter((link) => expectedHrefs.has(link.href));
+    if (links.length < expectedHrefs.size) {
+      return;
+    }
+    if (links.length === 0) {
+      setStylesReady(true);
+      return;
+    }
+    let pending = links.length;
+    let settled = false;
+    const onSettled = () => {
+      pending -= 1;
+      if (!settled && pending <= 0) {
+        settled = true;
+        setStylesReady(true);
+      }
+    };
+    const cleanups = links.map((link) => {
+      if (link.sheet) {
+        onSettled();
+        return () => {
+        };
+      }
+      link.addEventListener("load", onSettled, { once: true });
+      link.addEventListener("error", onSettled, { once: true });
+      return () => {
+        link.removeEventListener("load", onSettled);
+        link.removeEventListener("error", onSettled);
+      };
+    });
+    return () => {
+      for (const cleanup of cleanups) {
+        cleanup();
+      }
+    };
+  }, [shadowRoot, data, stylesReady, src, url]);
   _react.useEffect.call(void 0, () => {
     if (src && src !== hostStateRef.current.prevSrc) {
       const previousSrc = hostStateRef.current.prevSrc;
@@ -289,6 +346,9 @@ function ConsumeRemoteComponent({
       const { signal } = hostStateRef.current.abortController;
       emitter.beforeLoad(src);
       hostStateRef.current.stage = "loading";
+      if (isolate !== false && !initialSsrContentRef.current) {
+        setStylesReady(false);
+      }
       _react.startTransition.call(void 0, async () => {
         try {
           let html = getRemoteComponentHtml(
@@ -302,7 +362,7 @@ function ConsumeRemoteComponent({
               _nullishCoalesce(_optionalChain([resolveClientUrl, 'optionalCall', _29 => _29(url.href)]), () => ( url.href)),
               location.href
             );
-            const res = await _chunkHXCW3WDTcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
+            const res = await _chunkT2JJIQUJcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
               onRequest,
               onResponse,
               abortController: hostStateRef.current.abortController
@@ -321,7 +381,7 @@ function ConsumeRemoteComponent({
           const userShared = await shared;
           if (signal.aborted)
             return;
-          const prepared = _chunkHXCW3WDTcjs.preparePipeline.call(void 0, {
+          const prepared = _chunkT2JJIQUJcjs.preparePipeline.call(void 0, {
             html,
             name,
             url,
@@ -362,11 +422,25 @@ function ConsumeRemoteComponent({
             href: new URL(_nullishCoalesce(link.getAttribute("href"), () => ( link.href)), url).href,
             ...link.getAttributeNames().reduce((acc, key) => {
               if (key !== "href") {
-                acc[_nullishCoalesce(_chunk6PZEDIAKcjs.attrToProp[key], () => ( key))] = _nullishCoalesce(link.getAttribute(key), () => ( ""));
+                acc[_nullishCoalesce(_chunkZPJ5J24Tcjs.attrToProp[key], () => ( key))] = _nullishCoalesce(link.getAttribute(key), () => ( ""));
               }
               return acc;
             }, {})
           }));
+          const stylesheetLinks = Array.from(linkElements).filter(
+            (link) => link.getAttribute("rel") === "stylesheet"
+          );
+          if (typeof _reactdom.preload === "function") {
+            for (const link of stylesheetLinks) {
+              _reactdom.preload.call(void 0, 
+                new URL(_nullishCoalesce(link.getAttribute("href"), () => ( link.href)), url).href,
+                {
+                  as: "style",
+                  fetchPriority: "high"
+                }
+              );
+            }
+          }
           const inlineScripts = (isRemoteComponent ? component : doc).querySelectorAll(
             "script:not([src]):not([data-src]):not([id*='_rsc']):not([id='__NEXT_DATA__']):not([id='__REMOTE_NEXT_DATA__'])"
           );
@@ -424,7 +498,7 @@ function ConsumeRemoteComponent({
             });
             self.__next_s = prevNextScripts;
           }
-          const rscName = rsc ? `__remote_component_rsc_${_chunk6PZEDIAKcjs.escapeString.call(void 0, id)}_${_chunk6PZEDIAKcjs.escapeString.call(void 0, 
+          const rscName = rsc ? `__remote_component_rsc_${_chunkZPJ5J24Tcjs.escapeString.call(void 0, id)}_${_chunkZPJ5J24Tcjs.escapeString.call(void 0, 
             remoteName
           )}` : void 0;
           if (rsc) {
@@ -495,9 +569,10 @@ function ConsumeRemoteComponent({
               );
               emitter.load(src);
             }
+            setStylesReady(true);
             hostStateRef.current.stage = "loaded";
           } else {
-            const result = await _chunkHXCW3WDTcjs.loadPrepared.call(void 0, {
+            const result = await _chunkT2JJIQUJcjs.loadPrepared.call(void 0, {
               prepared,
               url,
               signal,
@@ -566,8 +641,8 @@ function ConsumeRemoteComponent({
   const metadataJson = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "script", { "data-remote-component": true, type: "application/json", children: JSON.stringify({
     name: _optionalChain([data, 'optionalAccess', _33 => _33.name]) || name,
     bundle: _optionalChain([data, 'optionalAccess', _34 => _34.bundle]) || "default",
-    route: _optionalChain([data, 'optionalAccess', _35 => _35.route]) || _chunk6PZEDIAKcjs.DEFAULT_ROUTE,
-    runtime: hostStateRef.current.prevIsRemoteComponent ? _chunk6PZEDIAKcjs.RUNTIME_SCRIPT : _optionalChain([data, 'optionalAccess', _36 => _36.runtime]) || _chunk6PZEDIAKcjs.RUNTIME_WEBPACK
+    route: _optionalChain([data, 'optionalAccess', _35 => _35.route]) || _chunkZPJ5J24Tcjs.DEFAULT_ROUTE,
+    runtime: hostStateRef.current.prevIsRemoteComponent ? _chunkZPJ5J24Tcjs.RUNTIME_SCRIPT : _optionalChain([data, 'optionalAccess', _36 => _36.runtime]) || _chunkZPJ5J24Tcjs.RUNTIME_WEBPACK
   }) });
   const resetStyle = reset ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { "data-remote-components-reset": "react", children: `:host { all: initial; }` }) : null;
   const linksToRender = _optionalChain([data, 'optionalAccess', _37 => _37.links, 'optionalAccess', _38 => _38.map, 'call', _39 => _39((link) => /* @__PURE__ */ _react.createElement.call(void 0, 
@@ -616,14 +691,17 @@ function ConsumeRemoteComponent({
     if (shadowRemoteComponentHtml) {
       shadowRemoteComponentHtml.remove();
     }
+    const hideForStyles = !initialSsrContentRef.current && !stylesReady;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       metadataJson,
+      hideForStyles ? children : null,
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
           "data-remote-component-id": `shadowroot_${keySuffix}`,
           id: `shadowroot_${_nullishCoalesce(_optionalChain([data, 'optionalAccess', _44 => _44.name]), () => ( name))}`,
           ref: shadowRootContainerRef,
+          style: hideForStyles ? { display: "none" } : void 0,
           children: [
             typeof document === "undefined" ? (
               // eslint-disable-next-line react/no-unknown-property
@@ -679,4 +757,4 @@ function ConsumeRemoteComponent({
 
 
 exports.useRemoteNavigate = useRemoteNavigate; exports.ConsumeRemoteComponent = ConsumeRemoteComponent;
-//# sourceMappingURL=chunk-YSJ4FKGI.cjs.map
+//# sourceMappingURL=chunk-WCZKEWRM.cjs.map